@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Regular.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Montserrat-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Light.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Montserrat-Light.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Medium.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Montserrat-Medium.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Montserrat-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: 700;
    font-style: normal;
}



html {
    font-family: "Montserrat Regular", 'Arial', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    word-wrap: break-word;
    background-color: #f5f5f5;
    color: #1D1D1D;
    scroll-behavior: smooth;
    scroll-padding-top: 350px;
}

ul,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3 {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
}

a:active {
    background-color: transparent;
}

a,
.main_nav_item,
.info_sections_item,
.max_heigth_block_button {
    -webkit-tap-highlight-color: transparent;
}

a:not(.link_icon,
    .main_services_item_button,
    .header_breadcrumbs_link,
    .promo_link,
    .promo_news_big_link,
    .tag,
    .pagination_link,
    .button_link,
    .circle_button,
    .button_link--yellow,
    .yellow_button,
    .button_link--white,
    .useful_information_item_link,
    .section_header_link,
    .main_promo_item_button,
    .lk_button_popup_item,
    .main_news_item_link,
    .contacts_page_map_messager_link,
    .main_nav_item a,
    .slider_item a,
    .all_events_item a,
    .info_sections_item a,
    .footer a,
    .tag a) {
    color: #1D1D1D;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #B7C3D7;
    text-underline-offset: 4px;
    cursor: pointer;
}

a:not(.main_services_item_button,
    .header_breadcrumbs_link,
    .promo_link,
    .promo_news_big_link,
    .tag,
    .pagination_link,
    .button_link,
    .circle_button,
    .button_link--yellow,
    .yellow_button,
    .button_link--white,
    .useful_information_item_link,
    .section_header_link,
    .main_promo_item_button,
    .lk_button_popup_item,
    .main_news_item_link,
    .contacts_page_map_messager_link,
    .main_nav_item a,
    .slider_item a,
    .all_events_item a,
    .info_sections_item a,
    .footer a,
    .tag a):hover {
    text-decoration-color: #1D1D1D;
}

a.all_events_item_caption:hover {
    text-decoration: underline;
    text-decoration-color: #1D1D1D;
    text-underline-offset: 4px;
}

.form {
    display: flex;
    flex-direction: column;
}

.link_black {
    /* position: relative;
    display: inline;
    align-items: center; */
    color: #1D1D1D;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #B7C3D7;
    text-underline-offset: 4px;
    cursor: pointer;
}

.link_icon {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #B7C3D7;
    box-sizing: border-box;
    line-height: 16px;
    height: 16px;
}

.link_icon::after {
    content: url("../image/icons/link_14.svg");
    /* position: absolute; */
    bottom: -1px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    padding-left: 4px;
    padding-bottom: 2px;
    display: inline-flex;
}

.link_black:hover {
    text-decoration-color: #1D1D1D;
}

.link_icon:hover {
    border-bottom: 1px solid #1D1D1D;
}

a:hover .link_title {
    text-decoration: underline;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input,
textarea {
    width: 100%;
    border: none;
    outline: none;
    padding: 0;
    background-color: inherit;
}

textarea {
    resize: none;
    height: 100px;
    box-sizing: border-box;
}

.textarea--150 {
    height: 150px;
}

input::placeholder,
textarea::placeholder {
    color: #9AA4B4;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

input,
textarea {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

textarea {
    width: 100%;
}

fieldset {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
}

.pointer {
    cursor: pointer;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    -webkit-clip-path: inset(100%) !important;
    clip-path: inset(100%) !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
}

img {
    max-width: 100%;
}

img[src=""] {
    display: none;
}

.body {
    position: relative;
    display: flex;
    min-height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    /* padding-left: calc(50% - 960px);
    padding-right: calc(50% - 960px); */
    background-color: #FFDD0024;
    /* background: linear-gradient(90deg, #1D1D1D 50%, white 50%); */
}

/* max_heigth_block */
.max_heigth_block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.max_heigth_block_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    /* text-overflow: ellipsis; */
    transition: max-height 0.2s ease-in-out;
}

.max_heigth_block_button svg {
    transition: transform 0.2s ease-in-out;
}

.max_heigth_block_button {
    cursor: pointer;
}

.max_heigth_block_button .text_close {
    display: inline;
}

.max_heigth_block_button .text_open {
    display: none;
}

.max_heigth_block_button:hover {
    text-decoration: underline;
}

.max_heigth_block_button--open svg {
    transform: rotateX(180deg);
}

.max_heigth_block_button--open .text_close {
    display: none;
}

.max_heigth_block_button--open .text_open {
    display: inline;
}

@media (max-width: 768px) {
    .max_heigth_block_text {
        max-height: 120px;
    }
}

@supports (scrollbar-color: auto) and (not selector(::-webkit-scrollbar)) {
    .scrollbar {
        scrollbar-color: #c6cacf #d3d3d333;
        scrollbar-width: thin;
    }
}

.scrollbar {
    overflow: auto;
}

.scrollbar::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 3px;
    border-radius: 10px;
    overflow: scroll;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: rgba(211, 211, 211, 0.2);
    border-radius: 10px;
}

.scrollbar::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #c6cacf;
    border-radius: 10px;
}

.scrollbar--gorizontal::-webkit-scrollbar,
.table_wrapper::-webkit-scrollbar {
    height: 5px;
    border-radius: 10px;
}

.scrollbar--gorizontal::-webkit-scrollbar-track,
.table_wrapper::-webkit-scrollbar-track {
    background-color: rgba(211, 211, 211, 0.2);
    border-radius: 10px;
}

.scrollbar--gorizontal::-webkit-scrollbar-thumb,
.table_wrapper::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #c6cacf;
    border-radius: 10px;
    cursor: pointer;
}

.scrollbar--gorizontal::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 20px #ffdd00;

}

.scrollbar_off::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.scrollbar_off::-webkit-scrollbar-track {
    background-color: none;
}

.scrollbar_off::-webkit-scrollbar-thumb {
    box-shadow: none;
}

.wrapper {
    box-sizing: border-box;
    padding: 0 28px;
}

.page404_text {
    text-align: center;
    font-weight: 900;
    font-size: 12rem;
}

.page404_title {
    margin-bottom: 56px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 768px) {

    .page404_text {
        text-align: center;
        font-weight: 900;
        font-size: 6rem;
    }

    .page404_title {
        margin-bottom: 56px;
        font-size: 18px;
        line-height: 32px;
        font-weight: 600;
        text-align: center;
    }

    section.wrapper.flex {
        flex-direction: column;
        gap: 20px;
    }

    .subscribe_fildset.flex {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .scrollbar--gorizontal::-webkit-scrollbar-thumb,
    .table_wrapper::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 20px #ffdd00;
    }

}

.wrapper--main {
    padding: 0 48px;
}

.wrapper--900 {
    max-width: 900px;
}

.relative {
    position: relative;
}


/* tags */
.tag_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 3px 7px;
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #1D1D1D;
    border: 1px solid #E2E6EC;
    box-sizing: border-box;
    /* transition: border-color 0.2s ease-in-out;*/
    white-space: nowrap;
}

.tag:not(:last-child) {
    margin-right: 8px;
}

a:has(.tag):hover .tag {
    border-color: #a9a9a9;
}

/* .tag:not(:last-child) {
    margin-right: 8px;
} */

.tag--margin_0:not(:last-child) {
    margin-right: 0;
}

.tag--green {
    color: #49AB1C;
    background-color: #E4FADB;
    border-color: #E4FADB;
}

.tag--purple {
    color: #9046cf;
    background-color: #F1E8F9;
    border-color: #F1E8F9;
}

.tag--gray {
    color: #1D1D1D;
    background-color: #E2E6EC;
    border-color: #E2E6EC;
}

.tag--red {
    color: #FA2F2F;
    background-color: #FEE6E6;
    border-color: #FEE6E6;
}

.tag--big-news {
    position: relative;
    top: -2px;
}

/* buttons */

button {
    background-color: inherit;
    border: none;
    padding: 0;
    color: inherit;
    cursor: pointer;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 28px;
    background-color: #FFFFFF;
    border: 1px solid #D3DBEB;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}

.button:hover {
    color: #000000;
    background-color: #ffdd00;
}

.border_bottom {
    border-bottom: 1px solid #656e7d4d;
    margin-top: -1px;
}

.border {
    border: 1px solid #656e7d4d;
    border-radius: 4px;
}

.button_link {
    display: inline-block;
    padding: 13px 28px;
    /* flex-grow: 1; */
    flex-shrink: 0;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
    text-decoration: none;
    border: 1px solid #D3DBEB;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

button[disabled],
.button--disabled,
.link--disabled {
    background-color: #F3F4F5;
    color: #9AA4B4;
    border: 1px solid #F3F4F5;
    cursor: default;
}

.button_link:hover {
    /* border: 1px solid #1D1D1D; */
    background-color: #FFDD00;
}

.button_link--white {
    background-color: #FFFFFF;
    border: 1px solid #D3DBEB;
}

.button_link--yellow {
    background-color: #ffdd00;
    border: 1px solid #ffdd00;
    color: black !important;
}

.button_link--yellow:hover {
    border-color: #1D1D1D;
}

.button_link--white:hover {
    background-color: #FFFFFF;
    border: 1px solid #1D1D1D;
}


button[disabled]:hover,
.button--disabled:hover,
.link--disabled:hover {
    background-color: #F3F4F5;
    color: #9AA4B4;
    border: 1px solid #F3F4F5;
}

.circle_button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3DBEB;
    border-radius: 50%;
    color: #1D1D1D;
    transition: background-color 0.2s ease-in-out;
    z-index: 3;
}

.circle_button:hover {
    background-color: #ffdd00;
}

.circle_black_button {
    background-color: #1D1D1D80;
    color: #FFFFFF;
}

.circle_black_button:hover {
    background-color: #000000;
}

.circle_button--40 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
}

.circle_button--50 {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
}

.button--event {
    padding: 10px 16px;
}

/* two_columns_table */

.two_columns_table {
    width: 100%;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}

.two_columns_table_row {
    display: grid;
    grid-template-columns: 50% auto;
    border-bottom: 1px solid #E2E6EC;
}

.two_columns_table--260 .two_columns_table_row {
    grid-template-columns: 260px auto;
}

.two_columns_table--90 .two_columns_table_row {
    grid-template-columns: 90% auto;
}

.two_columns_table_row:last-child {
    border-bottom: none;
}

.two_columns_table_title,
.two_columns_table_text {
    padding: 16px;
}

.two_columns_table_title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #656E7D;
    border-right: 1px solid #E2E6EC;
}

.two_columns_table_text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
}

.two_columns_table_text_wrapper {
    /* display: inline-block; */
    margin-right: auto;
}

.two_columns_table_text--file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
}

.two_columns_table_text--file_name {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #3C4758;
}

.two_columns_table_text--file_size {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9AA4B4;
}

@media (max-width: 768px) {
    .two_columns_table {
        max-width: 100%;
    }

    .two_columns_table_row {
        flex-direction: column;
    }

    /* .two_columns_table_title {
        border-right: none;
    } */

    .two_columns_table--260 .two_columns_table_row {
        grid-template-columns: 50% auto;
    }

    .two_columns_table--90 .two_columns_table_row {
        grid-template-columns: 85% auto;
    }

}

/* notification */
.notification_wrapper {
    position: fixed;
    z-index: 5;
    bottom: 28px;
    right: 28px;
}

.notification_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.notification_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 340px;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 4px;
    background-color: #000000;
    color: #FFFFFF;
}

.notification_item--success {
    background-color: #1A8C41;
}

.notification_item--error {
    background-color: #FA2F2F;
}

.notification_icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.notification_text {
    margin-right: auto;
}

.notification_close_button:hover {
    color: #1D1D1D;
}

@media (max-width: 768px) {
    .notification_wrapper {
        right: 12px;
        width: calc(100% - 24px);
    }

    .notification_item {
        width: 100%;
    }
}

/* popup */
.popup_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.popup_wrapper--active {
    display: flex;
}

.popup_block {
    display: flex;
    max-height: calc(100% - 40px);
    gap: 16px;
}

.popup,
.popup_new {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 320px;
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 4px;
    overflow-y: auto;
}

.popup_title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.popup_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.popup_buttons {
    display: flex;
    gap: 16px;
    margin-top: 28px;
}

.popup_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
    border-radius: 4px;
}

.popup_button:hover {
    color: #000000;
    border: 1px solid #000000;
}

.popup_close_button {
    background-color: #FFFFFF;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.popup_close_button:hover {
    background-color: #ffdd00;
    border: 1px solid #1D1D1D;
}

@media (max-width: 768px) {
    .popup_wrapper {
        z-index: 15;
    }

    .popup_block {
        flex-direction: column-reverse;
        align-items: flex-end;
        max-width: calc(100% - 24px);
    }

    .popup_new,
    .popup {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        padding: 24px 12px;
        overflow-y: scroll;
        overflow-x: clip;
        box-sizing: border-box;
    }
}

/* list popup */
.list_popup {
    display: none;
    position: absolute;
    right: 23px;
    width: 240px;
    box-sizing: border-box;
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px solid #D0D4D9;
    border-radius: 4px;
    z-index: 5;
}

a.table_row__5:nth-child(2) .list_popup {
    top: 50px;
}

a.table_row__5:not(:nth-child(2)) .list_popup {
    bottom: calc(100% - 20px);
}

.list_popup--open {
    display: block;
}

.list_popup_item {
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.list_popup_item:hover {
    background-color: #F3F4F5;
}

/* accordion */
.accordion_item:first-child {
    border-top: 1px solid #1D1D1D;
}

.accordion_item {
    border-bottom: 1px solid #1D1D1D;
}

.accordion_item--close {
    display: none;
}

.accordion_title {
    padding: 40px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.accordion_button:hover .accordion_arrow {
    background-color: #FFDD00;
}

.accordion_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.accordion_arrow {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    /* max-height: 40px; */
    border: 1px solid #D3DBEB;
    border-radius: 50%;
    box-sizing: border-box;
}

.accordion_arrow_icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    transition: height 0.2s ease-in-out;
}

.accordion_arrow::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 14px;
    background-color: #1D1D1D;
}

.accordion_arrow::before {
    content: '';
    position: absolute;
    height: 14px;
    width: 1px;
    background-color: #1D1D1D;
    transition: height 0.2s ease-in-out;
}

