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

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

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

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

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

html {
    font-family: "Montserrat Regular", "Arial", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    word-wrap: break-word;
    background-color: #f5f5f5;
    color: #1d1d1d;
    scroll-behavior: smooth;
    scroll-margin-top: -100px;
}

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

ul {
    list-style: none;
}

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

.footer a:hover {
    color: #FFFFFF;
}

.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_black:hover {
    text-decoration-color: #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;
}

.all_events_item_tags {
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
    background-color: #FFFFFF !important;
}

input:-internal-autofill-selected {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
    background-color: #FFFFFF !important;
}


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: 14px;
    font-weight: 500;
    line-height: 22px;
}

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

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

.pointer {
    cursor: pointer;
}

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

img {
    max-width: 100%;
}

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

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

/* * {
    scrollbar-width: thin;
    scrollbar-color: #c6cacf #d3d3d333;
} */

.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    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;
}

.scrollbar_off {
    scrollbar-width: none;
}


.scrollbar_off::-webkit-scrollbar {
    width: 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;
}

@media (max-width: 764px) {
    section.wrapper.flex {
        flex-direction: column;
    }

    section.wrapper.flex--align-center {
        align-items: stretch;
    }
}

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

.relative {
    position: relative;
}

/* tags */

.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;
}

.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 {
    border-color: #000000;
    color: #000000;
    background-color: #ffdd00;
}

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

.button_link,
.btn {
    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_link--white {
    background-color: #ffffff;
    border: 1px solid #d3dbeb;
}

.button_link--yellow,
.btn-primary {
    background-color: #ffdd00;
    border: 1px solid #ffdd00;
}

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

.button_link:hover,
.btn:hover {
    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_back_button {
    background-color: #1d1d1d80;
}

.circle_back_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: 764px) {
    .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: 764px) {
    .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;
    gap: 16px;
    max-width: calc(100vw - 28px*2);
    /* max-height: calc(100vh - 100px); */
}

.popup_block:has(.popup--100) {
    flex-direction: column-reverse;
    align-items: center;
}

.popup_block:has(.popup--100) .popup_close_button {
    align-self: flex-end;
}

.popup,
.popup_new_lk {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 320px;
    padding: 32px;
    background-color: #ffffff;
    border-radius: 4px;
}

.popup--100 {
    align-items: flex-start;
    width: 100%;
    max-height: calc(100vh - 95px);
    box-sizing: border-box;
}

.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;
    box-sizing: border-box;
}

.popup--100 .popup_button {
    padding: 17px 20px;
    width: auto;
}

.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: 764px) {
    .popup_wrapper {
        z-index: 15;
    }

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

    .popup,
    .popup_new_lk {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        overflow-y: scroll;
        overflow-x: clip;
        box-sizing: border-box;
    }

    .popup--100 {
        padding: 12px;
        max-height: calc(100vh - 95px);
    }

    .popup_block:has(.popup--100) .popup_close_button {
        margin-right: 0;
    }


}

/* 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_list {
    width: 100%;
}

.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;
}

/* tab */
.tabs_wrapper {
    display: flex;
}

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

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

    @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;
}

.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;
    width: 250px;
}

.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;
    }

    .news_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_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) {
        gap: 10px;
    }

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

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

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

.event_page_info_item::before {
    width: 16px;
    height: 16px;
}

.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) {
        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;
    width: 250px;
}

.event_page_speaker_image {
    width: 120px;
    height: 120px;
    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;
    width: 180px;
}

.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) {
        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;
    }

    .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: 764px) {
        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: 764px) {
        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) {
        max-width: 140px;
    }

    @media (max-width: 764px) {
        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: 764px) {
        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;
}

.file_preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 77px;
    box-sizing: border-box;
    padding: 17px 20px;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
}

.upload_file_wrapper--table .file_preview {
    padding: 0;
    min-height: 0;
}

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

    @media (max-width: 1200px) {
        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_form_checkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 24px;

    .base_input {
        display: none;
    }
}

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

.consultation_sign_up_date_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    align-self: flex-start;
    max-width: 100%;
}

.consultation_sign_up_date_list_wrapper {
    overflow: hidden;
}

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

.consultation_sign_up_date_list {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease-in-out;
}

.consultation_sign_up_date_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 60px;
    min-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_date_item::after {
    display: none;
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #1d1d1d;
    background-color: #ffdd00;
}

