@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Manrope:200,300,regular,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Figtree:300,regular,500,600,700,800,900,300italic,italic,500italic,600italic,700italic,800italic,900italic);

:root {
    --header_height: 92px;
}

@font-face {
    font-family: "sf_mono_r";
    src: url("/Content/2024/fonts/sfmonoregular-webfont.woff2") format("woff2"), url("/Content/2024/fonts/sfmonoregular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "sf_mono_sb";
    src: url("/Content/2024/fonts/sfmonosemibold-webfont.woff2") format("woff2"), url("/Content/2024/fonts/sfmonosemibold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "sf_pro_m";
    src: url("/Content/2024/fonts/sf-pro-display-medium-webfont.woff2") format("woff2"), url("/Content/2024/fonts/sf-pro-display-medium-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "sf_pro_b";
    src: url("/Content/2024/fonts/sf-pro-display-bold-webfont.woff2") format("woff2"), url("/Content/2024/fonts/sf-pro-display-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "sf_pro_h";
    src: url("/Content/2024/fonts/sf-pro-display-heavy-webfont.woff2") format("woff2"), url("/Content/2024/fonts/sf-pro-display-heavy-webfont.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
}

    *,
    *:before,
    *:after {
        box-sizing: border-box;
    }

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}


/*LEGACY CSS BEGIN*/
.container-main {
    margin-left: 0;
    margin-right: 0;
    max-width: 1920px;
}

.padding-section {
    padding-left: calc(10px + 2%);
    padding-right: calc(10px + 2%);
}


.navbar {
    padding-top: calc(5px + 1vw);
    background-color: #FFF !important;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.nav-link {
    color: #262626;
    font-size: calc(10px + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(10px + 0.5vw);
}

.navbar-brand {
    margin-right: calc(20px + 2vw);
}

.btn-nav {
    border-radius: 5px;
    background: #FFF;
    display: flex;
    height: calc(30px + 1.5vw);
    padding: calc(5px + 0.5vw);
    align-items: center;
    gap: calc(5px + 0.5vw);
}

.btn-nav-support {
    margin-right: calc(20px + 1vw);
    margin-left: calc(10px + 1vw);
}

.collapse {
    background-color: #FFF;
    transition: all 0.5s ease-in-out;
}

    .collapse.show + .content {
        margin-top: calc(60px + 30vw);
    }

.content {
    padding: calc(10px + 5vw);
    background-color: white;
}



.s1-headerBlue {
    color: #0073E6;
    __font-family: Manrope;
    font-size: calc(16px + 3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 4vw;
    letter-spacing: -0.1vw;
    text-transform: uppercase;
    padding-top: 30%;
    padding-bottom: 2%;
}

.s1-descriptionBlack {
    color: #000;
    __font-family: Manrope;
    font-size: calc(12px + 1vw);
    line-height: calc(16px + 1.5vw);
    font-style: normal;
    font-weight: 400;
    __letter-spacing: -0.04vw;
}



.triangles {
    background-image: url('/Content/Images/2023/Home/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

    .triangles .content {
        padding-top: calc(60px + 30vw);
    }

.transparent-bg {
    background-color: transparent !important;
}

.round-button {
    background-color: #007bff;
    border-radius: 50%;
    padding: calc(8px + 1vw);
    color: white;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'Manrope';
    font-size: calc(8px + 1.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(18px + 3vw);
    letter-spacing: calc(-0.5px + 0vw);
    width: calc(50px + 10vw);
    height: calc(50px + 10vw);
}

    .round-button span {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: calc(2px + 0.5vw);
        padding-right: calc(2px + 0.5vw);
    }

.s1-send-request-round-button {
    position: absolute;
    right: calc(4vw + 1vh);
    bottom: -30px;
}


.margin-100 {
    margin-top: calc(10px + 5vw);
    margin-left: 0;
    margin-right: 0;
}

.margin-80 {
    margin-top: calc(10px + 4vw);
    margin-left: 0;
    margin-right: 0;
}


.custom-list {
    list-style: none;
    padding-left: 0;
}

    .custom-list li {
        position: relative;
        padding-left: 1.0416vw;
        margin-bottom: 2.60vw;
    }

        .custom-list li::before {
            content: "";
            background-color: #0073e6;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 0.5208vw;
            width: 0.5208vw;
            margin-right: 0.5208vw;
        }

.custom-list-compact li {
    margin-bottom: 0.25vw;
}

.custom-list-compact-white li::before {
    background-color: white;
}

.custom-list-compact-white li a {
    color: white;
    text-decoration: none;
}

.footer {
    background: #262626;
}

    .footer .padding-section {
        padding-bottom: calc(10px + 2%);
    }

.footer-table {
    padding-top: 30px;
}

    .footer-table .footer-table-header {
        color: #FFF;
        font-family: 'Manrope', sans-serif;
        font-size: calc(20px + 0.5vw);
        font-style: normal;
        font-weight: 400;
        line-height: calc(28px + 0.4vw);
        letter-spacing: calc(-1px + 0.05vw);
    }

.footer-custom-gutters > .row {
    margin-right: calc(-5px + -2.5vw);
    margin-left: calc(-5px + -2.5vw);
}

    .footer-custom-gutters > .row > .col {
        padding-right: calc(5px + 2.5vw);
        padding-left: calc(5px + 2.5vw);
    }

.footer-table-text, .footer-table-text a {
    color: #8A8A8A;
    font-family: 'Manrope', sans-serif;
    font-size: calc(12px + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(18px + 0.5vw);
    letter-spacing: calc(-0.5px + 0.02vw);
    margin-bottom: calc(2px + 0.2vw);
    text-decoration: none;
}

    .footer-table-text a:hover {
        text-decoration: underline;
    }

.footer-email {
    padding-right: calc(5px + 2vw);
}

.footer-email-hint {
    color: #8A8A8A;
    font-family: 'Manrope', sans-serif;
    font-size: calc(5px + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(5px + 0.5vw);
    letter-spacing: calc(-0.5px + 0.01vw);
}

.copyright {
    color: #8A8A8A;
    text-align: right;
    font-family: 'Manrope', sans-serif;
    font-size: calc(12px + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(16px + 0.5vw);
    letter-spacing: calc(-0.5px + 0.02vw);
}



.inner-page .triangles {
    __position: fixed;
    height: 18vw;
    width: 100%;
    top: 0;
}

.inner-page .inner-content .s1-descriptionBlack:first-child {
    __margin-top: 18vw;
}

.inner-page .s1-headerBlue {
    padding-top: 2%;
    padding-bottom: 0;
    margin-bottom: 0;
}

.inner-page .s1-subeader {
    font-size: 1.5vw;
}

.inner-page .s1-descriptionBlack {
    margin-top: 80px;
}

.field-validation-error {
    color: red;
}

ol, ul {
    padding-left: 0;
}
/*LEGACY CSS END*/

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    font-family: "Manrope";
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 16px;
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea,
select {
    margin: 0;
    font: inherit;
    color: inherit;
}

input,
textarea,
select {
    font-size: 100%;
}
    /*Checkbox*/
    input[type="checkbox"] {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    input[type=text],
    input[type=tel],
    textarea,
    select {
        color: #181C28;
        background-color: white;
        border: 1px solid #D1D5DB;
        border-radius: 100px;
    }


        input:focus,
        textarea:focus,
        select:focus {
            outline: none;
            border-color: #0073e6;
            color: #064ECD;
            transition: all 0.2s;
        }

label.focus ~ textarea:focus,
label.focus ~ input:focus {
    color: #0073e6;
}

.select {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    position: relative;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #D1D5DB 50%), linear-gradient(135deg, #D1D5DB 50%, transparent 50%);
    background-position: right 15px center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}

/*.select::after {
    content: '\25BC'; 
    font-size: 14px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}*/

.validation-error {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px 0px 24px;
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    display: flex;
    align-items: center;
    /* Red */
    color: #FF3B30;
}

input:invalid:not(:focus):not(:placeholder-shown),
textarea:invalid:not(:focus):not(:placeholder-shown) {
    border-color: inherit;
}

/*.was-validated input:invalid,
.was-validated textarea:invalid,
.was-validated select:invalid {
    border-color: #FF3B30;
    color: #181C28;
    transition: all 0.4s;
}*/

input.invalid,
textarea.invalid,
select.invalid {
    border-color: #FF3B30;
    color: #181C28;
    transition: all 0.4s;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border-color: #FF3B30;
    color: #181C28;
    transition: all 0.4s;
}

.field-validation-error {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    display: flex;
    align-items: center;
    /* Red */
    color: #FF3B30;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px 0px 24px;
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}

/* Установка стандартного вида для невозможного ввода */
input:disabled,
textarea:disabled,
select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

    button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

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

    a:hover {
        text-decoration: none;
    }

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

p {
    margin-bottom: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

input::-webkit-input-placeholder {
    color: #aeb9c3; /* Для Chrome, Safari, Opera */
}

input::-moz-placeholder {
    color: #aeb9c3; /* Для Firefox 19+ */
}

input:-ms-input-placeholder {
    color: #aeb9c3; /* Для Internet Explorer 10+ */
}

input::-ms-input-placeholder {
    color: #aeb9c3; /* Для Microsoft Edge */
}

.icon-menu {
    display: none;
}

/*LAYOUT FOOTER STYLES BEGIN*/
@media (min-width: 1439.99px) {

    .footer_tablet_join {
        display: none !important;
    }

    .footer_mobile_join {
        display: none !important;
    }

    .footer_screen {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to right, #181C28 50%, #0073E6 50%);
    }

    .footer_desktop_tablet {
        display: flex;
    }

    .footer_mobile {
        display: none !important;
    }

    .footer_wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 1440px;
        background: #181C28;
        /*            height: 379px;*/
    }

    .footer_info {
        display: flex;
        flex-direction: row;
        padding: 52px 74px 56px 82px;
        gap: 90px;
        width: 972px;
        /*height: 379px;    */
        background: #181C28;
        flex: none;
        order: 0;
        flex-grow: 0;
        align-items: flex-end;
    }

    .footer_info_left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 53px;
        width: 246px;
        /*height: 271px;*/
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_info_left_company {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 246px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_textwrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 246px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_imgwrapper {
        display: flex;
    }

    .footer_info_left_company_imgwrapper_img {
        width: 200px;
        height: 60px;
    }

    .footer_info_left_company_text {
        width: 246px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_socials {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: 196px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .footer_info_left_company_socials_item {
        display: flex;
        width: 40px;
        height: 40px;
        background: blue;
        border-radius: 50%;
    }

    .footer_info_left_copyright {
        width: 246px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        /*height: 10px;*/
    }

    .footer_info_right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 72px;
        width: 480px;
        flex: none;
        order: 1;
        flex-grow: 0;
        /*height: 251px;*/
    }

    .footer_info_right_blocks {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 48px;
        width: 480px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 216px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution_title {
        width: 216px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        /*height: 17px;*/
    }

    .footer_info_right_blocks_solution_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 216px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution_items_item {
        width: 216px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        height: 12px;
    }

    .footer_info_right_blocks_contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 216px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact_title {
        width: 216px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        height: 17px;
    }

    .footer_info_right_blocks_contact_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 216px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact_items_item {
        width: 216px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        height: 12px;
    }

    .footer_info_right_blocks_contact_items_item_big {
        height: 36px !important;
    }

    .footer_info_right_tos {
        width: 480px;
        /* Small text */
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 72px 82px 73px;
        gap: 32px;
        width: 468px;
        background: #0073E6;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .footer_join_desktop_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 304px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop_text_title {
        width: 304px;
        /* Subtitle 1 */
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop_text_subtitle {
        width: 304px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #BFDCF9;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop_form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 12px;
        width: 304px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop_form_input {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 12px;
        width: 304px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_join_desktop_form_input_label {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 304px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_join_desktop_form_input_email {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 18px 24px;
        gap: 10px;
        width: 304px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 100px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #82919F;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 1;
    }

    .footer_join_desktop_form_submit {
        display: flex;
    }

    .footer_join_desktop_form_submit_button {
        /* Middle primary button default */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 32px;
        gap: 10px;
        width: 304px;
        height: 48px;
        /* Main black */
        background: #181C28;
        border-radius: 200px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 135%;
        leading-trim: both;
        text-edge: cap;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        /* White */
        color: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

        .footer_join_desktop_form_submit_button:hover {
            background-color: #6DC4FF;
            border-color: #6DC4FF;
            transition: all 0.4s ease;
        }

        .footer_join_desktop_form_submit_button:active {
            background-color: #0F52BA;
            border-color: #0F52BA;
            transition: all 0.2s ease;
        }
}
/* TABLET */
@media (max-width: 1439.98px) and (min-width: 768px) {
    .footer_screen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #181C28;
    }

    .footer_desktop_tablet {
        display: flex;
    }

    .footer_mobile {
        display: none !important;
    }

    .footer_wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 768px;
        background: #181C28;
    }

    .footer_info {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        padding: 52px 40px 56px;
        gap: 72px;
        width: 768px;
        background: #181C28;
    }

    .footer_info_left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 53px;
        width: 236px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_info_left_company {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 236px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_textwrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 236px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_imgwrapper {
        display: flex;
    }

    .footer_info_left_company_imgwrapper_img {
        width: 200px;
        height: 60px;
    }

    .footer_info_left_company_text {
        width: 236px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_left_company_socials {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: 196px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .footer_info_left_company_socials_item {
        display: flex;
        width: 40px;
        height: 40px;
        background: blue;
        border-radius: 50%;
    }

    .footer_info_left_copyright {
        width: 236px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 72px;
        width: 380px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .footer_info_right_blocks {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 36px;
        width: 380px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 172px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution_title {
        width: 172px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 172px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_solution_items_item {
        width: 172px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 32px;
        width: 172px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact_title {
        width: 172px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 172px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_blocks_contact_items_item {
        width: 172px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_info_right_tos {
        width: 380px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_desktop {
        display: none !important;
    }

    .footer_tablet_join {
        width: 100%;
        display: flex;
        background: #0073E6;
        justify-content: center;
        align-items: center;
    }

    .footer_tablet_join_wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 80px 40px;
        width: 768px;
        background: #0073E6;
    }

    .footer_tablet_text {
        width: 275px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        flex-grow: 0;
    }


    .footer_tablet_inputgroup {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 413px;
        height: 48px;
        position: relative;
    }

    .footer_tablet_inputgroup_input-container {
        width: 413px;
        height: 48px;
        background: #FFFFFF;
        border-radius: 100px;
        display: flex;
        align-items: center;
        padding: 0 24px;
    }

    .footer_tablet_inputgroup_email-input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        font-family: 'Manrope', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #82919F;
        background: transparent;
        padding-right: 133px;
    }

    .footer_tablet_inputgroup_subscribe-button {
        width: 157px;
        height: 48px;
        background: #181C28;
        border-radius: 200px;
        font-family: 'Manrope', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 135%;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #FFFFFF;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 18px 32px;
        gap: 10px;
        position: absolute;
        right: 0;
    }

    .footer_tablet_inputgroup_email-input::placeholder {
        color: #82919F;
    }

    .footer_tablet_inputgroup_subscribe-button:hover {
        background-color: #232833;
    }

    .footer_mobile_join {
        display: none !important;
    }
}
/* PHONE */
@media (max-width: 767.9px) {
    .footer_tablet_join {
        display: none !important;
    }

    .footer_screen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #181C28;
    }

    .footer_desktop_tablet {
        display: none !important;
    }


    .footer_wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 56px 16px;
        gap: 40px;
        width: 375px;
        background: #181C28;
    }

    .footer_mobile {
        display: flex;
    }

    .footer_mobile_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 48px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 48px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_info_imgwrapper {
        display: flex;
    }

    .footer_mobile_text_company_description {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_socials {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: 196px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .footer_mobile_toscr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 343px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_toscr_tos {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_toscr_cr {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 343px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_solution {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 161px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_solution_title {
        width: 161px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_solution_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 20px;
        width: 161px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_solution_items_item {
        width: 161px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 166px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 1;
    }

    .footer_mobile_text_company_blocks_contact_title {
        width: 166px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_contact_items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 20px;
        width: 166px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_company_blocks_contact_items_item {
        width: 166px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #AEB9C3;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_join {
        display: flex;
        width: 100%;
        background: #0073E6;
        align-items: center;
        justify-content: center;
    }

    .footer_mobile_join_wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 16px;
        gap: 40px;
        width: 375px;
        background: #0073E6;
    }

    .footer_mobile_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 36px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_title {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_mobile_text_subtitle {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #BFDCF9;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_mobile_form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 12px;
        width: 343px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_mobile_form_input {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 12px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .footer_join_mobile_form_input_label {
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .footer_join_mobile_form_input_email {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 18px 24px;
        gap: 10px;
        width: 343px;
        background: #FFFFFF;
        border-radius: 100px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #82919F;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 1;
        height: 48px;
    }

    .footer_join_mobile_form_submit {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 343px;
        background: #181C28;
        border-radius: 200px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        height: 48px;
    }

    .footer_join_mobile_form_submit_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 32px;
        gap: 10px;
        width: 343px;
        background: #181C28;
        border-radius: 200px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 135%;
        leading-trim: both;
        text-edge: cap;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #FFFFFF;
        flex: none;
        order: 0;
        flex-grow: 0;
    }
}
/*LAYOUT FOOTER STYLES END*/



@media (max-width: 1206px) {
    .icon-menu {
        display: block;
        flex: 0 0 56px;
        position: relative;
        width: 56px;
        height: 56px;
        z-index: 5;
        background-color: #0073e6;
        border-radius: 8px;
    }
}

@media (max-width: 1206px) and (any-hover: none) {
    .icon-menu {
        cursor: default;
    }
}

@media (max-width: 1206px) {
    .icon-menu span, .icon-menu::before, .icon-menu::after {
        content: "";
        transition: all 0.3s ease 0s;
        right: 17px;
        position: absolute;
        width: 21px;
        height: 2px;
        background-color: #fff;
    }

    .dropdown-menu {
        background-color: #0073e6;
    }

    .icon-menu::before {
        top: 19px;
    }

    .icon-menu::after {
        bottom: 19px;
    }

    .icon-menu span {
        top: calc(50% - 1px);
    }

    .menu-open .icon-menu span {
        width: 0;
        transition: all 0.1s ease 0s;
    }

    .menu-open .icon-menu::before {
        top: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .menu-open .icon-menu::after {
        top: calc(50% - 1px);
        transform: rotate(45deg);
    }
}

@media (max-width: 1206px) {
    .menu__body {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #0073e6;
        left: -100%;
        top: 0;
        padding: 160px 15px 30px 15px;
        overflow: auto;
        transition: left 0.3s ease 0s;
        z-index: 1;
    }

        .menu__body::before {
            content: "";
            width: 100%;
            position: fixed;
            height: 92px;
            left: 0;
            top: 0;
            z-index: 2;
            background-color: #fff;
        }

    .menu-open .menu__body {
        left: 0;
    }

        .menu-open .menu__body::before {
            left: 0;
        }

    .menu__body .menu__list {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        row-gap: 30px;
    }

    .menu__body .menu__link {
        font-size: 24px;
        display: block;
        color: #fff;
        padding: 10px;
        border-bottom: 2px solid #d4e4f6;
        border-radius: 8px;
        transition: all 0.4s;
    }

    a.menu__item {
        font-size: 24px;
        display: block;
        color: #fff;
        padding: 10px;
        border-bottom: 2px solid #d4e4f6;
        border-radius: 8px;
        transition: all 0.4s;
    }

    .menu__body .menu__link:hover {
        transition: all 0.4s;
        background-color: #d4e4f6;
        color: #0f52ba;
    }
}

.block-header {
    margin-bottom: 60px;
}

.block-header--center {
    display: grid;
    justify-items: center;
    text-align: center;
}

.block-header__title {
    color: #181c28;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
}

.license__block-header {
    padding: 0px 123px;
}

.block-header__title:not(:last-child) {
    margin-bottom: 48px;
}

.block-header__title span {
    color: #0073e6;
}

.block-header__title--big {
    font-size: 52px;
    line-height: 130%; /* 73/56 */
    letter-spacing: 0.04em;
}

.block-header__title--white {
    color: #fff;
}

@media (max-width: 991.98px) {
    .block-header__title {
        font-size: 32px;
    }

    .block-header__text {
        font-size: 18px !important;
    }
}

.block-header__text {
    color: #474953;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.block-header__text--white {
    color: #fff;
}

.block-header__mob {
    display: none;
}

@media (max-width: 991.98px) {
    .block-header__mob {
        display: block;
    }
}

.standart__text {
    color: #181c28;
    font-size: 16px;
    line-height: 150%; /* 24/16 */
}

    .standart__text span {
        font-weight: 600;
    }

@media (max-width: 991.98px) {
    .standart__text {
        font-size: 14px;
    }
}

/*

*/
.button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease;
    padding: 8px 32px;
    border-radius: 200px;
    min-height: 38px;
    border: 1px solid #181c28;
    background-color: #181c28;
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
}

    .button:hover {
        background-color: #6DC4FF;
        border-color: #6DC4FF;
        transition: all 0.4s ease;
    }

    .button:active {
        background-color: #0F52BA;
        border-color: #0F52BA;
        transition: all 0.2s ease;
    }

.button {
    background-color: #181c28;
    border-color: #181c28;
    transition: all 0.4s ease;
}

    .button:hover::before {
        transition: all 0.4s ease;
    }

.button__secondary {
    color: #0073E6 !important;
    background-color: #fff;
    border: 1px solid #0073E6 !important;
}

    .button__secondary:hover {
        color: #fff !important;
        transition: all 0.4s ease;
        background-color: #0F52BA !important;
        border: 1px solid #0F52BA !important;
    }

    .button__secondary:active {
        color: #fff !important;
        transition: all 0.2s ease;
        background-color: #0073E6 !important;
        border: 1px solid #0073E6 !important;
    }

    .button__secondary:hover::before {
        transition: all 0.4s ease;
    }

.button--icon span::after {
    content: "";
}

.button--white:hover {
    transition: all 0.4s;
}

.button__play {
    content: "";
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #0073e6 url('/Content/2024/img/icons/play.svg') no-repeat;
    background-position: 54% center;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s ease;
}

    .button__play:hover {
        background-color: #0f52ba;
    }

[class*=__container] {
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 15px;
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

    .wrapper > main {
        flex: 1 1 auto;
    }

    .wrapper > * {
        min-width: 0;
    }

.header {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 5;
    border-bottom: 1px solid #EAF4FF;
}

.header__menu {
    display: flex;
    justify-content: space-between;
    padding: 16px 67px;
}

.header__logo {
    z-index: 5;
}

.header__actives {
    display: flex;
    gap: 24px;
    z-index: 5;
}

.menu {
    display: flex;
    align-items: center;
    gap: 20px;
}

.menu__list {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 0px !important;
}

.menu__item {
    color: #181c28;
    font-weight: 600;
    line-height: 150%; /* 24/16 */
    transition: all 0.4s;
}

    .menu__item:hover {
        color: #6dc4ff;
        transition: all 0.4s;
    }

@media (max-width: 1400px) {
    .header__menu {
        padding: 20px 0;
    }
}

@media (max-width: 1206px) {
    .menu {
        gap: 36px;
    }

    .header__menu {
        padding: 16px 0;
    }

    .header__actives {
        margin-left: auto;
    }
}

@media (max-width: 767.98px) {
    .header__actives {
        display: none;
    }
}

.hero {
    padding-top: 92px;
    background: url('/Content/2024/img/hero/bg.jpg') no-repeat;
    background-size: cover;
}

.hero__container {
    padding: 0 80px;
    height: 791px;
    display: flex;
    align-items: center;
}

.hero__block__wraper {
    display: flex;
    width: 100%;
}

.hero__block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}

.content-hero__title {
    font-size: 56px;
    font-weight: 700;
    line-height: 130.357143%; /* 73/56 */
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #181c28;
}

    .content-hero__title span {
        color: #0073e6;
    }

    .content-hero__title:not(:last-child) {
        margin-bottom: 30px;
    }

.content-hero__text {
    padding-right: 44px;
    color: #474953;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 27/18 */
}

    .content-hero__text:not(:last-child) {
        margin-bottom: 30px;
    }

.content-hero__form:not(:last-child) {
    margin-bottom: 16px;
}

.content-hero__form input {
    min-width: 262px;
}

.content-hero__button {
    width: 49%;
    padding: 14px 32px;
}

.form-hero {
    display: flex;
    gap: 16px;
}

.form-hero__item {
    display: grid;
    width: 100%;
}

    .form-hero__item input {
        color: #181c28;
        font-size: 16px;
        line-height: 150%; /* 24/16 */
        font-weight: 400;
        border-radius: 200px;
        padding: 13px 24px;
        border: 1px solid #d1d5db;
        transition: all 0.2s;
    }

        .form-hero__item input:focus {
            border-color: #0073e6;
            transition: all 0.4s;
        }

.form-hero__title {
    color: #181c28;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%; /* 21/14 */
    margin-bottom: 5px;
    margin-left: 25px;
}

.video-hero__block {
    max-width: 628px;
    padding: 18px;
    background: url('/Content/2024/img/hero/bg-tablet.jpg') center no-repeat;
    background-size: cover;
    position: relative;
}

.video-hero__tablet {
    border-radius: 9px;
    overflow: hidden;
    position: relative;
}

    .video-hero__tablet::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.2274509804);
    }

.video-hero__image {
    width: 100%;
    transform: scale(1.01);
    width: 586px;
    height: 336px;
}

.license {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #f5f9fe;
}

.license__container {
    padding: 0 170px;
}

.license__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.license__item {
    padding: 36px;
    background-color: #fff;
    display: flex;
    gap: 30px;
    align-items: center;
}

.req {
    padding-top: 160px;
    padding-bottom: 160px;
}

.req__container {
    padding: 0 170px;
}

.req__block {
    display: grid;
    grid-template-columns: calc(50% - 128px) 1fr;
    gap: 128px;
}

.info-req__items {
    display: grid;
    gap: 40px;
}

.item-req {
    display: flex;
    gap: 20px;
    align-items: center;
}

.images-req {
    display: flex;
    align-self: flex-end;
}

.images-req__item {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-right: 160px;
    padding-top: 50px;
}

    .images-req__item img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .images-req__item::before {
        content: "";
        max-width: 380px;
        width: calc(100% - 160px);
        height: calc(100% - 50px);
        position: absolute;
        top: -40px;
        right: 0;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
        background: url('/Content/2024/img/req/02.jpg') center no-repeat;
    }

.challenges {
    padding-top: 160px;
    padding-bottom: 160px;
    background: #f5f9fe;
}

.challenges__container {
    padding: 0 170px;
}

.challenges__block {
    display: grid;
    grid-template-columns: 1fr calc(50%);
    gap: 128px;
}

.challenges__items {
    display: grid;
}

.images-challenges {
    display: flex;
    align-items: center;
}

.images-challenges__item {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-left: 160px;
    padding-top: 80px;
    z-index: 2;
}

    .images-challenges__item img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .images-challenges__item::before {
        content: "";
        max-width: 380px;
        width: calc(100% - 160px);
        height: calc(100% - 80px);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
        background: url('/Content/2024/img/chalanges/02.jpg') center no-repeat;
    }

.item-challenges {
    display: flex;
    gap: 32px;
    border-bottom: 1px solid #d4e4f6;
    padding: 36px 0;
}

    .item-challenges:first-child {
        padding-top: 0;
    }

    .item-challenges:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.item-challenges__title {
    color: #181c28;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27/18 */
}

    .item-challenges__title:not(:last-child) {
        margin-bottom: 20px;
    }

.item-challenges__text {
    color: #181c28;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
}

.get {
    padding-top: 160px;
    padding-bottom: 160px;
}

.get__container {
    padding: 0 170px;
}

.get__block-header {
    display: grid;
    justify-items: center;
    text-align: center;
    margin-bottom: 92px;
}

.get .get__block-header-text {
    max-width: 452px;
}

.get .get__block-header-title {
    height: 29px;
}

.get__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 196px;
    position: relative;
}

    .get__body::before {
        content: "";
        position: absolute;
        width: 116px;
        height: 116px;
        top: calc(50% - 58px);
        left: calc(50% - 58px);
        background: #e9ecef url('/Content/2024/img/get/vs.svg') center no-repeat;
        border-radius: 50%;
        border: 5px solid #fff;
        outline: 3px solid #e9ecef;
    }

.get__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    border: 2px solid #82919f;
    border-radius: 8px;
    height: 100%;
    background: linear-gradient(180.02deg, #6DC4FF -666.45%, rgba(109, 196, 255, 0) 38.65%);
}

.get__right {
    display: grid;
    align-content: space-between;
    justify-items: center;
    border: 2px solid #0073e6;
    border-radius: 8px;
    background: linear-gradient(180deg, #0073E6 -663.27%, rgba(0, 115, 230, 0) 35.73%);
}

.left-content__dis {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #82919f;
    width: 112px;
    height: 112px;
    margin-top: -56px;
}

    .left-content__dis img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: -4px;
    }

.left-content__items {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 32px;
    justify-content: space-evenly;
}

.left-content__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    border-bottom: 2px solid #d4e4f6;
}

    .left-content__item:last-child {
        border-bottom: none;
    }

.left-content__text {
    color: #181c28;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; /* 27/18 */
}

.left-content__title {
    text-align: center;
    width: 100%;
    padding: 24px 16px;
    background-color: #82919f;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
}

.right-content__like {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #0073e6;
    width: 112px;
    height: 112px;
    margin-top: -56px;
}

    .right-content__like img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: -6px;
    }

.right-content__items {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 32px;
    justify-content: space-evenly;
}

.right-content__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    border-bottom: 2px solid #d4e4f6;
}

    .right-content__item:last-child {
        border-bottom: none;
    }

.right-content__text {
    color: #181c28;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; /* 27/18 */
}

.right-content__title {
    text-align: center;
    width: 100%;
    padding: 24px 16px;
    background-color: #0073e6;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
}

.garant {
    padding-top: 160px;
    padding-bottom: 160px;
    background: url('/Content/2024/img/garant/bg.jpg') center no-repeat;
    background-size: cover;
}

.garant__container {
    padding: 0 80px;
}

.val-garant:not(:last-child) {
    margin-bottom: 90px;
}

.val-garant__header {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
}

    .val-garant__header:not(:last-child) {
        margin-bottom: 40px;
    }

.val-garant__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.val-garant__item {
    padding: 23px 44px;
    background-color: #fff;
    border-radius: 8px;
}

    .val-garant__item:nth-child(1) {
        flex: 0 1 631px;
    }

    .val-garant__item:nth-child(2) {
        flex: 0 0 442px;
    }

    .val-garant__item:nth-child(3), .val-garant__item:nth-child(4), .val-garant__item:nth-child(5) {
        flex: 1 1 334px; /* Остальные элементы могут адаптироваться */
    }

.val-garant__title {
    color: #181c28;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%; /* 52/40 */
}

    .val-garant__title span {
        font-size: 24px;
        line-height: 36px;
    }

    .val-garant__title:not(:last-child) {
        margin-bottom: 10px;
    }

.val-garant__text {
    color: #474953;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 27/18 */
}

.record-garant__header {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
}

    .record-garant__header:not(:last-child) {
        margin-bottom: 40px;
    }

.record-garant__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.record-garant__item {
    flex: 1 1 334px; /* Остальные элементы могут адаптироваться */
    background-color: #0f52ba;
    border-radius: 8px;
    padding: 23px 44px;
}

.record-garant__title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
}

    .record-garant__title:not(:last-child) {
        margin-bottom: 10px;
    }

.record-garant__text {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27/18 */
}

.pyramid {
    padding-top: 160px;
    padding-bottom: 160px;
}

.pyramid__containers {
    padding: 0 80px;
}

.pyramid__block-header {
    display: grid;
    justify-items: center;
    text-align: center;
}

    .pyramid__block-header:not(:last-child) {
        margin-bottom: 72px;
    }

.pyramid__block-header-text {
    max-width: 475px;
}

.pyramid__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    position: relative;
    background: url('/Content/2024/img/pyramid/01.jpg') center top no-repeat;
}

.pyramid__mob {
    display: none;
}

.pyramid__head {
    display: grid;
    grid-template-columns: auto;
    gap: 20px;
}

    .pyramid__head img {
        width: 100%;
    }

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

.left-pyramid__item {
    display: flex;
    max-width: 324px;
    max-height: 72px;
    width: 100%;
}

    .left-pyramid__item:nth-child(2) {
        margin-left: 28px;
    }

    .left-pyramid__item:nth-child(3) {
        margin-left: 56px;
    }

    .left-pyramid__item:nth-child(4) {
        margin-left: 88px;
    }

    .left-pyramid__item:nth-child(5) {
        margin-left: 196px;
    }

    .left-pyramid__item:nth-child(6) {
        margin-left: 302px;
    }

    .left-pyramid__item:nth-child(7) {
        position: absolute;
        bottom: 0;
        left: calc(50% - 162px);
    }

.left-pyramid__link {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #6dc4ff;
    border-radius: 8px;
    gap: 16px;
    color: #181c28;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%; /* 21/14 */
    background-color: #fff;
    transition: all 0.4s;
    width: 100%;
}

    .left-pyramid__link span {
        color: #0073e6;
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        border-right: 1px solid #6dc4ff;
        padding-right: 16px;
        transition: all 0.4s;
    }

    .left-pyramid__link:hover {
        transition: all 0.4s;
        cursor: pointer;
        border-color: #0073e6;
        background-color: #f5f9fe;
    }

        .left-pyramid__link:hover span {
            border-color: #0073e6;
        }

.right-pyramid__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
}

.right-pyramid__item {
    display: flex;
    max-width: 324px;
    max-height: 72px;
    width: 100%;
}

    .right-pyramid__item:nth-child(2) {
        margin-right: 28px;
    }

    .right-pyramid__item:nth-child(3) {
        margin-right: 56px;
    }

    .right-pyramid__item:nth-child(4) {
        margin-right: 88px;
    }

    .right-pyramid__item:nth-child(5) {
        margin-right: 196px;
    }

    .right-pyramid__item:nth-child(6) {
        margin-right: 302px;
    }

.right-pyramid__link {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #6dc4ff;
    border-radius: 8px;
    gap: 16px;
    color: #181c28;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%; /* 21/14 */
    background-color: #fff;
    transition: all 0.4s;
}

    .right-pyramid__link span {
        color: #0073e6;
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        border-right: 1px solid #6dc4ff;
        padding-right: 16px;
        transition: all 0.4s;
    }

    .right-pyramid__link:hover {
        transition: all 0.4s;
        cursor: pointer;
        border-color: #0073e6;
        background-color: #f5f9fe;
    }

        .right-pyramid__link:hover span {
            border-color: #0073e6;
        }

/*.program {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #f5f9fe;
}

.program__container {
    padding: 0 80px;
}

.program__slider-body {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.program__block-header {
    display: grid;
    justify-items: center;
    text-align: center;
}

    .program__block-header:not(:last-child) {
        margin-bottom: 72px;
    }

.program__block-header-text {
    max-width: 668px;
    font-size: 18px;
}

.program__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

    .program__nav:not(:last-child) {
        margin-bottom: 40px;
    }

.program__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

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

.program__head {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #0073e6;
    border-radius: 8px 8px 0 0;
    gap: 10px;
    min-height: 376px;
}

.program__body {
    position: relative;
    display: flex;*/ /* Позволяет использовать flexbox для вложенных элементов */
/*flex-direction: column;*/ /* Выстраивает элементы вертикально */
/*}

.program__arrow {
    position: absolute;
    top: 148px;
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url('/Content/2024/img/program/slider-arrow.svg') center no-repeat;
    transition: 0.5s;
}

.program__arrow--left {
    left: 0;
    transform: translate(0, -50%) rotate(-180deg);
}

.program__arrow--right {
    right: 0;
}

.program__arrow.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

@media (min-width: 1200px) {
    .program__arrow {
        display: none;
    }
}



.nav-program__item {
    padding: 13px 23px;
    color: #181c28;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: all 0.4s;
}

    .nav-program__item.active {
        transition: all 0.4s;
        color: #0073e6;
        border: 1px solid #0073e6;
    }

.head-program__image img {
    max-width: 100%;
}

.head-program__title {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
}

.head-program__text {
    flex: 1 1 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.program-body {
    padding: 24px 16px;
    border-bottom: 4px solid #0073e6;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    position: relative;
}

.program-body__item {
    padding: 16px;
    display: flex;
    border-bottom: 1px solid #e9ecef;
    border-radius: 8px;
}

    .program-body__item:last-child {
        border: none;
    }

.program-body__link {
    position: relative;
    padding: 0 24px 0 0;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #181c28;
}

    .program-body__link::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: calc(50% - 8px);
        right: 0;
        background: url('/Content/2024/img/program/arrow.svg') center no-repeat;
        transition: all 0.3s ease;
        border-radius: 50%;
    }

    .program-body__link:hover {
        transition: all 0.3s ease;
    }

        .program-body__link:hover::after {
            transform: rotate(-45deg);
        }*/

/*
*/
.program {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #f5f9fe;
}

.program__container {
    padding: 0 80px;
}

.program__block-header {
    display: grid;
    justify-items: center;
    text-align: center;
}

.program__block-header-text {
    max-width: 668px;
    font-size: 18px;
}

.program__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.nav-program {
    display: none;
}

.head-program__title {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
}

.head-program__text {
    flex: 1 1 auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.nav-program__item {
    padding: 13px 23px;
    color: #181c28;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: all 0.4s;
}

    .nav-program__item.active {
        color: #0073e6;
        border: 1px solid #0073e6;
    }

.program__slider-body {
    width: 100%;
    max-width: 100%;
    position: relative;
}

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

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

.program__head {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #0073e6;
    border-radius: 8px 8px 0 0;
    gap: 10px;
    min-height: 376px;
}

.program-body {
    padding: 24px 16px;
    border-bottom: 4px solid #0073e6;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
}

.program-body__item {
    padding: 16px;
    display: flex;
    border-bottom: 1px solid #e9ecef;
    border-radius: 8px;
}

.program-body__link {
    position: relative;
    padding-right: 24px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #181c28;
}

    .program-body__link::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: url('/Content/2024/img/program/arrow.svg') center no-repeat;
        border-radius: 50%;
    }

.program__arrow {
    position: absolute;
    top: 148px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url('/Content/2024/img/program/slider-arrow.svg') center no-repeat;
    transition: 0.5s;
}

.program__arrow--left {
    left: 0;
    transform: rotate(-180deg);
}

.program__arrow--right {
    right: 0;
}

@media (max-width: 1024px) {
    .program__items {
        display: block;
    }

    .swiper-wrapper {
        display: flex;
        flex-wrap: nowrap;
    }

    .swiper-slide {
        flex: 0 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

    .program__arrow {
        display: block;
    }

    .nav-program {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .program__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .program__arrow {
        display: none;
    }
}
/**/

.cycles {
    padding-top: 160px;
    padding-bottom: 160px;
}

.cycles__container {
    padding: 0 80px;
}

.cycles__images img {
    max-width: 65%;
}

.cycles__image {
    position: relative;
    margin-top: -130px;
    z-index: -1;
    display: flex;
    justify-content: center;
}

.cycles__image-tablet {
    display: none;
}

.cycles__image-mob {
    display: none;
    overflow-y: scroll;
    position: relative;
}

.cycles .cycles__image-mob::-webkit-scrollbar {
    height: 4px;
}

.cycles .cycles__image-mob::-webkit-scrollbar-track {
    background: #d4e4f6; /* Цвет фона для дорожки скроллбара */
}

.cycles .cycles__image-mob::-webkit-scrollbar-thumb {
    background-color: #6dc4ff; /* Цвет самого скроллбара */
    border-radius: 8px; /* Скругление углов */
}

.consult {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #6DC4FF;
}

.consult__container {
    padding: 0 170px;
}

.consult__block-header {
    display: none;
    margin-bottom: 60px;
}

.consult__block-header-title {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
}

.consult__body {
    display: grid;
    grid-template-columns: minmax(200px, 432px) 1fr;
    gap: 120px;
}

.consult__content {
    display: grid;
    justify-items: start;
    gap: 30px;
    padding: 30px 0;
}

.consult__head {
    display: grid;
    gap: 30px;
}

.consult__title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%; /* 52/40 */
}

.consult__text {
    color: #bfdcf9;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 27/18 */
}

.consult__button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    max-height: 52px;
}

.consult-form {
    display: grid;
    gap: 10px;
    width: 100%;
}

.consult-form__item {
    width: 100%;
}

    .consult-form__item input {
        width: 100%;
        margin-top: 10px;
        color: #181c28;
        font-size: 16px;
        line-height: 150%; /* 24/16 */
        font-weight: 400;
        border-radius: 200px;
        padding: 13px 24px;
        border: 1px solid #d1d5db;
        transition: all 0.2s;
    }

        .consult-form__item input:focus {
            border-color: #0073e6;
            transition: all 0.4s;
        }

.consult-form__title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%; /* 21/14 */
}

.consult-form__desc {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%; /* 21/14 */
}

.images-consult {
    display: flex;
    align-self: flex-end;
}

.images-consult__item {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-right: 160px;
    padding-top: 50px;
    z-index: 2;
}

    .images-consult__item img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        transform: scale(1.01);
    }

    .images-consult__item::before {
        content: "";
        max-width: 380px;
        width: calc(100% - 160px);
        height: calc(100% - 74px);
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
        background: url('/Content/2024/img/consult/02.jpg') center no-repeat;
    }

.faq {
    padding-top: 160px;
    padding-bottom: 160px;
}

.faq__containersmall {
    padding: 0 80px;
}

.faq__block-header-text {
    max-width: 452px;
}

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

.faq__lists {
    width: 100%;
    max-width: 884px;
}

.faq__item {
    transition: all 0.3s;
}

    .faq__item:not(:last-child) {
        margin-bottom: 10px;
    }

    .faq__item.open {
        transition: all 0.3s;
    }

        .faq__item.open .faq__link {
            transition: all 0.1s;
            border-bottom: none;
            border-radius: 12px 12px 0 0;
            border-color: #095e33;
            padding-bottom: 20px;
        }

            .faq__item.open .faq__link::after {
                transition: all 0.3s;
                transform: rotate(-90deg);
            }

            .faq__item.open .faq__link .faq__plus::after {
                transition: all 0.3s;
                transform: rotate(0);
            }

        .faq__item.open .faq__list {
            background: #f4f7f9;
            border-radius: 0 0 12px 12px;
            border-top: none;
            opacity: 1;
            pointer-events: all;
            transition: all 0.3s;
        }

.faq__sub-item {
    padding-top: 12px;
    padding-bottom: 40px;
}

.faq__list {
    transition: height 0.3s;
    padding: 0 80px 0 80px;
    opacity: 0;
    pointer-events: none;
}

.faq__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #181c28;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    border-radius: 12px;
    background: #f4f7f9;
    padding: 36px;
    cursor: pointer;
    position: relative;
}

    .faq__link::after {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        top: 20px;
        right: 20px;
        transition: all 0.3s;
    }

    .faq__link .faq__plus {
        padding-left: 30px;
        margin-left: auto;
        position: relative;
    }

        .faq__link .faq__plus::before, .faq__link .faq__plus::after {
            content: "";
            position: absolute;
            width: 20px;
            height: 3px;
            top: calc(50% - 1px);
            right: 0;
            background-color: #0073e6;
        }

        .faq__link .faq__plus::after {
            transition: all 0.3s;
            transform: rotate(-90deg);
        }

.faq__number {
    padding-right: 16px;
    color: #aeb9c3;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
}

.faq__text {
    color: #474953;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.hero-scroll {
    position: absolute;
    z-index: 2;
    left: 82px;
    top: 540px;
}

.hero-home {
    margin-top: 92px;
    width: 100vw;
    height: 739px;
    background: url('/Content/2024/img/hero/bg-home.jpg') center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-home__container {
    padding: 0 80px;
}

.hero-home__block-header {
    max-width: 1060px;
    margin-bottom: 0;
}

.hero-home__block-header-text {
    max-width: 825px;
    font-size: 22px !important;
}

    .hero-home__block-header-text:not(:last-child) {
        margin-bottom: 48px;
    }

.hero-home__button {
    width: 100%;
    max-width: 315px;
    padding: 18px 32px;
}

.compliance__block-header-title {
    max-width: 844px;
}

.compliance__block-header-text {
    display: none;
}

.compliance__desc {
    color: #474953;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.compliance__items {
    gap: 80px;
}

.compliance__item {
    display: flex;
    gap: 30px;
}

.compliance__title {
    color: #181c28;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27/18 */
}

    .compliance__title:not(:last-child) {
        margin-bottom: 20px;
    }

.images-compliance__item::before {
    content: "";
    max-width: 380px;
    width: calc(100% - 160px);
    height: calc(100% - 50px);
    position: absolute;
    top: -40px;
    right: 0;
    z-index: -1;
    border-radius: 8px;
    overflow: hidden;
    background: url('/Content/2024/img/compliance/glas.jpg') center no-repeat;
}

.who {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #f5f9fe;
}

.who__container {
    padding: 0 80px;
}

.who__block-header {
    margin-bottom: 20px;
}

.who__desc {
    display: flex;
    align-items: center;
    text-align: start;
    gap: 32px;
    padding: 36px;
    border-radius: 8px;
    background-color: #0073e6;
}

.who__main {
    display: grid;
    grid-template-columns: minmax(200px, calc(50% - 105px)) 1fr;
    gap: 20px;
}

.who__items {
    display: grid;
    gap: 30px;
    padding: 45px 40px;
}

.who__item {
    display: flex;
    gap: 30px;
    background-color: #fff;
    border-radius: 8px;
}

    .who__item:first-child {
        padding-bottom: 30px;
        border-bottom: 1px solid #d4e4f6;
    }

.who__video {
    border-radius: 8px;
    overflow: hidden;
}

    .who__video iframe {
        width: 100%;
        height: 100%;
    }

.desc-who__text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30/20 */
}

.item-who__title {
    color: #181c28;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%; /* 27/18 */
}

    .item-who__title:not(:last-child) {
        margin-bottom: 18px;
    }

.item-who__text {
    line-height: 150%; /* 24/16 */
}

.result {
    padding-top: 160px;
    padding-bottom: 160px;
    background-color: #f5f9fe;
}

.result__container {
    padding: 0 80px;
}

.result__block-header {
    display: none;
}

.result__body {
    display: grid;
    grid-template-columns: minmax(200px, 432px) 1fr;
    gap: 100px;
}

.result__left {
    display: grid;
    gap: 20px;
    align-content: space-between;
}

.result__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.left-result__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
}

    .left-result__title span {
        color: #0073e6;
    }

.left-result__image {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-right: 128px;
    padding-top: 60px;
    max-width: 380px;
    z-index: 2;
}

    .left-result__image img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .left-result__image::before {
        content: "";
        max-width: 380px;
        width: calc(100% - 128px);
        height: calc(100% - 60px);
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
        background: url('/Content/2024/img/result/02.jpg') center no-repeat;
    }

.item-result {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    gap: 14px;
    align-items: center;
}

    .item-result:first-child {
        grid-row: span 3;
        padding: 0;
    }

.item-result__big {
    display: none;
}

.item-result__images {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-right: 100px;
    padding-top: 60px;
    z-index: 2;
}

    .item-result__images img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .item-result__images::before {
        content: "";
        max-width: 380px;
        width: calc(100% - 100px);
        height: calc(100% - 60px);
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
        background: url('/Content/2024/img/result/02.jpg') center no-repeat;
    }

.item-result__text {
    color: #181c28;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%; /* 24/16 */
}

.faq-home__main {
    display: flex;
    width: 100%;
    gap: 24px;
    padding: 40px;
    align-items: center;
}

    .faq-home__main h4 {
        font-size: 18px;
    }

.faq-home__item {
    transition: all 0.3s;
}

    .faq-home__item:not(:last-child) {
        margin-bottom: 10px;
    }

    .faq-home__item.open .faq-home__open {
        display: none;
    }

    .faq-home__item.open .faq-home__close {
        display: block;
    }

    .faq-home__item.open .faq-home__main {
        background-color: #eaf4ff;
    }

    .faq-home__item.open .faq-home__images {
        border-radius: 8px 0 0 0;
    }

.faq-home__link {
    padding: 0;
    align-items: stretch;
}

.faq-home__images {
    display: flex;
    align-items: stretch;
    background-color: #0073e6;
    padding: 48px;
    border-radius: 8px 0 0 8px;
}

.faq-home__image {
    align-self: center;
}

.faq-home__button {
    max-width: 169px;
    width: 100%;
    padding: 10px 28px;
    border-color: #0073e6;
    color: #0073e6;
    background-color: #f5f9fe;
}

.faq-home__open {
    display: block;
}

.faq-home__close {
    display: none;
}

.faq-home__list {
    padding: 0 50px;
}

.faq-home__title {
    color: #181c28;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30/20 */
}

    .faq-home__title:not(:last-child) {
        margin-bottom: 30px;
    }

.faq-home__paragraf {
    margin-bottom: 40px;
}

    .faq-home__paragraf h6 {
        color: #181c28;
        font-size: 16px;
        font-weight: 600;
        line-height: 137.5%; /* 22/16 */
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

.faq-home__close-down {
    background: none;
    color: #0073e6;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 137.5%; /* 22/16 */
    letter-spacing: 1px;
}

.footer {
    background-color: #181c28;
}

.footer__container {
    display: grid;
    grid-template-columns: 1fr minmax(200px, 468px);
}

.footer__body {
    padding: 50px 74px 50px 82px;
}

.footer__main {
    display: grid;
    grid-template-columns: minmax(200px, 246px) 1fr;
    gap: 90px;
}

    .footer__main:not(:last-child) {
        margin-bottom: 50px;
    }

.footer__columns {
    display: grid;
    grid-template-columns: minmax(216px, 1fr) minmax(216px, 1fr);
    gap: 50px;
}

.footer__bottom {
    display: flex;
    gap: 110px;
    flex-wrap: wrap;
    row-gap: 20px;
}

.footer__join {
    position: relative;
    background-color: #0073e6;
    display: flex;
    justify-content: center;
    padding: 50px 74px 50px 82px;
}

.info-footer__logo:not(:last-child) {
    margin-bottom: 20px;
}

.info-footer__text {
    color: #aeb9c3;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

    .info-footer__text:not(:last-child) {
        margin-bottom: 30px;
    }

.info-footer__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.info-footer__item {
    cursor: pointer;
    background-color: #0073e6;
    border-radius: 50%;
    padding: 8px;
    transition: all 0.4s;
}

    .info-footer__item:hover {
        transition: all 0.4s;
        background-color: #6dc4ff;
    }

.column-footer__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
}

    .column-footer__title:not(:last-child) {
        margin-bottom: 34px;
    }

.column-footer__sub-menu {
    display: grid;
    gap: 20px;
}

.column-footer__link {
    cursor: pointer;
    color: #aeb9c3;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    transition: all 0.4s;
}

    .column-footer__link:hover {
        transition: all 0.4s;
        color: #6dc4ff;
    }

.bottom-footer__socials {
    display: none;
    flex-wrap: wrap;
    gap: 12px;
}

.bottom-footer__item {
    background-color: #0073e6;
    border-radius: 50%;
    padding: 8px;
    transition: all 0.4s;
}

    .bottom-footer__item:hover {
        transition: all 0.4s;
        background-color: #6dc4ff;
    }

.bottom-footer__copy {
    color: #aeb9c3;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.bottom-footer__terms {
    color: #aeb9c3;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.join-mob {
    display: none;
}

@media (max-width: 991.98px) {
    .hero-scroll {
        display: none;
    }

    .join-mob {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .join-footer {
        display: none;
    }
}

.join-footer__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 436px;
}

.join-footer__title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
}

    .join-footer__title:not(:last-child) {
        margin-bottom: 20px;
    }

.join-footer__text {
    color: #bfdcf9;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

    .join-footer__text:not(:last-child) {
        margin-bottom: 30px;
    }

.join-footer__form {
    width: 100%;
}

    .join-footer__form input {
        width: 100%;
        color: #181c28;
        font-size: 16px;
        line-height: 150%; /* 24/16 */
        font-weight: 400;
        border-radius: 200px;
        padding: 13px 24px;
        transition: all 0.2s;
    }

        .join-footer__form input:focus {
            border-color: #0073e6;
            transition: all 0.4s;
        }

    .join-footer__form:not(:last-child) {
        margin-bottom: 12px;
    }

.join-footer__form-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}

.join-footer__button {
    width: 100%;
    padding: 14px 24px;
}

.join-footer__form-tablet {
    display: flex;
    background-color: #ffffff;
    border-radius: 200px;
}

.join-footer__form-button {
    display: none;
    overflow: visible;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(2, 4, 27, 0.8784313725);
    left: 0;
    top: 0;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.popup__container-big {
    position: relative;
    width: 100%;
    height: 100%;
}

@media (max-width: 902px) {
    .popup__container-big::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 73px;
        top: 0;
        left: 0;
        z-index: 5;
    }
}

.popup__body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    max-height: 100%; /* Высота экрана минус верхний и нижний паддинги */
}

.popup__close {
    position: absolute;
    top: 28px;
    right: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

@media (max-width: 479.98px) {
    .popup__close {
        right: 20px;
        top: 20px;
    }
}

.popup__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #0073e6;
    padding: 44px 20px;
    z-index: 10;
    border-radius: 8px;
    width: 90vw;
    max-width: 308px;
}

@media (max-width: 902px) {
    .popup__content {
        width: 90vw;
    }
}

@media (max-width: 479.98px) {
    .popup__content {
        padding: 140px 25px;
    }
}

.close-popup {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.3s ease 0s;
    z-index: 15;
}

    .close-popup::before, .close-popup::after {
        content: "";
        transition: all 0.3s ease 0s;
        position: absolute;
        width: 20px;
        height: 2px;
        background-color: #fff;
    }

    .close-popup::before {
        top: calc(50% - 0px);
        transform: rotate(45deg);
    }

    .close-popup::after {
        top: calc(50% - 0px);
        transform: rotate(-45deg);
    }

.popup-link {
    transition: all 0.4s ease;
}

.popup.open {
    visibility: visible;
    opacity: 1;
}

.contacts-popup__image {
    margin-bottom: 20px;
}

.contacts-popup__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30/20 */
}

    .contacts-popup__title:not(:last-child) {
        margin-bottom: 20px;
    }

.contacts-popup__text {
    color: #bfdcf9;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24/16 */
    text-align: center;
}

.contacts-popup__body {
    display: grid;
    gap: 10px;
}

.contacts-popup__links {
    display: flex;
    flex-direction: column;
}

.contacts-popup__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 38px;
    color: #fff;
    border-radius: 40px;
    background-color: #095e33;
    transition: all 0.3s;
}

    .contacts-popup__link:hover {
        background-color: #085032;
    }

    .contacts-popup__link:visited {
        color: #fff;
    }

@media (max-width: 479.98px) {
    .contacts-popup__link {
        padding: 15px 20px;
        gap: 10px;
    }
}

.name__slider {
    min-width: 0;
}

.name-items__wrapper .swiper-wrapper {
    justify-content: space-between;
    display: flex;
}

.swiper__name {
    display: flex;
    flex: 0 1 auto;
    position: relative;
}

    .swiper__name::before {
        content: "";
        background: linear-gradient(90deg, #0d0d11 8%, rgba(0, 0, 0, 0) 100%);
        height: 100%;
        width: 10%;
        position: absolute;
        left: -1px;
        top: 0;
        z-index: 2;
    }

    .swiper__name::after {
        content: "";
        background: linear-gradient(90deg, #0d0d11 8%, rgba(0, 0, 0, 0) 100%);
        height: 100%;
        width: 10%;
        position: absolute;
        right: -2px;
        top: 0;
        z-index: 2;
        transform: rotateZ(180deg);
    }

@media (max-width: 1439px) {
    .left-pyramid__item:nth-child(6) {
        margin-left: 240px;
    }

    .right-pyramid__item:nth-child(6) {
        margin-right: 240px;
    }
}

@media (max-width: 1315px) {
    .left-pyramid__item:nth-child(5) {
        margin-left: 126px;
    }

    .left-pyramid__item:nth-child(6) {
        margin-left: 180px;
    }

    .right-pyramid__item:nth-child(5) {
        margin-right: 126px;
    }

    .right-pyramid__item:nth-child(6) {
        margin-right: 180px;
    }
}

@media (max-width: 1400px) {
    .hero__block {
        gap: 20px;
    }

    .hero__container {
        padding: 0 30px;
        padding-top: 137px;
    }

    .footer__body {
        padding: 40px 15px;
    }

    .footer__columns {
        gap: 30px;
    }
}

@media (max-width: 1257px) {

    .license__container,
    .req__container,
    .challenges__container,
    .get__container,
    .consult__container {
        padding: 0 80px;
    }

    .hero__block {
        grid-template-columns: auto;
        align-items: center;
        gap: 64px;
    }

    .video-hero {
        display: flex;
        justify-content: center;
    }

    .content-hero {
        display: grid;
        max-width: 584px;
        justify-items: start;
    }

    .req__block {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .challenges__block {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }

    .get__body {
        gap: 140px;
    }

    .val-garant__item {
        padding: 23px 36px;
    }

        .val-garant__item:nth-child(1) {
            flex: 1 1 631px;
        }

        .val-garant__item:nth-child(2), .val-garant__item:nth-child(3), .val-garant__item:nth-child(4), .val-garant__item:nth-child(5) {
            flex: 1 1 320px;
        }

    .record-garant__item {
        padding: 23px 36px;
        flex: 1 1 320px;
    }

    .result__body {
        gap: 40px;
    }

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

    .hero__container {
        background-position: top right;
        background-size: contain;
    }
}

@media (max-width: 1200px) {
    .left-pyramid__item:nth-child(n) {
        margin: 0;
        position: relative;
        left: auto;
    }

    .right-pyramid__item:nth-child(n) {
        margin: 0;
    }

    .pyramid__body {
        padding-bottom: 0;
        align-items: flex-end;
        background: none;
    }

    .left-pyramid__items {
        align-items: center;
    }

    .right-pyramid__items {
        flex-direction: column-reverse;
        align-items: center;
    }

    .pyramid__block-header {
        text-align: start;
        justify-items: flex-start;
        text-align: start;
    }

    .pyramid__mob {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pyramid__block-header-title {
        font-size: 32px;
    }

    .pyramid__block-header:not(:last-child) {
        margin-bottom: 50px;
    }

    .pyramid__head {
        grid-template-columns: 1fr 1fr;
    }

    .program__items {
        gap: 0;
    }

    .program__slider-body {
        padding: 0 72px;
    }

    .program__head {
        min-height: none;
    }

    .nav-program {
        display: flex;
    }

    .consult__block-header {
        display: block;
    }

    .consult__head {
        display: none;
    }

    .consult__body {
        grid-template-columns: 1fr 1fr;
        gap: 98px;
    }

    .footer__main {
        gap: 40px;
    }

    .footer__container {
        grid-template-columns: auto;
    }

    .footer__body {
        order: 2;
    }

    .join-footer__text {
        display: none;
    }

    .result__container {
        padding: 0 40px;
    }
}

@media (max-width: 991.98px) {
    .hero {
        padding-bottom: 100px;
    }

    .video-hero__image {
        width: 100%;
        transform: scale(1.01);
        width: 688px;
        height: 522px;
    }

    .hero-home {
        padding-bottom: 40px;
        height: 831px;
    }

    .content-chalanges__block-header {
        display: none;
    }

    .license,
    .req,
    .challenges,
    .get,
    .garant,
    .pyramid,
    .program,
    .cycles,
    .consult,
    .faq,
    .who {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .content-hero__title {
        font-size: 48px;
    }

    .hero-home__block-header-title {
        font-size: 46px;
    }

    .license__block-header {
        padding: 0px;
    }

    .hero__container {
        height: 100%;
        padding: 100px 40px;
    }

    .license__container,
    .get__container,
    .garant__container,
    .pyramid__containers,
    .cycles__container,
    .consult__container,
    .faq__containersmall,
    .hero-home__container,
    .req__container,
    .who__container {
        padding: 0 40px;
    }

    .license__item {
        padding: 20px;
        gap: 16px;
    }

    .info-req__items {
        gap: 32px;
    }

    .info-req__block-header {
        display: none;
    }

    .content-chalanges__block-header {
        margin-bottom: 64px !important;
        height: 29px;
    }

    .cycles__image,
    .join-footer__button,
    .result__left {
        display: none;
    }

    .req__block-header,
    .join-footer__form-button,
    .compliance__block-header-text,
    .result__block-header,
    .item-result__big {
        display: block;
    }

    .images-req {
        align-self: center;
    }

    .images-req__item {
        padding-top: 46px;
        padding-right: 80px;
    }

        .images-req__item::before {
            top: 0;
            width: calc(100% - 80px);
            height: calc(100% - 46px);
        }

    .images-challenges__item {
        padding-top: 60px;
        padding-left: 65px;
    }

        .images-challenges__item::before {
            top: 0;
            width: calc(100% - 65px);
            height: calc(100% - 60px);
        }

    .images-consult__item {
        padding-top: 40px;
        padding-right: 87px;
    }

        .images-consult__item::before {
            top: 0;
            width: calc(100% - 87px);
            height: calc(100% - 40px);
        }

    .item-req {
        align-items: start;
        gap: 12px;
    }

    .item-challenges {
        gap: 16px;
        padding: 24px 0;
    }

        .item-challenges:first-child {
            padding-top: 0;
        }

        .item-challenges:last-child {
            padding-bottom: 0;
        }

    .item-challenges__title {
        font-size: 16px;
    }

        .item-challenges__title:not(:last-child) {
            margin-bottom: 16px;
        }

    .item-challenges__image img {
        max-width: 44px;
    }

    .item-challenges__text,
    .compliance__title {
        font-size: 14px;
    }

    .left-content__text,
    .right-content__text {
        font-size: 14px;
        font-weight: 600;
    }

    .val-garant__text,
    .record-garant__text,
    .pyramid__block-header-text {
        font-size: 16px;
    }

    .challenges__block {
        gap: 33px;
    }

    .get__body {
        gap: 20px;
    }

        .get__body::before {
            width: 72px;
            height: 72px;
            left: calc(50% - 36px);
            top: auto;
            bottom: -10px;
            background: #e9ecef url('/Content/2024/img/get/vs-mob.svg') center no-repeat;
        }

    .left-content__items,
    .right-content__items {
        padding: 0 16px;
    }

    .left-content__item,
    .right-content__item {
        padding: 20px 12px;
    }

    .left-content__dis {
        width: 80px;
        height: 80px;
        padding: 18px;
        margin-top: -40px;
    }

    .right-content__like {
        width: 80px;
        height: 80px;
        padding: 18px;
        margin-top: -40px;
    }

    .get__block-header {
        margin-bottom: 80px;
    }

    .val-garant__title,
    .record-garant__title {
        font-size: 32px;
    }

        .val-garant__title span,
        .record-garant__title span {
            font-size: 20px;
        }

    .left-pyramid__item,
    .right-pyramid__item {
        max-width: 334px;
    }

    .right-pyramid__link {
        padding: 12px 14px;
    }

    .pyramid__containers::before {
        right: 40px;
    }

    .program__block-header:not(:last-child) {
        margin-bottom: 36px;
    }

    .cycles__image-tablet {
        display: flex;
        justify-content: center;
    }

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

    .consult__content {
        padding: 0;
    }

    .footer__columns {
        grid-template-columns: minmax(172px, 1fr) minmax(172px, 1fr);
        gap: 38px;
    }

    .footer__main {
        gap: 72px;
        grid-template-columns: minmax(236px, 1fr) 1fr;
    }

    .footer__bottom {
        -moz-column-gap: 85px;
        column-gap: 85px;
    }

    .footer__body {
        padding: 40px 25px;
    }

    .join-footer__form:not(:last-child) {
        margin-bottom: 0;
    }

    .compliance__item {
        gap: 16px;
    }

    .compliance__block {
        grid-template-columns: 1fr calc(50% - 49px);
    }

    .compliance__block-header-text {
        max-width: 492px;
    }

    .compliance__image,
    .item-who__image,
    .desc-who__iamge,
    .desc-who__image {
        max-width: 44px;
        width: 100%;
    }

        .compliance__image img,
        .item-who__image img,
        .desc-who__iamge img,
        .desc-who__image img {
            width: 100%;
        }

    .who__main {
        grid-template-columns: auto;
    }

    .who__items {
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .who__item {
        display: grid;
        padding: 20px;
        gap: 14px;
    }

        .who__item:first-child {
            padding-bottom: 0;
            border-bottom: none;
        }

    .who__video {
        min-height: 320px;
    }

    .desc-who__text {
        font-size: 18px;
        line-height: 150%; /* 27/18 */
    }

    .who__desc {
        padding: 30px 20px;
    }

    .result__body {
        display: flex;
    }

    .faq-home__list {
        padding: 0 30px;
    }

    .faq-home__main {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 116px);
    }

        .faq-home__main h4 {
            font-size: 16px;
        }

    .faq-home__images {
        padding: 48px 30px;
    }

    .faq-home__image {
        max-width: 44px;
        width: 100%;
    }

        .faq-home__image img {
            width: 100%;
            max-width: 44px;
        }

    .faq-home__link {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .hero {
        padding-bottom: 80px;
    }

    .content-hero {
        padding: 40px 15px;
        width: 375px;
    }

    .video-hero__image {
        width: 321px;
        height: 238px;
    }

    .license,
    .license__block-header,
    .req,
    .garant,
    .pyramid,
    .program,
    .challenges,
    .cycles,
    .consult,
    .faq,
    .who,
    .result {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .license__container,
    .req__container,
    .challenges__container,
    .get__container,
    .garant__container,
    .pyramid__containers,
    .program__container,
    .hero__container,
    .cycles__container,
    .consult__container,
    .hero-home__container,
    .who__container,
    .result__container {
        padding: 0 15px;
    }

    .consult__block-header,
    .info-footer__socials,
    .join-footer__form-button,
    .left-result__title {
        display: none;
    }

    .consult__head,
    .join-footer__text,
    .join-footer__button,
    .result__left {
        display: block;
    }

    .form-hero {
        display: grid;
    }

    .content-hero__title,
    .hero-home__block-header-title {
        font-size: 36px;
    }

    .video-hero__block {
        padding: 13px;
    }

    .content-hero__text,
    .item-license__text {
        font-size: 16px;
    }

    .license__items,
    .req__block,
    .challenges__block {
        grid-template-columns: auto;
    }

    .images-req,
    .challenges__content {
        order: 1;
        justify-content: center;
    }

    .info-req {
        order: 2;
    }

    .challenges__block {
        grid-template-columns: auto;
    }

    .images-challenges {
        justify-content: center;
        order: 2;
    }

    .images-challenges__items,
    .images-req {
        padding: 0 15px;
    }

    .get__body {
        grid-template-columns: auto;
        gap: 158px;
        padding: 0 25px;
    }

        .get__body::before {
            width: 44px;
            height: 44px;
            left: calc(50% - 22px);
            top: calc(50% - 60px);
            bottom: auto;
            background: #fff url('/Content/2024/img/get/vs-small.svg') center no-repeat;
            border: none;
            outline: none;
            z-index: 1;
        }

        .get__body::after {
            content: "";
            position: absolute;
            width: calc(100% - 60px);
            height: 1px;
            left: 30px; /* Отступ слева 10px */
            right: 30px; /* Отступ справа 10px */
            top: calc(50% - 40px);
            bottom: auto;
            background-color: #d1d5db;
        }

    .left-content__items,
    .right-content__items {
        padding: 0 12px;
    }

    .left-content__item,
    .right-content__item {
        padding: 20px 2px;
        gap: 12px;
    }

    .val-garant__item {
        flex: 1 1 auto;
    }

    .val-garant:not(:last-child) {
        margin-bottom: 70px;
    }

    .val-garant__items,
    .record-garant__items {
        gap: 12px;
    }

    .pyramid__head {
        grid-template-columns: auto;
        gap: 0;
    }

        .pyramid__head img {
            max-width: 330px;
        }

    .pyramid__block-header {
        text-align: center;
        justify-items: center;
    }

        .pyramid__block-header:not(:last-child) {
            margin-bottom: 26px;
        }

    .pyramid__body {
        grid-template-columns: auto;
    }

    .right-pyramid__item,
    .left-pyramid__item {
        max-height: none;
        max-width: none;
    }

    .left-pyramid__link,
    .right-pyramid__link {
        width: 100%;
    }

    .program__slider-body {
        padding: 0;
    }

    .program__arrow {
        display: none;
    }

    .program__nav {
        gap: 3px;
    }

    .nav-program__item {
        font-size: 14px;
        padding: 13px 14px;
    }

    .images-challenges__item {
        padding-top: 46px;
        padding-left: 88px;
    }

        .images-challenges__item::before {
            top: 0;
            width: calc(100% - 88px);
            height: calc(100% - 46px);
        }

    .consult__body {
        grid-template-columns: auto;
        gap: 40px;
    }

    .consult__content {
        order: 2;
    }

    .images-consult {
        order: 1;
        justify-content: center;
        align-items: center;
    }

    .consult__title {
        font-size: 32px;
    }

        .consult__title:not(:last-child) {
            margin-bottom: 30px;
        }

    .consult__text {
        font-size: 16px;
    }

    .images-consult {
        padding: 0 25px;
    }

    .faq__link {
        padding: 24px 20px;
        font-size: 18px;
    }

    .faq__number {
        padding-right: 10px;
    }

    .faq__list {
        padding: 0 60px;
    }

    .faq__text,
    .column-footer__link {
        font-size: 14px;
    }

    .faq__sub-item {
        padding-top: 0;
    }

    .footer__body {
        padding: 50px 0;
    }

    .footer__main {
        grid-template-columns: auto;
    }

    .footer__columns {
        grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr);
        gap: 14px;
    }

    .bottom-footer__socials {
        display: flex;
    }

    .footer__main {
        gap: 40px;
    }

    .footer__join {
        padding: 80px 15px;
    }

    .join-footer__title,
    .join-footer__text {
        text-align: center;
    }

    .join-footer__title {
        font-size: 32px;
    }

    .join-footer__form:not(:last-child) {
        margin-bottom: 12px;
    }

    .hero-home__button {
        max-width: 100%;
    }

    .compliance__block {
        grid-template-columns: auto;
        gap: 50px;
    }

    .compliance__info {
        order: 1;
    }

    .compliance__items {
        gap: 0;
    }

    .compliance__item {
        padding: 24px 0;
    }

        .compliance__item:first-child {
            border-bottom: 1px solid #d4e4f6;
        }

    .compliance__block-header {
        margin-bottom: 40px;
    }

    .compliance__block-header-title {
        font-size: 24px;
        line-height: 150%; /* 36/24 */
    }

    .who__desc {
        display: grid;
    }

    .who__items {
        grid-template-columns: auto;
    }

    .item-result:first-child {
        grid-row: span 2;
    }

    .item-result__big {
        display: none;
    }

    .result__body {
        display: grid;
        grid-template-columns: auto;
    }

    .result__items {
        grid-template-columns: auto;
    }

    .left-result__image {
        padding-top: 46px;
        padding-right: 80px;
    }

        .left-result__image img {
            max-width: 380px;
        }

        .left-result__image::before {
            top: 0;
            width: calc(100% - 80px);
            height: calc(100% - 46px);
        }

    .left-result__item {
        display: flex;
        padding: 0 80px;
        justify-content: center;
    }

    .faq-home__main {
        width: calc(100% - 84px);
        padding: 20px;
    }

        .faq-home__main h4 {
            font-size: 14px;
        }

    .faq-home__link {
        padding: 0;
    }

    .faq-home__button {
        padding: 8px 10px;
    }

    .faq-home__list {
        padding: 0 20px;
    }

    .faq-home__title {
        font-size: 18px;
    }

    .faq-home__paragraf {
        margin-bottom: 30px;
    }

        .faq-home__paragraf p {
            font-size: 16px;
        }

    .program-body__item {
        padding: 16px 16px 16px 0;
    }

    .cycles__image-tablet {
        display: none;
    }

    .cycles__image-mob {
        display: block;
    }

        .cycles__image-mob img {
            max-width: none;
            width: 2022px;
            max-height: 341px;
            margin-bottom: 30px;
        }
}

@media (max-width: 479.98px) {
    .video-hero__block {
        padding: 9px;
    }

    .license__container,
    .req__container {
        padding: 0 15px;
    }

    .who__video {
        min-height: 193px;
    }

    .who__desc {
        gap: 20px;
    }

    .desc-who__text {
        font-size: 14px;
        font-weight: 600;
        line-height: 150%; /* 21/14 */
    }

    .left-result__item {
        padding: 0 15px;
    }

    .content-hero__button {
        width: 100%;
    }

    .form-hero {
        width: 100%;
    }

    .form-hero__item input {
        max-width: none;
    }
}
/*# sourceMappingURL=style.css.map */

/* DESKTOP CSO*/
@media (min-width: 1439.99px) {
    .cso_cards_navigation_arrow {
        display: none !important;
    }

    .cso {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cso_wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 160px 82px;
        gap: 56px;
        width: 1440px;
    }

    .cso_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 48px;
        width: 668px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_text_title {
        width: 668px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 130%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #181C28;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_text_subtitle {
        width: 668px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #474953;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_navigation {
        display: none;
    }

    .cso_cards {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 20px;
        width: 1276px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 412px !important;
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    /* Card Header */
    .cso_cards_card_header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px;
        width: 412px;
        height: 400px;
        /* Blue - 60 */
        background: #0073E6;
        border-radius: 8px 8px 0px 0px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        justify-content: space-between;
    }

    .cso_cards_card_header_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 348px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_icon {
        width: 64px;
        height: 64px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 348px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_title {
        width: 348px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_description {
        width: 348px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_buttonwrapper {
        display: flex;
    }

    .cso_cards_card_header_buttonwrapper_button {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 32px;
        gap: 8px;
        width: 169px;
        height: 40px;
        /* Main black */
        background: #181C28;
        color: white !important;
        border-radius: 200px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        justify-content: center;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 135%;
        leading-trim: both;
        text-edge: cap;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

        .cso_cards_card_header_buttonwrapper_button:hover {
            background: #6DC4FF;
        }

        .cso_cards_card_header_buttonwrapper_button:active {
            background: #0F52BA;
        }
    /*Card Body */
    .cso_cards_card_body {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 16px;
        gap: 4px;
        width: 412px;
        background: #F5F9FE;
        border-bottom: 4px solid #0073E6;
        border-radius: 0px 0px 8px 8px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_body_item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 16px;
        gap: 8px;
        width: 380px;
        height: 48px;
        border-bottom: 1px solid #E9ECEF;
        border-radius: 8px;
        box-sizing: border-box;
    }

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

        .cso_cards_card_body_item a {
            text-decoration: none;
            display: flex;
            align-items: center;
            width: 100%;
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            leading-trim: both;
            text-edge: cap;
            /* Main black */
            color: #181C28;
        }

            .cso_cards_card_body_item a:hover {
                color: #007aff;
            }

        .cso_cards_card_body_item span {
            flex-grow: 1;
            text-align: left;
        }

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

    .swiper-button-next {
        display: none;
    }

    .swiper-button-prev {
        display: none;
    }
}
/*Tablet CSO*/
@media (max-width: 1439.98px) and (min-width: 768px) {
    .cso {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cso_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 100px 86px;
        gap: 40px;
        width: 768px;
        position: relative;
    }

    .cso_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 36px;
        width: 570px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_text_title {
        width: 570px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #181C28;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_text_subtitle {
        width: 570px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #474953;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_navigation {
        display: flex;
    }

    .cso_cards_navigation {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 462px;
        flex: none;
        flex-grow: 0;
        justify-content: space-around;
    }

    .cso_cards_navigation_item {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px 24px;
        gap: 10px;
        height: 52px;
        background: #F5F9FE;
        border-radius: 100px;
        flex: none;
        order: 0;
        flex-grow: 0;
        /* Header&Footer */
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #181C28;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_navigation_item_1 {
        width: 139px;
    }

    .cso_cards_navigation_item_2 {
        width: 157px;
    }

    .cso_cards_navigation_item_3 {
        width: 134px;
    }

    .cso_cards_navigation_item.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px 24px;
        gap: 10px;
        height: 52px;
        background: #FFFFFF;
        border: 1px solid #0073E6;
        border-radius: 100px;
        flex: none;
        order: 1;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #0073E6;
        flex: none;
        order: 0;
        flex-grow: 0;
    }


    .cso_cards {
        padding: 0px;
        width: 452px;
    }

    .cso_cards_card {
        width: 100%;
    }
    /* Card Header */
    .cso_cards_card_header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 40px;
        width: 452px;
        background: #0073E6;
        border-radius: 8px 8px 0px 0px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 404px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_icon {
        width: 64px;
        height: 64px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 404px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_title {
        width: 404px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_description {
        width: 404px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_buttonwrapper {
        display: flex;
    }

    .cso_cards_card_header_buttonwrapper_button {
        /* Small primary button */
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 32px;
        gap: 8px;
        width: 169px;
        height: 40px;
        /* Main black */
        background: #181C28;
        border-radius: 200px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 135%;
        leading-trim: both;
        text-edge: cap;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #FFFFFF !important;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

        .cso_cards_card_header_buttonwrapper_button:hover {
            background: #007aff;
        }
    /*Card Body */
    .cso_cards_card_body {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 16px;
        gap: 4px;
        width: 452px;
        background: #FFFFFF;
        border-bottom: 4px solid #0073E6;
        border-radius: 0px 0px 8px 8px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_body_item {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 8px;
        gap: 8px;
        width: 420px;
        height: 48px;
        border-bottom: 1px solid #E9ECEF;
        border-radius: 8px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

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

        .cso_cards_card_body_item a {
            width: 100%;
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            leading-trim: both;
            text-edge: cap;
            color: #181C28;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

            .cso_cards_card_body_item a:hover {
                color: #007aff;
            }

        .cso_cards_card_body_item a {
            width: 100%;
            /* Header&Footer */
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            leading-trim: both;
            text-edge: cap;
            color: #181C28;
            display: flex;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .cso_cards_card_body_item span {
            flex-grow: 1;
            text-align: left;
        }

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

    .cso_cards_navigation_arrow {
        position: absolute;
        top: 570px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: url(/Content/2024/img/program/slider-arrow.svg) center no-repeat;
        transition: 0.5s;
    }

    .cso_cards_navigation_arrow_left {
        left: 74px;
        transform: rotate(-180deg);
    }

    .cso_cards_navigation_arrow_right {
        right: 74px;
    }
}
/*PHONE CSO*/
@media (max-width: 767.99px) {
    .cso_cards_navigation_arrow {
        display: none !important;
    }

    .cso {
        display: flex;
        flex-direction: column;
        height: 1537px;
        align-items: center;
    }

    .cso_wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 16px;
        gap: 36px;
        width: 375px;
    }

    .cso_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 36px;
        width: 343px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_text_title {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #181C28;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_text_subtitle {
        width: 343px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        text-align: center;
        color: #474953;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards {
        width: 343px;
    }

    .cso_cards_card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 343px;
    }
    /* Card Header */
    .cso_cards_card_header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 24px 40px;
        gap: 24px;
        width: 343px;
        background: #0073E6;
        border-radius: 8px 8px 0px 0px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 295px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_icon {
        width: 64px;
        height: 64px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 295px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_title {
        width: 295px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_content_text_description {
        width: 295px;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #FFFFFF;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_header_buttonwrapper {
        display: none;
    }

    .cso_cards_card_header_buttonwrapper_button {
    }
    /*Card Body */
    .cso_cards_card_body {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 12px;
        gap: 4px;
        width: 343px;
        background: #FFFFFF;
        border-bottom: 4px solid #0073E6;
        border-radius: 0px 0px 8px 8px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .cso_cards_card_body_item {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 8px;
        gap: 8px;
        width: 319px;
        border-bottom: 1px solid #E9ECEF;
        border-radius: 8px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #181C28;
        flex: none;
        order: 1;
        flex-grow: 1;
    }

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

        .cso_cards_card_body_item a {
            width: 100%;
            /* Header&Footer */
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            leading-trim: both;
            text-edge: cap;
            color: #181C28;
            display: flex;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .cso_cards_card_body_item span {
            flex-grow: 1;
            text-align: left;
        }

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

    .cso_cards_navigation {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 343px;
        flex: none;
        align-self: stretch;
    }

    .cso_cards_navigation_item {
        display: flex;
        height: 50px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px 13px;
        gap: 10px;
        margin: 0 auto;
        background: #F5F9FE;
        border-radius: 100px;
        flex: none;
        order: 1;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #181C28;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_navigation_item_1 {
        width: 106px;
    }

    .cso_cards_navigation_item_2 {
        width: 121px;
    }

    .cso_cards_navigation_item_3 {
        width: 101px;
    }

    .cso_cards_navigation_item.active {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px 13px;
        gap: 10px;
        margin: 0 auto;
        background: #FFFFFF;
        border: 1px solid #0073E6;
        border-radius: 100px;
        flex: none;
        order: 0;
        flex-grow: 0;
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        leading-trim: both;
        text-edge: cap;
        color: #0073E6;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .cso_cards_navigation_arrow {
        display: none !important;
    }
}
/* FROM OLD LAYOUT BEGIN*/
.edgyRight {
    width: 100% !important;
    height: auto !Important;
    object-fit: cover;
    border-radius: 5px;
    max-width: 330px !important;
    max-height: 200px;
}

.darker {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.55) 35%, rgba(22,22,23,0.1) 60%, rgba(0,0,0,0) 100%);
    background-color: rgba(35,35,37,0.2);
    border-radius: 4px 4px 0 0;
    opacity: 1;
    max-width: 330px;
    border-radius: 5px;
}

.desk {
    color: white;
    position: absolute;
    bottom: 0px;
    z-index: 1000;
    max-width: 330px;
    padding: 10px;
    margin: 0px;
}

.sidebar-item {
    position: relative;
    height: auto;
    border-radius: 5px;
}
/* FROM OLD LAYOUT END*/

/*FLOATING BUTTON CSS*/
.floating_button_container {
    user-select: none; /* Запрещает выделение текста */
    -webkit-user-select: none; /* Для Safari */
    -moz-user-select: none; /* Для Firefox */
    -ms-user-select: none; /* Для старых версий Edge */
}

.floating_button_container {
    display: flex;
    justify-content: start;
    align-items: flex-end;
    z-index: 999;
}

    .floating_button_container .buble {
        display: none;
        position: relative;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 20px;
        gap: 10px;
        isolation: isolate;
        background: #FFFFFF;
        border-radius: 8px;
        width: 418px;
        filter: drop-shadow(0px 4px 12px rgba(26, 32, 130, 0.3));
        margin-bottom: 12px;
    }

        .floating_button_container .buble .link {
            color: #0073E6;
            cursor: pointer;
        }

            .floating_button_container .buble .link:hover {
                color: #0F52BA !important;
            }

.buble::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: -10px;
    width: 16px;
    height: 20px;
    background: white;
    clip-path: polygon(0 100%, 0 0, 100% 100%);
}

.floating_button_container .buble p {
    width: 358px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    leading-trim: both;
    text-edge: cap;
    /* Main black */
    color: #181C28;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
}

.floating_button_container .buble .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url('/Content/2024/img/icons/icon_close.svg');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

    .floating_button_container .buble .close:hover {
        filter: drop-shadow(0px 4px 12px rgba(26, 32, 130, 0.3));
    }

    .floating_button_container .buble .close:active {
        transform: scale(0.9);
    }

@keyframes wiggle {
    0%, 100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(3deg);
    }
}

.floating_button_container .button_container.wiggle {
    animation: wiggle 0.5s ease-in-out 3;
}

.floating_button_container .button_container {
    display: flex;
    background-image: url('/Content/2024/img/Button2.png');
    width: 99px;
    height: 94px;
    background-size: cover;
    position: relative;
    cursor: pointer;
}

    .floating_button_container .button_container:active {
        transform: scale(0.9);
    }

    .floating_button_container .button_container .notification {
        display: none;
        box-sizing: border-box;
        /* Auto layout */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5px 0px;
        gap: 10px;
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0px;
        top: 0px;
        /* Red */
        background: #FF3B30;
        border: 2px solid #FFFFFF;
        border-radius: 10px;
    }

        .floating_button_container .button_container .notification .counter {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 7px;
            height: 10px;
            /* Subtitle 4 */
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 150%;
            leading-trim: both;
            text-edge: cap;
            text-align: center;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }


@media (min-width: 1439.99px) {
    .floating_button_container {
        position: fixed;
        right: 22px;
        bottom: 22px;
        display: flex;
        flex-direction: row;
    }

        .floating_button_container .buble {
            border: 2px solid #181C28 !important;
            width: 270px !important;
        }

            .floating_button_container .buble p{
                width: 228px !important;
            }

            .floating_button_container .buble .close {
                display: none !important;
            }
        .floating_button_container .button_container {
            display: none !important;
        }
}
/* TABLET */
@media (max-width: 1439.98px) and (min-width: 768px) {
    .floating_button_container {
        position: fixed;
        right: 40px;
        bottom: 40px;
        display: flex;
        flex-direction: row;
    }
}
/* PHONE */
@media (max-width: 767.9px) {
    .floating_button_container {
        position: fixed;
        right: 16px;
        bottom: 16px;
        display: flex;
        flex-direction: row;
    }

        .floating_button_container .buble {
            width: 318px !important;
        }

            .floating_button_container .buble p {
                width: 258px !important;
            }
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1f1f1f;
    padding: 1rem 0;
    z-index: 9999;
    font-size: 0.95rem;
    line-height: 1.4;
}

.cookie-consent__text {
    max-width: 900px;
}

@media (max-width: 768px) {
    .cookie-consent__text {
        font-size: 0.85rem;
    }

    .cookie-consent__buttons {
        flex-direction: column;
        width: 100%;
    }

        .cookie-consent__buttons .btn {
            width: 100%;
        }
}