.accordion_item--open .accordion_arrow::before {
    height: 1px;
}

.accordion_content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.accordion_item--open .accordion_content {
    padding-bottom: 40px;
}

@media (max-width: 768px) {
    .accordion_title {
        padding: 28px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
    }
}

/* tab */
.tabs_wrapper {
    display: flex;
    overflow-x: auto;
    overflow-y: unset;
    padding-bottom: 1px;
}

.tab_list {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #9AA4B4;
}

.tab_item {
    position: relative;
    cursor: pointer;
    padding-bottom: 20px;

    /* @media (max-width: 1000px) {
        padding-bottom: 20px;
    } */
}

.tab_item--active {
    color: #1D1D1D;
}

.tab_item--active::after {
    content: '';
    position: absolute;
    display: block;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #1D1D1D;
}

.select_item.tab_item--active::after {
    display: none;
}

.tab_content {
    position: relative;
    display: none;
    width: 100%;
}

.tab_content--active {
    display: block;
}

/* my_events */
.event_list {
    width: 100%;
}

.event_item {
    border-bottom: 1px solid #E2E6EC;
}

.event_item:first-child {
    border-top: 1px solid #E2E6EC;
}

.event_link {
    position: relative;
    display: flex;
    gap: 32px;
    padding: 28px;
}

.event_link:hover {
    background-color: #FBFCFD;
}

.event_link::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 0;
    width: 2px;
    height: calc(100% - 28px * 2);
    background-color: #D3DBEB;
}

.event_link--event::before {
    background-color: #9046CF;
}

.event_link--consultation::before {
    background-color: #49AB1C;
}

.event_link--coworking::before {
    background-color: #00A6FB;
}

.event_info_wrapper {
    display: flex;
    gap: 32px;
}


.event_date {
    width: 90px;
    text-align: center;
    flex-shrink: 1;
}

.event_month {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #9AA4B4;
}

.event_day {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.event_info {
    min-width: 215px;
}

.event_info_item {
    position: relative;
    gap: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #1D1D1D;
    max-width: 185px;
    padding-left: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_info_item::before {
    content: url('/image/icons/info.svg');
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
}

.event_time::before {
    content: url('/image/icons/time.svg');
}

.event_info::before {
    content: url('/image/icons/info.svg');
}

.event_location::before {
    content: url('/image/icons/map.svg');
}

.event_phone::before {
    content: url('/image/icons/phone.svg');
}

.event_mail::before {
    content: url('/image/icons/mail.svg');
}

.event_popup_date::before {
    content: url('/image/icons/calendar.svg');
}

.event_world::before {
    content: url('/image/icons/world.svg');
}

.event_star::before {
    content: url('/image/icons/yellow_star.svg');
}

.event_description_wrapper {
    width: 364px;
    flex-grow: 1;
}

.event_title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.event_speaker {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #9AA4B4;
    text-decoration: underline;
}

.event_button_wrapper {
    margin-left: auto;
}

.event_button_text {
    display: none;
}

.event_link--event .event_button_text--event {
    display: inline;
}

.event_link--consultation .event_button_text--consultation {
    display: inline;
}

.event_link--coworking .event_button_text--coworking {
    display: inline;
}

.event_month_wrapper {
    min-height: 48px;
}

.event_data_input {
    display: none;
}

.event_data_input--active {
    display: block;
}

.event_mobile_list_wrapper {
    display: none;
}

/* events_page */
.events_page_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .events_page_filters {
        flex-direction: column;
        align-items: flex-start;
    }

    .events_page_filters .filter_wrapper,
    .events_page_filters .date_input_list_wrapper,
    .events_page_filters .search_input,
    .events_page_filters .search_form_label,
    .events_page_filters .input--260 {
        width: 100%;
    }

    .events_page_filters .filter_wrapper:nth-child(2) {
        margin-left: 0;
    }
}

/* event page */

.event_promo_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 420px;
    padding: 40px 28px;
    box-sizing: border-box;
    background-color: #1D1D1D;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.event_promo_block.wrapper--main {
    padding: 48px;
}

@media (max-width: 1440px) {
    .event_promo_block.wrapper--main {
        padding: 28px;
    }
}

@media (max-width: 768px) {
    .event_promo_block.wrapper--main {
        padding: 12px;
    }
}

.event_promo_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 450px;
}

.event_page_wrapper {
    padding-top: 16px;
}

.event_page_info_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 40px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 1340px) {
    .event_page_info_list {
        gap: 10px;
    }
}

@media (max-width: 1000px) {
    .event_page_info_list {
        margin-left: 0;
    }
}

.event_page_info_list--footer {
    margin-left: 0;
}

.event_page_info_item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.event_page_info_item::before {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.event_page_button_wrapper {
    position: relative;
    display: flex;
    gap: 20px;
    margin-left: auto;
}

.event_page_speaker {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #9AA4B4;
}

@media (max-width: 1420px) {
    .event_page_speaker {
        max-width: 150px;
    }
}

.event_page_button {
    margin-bottom: 15px;
    padding-bottom: 13px;
    padding-top: 13px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.event_page_speaker_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.event_page_speaker_image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.event_page_speaker_image img {
    width: 100%;
    height: 100%;
}

.event_page_speaker_name {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
    text-decoration: underline;
    text-decoration-color: #B7C3D7;
}

.event_page_speaker_name:hover {
    text-decoration-color: #1D1D1D;
}

.event_page_speaker_position {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #9AA4B4;
}

.event_page_footer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 24px calc(50% - 500px) 120px;
    border-top: 1px solid #E2E6EC;
}

.event_page_footer_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 150px;
    padding-right: 150px;
    text-align: left;
    flex-grow: 1;
}

.event_page_footer_title {
    position: absolute;
    left: 0;
    top: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.event_page_footer_share {
    position: absolute;
    right: 0;
    top: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
}

@media (max-width: 1420px) {
    .event_page_footer_share {
        max-width: 150px;
        gap: 20px;
    }
}

.event_page_footer_share_list {
    display: flex;
    align-items: center;
    gap: 16px;
}

.event_page_tabs {
    align-items: end;
    flex-shrink: 0;
}

.event_page_table_avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}

.event_page_table_avatar--red {
    background-color: #FEE6E6;
    color: #FA2F2F;
}

.event_page_table_avatar--green {
    background-color: #E4FADB;
    color: #49AB1C;
}

.event_page_table_avatar--orange {
    background-color: #FFEDD8;
    color: #E67C00;
}

.event_page_table_avatar--blue {
    background-color: #E0F4FE;
    color: #00A6FB;
}

.event_page_table_avatar--purple {
    background-color: #F1E8F9;
    color: #9046CF;
}

.event_page_table_avatar--gray {
    background-color: #E2E6EC;
    color: #656E7D;
}

@media (max-width: 1000px) {

    .event_page_wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .event_page_footer,
    .event_page_header {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .event_page_footer button {
        width: 100%;
    }

    .event_page_tabs {
        border-bottom: 1px solid #E2E6EC;
    }

    .event_page_info_list {
        flex-direction: column;
    }

    .event_page_button_wrapper {
        margin-left: 0;
    }

    .event_page_button {
        width: 400px;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        flex-shrink: 1;
    }

    .event_page_footer_info {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }


    .event_page_footer_title,
    .event_page_footer_share,
    .event_page_speaker {
        position: static;
        max-width: 100%;
    }

    .event_page_speaker_image {
        width: 90px;
        height: 90px;
    }

    .event_page_speaker_info {
        flex-direction: row;
        gap: 20px;
    }
}

.event_page_checkbox {
    top: 73%;
    left: 13px;
}

/* speaker page */
.speaker_page_header_title {
    padding-bottom: 40px;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
}

.speaker_page_info_wrapper {
    display: flex;
    gap: 100px;
    margin-top: 40px;
}

.speaker_page_photo {
    display: flex;
    gap: 24px;
    flex-shrink: 0;
}

.speaker_page_name {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.speaker_page_contact {
    display: flex;
    gap: 12px;
}

.speaker_page_social_link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border: 1px solid #E2E6EC;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.speaker_page_social_link:hover {
    border-color: #1D1D1D;
}

@media (max-width: 768px) {
    .speaker_page_header_title {
        padding-bottom: 36px;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

    .speaker_page_info_wrapper {
        flex-direction: column;
        gap: 60px;
        margin-top: 20px;
    }

    .speaker_page_photo {
        gap: 20px;
    }

    .speaker_page_avatar {
        width: 90px;
        height: 90px;
    }

    .speaker_page_name {
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

}

/* rate_page */
.rate_page_form_wrapper {
    width: 800px;
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .rate_page_form_wrapper {
        width: 100%;
    }
}

.rate_page_form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.rate_page_form_label {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

.rate_page_form_label_number {
    position: absolute;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    border: 1px solid #E2E6EC;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.rate_page_form_label_error {
    display: none;
    position: absolute;
    bottom: -18px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #FA2F2F;
}

.rate_page_form_label--error,
.rate_page_form_label--error .rate_page_form_label_number {
    border-color: #FA2F2F;
}

.rate_page_form_label--error .rate_page_form_label_error {
    display: block;
}

.rate_page_form_label_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.rate_page_form_label_description {
    margin-top: 4px;
}

.rate_page_form_textarea {
    width: 100%;
    min-height: 124px;
}

.textarea_counter {
    position: absolute;
    bottom: -18px;
    left: 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
    color: #9AA4B4;
}

.star_list {
    display: flex;
    margin-top: 36px;
}

.star_item {
    color: #E2E6EC;
    cursor: pointer;
}

.star_item--active {
    color: #FFDD00;
}

.star_item--hover {
    color: #ffdd00aa;
}

/* consultation page */
.consultations_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.consultations_title_wrapper .button_link {
    margin-top: 36px;
}

@media (max-width: 768px) {
    .consultations_title_wrapper .button_link {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}

.consultations_list_wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.consultations_list {
    display: flex;
    gap: 24px;
}

.consultations_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    min-height: 210px;
    padding: 32px;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

.consultations_item_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.consultations_item_title {
    max-width: 480px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.consultations_feedback_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding-top: 28px;
    padding-bottom: 120px;
    margin-top: auto;
    border-top: 1px solid #E2E6EC;
}

.consultations_feedback_title {
    max-width: 300px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    flex-shrink: 2;
}

.consultations_feedback_form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 800px;
    flex-shrink: 1;
}

.consultations_feedback_form .button_link {
    align-self: start;
}

.download_link {
    position: relative;
    display: flex;
    gap: 8px;
}

.download_link::before {
    content: url('/image/icons/pdf_color.svg');
}

.consultation_specialist {
    position: absolute;
    left: 0;
    max-width: 165px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 1420px) {
    .consultation_specialist {
        max-width: 140px;
    }
}

@media (max-width: 768px) {
    .consultation_specialist {
        position: relative;
        width: 100%;
        max-width: 100%;
    }
}

.consultation_specialist_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.consultation_specialist_image {
    width: 100%;
    /* height: 165px; */
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .consultation_specialist_image {
        width: 165px;
        height: 165px;
        flex-shrink: 0;
    }

}

.consultation_specialist_image img {
    width: 100%;
    height: 100%;
}

.consultation_specialist_name {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

}

.consultation_specialist_file,
.base_file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 17px 20px;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

.consultation_sign_up_form_wrapper,
.coworking_form_wrapper {
    width: 800px;
    padding-top: 40px;
    padding-bottom: 120px;
}

@media (max-width: 1200px) {

    .consultation_sign_up_form_wrapper,
    .coworking_form_wrapper {
        width: 100%;
    }
}

.coworking_form_wrapper {
    width: 100%;
}

.consultation_sign_up_form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 72px;
}

.consultation_sign_up_form_fieldset {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;

    .title-18 {
        padding-bottom: 0;
    }
}

.consultation_sign_up_date_list_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    align-self: flex-start;
}

.consultation_sign_up_date_button--prev {
    transform: rotate(180deg);
}

.consultation_sign_up_date_list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.consultation_sign_up_date_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 60px;
    height: 70px;
    background-color: #FFFFFF;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.consultation_sign_up_date_item--active {
    background-color: #FFDD00;
    border-color: #FFDD00;
}

.consultation_sign_up_date_item--disabled {
    background-color: #F3F4F5;
    color: #9AA4B4;
    border-color: #F3F4F5;
    cursor: not-allowed;
}

.consultation_sign_up_date_item:not(.consultation_sign_up_date_item--disabled):hover {
    background-color: #FFDD00;
    border-color: #FFDD00;
}


.consultation_sign_up_time_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.consultation_sign_up_time_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.consultation_sign_up_time_item--disabled {
    background-color: #F3F4F5;
    color: #9AA4B4;
    border-color: #F3F4F5;
    cursor: not-allowed;
}

.consultation_sign_up_time_item--active,
.consultation_sign_up_time_item:not(.consultation_sign_up_time_item--disabled):hover {
    background-color: #FFDD00;
    border-color: #FFDD00;
}

.consultation_sign_up_date_text {
    position: absolute;
    top: 36px;
}

.week_day {
    text-transform: uppercase;
}


@media (max-width: 1024px) {

    .consultations_title_wrapper,
    .consultations_list,
    .consultations_feedback_wrapper {
        flex-direction: column;
    }

    .consultations_title_wrapper {
        align-items: flex-start;
    }

    .consultations_title_wrapper .button_link {
        margin-top: 20px;
    }

    .consultations_item {
        width: 100%;
        box-sizing: border-box;
    }

    .consultations_feedback_form .button_link,
    .consultations_feedback_form {
        width: 100%;
    }

    .consultation_specialist_file {
        padding: 10px;
    }

    .consultation_sign_up_date_item {
        width: 50px;
    }

    .consultation_sign_up_form_button {
        width: 100%;
    }
}

/* coworking */
.coworking_checkbox_wrapper {
    display: flex;
    gap: 24px;
}

@media (max-width: 1024px) {
    .coworking_checkbox_wrapper {
        flex-direction: column;
    }
}

.coworking_form_checkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
    padding: 32px;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

@media (max-width: 1024px) {
    .coworking_form_checkbox {
        gap: 20px;
        padding: 20px;
    }
}

.coworking_form_checkbox:has(input:checked) {
    border: 1px solid #FFDD00;
}

.coworking_form_feature_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

@media (max-width: 1024px) {
    .coworking_form_feature_list {
        gap: 14px;
        justify-content: space-between;
    }

}

.coworking_form_feature_item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.coworking_warning_message {
    position: absolute;
    bottom: -30px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #E67C00;
}

/* calendar */

.calendar_list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.calendar_day_item {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 1px solid #E2E6EC;
    color: #656E7D;

}

.calendar_day_item {
    border-right: none;
}

.calendar_day_item:nth-child(7) {
    border-right: 1px solid #E2E6EC;
}

.calendar_item {
    border: 1px solid #E2E6EC;
    border-top: none;
    min-height: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.calendar_item:not(:nth-child(7n)):not(:last-child) {
    border-right: none;
}

.calendar_item_number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px;
}

.calendar_item_number--tuesday {
    grid-column-start: 2;
}

.calendar_item--today .calendar_item_number {
    background-color: #ffdd00;
}

.calendar_item_events_list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.calendar_item_event {
    position: relative;
    display: grid;
    grid-template-columns: auto 30px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px;
    padding-left: 8px;
    border-radius: 4px;
    color: #1D1D1D;
    background-color: #E2E6EC;
    border-color: #E2E6EC;
    cursor: pointer;
}

.calendar_item_event:hover {
    filter: brightness(0.95);
}

.calendar_item_event::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 1px;
    height: calc(100% - 8px);
    background-color: gray;
}