.consultation_sign_up_date_item:has(.yourNotation)::after,
.consultation_sign_up_date_item:has(.coworking-timetable__interval-my)::after {
    display: block;
}

.consultation_sign_up_date_item--active:has(.yourNotation)::after,
.consultation_sign_up_date_item--active:has(.coworking-timetable__interval-my)::after {
    background-color: #1d1d1d;
}

.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; */
    padding: 5px;
    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 div {
    text-align: center;
}


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

.consultation_sign_up_time_item--disabled,
.consultation_sign_up_time_item:has(.coworking-timetable__interval-my),
.consultation_sign_up_time_item:has(.coworking-timetable__interval-my):hover {
    background-color: #f3f4f5;
    color: #9aa4b4;
    border-color: #f3f4f5;
    cursor: not-allowed;
}

.consultation_sign_up_time_item:has(.coworking-timetable__busy),
.consultation_sign_up_time_item:has(.coworking-timetable__busy):hover {
    background: white;
    color: #9aa4b4;
}

.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%;
    }

    .file_preview {
        padding: 10px;
    }

    .consultation_sign_up_date_item {
        width: 50px;
        min-width: 50px;
    }

    .consultation_sign_up_form_button {
        width: 100%;
    }
}

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

    @media (max-width: 1024px) {
        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) {
        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) {
        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: 764px) {
    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_list--slider .all_events_item {
    /* width: 260px; */
    flex-shrink: 0;

    @media (max-width: 764px) {
        width: 93%;
    }
}

.all_events_list--slider .all_events_item:not(:last-child) {
    /* width: 260px; */
    margin-right: 24px;

    @media (max-width: 764px) {
        margin-right: 12px;
    }
}

.all_events_item_image {
    width: 100%;
}

.all_events_item_date_wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 24px;
    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: 764px) {
    .all_events_item {
        width: 100%;
    }
}


/* 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: 10;
}

.aside_block_wrapper {
    padding: 28px;
}

.aside_logo_wrapper {
    position: sticky;
    top: 0;
    padding: 16px 28px 16px;
    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.2s 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: 764px) {
    .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: 10px;
        padding-bottom: 10px;
        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: 17px;
    padding-bottom: 20px;
    top: 0;
    width: 100%;
    max-height: 80px;
    display: flex;
    /* justify-content: space-between; */
    gap: 24px;
    margin-bottom: -80px;
    z-index: 10;
    transition: background-color 0.2s ease-in-out;
}

.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_text {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.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); */
}

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

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

.header--main .header_logo_link {
    width: 204px;
}

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

.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;
}

.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;
}

.m-b--60 {
    margin-bottom: 60px;
}

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



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

.header_breadcrumbs_wrapper:empty {
    display: none;
}

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

.main--transparent_header .header_breadcrumbs_list,
.header--background .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 {
    flex-shrink: 0;
    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: 7px;
    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;
    min-width: 100px;
}

.header_user_name {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 22px;
    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: #ffdd00;
}

.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: 1280px) {
    .header_breadcrumbs_wrapper {
        flex-shrink: 1;
    }

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

    .header_breadcrumbs_item {
        line-height: 20px;
    }

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

}

@media (max-width: 1040px) {

    .header_breadcrumbs_item:last-child {
        max-width: 50px;
    }
}

@media (max-width: 764px) {
    .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_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;
}

/* .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: 66px;
}

.main_section:has(.main_header_promo) {
    padding-top: 0;
}

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

    @media (max-width: 764px) {
        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;
    padding: 12px 24px;
    border: 1px solid #d3dbeb;
    border-radius: 4px;
    /* margin-left: 10px; */
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

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

.section_header_link--mobile {
    display: none;
}

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

@media (max-width: 764px) {
    .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;
    }

    .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: 764px) {
    .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: 600px;
    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; */
}

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--11 {
    grid-template-columns: repeat(11, auto);
}

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