.calendar_item_event--event {
    background-color: #F1E8F9;
    color: #9046CF;
}

.calendar_item_event--event::before {
    background-color: #9046CF;
}

.calendar_item_event--coworking {
    background-color: #E0F4FE;
    color: #00A6FB;
}

.calendar_item_event--coworking::before {
    background-color: #00A6FB;
}

.calendar_item_event--consultation {
    background-color: #E4FADB;
    color: #49AB1C;
}

.calendar_item_event--consultation::before {
    background-color: #49AB1C;
}

.calendar_item_event p:first-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_month_wrapper .calendar_buttons {
    display: none;
}

.event_month_wrapper .calendar_buttons--active {
    display: flex;
}

.calendar_event_popup_wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.calendar_event_popup_wrapper--open {
    display: block;
}

.calendar_event_popup {
    position: absolute;
    /* top: 100px;
    left: calc(50% - 210px); */
    display: block;
    width: 420px;
    padding: 28px;
    background-color: #FFFFFF;
    z-index: 3;
    box-shadow: 6px 10px 40px 0px #0707071A;
}

/* .calendar_event_popup--open {
    display: block;
} */

.calendar_event_popup .event_info_wrapper {
    border-top: 1px solid #E2E6EC;
    padding-top: 16px;
}

.calendar_event_popup .event_info_item {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    white-space: wrap;
    overflow: visible;
    text-overflow: ellipsis;
}

.calendar_event_popup_link {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: underline;
}

.calendar_event_popup .event_button_wrapper {
    margin-left: 0;
}

@media (max-width: 1200px) {
    .event_link {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    div.event_month_wrapper {
        align-items: center;
        justify-content: space-between;
        margin-right: 0;
        width: 100%;
    }

    .event_link {
        flex-direction: column;
    }

    .event_info_wrapper {
        width: 100%;
    }

    .event_description_wrapper {
        width: 100%;
    }

    .event_button_wrapper {
        margin-left: 0;
        margin-right: auto;
    }

    .event_mobile_list_wrapper {
        display: block;
    }

    h1.main_page_header_title--event {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    .calendar_day_item:nth-child(7) {
        border-right: none;
    }

    .calendar_day_item,
    .calendar_item {
        border: none;
        border-top: 1px solid #E2E6EC;
    }

    .calendar_day_item {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        color: #9AA4B4;
        text-transform: lowercase;
    }

    .calendar_item {
        min-height: auto;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .calendar_item--active .calendar_item_number {
        background-color: #1D1D1D;
        color: #FFFFFF;
    }

    .calendar_list {
        border-bottom: 1px solid #E2E6EC;
        margin-bottom: 20px;
    }

    .calendar_item_events_list {
        position: relative;
        gap: 0;
    }

    .calendar_item_event {
        overflow: hidden;
        height: 0;
        width: 0;
        margin: 0;
        padding: 0;
    }

    .calendar_item_events_list::after {
        content: '';
        position: absolute;
        display: block;
        top: -15px;
        left: calc(50% - 2px);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #1D1D1D;
    }

    .calendar_item--active .calendar_item_events_list::after {
        background-color: #FFFFFF;
    }


    .calendar_item_number {
        width: 100%;
        padding-top: 11px;
        padding-bottom: 15px;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .event_mobile_list_title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
    }

    .event_mobile_list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .event_mobile_item {
        position: relative;
        display: grid;
        grid-template-columns: auto 40px;
        gap: 8px;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        border-radius: 4px;
        color: #1D1D1D;
        background-color: #E2E6EC;
        border-color: #E2E6EC;
    }

    .event_mobile_item::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 4px;
        width: 1px;
        height: calc(100% - 16px);
        background-color: gray;
    }

    .event_mobile_item--event {
        background-color: #F1E8F9;
        color: #9046CF;
    }

    .event_mobile_item--event::before {
        background-color: #9046CF;
    }

    .event_mobile_item--coworking {
        background-color: #E0F4FE;
        color: #00A6FB;
    }

    .event_mobile_item--coworking::before {
        background-color: #00A6FB;
    }

    .event_mobile_item--consultation {
        background-color: #E4FADB;
        color: #49AB1C;
    }

    .event_mobile_item--consultation::before {
        background-color: #49AB1C;
    }

    .calendar_event_popup_wrapper {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .calendar_event_popup {
        max-width: 100%;
        box-sizing: border-box;
        position: fixed;
        top: auto;
        left: 0;
        bottom: 0;
    }
}

.event_mobile_item_description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

/* all_events */
.all_events_list_title {
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
}

.all_events_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-top: 80px;
    padding-bottom: 16px;
    border-top: 1px solid #E2E6EC;
}

.all_events_list--slider {
    flex-wrap: nowrap;
    border-top: none;
    padding-top: 0;
    gap: 0;
}

.all_events_list_title {
    position: absolute;
    top: 24px;
}

.all_events_item {
    width: calc(25% - 24px * 3 / 4);
    padding-bottom: 32px;
}

.all_events_item--main {
    width: calc(40% - 12px);
    padding-bottom: 0px;

}

.all_events_list--slider .all_events_item {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .all_events_list--slider .all_events_item {
        width: 93%;
    }

}

.all_events_list--slider .all_events_item:not(:last-child) {
    margin-right: 24px;
}

@media (max-width: 768px) {
    .all_events_list--slider .all_events_item:not(:last-child) {
        margin-right: 12px;
    }
}

.all_events_item_image {
    width: 100%;
}

.all_events_item_date_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.all_events_item_caption {
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

@media (max-width: 1024px) {
    .all_events_item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .all_events_item {
        width: 100%;
    }
}

.body--no-scroll {
    overflow: hidden;
    /* padding-left: calc(50% - 919px);
    padding-right: calc(50% - 901px); */
    /* width: calc(100% - 20px); */
    /* width: 100%; */
    /* padding-right: calc(50% - 893px); */
}

@media (max-width: 1920px) {
    .body--no-scroll {
        width: calc(100% - 17px);
        padding-right: 20px;
    }
}

@media (max-width: 1480px) {
    .wrapper {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media (max-width: 1000px) {
    .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .body--no-scroll {
        overflow: hidden;
        width: 100vw;
        padding-right: 0;
    }

    .wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }

    .button {
        width: 100%;
        box-sizing: border-box;
    }

    .main_page_header_title.border_bottom {
        border-bottom: none;
    }
}

/* body */


/* aside */

.aside {
    position: sticky;
    top: 0;
    min-width: 300px;
    max-width: 300px;
    height: 100vh;
    padding-bottom: 50px;
    background: #1D1D1D;
    color: #FFFFFF;
    font-weight: 500;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 5;
}

.aside_block_wrapper {
    padding: 28px;
}

.aside_logo_wrapper {
    position: sticky;
    top: 0;
    padding: 17px 28px 18px;
    background-color: #1D1D1D;
}

.aside_logo_link {
    display: flex;
    align-items: center;
}

.aside_user_info_wrapper {
    display: none;
}

.aside_user_info_email {
    color: #9AA4B4;
    font-weight: 400;
}

.aside_calendar_wrapper {
    padding-bottom: 28px;
}

.aside_title {
    padding-top: 12px;
    padding-bottom: 20px;
    color: #656E7D;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.aside_calendar_link {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}

.aside_calendar_link:hover {
    color: #cccccc;
}

.menu_link--active:hover {
    color: #1D1D1D;
    cursor: default;
}

.aside_mybusiness_sublist {
    max-height: 0;
    overflow: hidden;
    /* transition: max-height 0.3s ease-in-out; */
}

.aside_mybusiness_item_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

/* .aside_mybusiness_item_button svg {
    transition: transform 0.2s ease-in-out;
} */

.aside_mybusiness_item_button:hover {
    color: #aaaaaa;
}

.aside_mybusiness_item_button:hover svg {
    transform: translateY(1px);
}

/* .aside_mybusiness_item--open:nth-child(1) .aside_mybusiness_sublist {
    max-height: 120px;
}

.aside_mybusiness_item--open:nth-child(2) .aside_mybusiness_sublist {
    max-height: 100px;
}

.aside_mybusiness_item--open:nth-child(3) .aside_mybusiness_sublist {
    max-height: 450px;
}

.aside_mybusiness_item--open:nth-child(4) .aside_mybusiness_sublist {
    max-height: 200px;
}

.aside_mybusiness_item--open:nth-child(5) .aside_mybusiness_sublist {
    max-height: 170px;
} */

/* .aside_mybusiness_item--open .aside_mybusiness_sublist {
    max-height: 500px;
} */

.aside_mybusiness_item--open .aside_mybusiness_item_button svg {
    transform: rotateX(180deg);
}


.aside_mybusiness_subitem_link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.aside_mybusiness_subitem_link svg {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
}

.menu_link--active,
.aside_mybusiness_subitem_link--active,
.aside_mybusiness_subitem_link:hover {
    color: #000000;
    background-color: #FFDD00;
}

.aside_mybusiness_subitem_link--active {
    cursor: default;
}

.aside_mybusiness_sublist_wrapper_header {
    display: none;
}

@media (max-width: 768px) {
    .aside {
        display: none;
        padding-bottom: 12px;
    }

    .aside--open {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        padding-top: 80px;
        background-color: #1D1D1D;
        z-index: 5;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .aside--open_submenu {
        overflow: hidden;
    }

    .aside--open .aside_logo_wrapper {
        display: none;
    }

    .aside--open .aside_user_info_wrapper {
        display: flex;
        gap: 12px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #656e7d4d;
    }

    .aside_logout_wrapper {
        margin-top: 12px;
        padding-top: 48px;
    }

    .aside_logout_link {
        display: block;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .aside_mybusiness_sublist {
        max-height: 0;
        transition: none;
        overflow-y: scroll;
    }

    /* .aside_mybusiness_item--open .aside_mybusiness_item_button svg {
        transform: rotateX(180deg);
    } */

    .aside_mybusiness_item_button svg {
        transition: none;
        transform: rotateZ(-90deg);
    }

    .aside_mybusiness_item--open .aside_mybusiness_sublist {
        max-height: 100%;
    }


    .aside_mybusiness_item--open .aside_mybusiness_sublist_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        padding-top: 80px;
        background-color: #1D1D1D;
        z-index: 5;
        overflow-y: auto;
        box-sizing: border-box;
        min-height: 100vh;
    }

    .aside_mybusiness_item--open .aside_mybusiness_sublist_wrapper_header {
        display: block;
    }

    .aside_mybusiness_submenu_button_back {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        color: #FFFFFF;
        border-bottom: 1px solid #656e7d4d;
    }

}

/* header */
.header {
    position: sticky;
    padding-top: 20px;
    padding-bottom: 20px;
    top: 0;
    width: 100%;
    max-height: 80px;
    display: flex;
    /* justify-content: space-between; */
    gap: 24px;
    margin-bottom: -80px;
    z-index: 5;
    transition: background-color 0.2s ease-in-out;

}

.header--background {
    backdrop-filter: blur(5px);
    box-sizing: border-box;
    border-bottom: 1px solid #E2E6EC;
    background-color: #1d1d1dbb;
}

.header_breadcrumbs_wrapper {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.main_section--event_page .header_breadcrumbs_wrapper {
    position: absolute;
    padding-top: 20px;
}

.header_breadcrumbs_list {
    padding-top: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1D1D1D;
    transition: color 0.2s ease-in-out;
    padding-bottom: 10px;
}

.main--transparent_header .header_breadcrumbs_list,
.header--background .header_breadcrumbs_list,
.main_section--event_page .header_breadcrumbs_list {
    color: #FFFFFF;
}

.header_breadcrumbs_item {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.header_breadcrumbs_item:not(:last-child)::after {
    content: "/";
    padding-left: 12px;
}

.header_breadcrumbs_item:last-child {
    color: #9AA4B4;
    text-decoration: none;
    max-width: 262px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header_breadcrumbs_link:hover {
    text-decoration: underline;
}

.header_breadcrumbs_item:last-child .header_breadcrumbs_link:hover {
    text-decoration: none;
}

.header_content_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
    width: 100%;
}

.header_logo_wrapper {
    margin-right: auto;
    display: none;
}

.header_logo_link {
    display: flex;
    align-items: center;
}


.header_user_avatar {
    width: 40px;
    height: 40px;
    background-color: #FFEDD8;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_user_info_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1D1D1D;
    transition: color 0.2s ease-in-out;
}

.header--background .header_user_info_wrapper,
.main--transparent_header .header_user_info {
    color: #FFFFFF;
}

.header_user_info {
    position: relative;
}

.header_user_name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
}

.header_user_name:hover {
    text-decoration: underline;
}

.header_user_name--menu_opened svg {
    transform: rotateX(180deg);
}

.header_user_menu {
    position: absolute;
    top: 150%;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    background-color: #FFFFFF;
    color: #1D1D1D;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.header--background .header_user_menu {
    /* .main--transparent_header .header_user_menu { */
    color: #FFFFFF;
    background-color: #1D1D1D;
}

.header_user_menu--open {
    display: flex;
}

.header_user_menu_item:not(:last-child) {
    border-bottom: 1px solid #656e7d4d;
}

.header_user_menu_link {
    display: block;
    padding: 12px;
}

.header_user_menu_link:hover {
    color: #000000;
    background-color: #FFDD00;
}

.header_menu_button_wrapper {
    display: none;
}

.header_button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff80;
    border-radius: 50%;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.header_button--menu {
    background-color: #1D1D1D;
    color: #ffffff;
}

.header_button--bell {
    color: #1D1D1D;
    background-color: #FFFFFF;
    border: 1px solid #D3DBEB;
}

.header_button--bell:hover {
    background-color: #ffdd0080;
}

.header--background .header_button--bell,
.main--transparent_header .header_button {
    color: #FFFFFF;
    background-color: #1d1d1d;
}

.header--background .header_button--bell:hover,
.main--transparent_header .header_button:hover {
    background-color: #000000;
}

.header_button--notified::after {
    content: "";
    position: absolute;
    display: block;
    top: 1px;
    right: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFDD00;
}

.svg_cross {
    display: none;
}

@media (max-width: 1040px) {
    /* .header {
        max-height: 200px;
    } */

    .header_breadcrumbs_wrapper {
        flex-shrink: 1;
    }

    .header_breadcrumbs_list {
        flex-wrap: wrap;
        gap: 4px;
    }

    .header_breadcrumbs_item:not(:last-child)::after {
        content: "/";
        padding-left: 4px;
    }

    /* .header_breadcrumbs_item:last-child:not(:nth-child(2)) {
        max-width: 50px;
    } */


}

@media (max-width: 768px) {
    .header {
        flex-direction: column-reverse;
        background-color: #FFFFFF;
        margin-bottom: 0;
        border-bottom: 1px solid #656e7d4d;
        z-index: 11;
        max-height: 200px;
    }

    .main--transparent_header .header {
        gap: 12px;
    }

    .header--background .header_button--bell,
    .main--transparent_header .header_button--bell {
        background-color: #FFFFFF;
        color: #1D1D1D;
    }

    .main--transparent_header .header_button--bell:hover,
    .header--background .header_button--bell:hover {
        background-color: #ffdd0080;
    }

    .main--transparent_header .header_breadcrumbs_list,
    .header--background .header_breadcrumbs_list {
        color: #1D1D1D;
    }

    /* .header--background .header_breadcrumbs_list {
        color: #1D1D1D;
    } */
    .header_breadcrumbs_link {
        padding-top: 3px;
        padding-bottom: 3px;
        display: inline-block;
    }

    .header_breadcrumbs_item {
        font-size: 12px;
        line-height: 18px;
    }


    .header_content_wrapper {
        gap: 12px;
    }

    .header_logo_wrapper {
        display: block;
    }

    .header_user_info {
        display: none;
    }

    .header_menu_button_wrapper {
        display: block;
    }

    .header--aside_open {
        background-color: #1D1D1D;
    }

    .header--aside_open .svg_cross {
        display: block;
    }

    .header--aside_open .header_notifications_wrapper,
    .header--aside_open .header_user_info_wrapper,
    .header--aside_open .header_breadcrumbs_wrapper,
    .header--aside_open .svg_burger {
        display: none;
    }

    /* .header--aside_open .header_logo_image {
        filter: invert(1);
    } */

}

/* main */
.main {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 100vh;
    flex: 1 1 100%;
    box-sizing: border-box;
    width: calc(100% - 300px);
    background-color: #FFFFFF;
    transition: filter 0.2s ease-in-out;
}

body:has(.popup.active) main {
    filter: blur(2px) brightness(.5);
}

/* .body--no-scroll .main {
    padding-right: 17px;
} */

.main_section {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding-top: 36px;
}

.main_section--event_page {
    padding-top: 0;
}

.main--transparent_header .main_section {
    padding-top: 0;
}

.main_page_header_title {
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
}

@media (max-width: 768px) {
    .main_page_header_title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }
}

.main_page_content {
    padding-top: 40px;
    padding-bottom: 120px;
}

.section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 36px;
}

.section_header_title {
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    color: #1D1D1D;
}

.section_header_link {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 8px;
    padding: 12px 24px;
    border: 1px solid #D3DBEB;
    border-radius: 4px;
    /* margin-left: 10px; */
    font-weight: 500;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    cursor: pointer;
}

.section_header_link:hover {
    /* border-color: #000000; */
    color: #000000;
    background-color: #ffdd00;
}

.section_header_link--mobile {
    display: none;
}

.main_section section:first-child .main_page_header_title {
    margin-top: 36px;
}


@media (max-width: 768px) {
    .main {
        width: 100%;
    }

    .main_section {
        padding-top: 0;
    }

    .body--no-scroll .main {
        padding-right: 0;
    }

    .section_header_title {
        margin-top: 60px;
        margin-bottom: 36px;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

    .section_header_title--mt0 {
        margin-top: 0;
    }

    .section_header_link--mobile {
        display: flex;
        justify-content: center;
        margin-top: 48px;
        margin-left: 0;
    }

    .section_header--desktop {
        display: none;
    }

}

/* notification_drawer */
.notification_drawer_wrapper {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    /* max-height: 100vh; */
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -10;
    transition: background-color 0.2s ease-in-out, z-index 0.2s ease-in-out, width 0.2s ease-in-out;
}

.notification_drawer_wrapper--active {
    z-index: 10;
    /* width: calc(100% + 17px); */
}

.notification_drawer {
    position: sticky;
    top: 0;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 0;
    overflow: hidden;
    padding-right: 4px;
    background-color: #FFFFFF;
    transition: width 0.2s ease-in-out;
}

.notification_drawer--active {
    width: 526px;
}

.notification_drawer_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px;
    border-bottom: 1px solid #656e7d4d;
}

.notification_drawer_title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.notification_drawer_title_text {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.notification_drawer_count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #1D1D1D;
    background-color: #FFDD00;
}

.notification_drawer_close_button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 16px;
    height: 16px; */
    padding: 5px;
    border-radius: 50%;
}

.notification_drawer_close_button:hover {
    color: #000000;
    background-color: #ffdd00;
}

.notification_drawer_content {
    margin-bottom: auto;
}

.notification_drawer_list {
    max-height: calc(100vh - 135px);
    overflow-y: scroll;
}

.notification_drawer_item {
    border-bottom: 1px solid #656e7d4d;
    margin-right: 4px;
}

.notification_drawer_link {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 28px 28px 66px;
}

.notification_drawer_link:hover {
    background-color: #FBFCFD;
}

.notification_drawer_link::after {
    content: url('/image/icons/notification/info.svg');
    position: absolute;
    top: 28px;
    left: 16px;
    width: 16px;
    height: 16px;
    display: block;
    padding: 8px;
    border-radius: 50%;
    background-color: #E2E6EC;
}

.notification_drawer_link--active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #FFDD00;
}

.notification_drawer_link--active::after {
    background-color: #FFDD00;
}

/* .notification_drawer_link--active:visited::after {
    background-color: #E2E6EC;
} */

.notification_drawer_link--event::after {
    content: url('/image/icons/notification/event.svg');
}

.notification_drawer_link--info::after {
    content: url('/image/icons/notification/info.svg');
}

.notification_drawer_link--news::after {
    content: url('/image/icons/notification/news.svg');
}

.notification_drawer_link--statement::after {
    content: url('/image/icons/notification/statements.svg');
}

.notification_drawer_link--consultations::after {
    content: url('/image/icons/notification/consultations.svg');
}

.notification_drawer_link--docs::after {
    content: url('/image/icons/notification/docs.svg');
}

.notification_item_title {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.notification_item_text {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.notification_item_date {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #9AA4B4;
}

.notification_drawer_footer {
    border-top: 1px solid #656e7d4d;
    z-index: 1;
}

.notification_drawer_footer {
    margin-top: -1px;
}

.notification_item_status_wrapper {
    margin-bottom: 16px;
}

.notification_item_status_wrapper .tag:not(:last-child) {
    position: relative;
    margin-right: 32px;
}

.notification_item_status_wrapper .tag:not(:last-child)::after {
    content: url('/image/icons/notification/arrow.svg');
    position: absolute;
    right: -24px;
}

.notification_item_status {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9AA4B4;
}

.notification_footer_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    transition: background-color 0.2s ease-in-out;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000000;
    background-color: #FFFFFF;
    z-index: 2;
}

.notification_footer_button:hover {
    background-color: #ffdd00;
}

.notification_footer_button--disabled {
    pointer-events: none;
    background-color: #FFFFFF;
    color: #9AA4B4;
}

.notification_footer_button--disabled:hover {
    background-color: #FFFFFF;
}

@media (max-width: 768px) {
    .notification_drawer_wrapper {
        background-color: initial;
    }

    .notification_drawer_wrapper--active {
        width: 100%;
    }

    .notification_drawer {
        max-height: calc(100vh - 93px);
        top: 93px;
    }

    .notification_drawer_list {
        max-height: calc(100vh - 228px);
    }
}

/* table */
table.grid_table {
    display: grid;
    border-collapse: collapse;
    min-width: 100%;
    box-sizing: border-box;
    grid-template-columns:
        70px minmax(180px, 2.5fr) minmax(100px, 1.2fr) minmax(100px, 1.2fr) minmax(100px, 1.2fr) minmax(150px, 3fr);
    /* max-height: 500px; */
}

thead,
tbody,
tr {
    display: contents;
}

th,
td {
    padding: 7px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}

th {
    position: sticky;
    top: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 7px;
    background-color: #FFFFFF;
    color: #9AA4B4;
    border-top: 1px solid #E2E6EC;
    border-bottom: 1px solid #E2E6EC;
    border-left: 1px solid #E2E6EC;
}

td[colspan="2"] {
    grid-column: span 2;
}

th:last-child {
    border-right: 1px solid #E2E6EC;
}

td {
    padding-top: 7px;
    padding-bottom: 7px;
    color: #1D1D1D;
    border-bottom: 1px solid #E2E6EC;
    border-left: 1px solid #E2E6EC;

    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

td:last-child {
    border-right: 1px solid #E2E6EC;
}

th[colspan="2"],
td[colspan="2"] {
    grid-column: span 2;
}

th[colspan="3"],
td[colspan="3"] {
    grid-column: span 3;
}

th[colspan="4"],
td[colspan="4"] {
    grid-column: span 4;
}

th[colspan="5"],
td[colspan="5"] {
    grid-column: span 5;
}

th[colspan="6"],
td[colspan="6"] {
    grid-column: span 6;
}

th[colspan="7"],
td[colspan="7"] {
    grid-column: span 7;
}

th[colspan="8"],
td[colspan="8"] {
    grid-column: span 8;
}

th[colspan="9"],
td[colspan="9"] {
    grid-column: span 9;
}

th[colspan="10"],
td[colspan="10"] {
    grid-column: span 10;
}

th[rowspan="2"],
td[rowspan="2"] {
    grid-row: row-span 2;
}

th[rowspan="3"],
td[rowspan="3"] {
    grid-row: row-span 3;
}

th[rowspan="4"],
td[rowspan="4"] {
    grid-row: row-span 4;
}

th[rowspan="5"],
td[rowspan="5"] {
    grid-row: row-span 5;
}

.table_wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.table {
    display: flex;
    flex-direction: column;
    min-width: 100%;
    /* min-width: 900px; */
}

table.grid_table--2 {
    grid-template-columns: repeat(2, auto);
}

table.grid_table--3 {
    grid-template-columns: repeat(3, auto);
}

table.grid_table--4 {
    grid-template-columns: repeat(4, auto);
}

table.grid_table--5 {
    grid-template-columns: repeat(5, auto);
}

table.grid_table--6 {
    grid-template-columns: repeat(6, auto);
}

table.grid_table--7 {
    grid-template-columns: repeat(7, auto);
}

table.grid_table--8 {
    grid-template-columns: repeat(8, auto);
}

table.grid_table--9 {
    grid-template-columns: repeat(9, auto);
}

table.grid_table--10 {
    grid-template-columns: repeat(10, auto);
}

table.grid_table--14 {
    grid-template-columns: minmax(40px, 1fr) minmax(80px, 1fr) minmax(70px, 1fr) minmax(100px, 2fr) minmax(90px, 2fr) minmax(120px, 2fr) minmax(60px, 1fr) minmax(110px, 2fr) minmax(110px, 2fr) minmax(120px, 2fr) repeat(3, minmax(100px, 2fr)) minmax(40px, 1fr);
}

table.grid_table--2-260-500 {
    grid-template-columns: 260px minmax(500px, 1fr);
    /* max-height: 500px; */
}

@media (max-width: 768px) {
    table.grid_table--2-260-500 {
        grid-template-columns: minmax(30%, 1fr) minmax(60%, 2fr);
    }

}

table.grid_table tbody tr:first-child td {
    border-top: 1px solid #e2e6ec;
}

.table_row__5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    border-bottom: 1px solid #E2E6EC;
}

.table_row__6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    border-bottom: 1px solid #E2E6EC;
}

.table__8-115-auto-25-105 .table_row__5 {
    grid-template-columns: 8% 115px auto 25% 105px;
}

.table__72-215-180-180-180-250 .table_row__6 {
    grid-template-columns:
        minmax(70px, 1fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.67fr) minmax(150px, 1.5fr) minmax(150px, 3fr);
}

.table__115-auto-20-230-105 .table_row__5 {
    grid-template-columns: 115px auto 20% 230px 105px;
}

.table_row__5:hover {
    background-color: #F3F4F5;
}

.table_row__5:first-child,
.table_row__6:first-child {
    border-top: 1px solid #E2E6EC;
}

.table_ht {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px;
    color: #9AA4B4;
}

.table_ht,
.table_cell {
    border-right: 1px solid #E2E6EC;
}

.table_ht:first-child,
.table_cell:first-child {
    border-left: 1px solid #E2E6EC;
}

.table_cell {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 15px;
}

.table_cell--button {
    display: flex;
    align-items: top;
    justify-content: center;
}

/* enlarge_image */

.enlarge_image {
    cursor: zoom-in;
}

/* main_header_promo */
.main_header_promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 100%;
    min-height: 460px;
    box-sizing: border-box;
    padding: 40px 28px;
    background-color: #656E7D;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main_header_promo_title {
    max-width: 460px;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    color: #FFFFFF;
}

.promo_link {
    display: inline-block;
    padding: 12px 24px;
    background-color: #FFDD00;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
}

.promo_link--flex {
    display: flex;
    align-items: center;
    gap: 12px;
}

.promo_link:hover {
    background-color: #ffe644;
}


/* slider */
.slider_list_wrapper {
    overflow: hidden;
}

.slider_buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.slider_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #D3DBEB;
    border-radius: 50%;
    color: #9AA4B4;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.slider_button--prev {
    transform: rotate(180deg);
}

.slider_button--active {
    color: #1D1D1D;
    cursor: pointer;
}

.slider_button--active:hover {
    /* border-color: #000000; */
    color: #000000;
    background-color: #ffdd00;
}

.slider_list {
    transition: transform 0.2s ease-in-out;
}

@media (max-width: 768px) {
    .slider_list_wrapper {
        overflow-x: scroll;
    }
}


/* main_services */
.main_services {
    padding-top: 56px;
    padding-bottom: 70px;
}


.main_services_list_wrapper {
    overflow: hidden;
}

.main_services_list {
    display: flex;
    margin-top: 24px;
    gap: 0;
    transition: transform 0.2s ease-in-out;
}

.main_services_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 260px;
    max-width: 292px;
    height: 340px;
    box-sizing: border-box;
    padding-top: 24px;
    padding-right: 24px;
    padding-left: 24px;
    /* display: none; */
}