table.grid_table--13 {
    grid-template-columns: repeat(13, 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--6__100_120_520_164_80_130 {
    grid-template-columns: minmax(calc(100px*0.8), calc(100px*1.5)) minmax(120px, calc(120px*1.5)) minmax(calc(520px*0.7), calc(520px*1.5)) minmax(calc(164px*0.8), calc(164px*1.5)) 80px 130px;

}

table.grid_table--5__100_120_520_90_90 {
    grid-template-columns: minmax(calc(100px*0.8), calc(100px*1.5)) minmax(120px, calc(120px*1.5)) minmax(calc(714px*0.5), calc(714px*2)) 90px 90px;
}

table.grid_table--10__60_280_80_140_80_150_125_150_260_500 {
    grid-template-columns: 60px minmax(calc(280px*0.8), 280px) 80px minmax(calc(140px*0.8), 140px) minmax(calc(80px*0.8), 80px) minmax(calc(150px*0.8), 150px) minmax(calc(125px*0.8), 125px) minmax(calc(150px*0.8), 150px) minmax(calc(260px*0.7), 260px) minmax(calc(500px*0.8), 500px);
}

thead,
tbody,
tr {
    display: contents;
}

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

th {
    position: sticky;
    top: 0;
    text-align: left;
    font-weight: 400;
    padding: 5px;
    background-color: #ffffff;
    color: #9aa4b4;
    border-top: 1px solid #e2e6ec;
    border-bottom: 1px solid #e2e6ec;
    border-left: 1px solid #e2e6ec;
    z-index: 3;
}

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

td {
    /* padding-top: 10px;
    padding-bottom: 10px; */
    color: #1d1d1d;
    border-bottom: 1px solid #e2e6ec;
    border-left: 1px solid #e2e6ec;
    font-weight: 400;
}

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

.table_row_click:hover td {
    background-color: #f3f4f5;
    cursor: pointer;
}

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

/* th:has(.tooltip),
.table_wrapper:has(.tooltip) {
  overflow-y: visible;
  overflow-x: visible;
} */

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

.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: #ffdd0054;
}

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

@media (max-width: 764px) {
    .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:not(:last-child) {
    border-right: 1px solid #e2e6ec;
}

.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: all 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: 764px) {
    .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;
}

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

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

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

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

.main_news_item_image_wrapper {
    display: flex;
    min-width: 200px;
}

.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: cover;
    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 */
.news_filter_wrapper {
    position: relative;
    font-weight: 500;
}

.news_filter_input,
.date_input,
.search_input {
    position: relative;
    width: 320px;
    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;
}

/* .date_input {
    line-height: 22px;
} */

.date_input.air_range_datepicker {
    /* width: 230px; */
    max-width: 100%;
}

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

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

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

.news_filter_label {
    position: relative;
}

.news_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: 10;
}

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

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

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

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

.news_filter_list_wrapper {
    position: absolute;
    top: calc(100% + 8px);
    display: none;
    flex-direction: column;
    width: 320px;
    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;
}

.news_filter_list_wrapper--open {
    display: flex;
}

.news_filter_item {
    position: relative;
    padding: 13px 12px;
    cursor: pointer;
    border-radius: 4px;
}

.news_filter_item:hover {
    background-color: #ffdd0080;
}

.news_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;
}

.news_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;
}

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

.news_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;
}

.news_filter_button--active {
    color: #1d1d1d;
    cursor: pointer;
}

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

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

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

.news_filter_quantity_selected {
    margin-left: 5px;
}

@media (max-width: 764px) {
    .news_filter_wrapper {
        width: 100%;
    }

    .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_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) {
        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: 764px) {
    .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;
    }

    .news_filter_input,
    .news_filter_list_wrapper,
    .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: calc(50% - 11px);
    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: calc(50% - 11px);
    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;
}

.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,
.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;
}

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

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

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

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

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

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

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

.base_label--error {
    border-color: #fa2f2f;
    color: #fa2f2f;
}

.base_label--error input::placeholder,
.base_label--error textarea::placeholder {
    color: #fa2f2f;
}

.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: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;
}

.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 {
    content: "";
}

.profile_label input,
.base_label input {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    min-height: 22px;
    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;
}

.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;
}

.base_label--table,
.date_input--table {
    padding: 5px;
    display: inline-block;
    width: 100%;
}

.base_label--table input {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    min-height: 22px;
    color: #1d1d1d;
}

.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_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;
}


.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,
.error_password .base_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: 7;
    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;
}

.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: 1107px) {
    .profile_form {
        width: 100%;
        box-sizing: border-box;
    }

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

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

.review_form_checkbox_text,
.radio_text {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.review_form_checkbox_text::before,
.radio_text::before {
    content: "";
    width: 22px;
    min-width: 22px;
    height: 22px;
    border: 1px solid #e2e6ec;
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
}

label:hover .review_form_checkbox_text::before,
label:hover .radio_text::before {
    border-color: #ffdd00;
}

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

.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: 14px;
    font-weight: 500;
    line-height: 22px;
}

/* 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: 24px;
}

.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_item {
    width: 166px;
}

.footer_title {
    color: #ffffff;
    padding-bottom: 12px;
}

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

.footer_link {
    padding-bottom: 8px;
}

.footer_services_list {
    columns: 3;
}

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

.footer_feedback {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.footer_feedback_list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

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

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

.footer_about_list {
    columns: 2;
}

@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 {
        flex-direction: column;
        gap: 16px;
    }

    .footer_item {
        width: 100%;
        padding-bottom: 8px;
    }

    .footer_row--accelerator {
        display: flex;
        gap: 16px;
        justify-content: space-between;
    }
}

.block--mobile {
    display: none;
}

.block--desktop {
    display: block;
}

.flex--desktop {
    display: flex;
}


@media (max-width: 764px) {
    .block--mobile {
        display: block;
    }

    .block--desktop {
        display: none;
    }

    .flex--desktop {
        display: none;
    }
}

/* select */
.select_wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.select_label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 5px 50px 5px 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    min-height: 51px;
    color: #9aa4b4;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    /* transition: padding 0.2s ease-in-out; */
}

.profile_form_fieldset .select_label {
    padding: 14px 50px 14px 20px;
}

.select_label--readonly {
    cursor: default;
}

.select_label--clean {
    padding: 13px 50px 13px 20px;
}