.main_services_item {
    border-right: 1px solid #E2E6EC;
}

.main_services_list--main .main_services_item {
    min-width: 320px;
    height: 400px;
}

.main_services_item_icon {
    width: 24px;
    height: 24px;
    margin-bottom: 24px;
}

.main_services_item_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

.main_services_item_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #9AA4B4;
}

.main_services_item_button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #D3DBEB;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}

.main_services_item_button:hover {
    color: #000000;
    background-color: #ffdd00;
}

.main_services_list--service_page {
    flex-wrap: wrap;
    gap: 0;
    margin-top: 0;
}

.main_services_list--service_page .main_services_item {
    position: relative;
    display: flex;
    border-right: none;
    padding-bottom: 24px;
}

.main_services_list--service_page .main_services_item.main_services_item--border-bottom {
    border-bottom: 1px solid #D3DBEB;
}

.main_services_list--service_page .main_services_item.main_services_item--border-top {
    border-top: 1px solid #D3DBEB;
}

.main_services_list--service_page .main_services_item.main_services_item--border-right::after {
    position: absolute;
    right: 0;
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 48px);
    background-color: #D3DBEB;
}

.main_services_list--service_page .main_services_item.main_services_item--border-left::before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 48px);
    background-color: #D3DBEB;
}

.main_services_list--event_page {
    flex-wrap: wrap;
    gap: 0;
}

.main_services_list--event_page .main_services_item {
    position: relative;
    display: flex;
    margin-bottom: 24px;
}

.main_services_list--event_page .main_services_item:last-child {
    border-right: 1px solid #D3DBEB;
}

@media (max-width: 768px) {

    .main_services_list--service_page .main_services_item {
        border-right: 1px solid #D3DBEB;
    }

    .main_services_list--event_page .main_services_item:first-child {
        height: auto;
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
    }


    .main_services {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .main_services_list {
        flex-direction: column;
        gap: 40px;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #E2E6EC;
    }

    .main_services_item {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #E2E6EC;
    }

    .main_services_item:not(:last-child)::after {
        content: "";
        position: absolute;
        display: block;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #E2E6EC;
    }


}

/* main_news */
.main_news {
    padding-top: 70px;
    padding-bottom: 140px;
}

.main_news_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 44px;
}

.main_news_item {
    width: calc(50% - 22px);
}

.main_news_list--news-page .main_news_item {
    width: calc(25% - 24px);
    padding-top: 16px;
}

.main_news_item_link {
    display: flex;
    gap: 24px;
}

.main_news_list--news-page .main_news_item_link {
    min-height: 120px;
}

.main_news_list--main img {
    min-width: 300px;
    height: auto;
    flex-shrink: 0;
}

.main_news_list--main .main_news_item_image_wrapper {
    min-width: 300px;
    flex-shrink: 0;
}

.main_news_item_image_wrapper {
    display: flex;
    flex-shrink: 0;
}

.main_news_item_image_wrapper img {
    max-width: 100%;
    width: 340px;
    height: auto;
}

.main_news_item_content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
}

.main_news_item_title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #1D1D1D;
}

.main_news_item_date {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #9AA4B4;
}

.promo_news_block_wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.promo_news_big {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 532px;
    padding: 40px 28px;
    box-sizing: border-box;
    background-color: #1D1D1D;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.promo_news_big_link:hover h2 {
    color: #FFFFFF;
    text-decoration: underline;
}

/* one news page */
.one_news_page_news_list {
    display: flex;
}

.one_news_page_news_item {
    min-width: calc(50% - 12px);
}

.one_news_page_news_item:not(:last-child) {
    margin-right: 24px;
}


/* news filter */
.filter_wrapper {
    position: relative;
    font-weight: 500;
}

.filter_input,
.date_input,
.search_input {
    position: relative;
    width: 320px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 13px 20px;
    border: 1px solid #D0D4D9;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.input--260 {
    width: 260px;
}

.search_input {
    width: 355px;
    padding-right: 80px;
    cursor: text;
}

.search_input::placeholder {
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.filter_label {
    position: relative;
    display: inline-block;
    width: 260px;
    max-width: 100%;
}

.filter_label::after {
    position: absolute;
    content: "";
    display: block;
    top: calc(50% - 6px);
    right: 25px;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #1D1D1D;
    border-right: 1px solid #1D1D1D;
    transform: rotateZ(45deg);
    z-index: 2;
}

.filter_label--open-filter.filter_label::after {
    transform: rotateZ(225deg);
    top: calc(50% - 2px);
}

.filter_input {
    width: 100%;
}

.filter_input:active,
.filter_input:focus {
    outline: none;
}

.filter_input::placeholder,
.date_input::placeholder {
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.filter_list_wrapper {
    position: absolute;
    top: calc(100% + 8px);
    display: none;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px solid #D0D4D9;
    border-radius: 4px;
    z-index: 5;
}

.date_input_list_wrapper {
    width: 260px;
}

.filter_list_wrapper--open {
    display: flex;
}

.filter_item {
    position: relative;
    padding: 13px 12px;
    cursor: pointer;
    border-radius: 4px;
    font-size: small;
}

.filter_item:hover {
    background-color: #FFDD0080;
}

.filter_item::after {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 11px);
    right: 12px;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid #E2E6EC;
    border-radius: 4px;
}

.filter_item::before {
    content: url('/image/icons/check.svg');
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: calc(50% - 11px);
    right: 12px;
    width: 22px;
    height: 22px;
    background-color: #FFDD00;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 2;
}

.filter_item--checked::before {
    display: flex;
}

.filter_button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #9AA4B4;
    border-radius: 4px;
}

.filter_button--active {
    color: #1D1D1D;
    cursor: pointer;
}

.filter_button--active:hover {
    text-decoration: underline;
}

.filter_button--submit {
    background-color: #F3F4F5;
    margin-top: 4px;
}

.filter_button--submit.filter_button--active {
    background-color: #FFDD00;
}

.filter_quantity_selected {
    margin-left: 5px;
}

.datepicker_wrapper {
    display: flex;
    align-items: center;
    width: 250px;
    max-width: 100%;
    box-sizing: border-box;

}

.datepicker_label {
    width: 100%;
    box-sizing: border-box;
}


@media (max-width: 768px) {
    .filter_wrapper {
        width: 100%;
    }

    .button_link {
        width: 100%;
    }

    .datepicker_wrapper,
    .datepicker_label,
    .filter_label,
    .date_input,
    .search_input {
        width: 100%;
    }

}