.select_label--clean .base_label_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    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: 14px;
    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 {
    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_search_input {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px 12px;
    border: 1px solid #d0d4d9;
    border-radius: 4px;
    box-sizing: border-box;
}

.select_search_label {
    position: relative;
}

.select_search_label::after {
    content: url("/image/icons/search.svg");
    position: absolute;
    right: 12px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
}

.table_select_wrapper {
    height: 40px;
}

.table_select_wrapper .select_wrapper {
    position: absolute;
}

.table_select_wrapper .select_label {
    padding: 5px 20px 5px 5px;
    min-height: 22px;
}

.table_select_wrapper .select_label::after {
    right: 5px;
}

.table_select_wrapper .additional_info_item {
    padding: 5px;
}

.table_select_wrapper .select_search_input {
    padding: 5px;
    line-height: 22px;
}

.table_select_wrapper .additional_info_list_wrapper {
    padding: 3px;
}

.table_select_wrapper .select_input_text {
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* image_upload_block */
.image_upload_block {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.image_upload_preview_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 165px;
    height: 165px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    border: 1px dashed #d3dbeb;
}

.image_upload_preview_wrapper--no-photo::after {
    content: url("/image/icons/camera.svg");
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.2s ease-in-out;
    filter: invert(1) opacity(20%);
    transition: filter 0.2s ease-in-out;
}

.image_upload_preview_wrapper--no-photo:hover::after {
    filter: invert(1) opacity(50%);
}

.image_upload_preview_wrapper--no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image_delete_button {
    position: absolute;
    right: 16px;
    bottom: -20px;
    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;
}

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


.image_upload_label {
    display: inline-block;
    margin-bottom: 43px;
    padding: 13px 28px;
    border: 1px solid #1d1d1d;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1d1d1d;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

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

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

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

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

.image_upload_rules_item--error {
    color: #fa2f2f;
}

.image_upload_rules_item--error::before {
    background-color: #fa2f2f;
}



/* article_ol */
.article_ol {
    padding: 0;
    margin: 0;
}

.article_ul {
    padding-left: 20px;
    list-style: disc;
}

.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;
}

.markered_list {
    list-style: disc;
    padding-left: 20px;
}

@media (max-width: 764px) {

    .article_ol>li {
        position: relative;
        padding-left: 25px;
    }

    .article_ol ul li {
        padding-left: 0;
    }

}

.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;
}

label:has(input[type="checkbox"]):hover {
    cursor: pointer;
}



/* upload_file */
.upload_file_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.upload_file_label {
    flex-shrink: 0;
    display: inline-block;
    padding: 13px 28px;
    border: 1px solid #1d1d1d;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #1d1d1d;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.upload_file_wrapper--table .upload_file_label {
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    border-color: #D3DBEB;
}

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

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

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

.upload_file_wrapper--table .upload_file_item {
    font-size: 12px;
    line-height: 20px;
}

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

.upload_file_item--error {
    color: #fa2f2f;
}

.upload_file_item--error::before {
    background-color: #fa2f2f;
}

.ukep_info {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 32px 40px;
    border: 1px solid #e2e6ec;
    border-radius: 4px;

    @media (max-width: 764px) {
        flex-direction: column;
        padding: 20px;
        gap: 12px;
    }
}


/* om classes */

/* table.grid_table--7 {
    grid-template-columns:
        100px minmax(130px, 1fr) minmax(200px, 3fr) minmax(150px, 2fr) minmax(150px, 2fr) minmax(130px, 1.5fr) minmax(130px, 1.5fr);
    max-height: 500px;
} */

.grid_table--7 td {
    white-space: wrap;
}

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

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

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

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

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

.review_form_checkbox_text--bold {
    font-weight: 500;
}

.m-l--auto {
    margin-left: auto;
}

.m-t--70 {
    margin-top: 70px;
}

.consultation_sign_up_form_checkbox--qr_code_type {
    gap: 12px;
}

.checkbox_hidden_block,
.checkbox_hidden_flex {
    display: none;
}

.checkbox_display_block {
    display: block;
}

input[type="radio"]:checked+span+.checkbox_hidden_block {
    display: block;
}

label:has(input[type="radio"]:checked)+.checkbox_hidden_block {
    display: block;
}

input[type="checkbox"]:checked+span+.checkbox_hidden_block {
    display: block;
}

label:has(input[type="checkbox"]:checked)+.checkbox_hidden_block {
    display: block;
}

label:has(input[type="checkbox"]:checked)+.checkbox_hidden_flex {
    display: flex;
}

label:has(input[type="checkbox"]:checked)+.checkbox_display_block {
    display: none;
}

.profile_form_help_message--new_application {
    box-sizing: border-box;
}

.profile_form_help_message--factory_err {
    box-sizing: border-box;
    background-color: #fee6e6;
}

.profile_form_help_message--factory_err::before {
    content: url("/image/icons/info_red.svg");
}

.review_form_label {
    width: 100%;
}

.consultation_sign_up_form--new_application {
    gap: 32px;
}

.consultation_sign_up_form_wrapper--new-application {
    padding-bottom: 20px;
}

.checkbox_block--new_application {
    box-sizing: border-box;
}

.checkbox_block--new_application::after {
    top: 0;
    box-sizing: border-box;
}

.checkbox_block--new_application::before {
    top: 0;
    box-sizing: border-box;
}

.tag--orange {
    color: #e67c00;
    background-color: #ffedd8;
    border-color: #ffedd8;
}

.profile_form_help_message--orange {
    background-color: #ffedd8;
    color: #e67c00;
    box-sizing: border-box;
}

.profile_form_help_message--orange::before {
    content: url("/image/icons/info_orange.svg");
    position: absolute;
    display: block;
    top: 20px;
    left: 20px;
    width: 14px;
    height: 14px;
}

input:disabled {
    color: lightgray;
}

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

.application_filter--renew {
    width: 100%;
}

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

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

.m-t--72 {
    margin-top: 72px;
}

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

.application_filter_list_wrapper--open {
    display: flex;
}

.application_filter_input,
.application_filter_list_wrapper {
    width: 100%;
}

.application_input_list_wrapper {
    width: 800px;
}

.application_filter_wrapper {
    position: relative;
    font-weight: 500;
}

.application_filter_input,
.search_input {
    position: relative;
    width: 320px;
    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;
}

.application_filter_label {
    position: relative;
}

.application_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: 10;
}

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

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

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

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

.application_filter_list_wrapper--open {
    display: flex;
}

.application_filter_item {
    position: relative;
    padding: 13px 12px;
    cursor: pointer;
    border-radius: 4px;
}

.application_filter_item:hover {
    background-color: #ffdd0080;
}

.application_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;
}

.application_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;
}

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

.application_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;
}

.application_filter_button--active {
    color: #1d1d1d;
    cursor: pointer;
}

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

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

.application_filter_quantity_selected {
    margin-left: 5px;
}

@media (max-width: 764px) {
    .application_filter_wrapper {
        width: 100%;
    }

    .date_input,
    .search_input {
        width: 100%;
    }
}

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

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

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

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

.image_upload_preview_wrapper--factory_form {
    border-radius: 0;
    border: 1px dashed #ebd3d3;
    width: 355px;
    height: 230px;
}

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

.factory_form_help_message {
    position: relative;
    width: 100%;
    padding: 20px 20px 20px 48px;
    background-color: transparent;
    border-radius: 4px;
}

.link_black--bold {
    font-weight: 500;
}

.m-l--24 {
    margin-left: 24px;
}

.text-14--500 {
    max-width: 500px;
    font-weight: 400;
    margin-top: 5px;
}

.factory_filter_input {
    position: relative;
    width: 320px;
    box-sizing: border-box;
    padding: 22px 20px;
    border: 1px solid #d3dbeb;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    outline: none;
    width: 900px;
}

.factory_input::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.upload_file_item--error {
    color: #ff0000;
}

.factory_description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.factory_file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 600px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
}

.event_month_wrapper--factory {
    display: flex;
}

.profile_label--disabled_chevron {
    position: relative;
    background-color: #fbfcfd;
}

.profile_label--disabled_chevron::after {
    content: url("/image/icons/chevron_gray.svg");
    position: absolute;
    display: block;
    top: calc(50% - 6px);
    right: 25px;
    width: 7px;
    height: 7px;
}

.profile_label--disabled_chevron input {
    background-color: #fbfcfd;
    color: #656e7d;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.profile_label--disabled_factory {
    position: relative;
    padding: 24px 20px;
    background-color: #fbfcfd;
}

.profile_label--disabled_factory::after {
    content: url("/image/icons/lock.svg");
    position: absolute;
    display: block;
    top: calc(0% + 30px);
    right: 20px;
    width: 7px;
    height: 7px;
}

.profile_label--disabled_factory input {
    background-color: #fbfcfd;
    color: #656e7d;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.profile_label--factory {
    position: relative;
    padding: 24px 20px;
}

.profile_label--factory::after {
    position: absolute;
    display: block;
    top: calc(0% + 30px);
    right: 20px;
    width: 7px;
    height: 7px;
}

.profile_label--factory input {
    background-color: #fbfcfd;
    color: #656e7d;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.popup_factory2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup_factory2 .popuptext {
    visibility: hidden;
    width: 200px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: fixed;
    display: block;
    z-index: 9;
    /* bottom: 125%; */
    left: 50%;
    margin-left: -110px;
    font-size: 11px;
    line-height: 16px;
    box-shadow: 2px 3px 5px #999;
    opacity: 0;
    transition: opacity 0.5s;
    white-space: wrap;
}

/* Popup arrow */
.popup_factory2 .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    box-shadow: 2px;
}

/* Toggle this class - hide and show the popup */
.popup_factory2:hover .popuptext {
    visibility: visible;
    opacity: 1;
}

.popup_factory2 .popuptext--big {
    visibility: hidden;
    width: 300px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 9;
    bottom: 125%;
    left: 50%;
    margin-left: -160px;
    font-size: 11px;
    line-height: 16px;
    box-shadow: 2px 3px 5px #999;
    opacity: 0;
    transition: opacity 0.5s;
    white-space: wrap;
}

/* Popup arrow */
.popup_factory2 .popuptext--big::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    box-shadow: 2px;
}

/* Toggle this class - hide and show the popup */
.popup_factory2:hover .popuptext--big {
    visibility: visible;
    opacity: 1;
}

/* th:has(.tooltip),
  .table_wrapper:has(.tooltip) {
    overflow-y: visible;
    overflow-x: visible;
  } */

input[type="radio"]:checked:disabled+.review_form_checkbox_text::before,
input[type="radio"]:checked:disabled+.radio_text::before,
input[type="checkbox"]:checked+.review_form_checkbox_text::before {
    content: url("/image/icons/circle_check_disabled.svg");
}

.m-r--12 {
    margin-right: 12px;
}

.registry_wrapper {
    font-weight: 500;
}

table.grid_table--factory {
    grid-template-columns:
        165px minmax(120px, 1fr) minmax(165px, 1.5fr) minmax(200px, 2fr) minmax(230px, 2fr);
    /* max-height: 500px; */
}

.factory_filter_input--registry {
    width: auto;
}

tr,
td {
    white-space: wrap;
}

.empty_page {
    height: 100%;
}

.candidate_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.accordion_list--900 {
    width: 900px;
}

.factory_filter_input--candidate {
    width: 840px;
}

.candidate {
    width: 840px;
}

.button_link--gray {
    background-color: #f3f4f5;
    border: 1px solid #f3f4f5;
}

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

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