/* search_form */
.search_form {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.search_reset_button,
.search_submit_button {
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #1D1D1D;
}

.search_reset_button {
    display: none;
    right: 48px;
    padding-left: 12px;
    padding-right: 12px;
}

.search_reset_button:hover {
    color: tomato;
}

.search_submit_button {
    display: flex;
    right: 0;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
    transition: background-color 0.2s ease-in-out;
}

.search_form--active .search_reset_button {
    display: flex;
}

.search_form--active .search_submit_button {
    display: flex;
    background-color: #ffdd00;
}

.search_form--active .search_submit_button:hover {
    background-color: #ffe850;
}

@media (max-width: 768px) {
    .search_form {
        width: 100%;
    }

    .search_form_label {
        width: 100%;
    }
}



/* pagination */
.pagination {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagination_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #1D1D1D;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}


.pagination_link--prev {
    transform: rotate(180deg);
}

.pagination_link--disabled {
    pointer-events: none;
    color: #9AA4B4;
}

.pagination_link--active {
    background-color: #ffdd00;
    pointer-events: none;
    cursor: default;
}

.pagination_link:hover {
    border-color: #000000;
    color: #000000;
    background-color: #ffdd0054;
}

.pagination_list {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* news page */
.promo_news_big--one_news_page {
    max-height: 460px;
}

.news_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #FFFFFF;
    max-width: 700px;
}

.news_description {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 0 calc(50% - 500px) 120px;
    padding-top: 36px;
}

.news_description--event_page {
    padding-bottom: 80px;
}

.news_page_date {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #9AA4B4;
}

@media (max-width: 1420px) {
    .news_page_date {
        max-width: 150px;
    }
}

.news_content_wrapper {
    width: 100%;
    box-sizing: border-box;
    padding-left: 150px;
    padding-right: 150px;
    text-align: left;
    flex-grow: 1;
}

.news_content_wrapper--img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    max-height: 600px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.news_content_wrapper--img img {
    width: 100%;
    height: auto;
}

.news_description_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.news_description_text {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.news_description_text--bold {
    font-weight: 600;
}

.news_content_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    padding-left: 17px;
    list-style: disc;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.news_content_item {
    padding-left: 5px;
}

@media (max-width: 1200px) {
    .main_news_item {
        width: 100%;
        box-sizing: border-box;
    }

    .main_news_list--news-page .main_news_item {
        width: calc(50% - 12px);
    }

    .one_news_page_news_item:not(:last-child) {
        margin-right: 12px;
    }

    /* .one_news_page_news_item {
        margin-right: 12px;
    } */

    .one_news_page_news_item {
        min-width: 95%;
    }


}

@media (max-width: 768px) {
    .main_news {
        padding-top: 0;
        padding-bottom: 100px;
    }

    .main_news_list {
        flex-direction: column;
        gap: 56px;
    }

    .main_news_item_link {
        flex-direction: column;
        gap: 17px;
    }

    .main_news_item_image_wrapper img {
        width: 100%;
        height: auto;
    }

    .main_news_list--news-page {
        gap: 16px;
    }

    .main_news_list--news-page .main_news_item {
        width: 100%;
        border-top: 1px solid #E2E6EC;
    }

    .main_news_list--news-page .main_news_item_content {
        min-height: 140px;
    }

    .promo_news_block_wrapper {
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .promo_news_big {
        height: 390px;
    }

    .promo_news_big .tag--big-news {
        font-size: 11px;
        line-height: 16px;
    }

    .promo_news_big .news_title {
        font-size: 16px;
        line-height: 24px;
    }

    .promo_news_big {
        padding: 28px 20px;
    }

    .promo_news_big--one_news_page {
        padding: 24px 12px;
    }

    .promo_news_big--one_news_page .news_title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 21px;
        font-weight: 600;
        line-height: 28px;
    }

    .news_page_date {
        position: static;
        /* padding-left: 12px; */
        margin-bottom: -20px;
    }

    .news_content_wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .news_description {
        padding-bottom: 72px;
    }

    .filter_input,
    .filter_list_wrapper {
        width: 100%;
    }

    .pagination {
        justify-content: space-between;
    }
}


/* main_footer_promo */
.main_footer_promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 100%;
    min-height: 460px;
    padding: 28px;
    box-sizing: border-box;
    background-color: #1D1D1D;
    background-image: url('/image/bg/bg_footer_promo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFFFFF;
}

.main_footer_logo {
    display: flex;
    align-items: center;
    gap: 24px;
}

.main_footer_avatar_wrapper {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    /* background-image: var(--bgUrl); */
    background-repeat: no-repeat;
    /* background-position: var(--bgPosition); */
    background-size: cover;
}

.main_footer_avatar_text {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.main_footer_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.main_footer_title {
    max-width: 460px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}


/* profile */
.checkbox_block {
    position: relative;
    display: block;
    padding-left: 32px;
}

.checkbox_block::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid #E2E6EC;
    border-radius: 4px;
}

.checkbox_block::before {
    content: url('/image/icons/check.svg');
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #FFDD00;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 2;
}

input[type='checkbox']:checked+.checkbox_block::before {
    display: flex;
}

.checkbox_label {
    cursor: pointer;
}

.profile_form {
    display: flex;
    flex-direction: column;
    width: 733px;
    gap: 72px;
}

.profile_form_fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.profile_form_title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.profile_form_description {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.profile_form_help_message {
    position: relative;
    width: 100%;
    padding: 20px 20px 20px 48px;
    background-color: #E2E6EC;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.profile_form_help_message::before {
    content: url('/image/icons/info.svg');
    position: absolute;
    display: block;
    top: calc(50% - 9px);
    left: 20px;
    width: 14px;
    height: 14px;
}

.profile_label {
    width: 100%;
    padding: 14px 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9AA4B4;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
    box-sizing: border-box;
}

.profile_label .profile_input {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-height: 24px;
    color: #1D1D1D;
}

.profile_label--50 {
    width: calc(50% - 12px);
}

.profile_label--password {
    position: relative;
    padding: 14px 48px 14px 20px;
}

.profile_label--password .password_icon {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.profile_label--disabled {
    position: relative;
    background-color: #FBFCFD;
}

.profile_label--disabled::after {
    content: url('/image/icons/lock.svg');
    position: absolute;
    display: block;
    top: calc(50% - 6px);
    right: 20px;
    width: 7px;
    height: 7px;
}

.profile_label--disabled input {
    background-color: #FBFCFD;
    color: #656E7D;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.basket_item_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile_label--90 {
    position: relative;
    width: calc(100% - 60px);
}

.profile_button--basket {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #D3DBEB;
    border-radius: 50%;
    cursor: pointer;
}

.profile_button--basket:hover {
    background-color: #FFDD00;
}

.profile_label_photo {
    display: inline-block;
    margin-bottom: 43px;
    padding: 13px 28px;
    border: 1px solid #1D1D1D;
    border-radius: 4px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
    cursor: pointer;
}

.profile_label_photo:hover {
    background-color: #FFDD00;
}

.profile_form_photo_list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile_user_avatar {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.profile_user_avatar::after {
    content: '';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.2s ease-in-out;
}

.profile_user_avatar:hover::after {
    content: url('/image/icons/camera.svg');
    background-color: rgba(0, 0, 0, 0.5);
}

.profile_user_avatar--no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFEDD8;
}

.profile_user_avatar--no-photo p {
    font-size: 56px;
    font-weight: 600;
    line-height: 80px;
    color: #E67C00;
}

.profile_avatar_delete_button {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #D3DBEB;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #1D1D1D;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    z-index: 2;
}

.profile_avatar_delete_button:hover {
    background-color: #FFDD00;
}

.profile_user_avatar--company_logo {
    border-radius: 0;
    padding: 10px;
    border: 1px dashed #D3DBEB;
    background-size: calc(100% - 20px) calc(100% - 20px);
}

.profile_user_avatar--company_logo::after {
    border-radius: 0;
}

.profile_user_avatar--company_logo+.profile_avatar_delete_button {
    right: 16px;
    bottom: -20px;
}


.profile_form_photo_item {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.profile_form_photo_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #FFDD00;
}

.profile_form_photo_item--error {
    color: #FA2F2F;
}

.profile_form_photo_item--error::before {
    background-color: #FA2F2F;
}

.password_icon--open {
    top: calc(50% - 6px);
    display: inline;
}

.password_icon--close {
    top: calc(50% - 7px);
    display: none;
}

.password_close .password_icon--open {
    display: none;
}

.password_close .password_icon--close {
    display: inline;
}

.error_password {
    border-color: #FA2F2F;
}

.error_password .profile_label_title {
    color: #FA2F2F;
}

.error_text {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 22px;
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #FA2F2F;
}

.error_password .error_text {
    display: block;
}

.profile_form_fieldset--buttons {
    gap: 16px;
}

.profile_button {
    padding: 15px 28px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.profile_button:hover {
    outline: 1px solid #000000;
}

.profile_button--submit {
    background-color: #FFDD00;
}


.profile_button--cancel {
    border: 1px solid #D3DBEB;
}

.additional_info_wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.additional_info_list_wrapper {
    position: absolute;
    top: calc(100% + 8px);
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px solid #D0D4D9;
    border-radius: 4px;
    z-index: 2;
    display: none;
}

.additional_info_list_wrapper--open {
    display: block;
}

.additional_info_list {
    max-height: 260px;
    overflow-x: auto;
    padding-right: 8px;
}

.additional_info_item {
    position: relative;
    padding: 12px 48px 12px 12px;
    cursor: pointer;
}

.additional_info_item:hover {
    background-color: #F3F4F5;
}

.additional_info_item--selected {
    position: relative;
}

.additional_info_item::before {
    content: url('/image/icons/check.svg');
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: calc(50% - 11px);
    right: 12px;
    width: 22px;
    height: 22px;
    background-color: #FFDD00;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: 2;
}

.additional_info_item--selected::before {
    display: flex;
}

@media (max-width: 1107px) {
    .profile_form {
        width: 100%;
        box-sizing: border-box;
    }

    .profile_label--50 {
        width: 100%;
    }

    .profile_form_help_message::before {
        top: 23px;
    }

}



/* base_checkbox */
.base_checkbox_label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 24px;

    .base_input {
        display: none;
    }
}

.base_checkbox_input:checked+span+.base_input {
    display: block;
}

.base_checkbox_text {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.base_checkbox_text::before {
    content: '';
    width: 22px;
    min-width: 22px;
    height: 22px;
    border: 1px solid #E2E6EC;
    border-radius: 50%;
    box-sizing: border-box;
}

.base_checkbox_label:hover .base_checkbox_text::before {
    border-color: #FFDD00;
}

input[type='radio']:checked+.base_checkbox_text::before,
input[type='checkbox']:checked+.base_checkbox_text::before {
    content: url('/image/icons/checked_cirсle.svg');
    width: 22px;
    height: 22px;
    border: none;
}

fieldset.checkbox_hidden_content {
    display: none;
}

fieldset.checkbox_hidden_content--checked {
    display: flex;
}

.checkbox_hide_content:has(input[type='checkbox']:checked)+fieldset.checkbox_hidden_content {
    display: flex;
}

.checkbox_hide_content:has(input[type='checkbox']:checked)+fieldset.checkbox_hidden_content--checked {
    display: none;
}


/* review_form */
.review_form_checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}



.base_input {
    border: 1px solid #D3DBEB;
    outline: none;
    padding: 22px 20px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.base_input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}



/* footer */
.footer {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 40px;
    padding-top: 60px;
    background-color: #1D1D1D;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    color: #656E7D;
}

.footer_row {
    display: flex;
    gap: 50px;
}

.footer_row__last {
    border-top: 1px solid #656e7d4d;
    padding-top: 24px;
}

.footer_row--mobile {
    display: none;
}

/* .footer_logo, */
/* .footer_contacts, */
.footer_services,
.footer_calendar,
.footer_copyright,
.footer_feedback {
    flex: 0 0 calc(50% - 12px);
}

.footer_contacts {
    gap: 50px
}

.footer_contacts_item,
.footer_menu_column {
    min-width: 240px;
}

.footer_row .about_center,
.footer_logo {
    min-width: 454px;
}

@media (max-width: 768px) {
    .footer_row .about_center {
        min-width: auto;
    }

    .footer_logo {
        min-width: auto;
    }

}

.footer_title {
    color: #FFFFFF;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.footer_logo_text {
    max-width: 360px;
    padding-bottom: 12px;
}

.footer_link {
    padding-bottom: 8px;
}

.footer_events_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
}

.footer_services_list {
    columns: 3;
}

.footer_list_item {
    max-width: 166px;
    padding-bottom: 8px;
}

.footer_feedback {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-grow: 1;
}

.footer_feedback_list {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin-left: 140px;
    flex-grow: 1;
}

.footer_social_list_wrapper {
    display: flex;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .footer_social_list_wrapper {
        justify-content: center;
    }

}

.footer_social_list {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

.flex_social_link {
    width: 18px;
    height: 18px;
}

.footer_about_list {
    columns: 2;
}

.footer_about_list .footer_item {
    padding-bottom: 8px;
}

.footer a:hover {
    color: #FFFFFF;
}

.accel_corona_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-grow: 1;
    max-width: 30%;
}

@media (max-width: 768px) {
    .accel_corona_wrapper {
        max-width: 90%;
    }
}

@media (max-width: 1200px) {
    .footer_services_list {
        columns: 2;
    }
}

@media (max-width: 900px) {
    .footer {
        gap: 36px;
    }

    .footer_services_list {
        columns: 1;
    }

    .footer_row {
        flex-direction: column;
        gap: 36px;
    }

    .footer_row--mobile {
        display: block;
    }

    .footer_logo,
    .footer_copyright {
        flex-wrap: nowrap;
        flex: 0 0 auto;
    }

    .footer_title {
        text-transform: uppercase;
    }

    /* .footer_contacts_item {
        width: calc(50% - 12px);
    } */

    .footer_row--services {
        display: none;
    }

    .footer_row--feedback {
        gap: 16px;
        padding-top: 24px;
        border-top: 1px solid #656e7d4d;
    }

    .footer_feedback {
        flex-direction: column;
        gap: 36px;
    }

    .footer_feedback_list {
        margin-left: auto;
        margin-right: auto;
    }

    .footer_item {
        width: 100%;
    }

    .accel_corona_wrapper {
        width: 100%;
        justify-content: space-between;
        gap: 20px;
    }

    .footer_accelerator,
    .footer_coronavirus {
        width: 50%;
    }

}

/* main page */

.aside--main {
    display: none;
}

.header--main {
    margin-bottom: 0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 0;
    max-height: 160px;
    /* backdrop-filter: blur(5px); */
}

@media (max-width: 1000px) {
    .header--main {
        background-color: #FFFFFF;
        padding-bottom: 20px;
    }

    .header--main .header_button--menu,
    .header--main .header_button--menu:hover {
        background-color: #FFFFFF;
        color: #1D1D1D;
        border-color: #D3DBEB;
    }
}

.header--main .header_logo_wrapper {
    margin-right: auto;
    display: block;
}

.header--main .header_logo_link {
    width: 264px;
}

@media (max-width: 768px) {
    .header--main .header_logo_link {
        width: 163px;
    }
}

.header--background .header_user_info_wrapper--main {
    color: #1D1D1D;
}

.header_user_info_wrapper--main {
    gap: 24px;
}

@media (max-width: 768px) {
    .header_user_info_wrapper--main {
        display: none;
    }
}

.header_user_info_wrapper--main .event_info_item {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.header_user_info_wrapper--main .event_info_item:hover {
    text-decoration: underline;
}

.lk_button_wrapper {
    position: relative;
}

.lk_button_popup {
    position: absolute;
    display: none;
    width: 360px;
    right: 0;
    top: calc(100% + 20px);
    background-color: #FFFFFF;
    box-shadow: 0px 4px 27px 0px #373C451A;
    border-radius: 4px;
    overflow: hidden;
    z-index: 3;
}

@media (max-width: 768px) {
    .lk_button_popup {
        position: fixed;
        top: 81px;
        width: 100vw;
        height: calc(100vh - 51px - 195px);
        border-bottom: 1px solid #E2E6EC;
        border-radius: 0px;
        box-shadow: none;
    }
}

.lk_button_popup--open {
    display: block;
}

.lk_button_popup_header {
    display: flex;
    gap: 12px;
    padding: 20px 28px;
    border-bottom: 1px solid #E2E6EC;
}

.lk_button_popup_list {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.lk_button_popup_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 28px;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
}

.lk_button_popup_item:hover {
    background-color: #FFDD00;
}

a.lk_button_popup_item::after {
    content: '';
    position: absolute;
    display: block;
    bottom: -1px;
    left: 28px;
    width: calc(100% - 28px * 2);
    height: 1px;
    background-color: #D3DBEB;
}

@media (max-width: 768px) {

    .lk_button_popup_item,
    .lk_button_popup_header {
        padding-left: 12px;
        padding-right: 12px;
    }

    a.lk_button_popup_item::after {
        left: 12px;
        width: calc(100% - 24px);
    }
}


/* main_nav */
.main_nav_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    max-width: 100%;
    /* padding-top: 20px;
    padding-bottom: 20px; */
    /* gap: 48px; */
}

.main_nav_item {
    position: relative;
    padding-top: 20px;
    padding-bottom: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.main_nav_item:hover {
    color: #656E7D;
}

.main_nav_item--active::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1D1D1D;

}

@media (max-width: 1000px) {
    .main_nav_item--active::before {
        display: none;
    }
}

.main_nav_submenu {
    position: absolute;
    top: calc(100% - 5px);
    display: none;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 28px;
    row-gap: 8px;
    padding: 18px;
    box-shadow: 6px 10px 40px 0px #0707071A;
    background-color: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
    color: #1D1D1D;
    cursor: default;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.main_nav_submenu--display {
    display: grid;
}

.main_nav_submenu--active {
    opacity: 1;
}

.main_nav_submenu--center {
    left: -200%;
}

.main_nav_submenu--right {
    right: -20px;
}

.main_nav_submenu_item--first_column {
    grid-column-start: 1;
    grid-column-end: 2;
}

.main_nav_submenu_item--second_column {
    grid-column-start: 2;
    grid-column-end: 3;
}

.main_nav_submenu_link {
    display: inline-block;
    white-space: nowrap;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;

}

.main_nav_submenu_link:hover {
    color: #656E7D;
}

.main_nav_submenu_more {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.main_nav_submenu_more .main_nav_submenu_item:first-child .main_nav_submenu_link {
    font-weight: 600;
}

.main_nav_feedback {
    display: none;
}

@media (max-width: 768px) {
    .main_nav_feedback {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 1000px) {
    .main_nav_item {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }
}

@media (max-width: 768px) {
    .main_nav {
        display: none;
    }

    .main_nav--open {
        display: flex;
        flex-direction: column;
        /* justify-content: space-between;*/
        position: fixed;
        top: 81px;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 81px);
        background-color: #FFFFFF;
        z-index: 5;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .main_nav--open .main_nav_list {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
        flex-direction: column;
        align-items: flex-start;
        max-height: calc(100vh - 81px - 250px);
        overflow: scroll;
    }

    .main_nav_submenu--display {
        position: fixed;
        top: 81px;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: calc(100vh - 81px);
        overflow-y: scroll;
        box-sizing: border-box;
        max-width: 100%;
        height: 100vh;
        padding: 0px 12px 20px;
        z-index: 5;
        gap: 0;
    }

    .submenu_arrowback_wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 20px;
    }

    .submenu_arrowback_button {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100vw;
        margin-left: -12px;
        padding: 20px 12px;
        border-bottom: 1px solid #E2E6EC;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }

    .submenu_arrowback_text {
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0.03em;
        color: #9AA4B4;
        text-transform: uppercase;
    }

    .main_nav_submenu_link {
        padding: 10px 0;
    }

    .main_nav_item {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 0;
    }

    .main_nav_item--submenu_arrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .main_nav_item--submenu_arrow::after {
        content: url('/image/icons/arrow_menu.svg');
        width: 16px;
        height: 16px;
    }

    .main_nav_feedback {
        /* position: fixed; */
        width: 100%;
        box-sizing: border-box;
        /* bottom: 0; */
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 20px;
        padding-top: 30px;
        background-color: #FFFFFF;
        border-top: 1px solid #E2E6EC;
    }

}

/* main promo */
.main_promo_list_wrapper {
    margin-top: 36px;
}

.main_promo_list {
    display: flex;
    gap: 24px;
    overflow-x: auto;
}

.main_promo_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% / 3 - 48px / 3);
    min-width: 270px;
    height: 540px;
    padding: 32px 40px;
    color: #FFFFFF;
}

@media (max-width: 1200px) {
    .main_promo_item {
        height: 300px;
    }
}

.main_promo_item_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    filter: brightness(0.8);
}

.main_promo_item_title {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

@media (max-width: 768px) {
    .main_promo_item_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
    }
}

.main_promo_item_text {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.main_promo_item_button {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding: 13px 28px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

@media (max-width: 1200px) {
    .main_promo_item_button {
        padding: 6px 15px;
    }

}

.main_promo_item_button:hover {
    border-color: #FFDD00;
}

.all_events_item_tags {
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.main_footer_promo--main {
    height: 550px;
    padding-left: 48px;
    padding-right: 48px;
}

.section_header_title--main {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

@media (max-width: 1000px) {
    .main_events .main_services_list_wrapper {
        overflow: scroll;
        padding-bottom: 0;
    }

    .main_events .all_events_list {
        padding-bottom: 0;
    }

    .main_events .section_header_link--mobile {
        margin-top: 28px;
    }

    .main_events .all_events_item_date_wrapper {
        flex-wrap: wrap;
    }

    .main_events .all_events_item_tags {
        width: 100%;
    }

    .main_promo_item {
        padding: 24px 20px;
    }

    .main_promo_list {
        gap: 12px;
    }

    .section_header_title--main {
        font-size: 21px;
        font-weight: 600;
        line-height: 28px;
    }

    .main_footer_promo--main {
        height: 300px;
        margin-bottom: 50px;
        padding-left: 12px;
        padding-right: 12px;
    }

}

/* useful information */

.useful_information_list {
    display: flex;
    /* gap: 24px; */
}

.useful_information_item {
    flex-shrink: 0;
    width: 450px;
    min-height: 530px;
    max-width: 90%;
    box-sizing: border-box;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

@media (max-width: 1000px) {
    .useful_information_item {
        min-height: 440px;
    }
}

.useful_information_item:not(:last-child) {
    margin-right: 24px;
}

.useful_information_item--star {
    border-color: #FFDD00;
}

.useful_information_item_link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 16px;
}

.useful_information_item_image {
    min-width: 100%;
    height: 206px;
    margin-bottom: 16px;
    object-fit: cover;
}

.useful_information_item_title {
    display: flex;
    margin-bottom: 20px;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

@media (max-width: 768px) {
    .useful_information_item_title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
}

.useful_information_item_title:first-child {
    margin-top: 16px;
}

.useful_information_item_link:hover .useful_information_item_title {
    text-decoration: underline;
}

.useful_information_item--star .useful_information_item_title::before {
    content: url('/image/icons/star_16.svg');
    width: 16px;
    height: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.useful_information_sublist {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: auto;
    padding-left: 15px;
}

.useful_information_sublist {
    list-style: disc;
}

.useful_information_subitem {
    color: #FFDD00;
}

.useful_information_subitem span {
    color: #1D1D1D;
}

/* main_spb_info_list */
.main_spb_info_list {
    display: flex;
    flex-wrap: wrap;
}

.main_spb_info_item {
    position: relative;
    padding: 36px 48px;
    box-sizing: border-box;
    overflow: hidden;
}

.main_spb_info_item--33 {
    width: calc(100% / 3);
    height: 345px;
    border-top: 1px solid #E2E6EC;
}

.main_spb_info_item--50 {
    width: 50%;
    height: 462px;
    border-top: 1px solid #E2E6EC;
    border-bottom: 1px solid #E2E6EC;
}


.main_spb_info_item p {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease-in-out;
}

.main_spb_info_item:hover p {
    color: #FFFFFF;
}

.border_right {
    border-right: 1px solid #E2E6EC;
}

.main_spb_info_item_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0;
    filter: brightness(0.8);
    transform: scale(1);
    transition: opacity 0.5s ease-in-out, transform 3s linear;
}

.main_spb_info_item:hover .main_spb_info_item_img {
    opacity: 1;
    transform: scale(1.03);
}

.main_spb_info_item_title {
    font-size: 52px;
    font-weight: 600;
    line-height: 64px;
}

@media (max-width: 768px) {

    .main_spb_info_item {
        width: 100%;
        height: 240px;
        padding: 28px 12px;
    }

    .main_spb_info_item_title {
        font-size: 32px;
        font-weight: 600;
        line-height: 44px;
    }

    /* .main_spb_info_item_img {
        opacity: 1;
    } */
}

/* main_partners_list */
.main_partners_list_wrapper {
    overflow-x: scroll;
}

.main_partners_list {
    display: flex;
}

.main_partners_item {
    flex-shrink: 0;

}

/* .main_partners_item_image {
    object-fit: cover;
    height: 100%;
    } */


.main_partners_item:not(:last-child) {
    margin-right: 24px;
}

.filter_form {
    position: relative;
}

.filter_form--main {
    width: 330px;
}

@media (max-width: 768px) {
    .main_partners_item {
        flex-shrink: 0;
        height: 70px;
        width: 210px;
    }

    .main_partners_item:not(:last-child) {
        margin-right: 0;
    }

    .main_partners_item_image {
        object-fit: cover;
        height: 100%;
    }

    .section_header--main {

        flex-direction: column;
    }

    .filter_form--main {
        width: 100%;
    }

}

.main_pages_title {
    margin: 56px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    /* max-width: 800px; */
}

@media (max-width: 768px) {
    .main_pages_title {
        margin: 36px 0;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }
}

.main_pages_title:has(+button) {
    margin-bottom: 0;
}

.main_pages_title:not(:first-child) {
    margin-top: 20px;
}

.main_services_list--main:not(.slider_list) {
    flex-wrap: wrap;
    border-top: 1px solid #E2E6EC;
    margin-top: 0;
}

.main_services_list--main:not(.slider_list) .main_services_item {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    width: 20%;
    min-width: 150px;
    max-width: 20%;
    margin-top: 24px;
    margin-bottom: 24px;
}

.main_services_list--main:not(.slider_list) .main_services_item:nth-child(5n) {
    border-right: none;
}

.main_services_list--main:not(.slider_list) {
    flex-wrap: wrap;
    border-top: 1px solid #E2E6EC;
    margin-top: 0;
}


.main_services_list--main:not(.slider_list) .main_services_item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -24px;
    height: 1px;
    width: 100%;
    background-color: #E2E6EC;
}

@media (max-width: 1400px) {
    .main_services_list--main:not(.slider_list) .main_services_item {
        width: 25%;
        max-width: 25%;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(5n) {
        border-right: 1px solid #E2E6EC;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(4n) {
        border-right: none;
    }

}

@media (max-width: 1200px) {
    .main_services_list--main:not(.slider_list) .main_services_item {
        width: 33.3333%;
        max-width: 33.3333%;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(4n) {
        border-right: 1px solid #E2E6EC;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(3n) {
        border-right: none;
    }
}

@media (max-width: 1000px) {
    .main_services_list--main:not(.slider_list) .main_services_item {
        width: 50%;
        max-width: 50%;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(3n) {
        border-right: 1px solid #E2E6EC;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(2n) {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .main_services_list--main:not(.slider_list) .main_services_item {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .main_services_list--main:not(.slider_list) .main_services_item:nth-child(2n) {
        border-right: 1px solid #E2E6EC;
    }

}

.useful_information_list--info_page {
    flex-wrap: wrap;
    gap: 24px;
}

.useful_information_list--info_page .useful_information_item {
    margin-right: 0;
    width: calc(25% - 24px * 3 / 4);
}

@media (max-width: 1900px) {
    .useful_information_list--info_page .useful_information_item {
        width: calc(100% / 3 - 24px * 2 / 3);
    }
}

@media (max-width: 1200px) {
    .useful_information_list--info_page .useful_information_item {
        width: calc(100% / 2 - 12px);
    }
}

@media (max-width: 768px) {
    .useful_information_list--info_page .useful_information_item {
        min-width: 100%;
    }
}

.info_sections_list {
    display: flex;
    gap: 24px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #9AA4B4;
    border-bottom: 1px solid #E2E6EC;
    white-space: nowrap;
}

.info_sections_item {
    padding: 12px 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.info_sections_item:active {
    background-color: transparent;
}

@media (max-width: 768px) {
    .info_sections_list {
        /* flex-direction: column; */
        /* padding-bottom: 0; */
        gap: 12px;
        border-bottom: none;
    }

    .info_sections_item {
        padding: 4px 0;
        cursor: pointer;
    }
}

.info_sections_item:hover,
.info_sections_item--active {
    color: #1D1D1D;
}


/* TOGGLE */

.yellow_toggle_checkbox_label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 18px;
    padding-bottom: 18px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .yellow_toggle_checkbox_label {
        width: 100%;
        justify-content: space-between;
    }
}

.yellow_toggle_checkbox_text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.yellow_toggle_checkbox_star {
    padding-right: 8px;
}

.yellow_toggle_checkbox_ui {
    position: relative;
    display: block;
    width: 36px;
    height: 20px;
    border-radius: 10px;
    background-color: #F3F4F5;
    transition: background-color 0.2s ease-in-out;
}

input[type="checkbox"]:checked+.yellow_toggle_checkbox_ui {
    background-color: #FFDD00;
}

.yellow_toggle_checkbox_ui::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1D1D1D;
    left: 4px;
    top: calc(50% - 6px);
    transition: left 0.2s ease-in-out;
}

input[type="checkbox"]:checked+.yellow_toggle_checkbox_ui::after {
    left: calc(100% - 16px);
}

/* article page */
.article_description_wrapper {
    display: flex;
    gap: 24px;
}

.article_description_left_col {
    width: 400px;
    flex-shrink: 3;
    flex-grow: 0;
}

.article_description_left_col .tag_list {
    max-width: 200px;
}

.article_description_right_col {
    width: 900px;
    max-width: 900px;
    flex-grow: 1;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .article_description_right_col {
        width: 100%;
    }
}

.article_description_left_col~.article_description_right_col {
    margin-left: 0;
    margin-right: 0;
}

.article_ol {
    padding: 0;
    margin: 0;
}

.article_ul {
    padding-left: 20px;
    list-style: disc;
}

.article_ul li {
    padding-left: 12px;
}

.article_ol ul li {
    padding-left: 10px;
    list-style: disc;
}

.article_ol {
    counter-reset: section;
    list-style-type: none;
}

.article_ol>li {
    position: relative;
    counter-increment: section;
    padding-left: 50px;
}

.article_ol>li::before {
    content: counters(section, ".") ". ";
    position: absolute;
    left: 0;
}

.article_image {
    width: 100%;
    height: auto;
}

.company_article_preview {
    display: flex;
    gap: 24px;
}

.company_article_preview_image_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 165px;
    height: 165px;
    border-radius: 4px;
    overflow: hidden;
    border: 0px solid #E2E6EC;
}

.company_article_preview--service .company_article_preview_image_wrapper {
    border: none;
}

.company_article_preview_image {
    width: 90%;
    height: auto;
}

.company_article_preview--service .company_article_preview_image {
    width: 100%;
    height: auto;
}

.company_article_preview_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    /* justify-content: space-between;*/
}

.company_article_preview_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.company_article_preview_button {
    display: flex;
    align-items: center;
    gap: 12px;
}

.company_article_preview_button:hover {
    background-color: #ffdd00;
}

@media (max-width: 768px) {
    .article_description_wrapper {
        flex-direction: column;
    }

    .article_description_left_col {
        width: 100%;
    }

    .article_description_left_col .tag_list {
        max-width: 100%;
    }

    .article_ol>li {
        position: relative;
        padding-left: 25px;
    }

    .article_ol ul li {
        padding-left: 0;
    }


    .company_article_preview {
        flex-direction: column;
        width: 100%;
    }

    .company_article_preview_image_wrapper {
        width: 100%;
        height: calc(100vw - 24px);
    }

    .company_article_preview_info .button_link {
        width: 100%;
        justify-content: center;
    }
}

/* contacts */
.contacts_page_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.contacts_page_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: calc(100% / 3 - 24px * 2 / 3);
    padding: 40px 40px 64px;
    box-sizing: border-box;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

.contacts_page_map {
    position: relative;
    width: 100%;
    height: 730px;
}

.contacts_page_map_info_wrapper {
    position: absolute;
    width: 524px;
    min-height: 340px;
    box-sizing: border-box;
    top: 16px;
    right: 16px;
    background-color: #FFFFFF;
    padding: 28px;
    box-shadow: 0px 4px 15px 0px #0000000D;
    z-index: 2;
    display: none;
}

.contacts_page_map_info_wrapper--open {
    display: block;
}

.contacts_page_map_info {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.contacts_page_map_messager_list {
    display: flex;
    gap: 12px;
}

.contacts_page_map_messager_link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border: 1px solid #E2E6EC;
    border-radius: 64px;
    transition: border-color 0.2s ease-in-out;
}

.contacts_page_map_messager_link:hover {
    border-color: #1D1D1D;
}

.contacts_page_map_schedule_wrapper {
    padding-top: 20px;
    border-top: 1px solid #E2E6EC;
}

.contacts_page_map_schedule_list {
    display: flex;
    /*justify-content: space-between;*/
    gap: 12px;
}

@media (max-width: 768px) {
    .contacts_page_map_info_wrapper {
        /* position: initial; */
        top: 0;
        right: 0;
        left: 0;
        /* display: block; */
        max-width: 100%;
        max-height: 50%;
        overflow: auto;
        padding: 0;
        padding-bottom: 40px;
        box-shadow: none;
    }

    .contacts_page_list {
        flex-direction: column;
    }

    .contacts_page_item {
        width: 100%;
    }

    .contacts_page_map_messager_list {
        flex-direction: column;
    }

    .contacts_page_map_messager_link {
        justify-content: center;
    }

    .contacts_page_map_schedule_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .contacts_page_map {
        height: 600px;
    }
}


/* about_us */
.article_description_wrapper--about_us {
    margin-top: 80px;
    margin-bottom: 100px;
}

.about_us_infrastructure_list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 140px;
}

.about_us_mission_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 108px;
    margin-bottom: 140px;
}

.about_us_mission_item {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 425px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

.about_us_mission_item p {
    padding: 0 32px 40px;
}

.about_us_title {
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.about_us_support_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    max-width: 1400px;
    margin: 72px auto 140px;
}

.about_us_support_item {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 40px;
    max-width: 425px;
    box-sizing: border-box;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}



@media (max-width: 768px) {
    .article_description_wrapper--about_us {
        margin-top: 36px;
        margin-bottom: 56px;
    }

    .about_us_infrastructure_list {
        flex-direction: column;
        gap: 36px;
        align-items: center;
        margin-bottom: 72px;
    }

    .about_us_mission_list {
        flex-direction: column;
        align-items: center;
        margin-top: 56px;
        margin-bottom: 72px;
    }

    .about_us_mission_item p {
        padding: 0 24px 24px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }


    .about_us_title {
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }

    .about_us_support_list {
        flex-direction: column;
        align-items: center;
        margin: 32px auto 120px;
    }

    .about_us_support_item {
        padding: 32px;
        max-width: 100%;
    }

    .about_us_support_item p {
        font-size: 16px;
    }
}


/* team */
.team_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.team_item {
    display: flex;
    gap: 200px;
    /* width: 1400px; */
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid #E2E6EC;
}

.team_item_image_wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 768px) {
    .team_item {
        flex-direction: column-reverse;
        gap: 36px;
    }

    .team_item_image_wrapper {
        flex-direction: column;
    }

    .team_item_image_wrapper img {
        width: 100%;
        height: auto;
    }
}

/* all_video */

.video_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 44px;
}

.video_list.slider_list {
    flex-wrap: nowrap;
    gap: 0;
}

.video_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% / 3 - 24px * 2 / 3);
}

.slider_list .video_item {
    flex-shrink: 0;
    margin-right: 24px;
}

.video_item_image_wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.video_item_play {
    position: absolute;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
}

.video_item_play img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.video_item_play:hover {
    transform: scale(1.1);
}

.video_item_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .video_item {
        width: 100%;
    }

    .slider_list .video_item {
        width: 90%;
    }
}

/* press_center */
.press_center_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.press_center_item {
    display: flex;
    gap: 44px;
    padding: 40px;
    border: 1px solid #E2E6EC;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .press_center_item {
        flex-direction: column;
        padding: 20px;
    }

    .press_center_item_image_wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        width: 100%;
    }
}