.file_preview--table_place {
    padding: 0;
    border: none;
}

.consultations_feedback_wrapper--72 {
    padding-bottom: 0;
}

.industry_list_wrapper {
    margin-bottom: 40px;
}

.consultations_item--industry {
    min-height: 280px;
}

.consultations_item--education {
    box-sizing: border-box;
    width: calc(50% - 12px);
    min-height: 350px;

    @media (max-width: 1024px) {
        width: 100%;
    }
}

.file_preview--education {
    width: calc(50% - 12px);

    @media (max-width: 1024px) {
        width: 100%;
    }
}

.link_black--education {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.select_wrapper--industry {
    width: auto;
}

table.grid_table--6-285-190-190-190-95-165 {
    grid-template-columns: 265px minmax(190px, 2fr) minmax(190px, 2fr) minmax(190px, 2fr) minmax(95px, 1fr) minmax(165px, 2fr);
    /* max-height: 500px; */
}

.grid_table--6-285-190-190-190-95-165 td {
    height: 105px;
    /* line-height: 105px; */
}

table.grid_table--9-285-190-190-190-95-165 {
    grid-template-columns: 80px minmax(120px, 2fr) minmax(165px, 3fr) minmax(155px, 3fr) minmax(120px, 1fr) minmax(140px, 2fr) minmax(100px, 2fr) minmax(120px, 2fr) minmax(100px, 1fr);
    /* max-height: 500px; */
}

table.grid_table--6-400-120-230-230-110-110 {
    grid-template-columns: minmax(300px, 3fr) minmax(70px, 1fr) minmax(200px, 2fr) minmax(200px, 2fr) minmax(110px, 1fr) minmax(110px, 1fr);
    /* max-height: 500px; */
}

.m-b--265 {
    margin-bottom: 265px;
}

.wrapper--students {
    max-width: 100%;
    overflow: hidden;
}

.grid_table--9-285-190-190-190-95-165 th {
    white-space: wrap;
}

.grid_table--9-285-190-190-190-95-165 td {
    text-overflow: clip;
}

.consultation_sign_up_form_wrapper--students {
    padding-bottom: 24px;
}

/* .date_input, */
/* .base_label {
    position: relative;
    width: 100%;
    padding: 13px 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 22px;
    color: #9aa4b4;
    border: 1px solid #e2e6ec;
    border-radius: 4px;
    box-sizing: border-box;
} */

.gap-24 {
    gap: 24px
}

.profile_form_fieldset--specialization {
    width: 100%;
    flex-wrap: nowrap;
}

/* .date_input--specialization,
.base_label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
} */

.specialization_filter_wrapper {
    position: relative;
    font-weight: 500;
}

.button--exporter {
    font-weight: 501;
}

.button--exporter:hover {
    font-weight: 502;
}

button[class="button--exporter"]:hover+svg+.checkbox_hidden_block {
    display: block;
}

/* 
  input[type="radio"]:checked+span+.checkbox_hidden_block {
    display: block;
  } */

.checkbox_hidden_block_exporter {
    display: none;
}

.select_label--exporter {
    padding: 22px 50px 22px 20px;
}

table.grid_table--6-100_120_360_220_165_165 {
    grid-template-columns: minmax(calc(100px*1), calc(100px*1.5)) minmax(120px, calc(120px*1.5)) minmax(calc(360px*0.7), calc(360px*1.5)) minmax(calc(220px*0.7), calc(220px*1.5)) minmax(calc(164px*0.8), calc(164px*1.5)) minmax(calc(164px*0.8), calc(164px*1.5));
}

ol.news_content_item {
    list-style: 1;
}

.article_ol--self-exam>li {
    position: relative;
    counter-increment: section;
    padding-left: 20px;
}

input[type="radio"]:checked+.review_form_checkbox_text--wrong_check::before,
input[type="radio"]:checked+.radio_text--wrong_check::before,
input[type="checkbox"]:checked+.review_form_checkbox_text--wrong_check::before {
    content: url("/image/icons/cheched_circle_red.svg");
    width: 22px;
    height: 22px;
    border: none;
}

input[type="radio"]:checked+.review_form_checkbox_text--no_check::before,
input[type="radio"]:checked+.radio_text--no_check::before,
input[type="checkbox"]:checked+.review_form_checkbox_text--no_check::before {
    content: url("/image/icons/circle_red.svg");
    width: 22px;
    height: 22px;
    border: none;
}

.popup_factory2 .popuptext--approval {
    visibility: hidden;
    width: 400px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 9;
    top: -30%;
    right: 150%;
    /* top: 20%; */
    margin-left: -160px;
    font-size: 11px;
    line-height: 16px;
    box-shadow: 2px 3px 5px #999;
    opacity: 0;
    transition: opacity 0.5s;
    white-space: wrap;
}

/* Popup arrow */
.popup_factory2 .popuptext--approval::after {
    content: "";
    position: absolute;
    /* top: 50%;
    right: 100%; */
    top: calc(50% - 25px);
    right: -8px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    box-shadow: 2px;
    transform: rotate(-90deg);
}

/* Toggle this class - hide and show the popup */
.popup_factory2:hover .popuptext--approval {
    visibility: visible;
    opacity: 1;
}

table.grid_table--5__100_120_520_215_165 {
    grid-template-columns: minmax(calc(100px*0.8), calc(100px*1.5)) minmax(120px, calc(120px*1.5)) minmax(calc(520px*0.5), calc(520px*2)) 215px 165px;
}

.text-21-28-600 {
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
}

.m-t--12 {
    margin-top: 12px;
}

.file_preview--specialization {
    border: 1px solid #fa2f2f;
}

.event_phone--strategic {
    max-width: none;
    font-size: 16px;
    line-height: 24px;
}

.upload_file_label--disabled {
    border: 1px solid #e2e6ec;
}

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

}