.base_label {
    position: relative;
    width: 100%;
    padding: 14px 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9aa4b4;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.base_label--error {
    border-color: #fa2f2f;
    color: #fa2f2f;
}

/* .base_label--error input::placeholder, */
/* .base_label--error textarea::placeholder, */
.base_label--error .base_label_title {
    color: #fa2f2f;
}

.base_label:has(.bad),
.select_label:has(.bad) {
    color: #fa2f2f;
    border-color: #fa2f2f;
}

.base_label:has(.select_label) {
    padding: 0 !important;
    color: inherit;
    border: none;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.base_label:has(.select_label) .base_label_title {
    display: none !important;
}

/* .select_wrapper:has(input:required)::after, */
.base_label:has(input:required)::after,
.base_label:has(textarea:required)::after,
.select_wrapper:has(input:required)::after {
    content: "*";
    position: absolute;
    left: 10px;
    top: 5px;
    color: #fa2f2f;
}

.base_label:has(input:valid)::after,
.base_label:has(textarea:valid)::after,
/* .select_wrapper:has(input:valid)::after,
.select_wrapper:has(.additional_info_item--selected)::after, */
.base_label:has(.additional_info_item--selected)::after,
.base_label:has(textarea:valid)::after {
    content: "";
}

.select_wrapper:has(.additional_info_item--selected)::after {
    content: "" !important;
}

.base_label .bad {
    border: none !important;
}

.base_label--password {
    position: relative;
    padding: 14px 48px 14px 20px;
}

.base_label--password .password_icon {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.base_label_title {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9aa4b4;
    /* transition: font-size 0.2s ease-in-out, line-height 0.2s ease-in-out; */
}

.base_label input {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    min-height: 22px;
    color: #1d1d1d;
}

.base_label--disabled {
    background-color: #fbfcfd;
}

.base_label--disabled::after {
    content: url("../image/icons/lock.svg");
    position: absolute;
    display: block;
    top: calc(50% - 8px);
    right: 20px;
    width: 16px;
    height: 16px;
}

.base_label--disabled input,
.base_label--disabled textarea {
    background-color: #fbfcfd;
    color: #656e7d;
}


.video_wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
}

/* select */
.select_wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.select_label {
    width: 100%;
    padding: 13px 50px 13px 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #9aa4b4;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #FFFFFF;
    /* transition: padding 0.2s ease-in-out; */
}

.select_label--readonly {
    cursor: default;
}

.select_label--clean {
    padding: 22px 50px 22px 20px;
}

.select_label--clean .base_label_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #9AA4B4;
}

.select_wrapper--search .select_label--clean .base_label_title {
    display: none;
}

.select_wrapper--search .select_label {
    cursor: text;
}

.select_label--clean .select_input_text {
    min-height: 0;
}


.select_label--disabled {
    background-color: #fbfcfd;
    cursor: default;
}

.select_label--error {
    border-color: #fa2f2f;
    color: #fa2f2f;
}

.select_label--error .base_label_title {
    color: #fa2f2f;
}

.select_label:hover,
.select_label--open {
    border-color: #d0d4d9;
}

.select_label--disabled:hover,
.select_label--readonly:hover,
.select_label--disabled.select_label--open {
    border-color: #e2e6ec;
}

.select_label::after {
    content: url('/image/icons/arrow_down_black.svg');
    position: absolute;
    right: 20px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease-in-out;
}

.select_label--disabled::after {
    filter: contrast(0);
}

.select_label--open::after {
    transform: rotateX(180deg);
}

.select_input_text {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    min-height: 22px;
    color: #1d1d1d;
    /* transition: min-height 0.2s ease-in-out; */
    overflow: hidden;
}

.select_label--disabled .select_input_text {
    color: #656E7D;
}

.select_list_wrapper {
    position: absolute;
    top: calc(100% + 8px);
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px solid #D0D4D9;
    border-radius: 4px;
    z-index: 3;
    display: none;
}

.select_list_wrapper--open {
    display: block;
}

.error-message {
    display: none;
    position: absolute;
    top: 100%;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #FA2F2F;
}

.select_label--error .error-message,
.base_label--error .error-message {
    display: block;
}

label:has(input:disabled) {
    cursor: default;
}

label:has(input:disabled) span {
    color: #9AA4B4;
}

label:has(input:disabled) span::before {
    filter: grayscale(1);
}

label:has(input:disabled:not(:checked)) span::before {
    background-color: #e2e6ec;
}

label:has(input:disabled):hover span::before {
    border-color: #e2e6ec;
}


.select_list {
    max-height: 260px;
    overflow-x: auto;
    padding-right: 8px;
}

.select_list.tab_list {
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    color: #1D1D1D;
}

.select_item {
    position: relative;
    padding: 12px 48px 12px 12px;
    cursor: pointer;
}

.select_item:hover {
    background-color: #F3F4F5;
}

.select_item--selected {
    position: relative;
}

.select_item::before {
    content: url('/image/icons/check.svg');
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: calc(50% - 11px);
    right: 12px;
    width: 22px;
    height: 22px;
    background-color: #FFDD00;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: 2;
}

.select_item--selected::before {
    display: flex;
}

.select--no_check .additional_info_item--selected::before {
    display: none;
}

.select--no_check .additional_info_item--selected {
    background-color: #f3f4f5;
    cursor: default;
    pointer-events: none;
}

.select--no_check .additional_info_item {
    padding: 12px;
}


@media (max-width: 768px) {
    .select_list_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100vw;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 100;
        padding: 0;
    }

    .select_list_wrapper--open {
        display: flex;
    }

    .select_list {
        position: absolute;
        background-color: #FFFFFF;
        width: 100%;
        max-height: 50%;
        padding: 0;
        bottom: 0;
    }
}