.base_checkbox_label .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;
}

/* 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;
    max-height: 300px;
    overflow-y: auto;
}

.filter_list_wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    overflow: scroll;
}

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

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

.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%;
    }

    .datepicker_wrapper,
    .datepicker_label,
    .filter_label,
    .date_input,
    .search_input,
    .news_filter_wrapper,
    .date_input_list_wrapper,
    .search_form_label,
    .input--260,
    .date_input.air_range_datepicker {
        width: 100%;
    }

}



/* general classes */
.border--black {
    border-color: #000000;
}

.bg--yellow {
    background-color: #ffdd00;
    border-color: #ffdd00;
}

.divider {
    border-bottom: 1px solid #e2e6ec;
}

.border_top {
    border-top: 1px solid #656e7d4d;
}

.border_error {
    border-color: #fa2f2f;
}

.no_border {
    border: none;
}

.flex {
    display: flex;
}

.gap_4 {
    gap: 4px;
}

.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_48 {
    gap: 48px;
}

.gap_72 {
    gap: 72px;
}

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

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

.flex--align-end {
    align-items: end;
    align-content: flex-end;
}

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

.flex--justify-center {
    justify-content: center;
}

.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_text {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.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-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-b--4 {
    margin-bottom: 4px;
}

.m-b--8 {
    margin-bottom: 8px;
}

.m-t--12 {
    margin-top: 12;
}

.m-b--12 {
    margin-bottom: 12px;
}

.m-b--16 {
    margin-bottom: 16px;
}

.m-t--24 {
    margin-top: 24px;
}

.m-b--24 {
    margin-bottom: 24px;
}

.m-b--32 {
    margin-bottom: 32px;
}

.m-b--36 {
    margin-bottom: 36px;
}

.m-t--36 {
    margin-top: 36px;
}

.m-b--40 {
    margin-bottom: 40px;
}

.m-t--40 {
    margin-top: 40px;
}

.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-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;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

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

.text-center {
    text-align: center;
}

.text-11 {
    font-size: 11px;
    line-height: 15px;
}

.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-24 {
    font-size: 24px;
    line-height: 32px;
}

.text-32 {
    font-size: 32px;
    line-height: 44px;

    @media (max-width: 764px) {
        font-size: 24px;
        line-height: 32px;
    }
}

.text-400 {
    font-weight: 400;
}

.text-500 {
    font-weight: 500;
}

.text-600 {
    font-weight: 600;
}

.text-gray {
    color: #9aa4b4;
}

.text-red,
.text-danger {
    color: #fa2f2f;
}

.text-white {
    color: #ffffff;
    border-color: #ffffff80;
}

.body--no-scroll {
    overflow: hidden;
}

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


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

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

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

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

    .p-lr_28 {
        padding-left: 12px;
        padding-right: 12px;
    }

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

    .flex--m-column {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .width--m-100 {
        width: 100%;
    }

    .width-700 {
        max-width: 100%;
    }

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