/* login page */
.login_page_title {
    margin-bottom: 56px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 768px) {
    .login_page_title {
        margin-bottom: 28px;
        text-align: left;
    }

}


/* general classes */
.border--black {
    border-color: #000000;
}

.bg--yellow {
    background-color: #ffdd00;
    border-color: #ffdd00;
}

.divider {
    border-bottom: 1px solid #E2E6EC;
}

.divider--text {
    position: relative;
    border-bottom: 1px solid #E2E6EC;
}

.divider--text span {
    position: absolute;
    left: 50%;
    top: -11px;
    padding: 0 8px;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1D1D1D;
    background-color: white;
}

.border_top {
    border-top: 1px solid #656e7d4d;
}


.flex {
    display: flex;
}

@media (max-width: 768px) {
    .flex--mob_column {
        flex-direction: column;
    }

}

.gap_8 {
    gap: 8px;
}

.gap_12 {
    gap: 12px;
}

.gap_24 {
    gap: 24px;
}

.gap_20 {
    gap: 20px;
}

.gap_32 {
    gap: 32px;
}

.gap_40 {
    gap: 40px;
}

.gap_72 {
    gap: 72px;
}

.flex--align-center {
    align-items: center;
}

.flex--align-center__desktop {
    align-items: center;
}

.flex--align-start {
    align-items: start;
    align-content: flex-start
}

.flex--justify-between {
    justify-content: space-between;
}

.flex--justify-center {
    justify-content: center;
}

.flex--justify-start {
    justify-content: start;
}

.flex--justify-end {
    justify-content: end;
}

.flex--wrap {
    flex-wrap: wrap;
}

.flex--column {
    flex-direction: column;
}

.flex_item_center {
    display: flex;
    align-items: center;
}

.shrink--0 {
    flex-shrink: 0;
}

.width-100 {
    width: 100%;
}

.width-50 {
    width: 50%;
}

.height-100 {
    height: 100%;
}

.width-130 {
    width: 130px;
    max-width: 100%;
}

.width-200 {
    width: 200px;
    max-width: 100%;
}

.width-250 {
    width: 250px;
    max-width: 100%;
}

.width-320 {
    width: 320px;
    max-width: 100%;
}

.width-450 {
    width: 450px;
    max-width: 100%;
}

.width-500 {
    width: 500px;
    max-width: 100%;
}

.width-600 {
    width: 600px;
    max-width: 100%;
}

.width-700 {
    width: 700px;
    max-width: 100%;
}

.width-900 {
    width: 900px;
    max-width: 100%;
}


.m-b--auto {
    margin-bottom: auto;
}

.m-t--auto {
    margin-top: auto;
}

.m-r--auto {
    margin-right: auto;
}

.m-l--auto {
    margin-left: auto;
}

.m-l--8 {
    margin-left: 8px;
}

.m-r--8 {
    margin-right: 8px;
}

.m-b--4 {
    margin-bottom: 4px;
}

.m-b--8 {
    margin-bottom: 8px;
}

.m-b--16 {
    margin-bottom: 16px;
}

.m-b--20 {
    margin-bottom: 20px;
}

.m-b--32 {
    margin-bottom: 32px;
}

.m-t--12 {
    margin-top: 12px;
}

.m-b--12 {
    margin-bottom: 12px;
}

.m-t--24 {
    margin-top: 24px;
}

.m-b--24 {
    margin-bottom: 24px;
}

.m-t--36 {
    margin-top: 36px;
}

.m-b--36 {
    margin-bottom: 36px;
}

.m-b--40 {
    margin-bottom: 40px;
}

.m-t--40 {
    margin-top: 40px;
}

.m-t--48 {
    margin-top: 48px;
}

.m-b--48 {
    margin-bottom: 48px;
}

.m-t--60 {
    margin-top: 60px;
}

.m-b--60 {
    margin-bottom: 60px;
}

.m-t--72 {
    margin-top: 72px;
}

.m-b--72 {
    margin-bottom: 72px;
}

.m-b--120 {
    margin-bottom: 120px;
}

.p-t--8 {
    padding-top: 8px;
}

.p-b--8 {
    padding-bottom: 8px;
}

.p-lr_28 {
    padding-left: 28px;
    padding-right: 28px;
}

.p-40 {
    padding: 40px;
}

.p-t--13 {
    padding-top: 13px;
}

.p-b--13 {
    padding-bottom: 13px;
}

.p-t--16 {
    padding-top: 16px;
}

.p-b--16 {
    padding-bottom: 16px;
}

.p-t--24 {
    padding-top: 24px;
}

.p-b--24 {
    padding-bottom: 24px;
}

.p-t--40 {
    padding-top: 40px;
}

.p-b--40 {
    padding-bottom: 40px;
}

.title-18 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1D1D1D;
    padding-bottom: 24px;
}

.text-center {
    text-align: center;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.text-11 {
    font-size: 11px;
    line-height: 16px;
}

.text-12 {
    font-size: 12px;
    line-height: 18px;
}

.text-13 {
    font-size: 13px;
    line-height: 20px;
}

.text-14 {
    font-size: 14px;
    line-height: 22px;
}

.text-16 {
    font-size: 16px;
    line-height: 24px;
}

.text-18 {
    font-size: 18px;
    line-height: 24px;
}

.text-21 {
    font-size: 21px;
    line-height: 28px;
}

.text-24 {
    font-size: 24px;
    line-height: 32px;
}

.text-32 {
    font-size: 32px;
    line-height: 44px;
}

.text-40 {
    font-size: 40px;
    line-height: 52px;
}

.text-54 {
    font-size: 54px;
    line-height: 60px;
}

.text-500 {
    font-weight: 500;
}

.text-400 {
    font-weight: 400;
}

.text-600 {
    font-weight: 600;
}

.text-700 {
    font-weight: 700;
}

.text-gray {
    color: #9aa4b4;
}

.text-red,
.text-danger {
    color: #fa2f2f;
}

.text-white {
    color: #FFFFFF;
    border-color: #FFFFFF80;
}

.block--mobile {
    display: none;
}

.block--desktop {
    display: block;
}

.flex--desktop {
    display: flex;
}

.flex--mobile {
    display: none;
}

@media (max-width: 768px) {

    .block--mobile {
        display: block;
    }

    .block--desktop {
        display: none;
    }

    .flex--desktop {
        display: none;
    }

    .flex--mobile {
        display: flex;
    }

    .flex--column_mobile {
        flex-direction: column;
    }

    .flex--align-center__desktop {
        align-items: normal;
    }

    .p-lr_28 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .p-40 {
        padding: 30px;
    }

    .text-m-center {
        text-align: center;
    }

    .text-21 {
        font-size: 18px;
        line-height: 24px;
    }

    .m-b--120 {
        margin-bottom: 80px;
    }

    .text-54 {
        font-size: 48px;
        line-height: 56px;
    }

    .gap_72 {
        gap: 32px;
    }

    .flex--m-column {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .width-320 {
        width: 100%;
        max-width: 100%;
    }

    .width--m-100 {
        width: 100%;
    }

    .width-700 {
        max-width: 100%;
    }

}

.map-container canvas {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(100%);
}