@charset "UTF-8";.logo{display:block;text-decoration:none}.logo__img{max-width:none;width:100%}
.advantages {
    padding-top: 40px;
    margin-bottom: 40px;
}
.advantages .content__title{
    margin-bottom: 33px;
}
.advantages__list {
    display: flex;
    flex-wrap: wrap;
    /*margin: 0 -15px;*/
    row-gap: 20px;
}

.advantage__title {
    position: relative;
    color: #000;
    font: 700 16px/1.4 GothamPro, sans-serif;
    padding: 18px 0 0;
    margin: 0;
}
.advantage__title:before {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    background: #f79900;
    position: absolute;
    top: 0;
    left: 0;
}
.advantage__text {
    max-width: 190px;
    color: #000;
    font: 400 12px/1.4 GothamPro, sans-serif;
    margin-right: 50px;
    margin-bottom: 20px;
    padding: 8px 9px 0 0;
}
.our-clients{
    padding: 20px 0 80px;
}
.our-clients a{
    filter: grayscale(1);
}
.our-clients a:hover{
    cursor: default;
    filter:none;
}
/*.advantage{display:flex;margin:0 -9px}*/
.advantage__img-wrapper{width:64px;height:64px;position:relative;margin-bottom:21px;padding:0 9px;flex:0 0 auto}
.advantage__img{
    margin:0 auto;
}
.clients-carousel__cover{
    padding-top: 80px;
}
.prices .clients-carousel__cover{
    padding-top: 0;
}
.prices .advantages{
    padding-top: 0;
}
.prices .content__video{
    padding: 0 30px 0 12px;
}
 /*.advantage__text{
    position:relative;
    color:#000;font:400 14px/1.4 GothamPro,sans-serif;
    margin-right:50px;
    margin-bottom:20px;
    padding:18px 9px 0;
}
.advantage__text:before{
    content:"";
    display:block;
    width:65px;
    height:2px;
    background:#f79900;
    position:absolute;
    top:0;
    left:9px;
}*/

.content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.content__text {
    padding: 0 20px;
    width: 100%;
    flex: 1 1 auto
}

.content__text p {
    font-size: 13px
}

.content__title {
    text-transform: uppercase;
    font: 700 36px/1 GothamPro, sans-serif;
    color: #000;
    margin-left: -3px;
    margin-bottom: 10px
}

.content__video {
    padding: 0 20px;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 20px
}

.video {
    padding: 13px;
    background: #fff;
    box-shadow: 0 0 48px rgba(0, 0, 0, .13);
    border-radius: var(--border-radius-main);
}

.video_noborder {
    padding: 0;
    box-shadow: none
}

.video__video {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden
}

.video__video:active .video__icon, .video__video:hover .video__icon {
    transform: translate(-50%, -50%) scale(1.3)
}

.video__img-wrapper, .video__img-wrapper-rutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.video__img-wrapper.disabled {
    display: none
}

.video__img {
    max-width: none;
    width: 100%
}

.video__icon {
    fill: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease
}

.video__youtube-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    width: 100%;
    height: 100%
}

.video__youtube-video.active {
    display: block
}

.steps {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.steps__item {
    position: relative;
    display: flex;
    width: 100%;
    counter-increment: step-counter;
    padding-left: 47px;
    margin-bottom: 15px
}

.steps__item:before {
    content: counter(step-counter) "";
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    color: #f79900;
    font: 900 48px/1 GothamPro, sans-serif
}

.steps__text {
    font: 400 13px/1.5 GothamPro, sans-serif;
    color: #000;
    margin-bottom: 20px;
    max-width: 300px
}

.faq {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px
}

.faq__block {
    width: 100%;
    padding: 0 20px
}

.faq__item {
    margin-bottom: 30px;
}

.faq__question {
    position: relative;
    background: #fff;
    color: #000;
    font: 400 18px/1 GothamPro, sans-serif;
    padding: 18px 30px 18px 47px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: var(--border-radius-main);
}

.faq__question:before {
    content: "+";
    color: #f79900;
    font: 700 18px/1 GothamPro, sans-serif;
    position: absolute;
    top: 18px;
    left: 20px
}

.faq__question.active {
    color: #f79900
}

.faq__answer {
    display: none;
    padding: 18px 30px 0 0
}

.faq__answer p {
    margin-bottom: 0;
    line-height: 1.6
}

.social {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px
}

.social_small {
    margin: 0 -7px
}

.social__item {
    padding: 0 8px;
    margin-bottom: 16px
}

.social__item_dark {
    padding: 0 8px;
    margin-bottom: 0
}

.social_small .social__item {
    margin-bottom: 10px;
    padding: 0 7px
}

.social__link {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(180deg, #b93826 0, #5e26b9 100%)
}

.social__link_blue {
    background: #1e97db
}

.social__link_red {
    background: #ff2507
}

.social__link_small {
    width: 31px;
    height: 31px
}

.social__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    fill: #fff
}

.nav {
    padding: 0 50px 36px
}

.nav__close {
    position: absolute;
    z-index: 5;
    right: 25px;
    top: 15px;
    width: 35px;
    height: 35px
}

.nav__close:after, .nav__close:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.nav__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.nav__list {
    margin: 0
}

.nav__item {
    position: relative;
}

.nav__item:active .nav__sublist, .nav__item:hover .nav__sublist {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px 0
}

.nav__item:active .nav__link,
.nav__item:hover .nav__link,
.nav__item:focus-within .nav__link {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #f79900
}

.nav__link {
    display: block;
    padding: 20px 0;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    font: 500 14px/1.07 GothamPro, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    transition: color .3s ease, background-color .3s ease
}

.nav__link:active,
.nav__link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #f79900
}

.nav__sublist {
    height: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    margin: 0;
    transition: opacity .3s ease;
    min-width: 250px
}

.nav__subitem {
    margin-bottom: 10px
}

.nav__sublink {
    text-decoration: none;
    display: block;
    font: 400 16px/1 GothamPro, sans-serif;
    padding: 10px 11px;
    transition: color .3s ease
}

.nav__sublink:active, .nav__sublink:hover {
    text-decoration: underline;
    color: #f79900
}

.nav__sublist_mobile {
    display: block;
}

.mega-menu-overlay {
    display: none;
}

.mega-menu {
    display: none;
}

.mega-menu__inner,
.mega-menu__grid,
.mega-menu__promo {
    box-sizing: border-box;
}

/* иллюстрация слона в баннере AI-агентов — отдельная колонка только на десктопе,
   на мобильном слон остаётся фоном карточки */
.mega-menu__promo-card-media {
    display: none;
}

@media screen and (max-width: 1199px) {
    .nav__item_mega .nav__link {
        position: relative;
    }

    .header__nav-mobile .nav__sublist_mobile,
    .header__nav-mobile .nav__item:active .nav__sublist,
    .header__nav-mobile .nav__item:hover .nav__sublist,
    .header__nav-mobile .nav__item:focus-within .nav__sublist {
        display: none;
        height: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0;
    }

    .nav__item_mega .mega-menu {
        display: none;
    }

    .nav__item_mega.nav__item_mega_open .mega-menu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 110;
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 88px 16px 24px;
        box-sizing: border-box;
    }

    .nav__item_mega.nav__item_mega_open .mega-menu::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 72px;
        background: #fff;
        z-index: 109;
        pointer-events: none;
    }

    .nav__item_mega.nav__item_mega_open .nav__sublist_mobile {
        display: none;
    }

    .mega-menu__mobile-back {
        position: fixed;
        top: 24px;
        left: 16px;
        z-index: 111;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 0;
        padding: 0;
        background: transparent;
        color: #000;
        text-transform: uppercase;
        font-family: Gotham Pro, GothamPro, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0;
        cursor: pointer;
    }

    .mega-menu__mobile-back::before {
        content: "";
        width: 20px;
        height: 20px;
        background: url("/images/content/mega-menu/arrow_mobile.svg") no-repeat center;
        background-size: 20px 20px;
        transform: translateY(-1px);
    }

    .header__nav-mobile.active .nav__close {
        top: 22px;
        right: 22px;
    }

    .nav__item_mega.nav__item_mega_open .mega-menu.mega-menu_b2b {
        background: #fff;
        padding: 0;
    }

    .mega-menu_b2b .mega-menu__inner {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        min-height: 100%;
        padding: 92px 16px 16px;
        border-radius: 0;
        background: #fff;
    }

    .mega-menu_b2b .mega-menu__grid {
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin: 0;
    }

    .mega-menu_b2b .mega-menu__column_middle {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .mega-menu_b2b .mega-menu__section {
        border-radius: 4px;
    }

    .mega-menu_b2b .mega-menu__section_about {
        padding: 24px;
        background: #f6f6f6;
    }

    .mega-menu_b2b .mega-menu__section_about .mega-menu__section-title {
        margin-bottom: 10px;
        color: #131414;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 16px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__section_about .mega-menu__section-text {
        margin: 0 0 14px;
        color: #3f3f3f;
        font: 500 11px/1.2 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__use-cases {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 9px;
    }

    .mega-menu_b2b .mega-menu__use-cases-link {
        color: #666;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 0.5px;
        font-family: Gotham Pro, GothamPro, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 106%;
        letter-spacing: 0;
    }

    .mega-menu_b2b .mega-menu__section_integrations {
        padding: 0;
        background: transparent;
    }

    .mega-menu_b2b .mega-menu__section_integrations .mega-menu__section-title {
        margin-bottom: 8px;
        color: #222;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 16px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__section_integrations .mega-menu__section-text {
        margin: 0 0 14px;
        margin-top: 16px;
        color: #1e1e1e;
        font: 400 12px/1.2 GothamPro, sans-serif;
    }

    .mega-menu__section_integrations {
        margin-bottom: 32px;
    }

    .mega-menu_b2b .mega-menu__integrations-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu_b2b .mega-menu__integrations-logo {
        width: auto;
        max-width: 74px;
        max-height: 24px;
    }

    .mega-menu_b2b .mega-menu__section_links {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
        padding: 0;
        background: transparent;
    }

    .mega-menu_b2b .mega-menu__section_links .mega-menu__section-title {
        margin: 0;
        color: #222;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 16px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__section_questions {
        position: relative;
        min-height: 80px;
        padding: 16px 20px;
        background: #FFF8ED;
        overflow: hidden;
    }

    .mega-menu_b2b .mega-menu__section_questions::after {
        content: "?";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(0, 0, 0, .14) !important;
        font: 700 64px/.8 GothamPro, sans-serif !important;
        pointer-events: none;
        z-index: 0;
    }

    .mega-menu_b2b .mega-menu__section_questions .mega-menu__section-title {
        position: relative;
        z-index: 1;
        margin-bottom: 6px;
        color: #1c1c1c;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 16px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__section_questions .mega-menu__section-text {
        position: relative;
        z-index: 1;
        max-width: 190px;
        margin: 0;
        color: #3f3f3f;
        font: 400 10px/1.2 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__prices-card {
        margin-bottom: 32px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto 1fr auto;
        row-gap: 0;
        min-height: 148px;
        padding: 24px;
        border-radius: 6px;
        background-color: #f79900;
        background-image:
            url("/images/content/mega-menu/ai_prices_buble_small.svg"),
            url("/images/content/mega-menu/ai_prices_slon.svg"),
            url("/images/content/mega-menu/ruble_big_mobile.svg");
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 30px 30px, 109px 104px, 120px auto;
        background-position: right 16px top 10px, left -6px bottom -12px, center center;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }

    .mega-menu_b2b .mega-menu__prices-title {
        grid-column: 1 / 2;
        margin: 0;
        color: #000;
        font: 500 34px/0.95 GothamPro, sans-serif;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .mega-menu_b2b .mega-menu__prices-price {
        grid-column: 1 / 3;
        
        margin: 0;
        margin-top: 9px;
        font: 500 16px/1 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__prices-price::after {
        content: none;
    }

    .mega-menu_b2b .mega-menu__prices-more {
        grid-column: 2 / 3;
        align-self: end;
        justify-self: end;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        font: 500 11px/1 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__prices-more::after {
        content: "";
        display: block;
        width: 92px;
        height: 10px;
        background: url("/images/content/mega-menu/edo_arrow.svg") no-repeat center;
        background-size: contain;
        filter: brightness(0) invert(1);
    }

    .mega-menu_b2b .mega-menu__promo_b2b {
        position: relative;
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 10px;
        row-gap: 8px;
        min-height: 136px;
        margin-top: 0;
        padding: 24px;
        border-radius: 6px;
        background-color: #f79900;
        background-image: url("/images/content/mega-menu/b2c_mobile.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }

    .mega-menu_b2b .mega-menu__promo-number {
        grid-column: 1;
        grid-row: 1;
        width: 58px;
        height: 44px;
        background: #fff;
        color: #f79900;
        font: 700 52px/.9 GothamPro, sans-serif;
        transform: rotate(-7deg);
    }

    .mega-menu_b2b .mega-menu__promo-content {
        grid-column: 2 / 4;
        grid-row: 1;
        min-width: 0;
    }

    .mega-menu_b2b .mega-menu__promo-title {
        margin: 0 0 4px;
        color: #fff;
        text-transform: none;
        font: 700 11px/1.1 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__promo-text {
        margin: 0;
        color: #fff;
        max-width: 188px;
        font: 400 10px/1.1 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__promo-btn {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        align-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 154px;
        height: 38px;
        padding: 0 18px;
        border-radius: 20px;
        background: #fff;
        color: #131414;
        text-transform: none;
        text-decoration: none;
        font-family: Gotham Pro, GothamPro, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 0;
        text-underline-offset: 0;
    }

    .mega-menu_b2b .mega-menu__auth_footer {
        display: none;
    }

    .nav__item_mega.nav__item_mega_open .mega-menu.mega-menu_ai,
    .nav__item_mega.nav__item_mega_open .mega-menu.mega-menu_kedo {
        background: #fff;
        padding: 0;
    }

    .mega-menu_ai .mega-menu__inner,
    .mega-menu_kedo .mega-menu__inner {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        min-height: 100%;
        padding: 92px 16px 16px;
        border-radius: 0;
        background: #fff;
    }

    .mega-menu_ai .mega-menu__grid,
    .mega-menu_kedo .mega-menu__grid {
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin: 0;
    }
    
    .mega-menu__prices-card {
        margin-bottom: 32px;
    }

    .mega-menu__promo-card {
        margin-top: 32px;
    }

    .mega-menu_kedo .mega-menu__section {
        margin-bottom: 22px;
    }

    .mega-menu_ai .mega-menu__section_about {
        margin-bottom: 22px;
    }

    .mega-menu_ai .mega-menu__prices-card,
    .mega-menu_kedo .mega-menu__prices-card {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto 1fr auto;
        row-gap: 8px;
        min-height: 166px;
        padding: 24px;
        border-radius: 6px;
        background-color: #f79900;
        background-image:
            url("/images/content/mega-menu/ai_prices_buble_small.svg"),
            url("/images/content/mega-menu/edo_prices.svg");
        background-repeat: no-repeat, no-repeat;
        background-size: 30px 30px, 120px auto;
        background-position: right 16px top 10px, right 12px bottom -2px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

    .mega-menu_ai .mega-menu__prices-title,
    .mega-menu_kedo .mega-menu__prices-title {
        grid-column: 1 / 2;
        margin: 0;
        font: 500 34px/0.94 GothamPro, sans-serif;
        margin-bottom: 20px;
    }

    .mega-menu_ai .mega-menu__prices-card {
        background-image:
            url("/images/content/mega-menu/ai_prices_buble_small.svg"),
            url("/images/content/mega-menu/ruble_big_mobile.svg");
        background-repeat: no-repeat, no-repeat;
        background-size: 30px 30px, 120px auto;
        background-position: right 16px top 10px, center center;
    }

    .mega-menu_kedo .mega-menu__prices-card {
        background-image:
            url("/images/content/mega-menu/ai_prices_buble_small.svg"),
            url("/images/content/mega-menu/ruble_big_mobile.svg");
        background-repeat: no-repeat, no-repeat;
        background-size: 30px 30px, 120px auto;
        background-position: right 16px top 10px, center center;
    }

    .mega-menu_ai .mega-menu__prices-price,
    .mega-menu_kedo .mega-menu__prices-price {
        grid-column: 1 / 3;
        margin: 0;
        padding-right: 150px;
        position: relative;
        z-index: 1;
        font: 500 12px/1 GothamPro, sans-serif;
        align-self: start;
    }

    .mega-menu_ai .mega-menu__prices-price::after,
    .mega-menu_kedo .mega-menu__prices-price::after {
        content: "";
        display: block;
        width: 41px;
        height: 10px;
        margin-top: 18px;
        background: url("/images/content/mega-menu/arrow_white_mobile.svg") no-repeat center;
        background-size: contain;
        filter: brightness(0) invert(1);
    }

    .mega-menu_ai .mega-menu__prices-card::after,
    .mega-menu_kedo .mega-menu__prices-card::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 170px;
        height: 110px;
        background: url("/images/content/mega-menu/ai_prices_slon.svg") no-repeat right bottom;
        background-size: contain;
        pointer-events: none;
    }

    .mega-menu_ai .mega-menu__prices-more {
        grid-column: 1 / 2;
        align-self: end;
        justify-self: start;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font: 500 11px/1 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__prices-more::after {
        content: "";
        width: 46px;
        height: 10px;
        background: url("/images/content/mega-menu/edo_arrow.svg") no-repeat center;
        background-size: contain;
        filter: brightness(0) invert(1);
    }

    .mega-menu_ai .mega-menu__section_about,
    .mega-menu_kedo .mega-menu__section {
        display: flex;
        flex-direction: column;
        min-height: 140px;
        padding: 24px;
        border-radius: 4px;
        background: #f6f6f6;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__section-title,
    .mega-menu_kedo .mega-menu__section .mega-menu__section-title {
        margin-bottom: 12px;
        color: #131414;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 16px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__section-text,
    .mega-menu_kedo .mega-menu__section .mega-menu__section-text {
        margin: 0;
        max-width: 300px;
        color: #2e2e2e;
        font: 400 12px/1.2 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link,
    .mega-menu_kedo .mega-menu__section .mega-menu__more-link {
        display: inline-flex;
        margin-top: auto;
        align-self: flex-end;
        color: #131414;
        text-decoration: underline;
        text-underline-offset: 2px;
        font-family: "Nunito Sans", Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 10px;
        line-height: 106%;
        letter-spacing: 0;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link::after,
    .mega-menu_kedo .mega-menu__section .mega-menu__more-link::after {
        width: 100px;
        height: 10px;
        background: url("/images/content/mega-menu/edo_arrow.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__more-link {
        text-decoration: none;
        text-underline-offset: 0;
        gap: 0;
        flex-direction: column;
        align-items: flex-end;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link {
        gap: 0;
        flex-direction: column;
        align-items: flex-end;
        text-decoration: none;
        text-underline-offset: 0;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link::after {
        content: "";
        display: block;
        width: 53.5px;
        height: 8px;
        margin-top: 0;
        background: url("/images/content/mega-menu/arrow.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu_ai .mega-menu__section_about {
        min-height: 140px;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__more-link::after {
        content: "";
        display: block;
        width: 53.5px;
        height: 8px;
        margin-top: 0;
        background: url("/images/content/mega-menu/arrow.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu_ai .mega-menu__section_links {
        display: none;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__section-title {
        margin: 0;
        color: #222;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-transform: uppercase;
        font: 500 12px/1.08 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__section-title + .mega-menu__section-title {
        margin-top: 24px;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__auth {
        justify-content: flex-start;
        margin-top: 40px;
        font: 400 12px/1 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__promo_ai,
    .mega-menu_kedo .mega-menu__promo-card {
        margin-top: 12px;
        padding: 24px;
        border-radius: 6px;
        background-color: #f79900;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .mega-menu_ai .mega-menu__promo_ai {
        min-height: 160px;
        background-image: url("/images/content/mega-menu/ai_create_mobile.png");
    }

    .mega-menu_ai .mega-menu__promo-title {
        margin: 0 0 18px;
        color: #fff;
        text-transform: none;
        font: 700 22px/0.98 GothamPro, sans-serif;
        max-width: 230px;
    }

    .mega-menu_ai .mega-menu__promo-title br {
        display: none;
    }

    .mega-menu_ai .mega-menu__promo-btn,
    .mega-menu_kedo .mega-menu__promo-btn_round {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 154px;
        height: 38px;
        padding: 0 18px;
        border-radius: 20px;
        background: #fff;
        color: #131414;
        text-transform: none;
        text-decoration: underline;
        text-underline-offset: 2px;
        font-family: Gotham Pro, GothamPro, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 0;
        text-underline-offset: 1px;
    }

    .mega-menu_ai .mega-menu__promo-btn {
        margin-top: 8px;
    }

    .mega-menu_kedo .mega-menu__promo-card {
        min-height: 176px;
        background-image: url("/images/content/mega-menu/kedo_beta_mobile.svg");
        background-position: center;
    }

    .mega-menu_agents .mega-menu__promo-card {
        background-image: url("/images/content/mega-menu/agents_slon.svg");
        background-size: auto 60%;
        background-position: bottom right 16px;
    }

    /* на мобильном вторая строка разворачивается в столбик — между карточкой
       партнёрской программы и баннером тот же отступ, что и между карточками выше */
    .mega-menu_agents .mega-menu__row_second {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .mega-menu_agents .mega-menu__row_second .mega-menu__section {
        margin-bottom: 0;
    }

    .mega-menu_agents .mega-menu__row_second .mega-menu__promo-card {
        margin-top: 0;
    }

    .mega-menu_kedo .mega-menu__promo-card-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 144px;
    }

    /* в баннере AI-агентов кнопка вынесена из текстового блока (десктопная компоновка
       в три колонки) — на мобильном она встаёт сразу под заголовком, как и раньше */
    .mega-menu_agents .mega-menu__promo-card-content {
        min-height: 0;
        margin-bottom: 18px;
    }

    .mega-menu_kedo .mega-menu__promo-card-title {
        margin: 0;
        color: #fff;
        text-transform: none;
        font: 700 22px/0.98 GothamPro, sans-serif;
    }

    .mega-menu_kedo .mega-menu__promo-btn_round {
        align-self: flex-start;
        width: auto;
    }

    .mega-menu_kedo .mega-menu__auth_footer {
        display: none;
    }

    /* баннер КЭДО — готовая картинка, на мобильном идёт во всю ширину в своих пропорциях */
    .mega-menu__banner {
        display: block;
        margin-top: 12px;
        overflow: hidden;
        border-radius: 6px;
        background: #fe9c1e;
    }

    .mega-menu__banner-img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* в мобильном дропдауне AI-агентов «Вход / Регистрация» не показываем вовсе —
       как в дропдауне КЭДО (.mega-menu_kedo .mega-menu__auth_footer выше) */
    .mega-menu_agents .mega-menu__auth_footer {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .mega-menu__mobile-back {
        display: none !important;
    }

    body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 50;
        background: #00000033;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .3s ease, visibility .3s ease;
    }

    body.mega-menu-active::before,
    html:not(.mega-menu-js) body:has(.nav__item_mega:hover)::before,
    body:has(.nav__item_mega:focus-within)::before {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .mega-menu-overlay {
        display: none;
    }

    .nav__sublist_mobile {
        display: none;
    }

    .nav__list {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .nav__link {
        padding: 20px 0;
    }

    .nav__item:first-child .nav__link {
        padding-left: 0;
    }

    .nav__item_mega {
        position: static;
    }

    .mega-menu {
        display: block;
        position: absolute;
        left: 50%;
        right: auto;
        width: min(100%, 1360px);
        top: calc(100% + 3px);
        z-index: 70;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 26px 0 #0000001F;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-50%) translateY(8px) translateZ(0);
        -webkit-transform: translateX(-50%) translateY(8px) translateZ(0);
        transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
        will-change: opacity, transform;
    }

    /* раскрытием управляет js (mega-menu.js): у него есть задержка на закрытие,
       поэтому панель не пропадает, когда курсор быстро идёт к ней по диагонали.
       :hover — запасной вариант, пока скрипт не поставил на <html> класс mega-menu-js */
    .nav__item_mega.nav__item_mega_open .mega-menu,
    html:not(.mega-menu-js) .nav__item_mega:hover .mega-menu,
    .nav__item_mega:focus-within .mega-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0) translateZ(0);
        -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
    }

    /* мостик через зазор между пунктом меню и раскрытой панелью (top: calc(100% + 3px)):
       курсор не должен «проваливаться» в пустоту по пути вниз.
       Высота ровно равна зазору — выше перекроет нижний край соседних пунктов меню */
    .nav__item_mega.nav__item_mega_open .mega-menu::after,
    html:not(.mega-menu-js) .nav__item_mega:hover .mega-menu::after,
    .nav__item_mega:focus-within .mega-menu::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 3px;
    }

    .mega-menu::before {
        content: "";
        position: absolute;
        left: var(--mega-arrow-left, 50%);
        top: 0;
        width: 10px;
        height: 10px;
        border: none;
        background: #fff;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        transform: translate(-50%, -100%);
        z-index: 31;
        pointer-events: none;
    }

    .mega-menu__inner {
        max-width: 1360px;
        margin: 0 auto;
        padding: 24px 20px;
    }

    .mega-menu__grid {
        display: grid;
        grid-template-columns: 180px 1fr 1.2fr 1fr;
        gap: 24px 32px;
        margin-bottom: 24px;
    }

    .mega-menu__prices-card {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        min-height: 180px;
        padding: 20px;
        background: #f79900;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font: 700 18px/1.2 GothamPro, sans-serif;
    }

    .mega-menu__section-title {
        display: block;
        margin-bottom: 8px;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font: 700 14px/1.3 GothamPro, sans-serif;
    }

    .mega-menu__section-text {
        margin: 0;
        color: #666;
        font: 400 13px/1.5 GothamPro, sans-serif;
    }

    .mega-menu__section_industries {
        grid-column: span 1;
    }

    .mega-menu__industries {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 24px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu__industries-link {
        color: #000;
        text-decoration: none;
        font: 400 13px/1.4 GothamPro, sans-serif;
    }

    .mega-menu__industries-link:hover {
        color: #f79900;
    }

    .mega-menu__more {
        margin-top: 12px;
    }

    .mega-menu__more-label {
        display: inline-block;
        margin-bottom: 8px;
        text-transform: uppercase;
        font: 700 13px/1 GothamPro, sans-serif;
    }

    .mega-menu__industries_more {
        grid-template-columns: 1fr;
    }

    .mega-menu__links {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu__links-link {
        display: block;
        padding: 4px 0;
        color: #000;
        text-decoration: none;
        font: 400 13px/1.4 GothamPro, sans-serif;
    }

    .mega-menu__links-link:hover {
        color: #f79900;
    }

    .mega-menu__auth {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        grid-column: 4;
        align-self: end;
    }

    .mega-menu__auth-link {
        color: #000;
        text-decoration: underline;
        text-underline-offset: 2px;
        font: 400 13px/1 GothamPro, sans-serif;
    }

    .mega-menu__auth-link:hover {
        color: #f79900;
    }

    .mega-menu__auth-separator {
        line-height: 1;
    }

    .mega-menu__promo {
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 20px 24px;
        background: #f79900;
        color: #fff;
    }

    .mega-menu__promo-number {
        flex: 0 0 72px;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: #f79900;
        font: 700 36px/1 GothamPro, sans-serif;
    }

    .mega-menu__promo-content {
        flex: 1 1 auto;
    }

    .mega-menu__promo-title {
        margin-bottom: 6px;
        text-transform: uppercase;
        font: 700 22px/1.2 GothamPro, sans-serif;
    }

    .mega-menu__promo-text {
        margin: 0;
        max-width: 520px;
        font: 400 13px/1.5 GothamPro, sans-serif;
    }

    .mega-menu__promo-btn {
        flex: 0 0 auto;
        padding: 14px 28px;
        background: #fff;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font: 700 13px/1 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__inner {
        padding: 24px;
    }

    .mega-menu__grid_ai {
        grid-template-columns: minmax(0, 330px) minmax(0, 436px) minmax(0, 1fr);
        gap: 20px;
        align-items: stretch;
        margin-bottom: 20px;
    }

    .mega-menu_ai .mega-menu__prices-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        width: 100%;
        max-width: 330px;
        height: 188px;
        min-height: 188px;
        padding: 24px;
        position: relative;
        overflow: hidden;
        background-color: #f79900;
        background-image:
            url(/images/content/mega-menu/ai_prices_buble_small.svg),
            url(/images/content/mega-menu/ai_prices_slon.svg),
            url(/images/content/mega-menu/ai_prices_ruble_big.svg);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 32px 32px, 154px 84px, 191px 143px;
        background-position: right 24px top 20px, center bottom, center 2px;
    }

    .mega-menu_ai .mega-menu__prices-title,
    .mega-menu_ai .mega-menu__prices-price {
        position: relative;
        z-index: 1;
    }

    .mega-menu_ai .mega-menu__prices-title {
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .mega-menu_ai .mega-menu__prices-price {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 19px;
    }

    .mega-menu_ai .mega-menu__prices-price::after {
        content: "";
        display: block;
        width: 24px;
        height: 8px;
        background: url("/images/content/mega-menu/arrow_white_mobile.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu__prices-price {
        display: block;
        text-transform: uppercase;
        font: 500 14px/1.07 GothamPro, sans-serif;
    }

    .mega-menu__more-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 16px;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font: 500 14px/1.07 GothamPro, sans-serif;
    }

    .mega-menu__more-link:hover {
        color: #f79900;
    }

    .mega-menu__more-link::after {
        content: "→";
        font-size: 16px;
        line-height: 1;
    }

    .mega-menu_ai .mega-menu__section_about {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 436px;
        height: 188px;
        min-height: 188px;
        padding: 14px;
        padding-top: 24px;
        padding-left: 24px;
        background: #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__section-title {
        margin-bottom: 12px;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 1.07;
        letter-spacing: 0;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
        text-transform: uppercase;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__section-text {
        margin: 0 0 16px;
        max-width: 100%;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link {
        margin-top: auto;
        align-self: flex-end;
        text-transform: none;
        text-decoration: none;
        gap: 0;
        flex-direction: column;
        align-items: flex-end;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 10px;
        line-height: 1.06;
        letter-spacing: 0;
    }

    .mega-menu_ai .mega-menu__section_about .mega-menu__more-link::after {
        content: "";
        display: block;
        width: 53.5px;
        height: 8px;
        margin-top: 6px;
        background: url("/images/content/mega-menu/arrow.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu__section_links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .mega-menu_ai .mega-menu__section_links {
        width: 100%;
        min-width: 0;
        min-height: 180px;
        padding: 0;
        gap: 0;
        box-sizing: border-box;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__section-title {
        margin: 0;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: from-font;
        text-transform: uppercase;
        letter-spacing: 0;
        font: 500 16px/1.07 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__section-title + .mega-menu__section-title {
        margin-top: 20px;
    }

    .mega-menu_ai .mega-menu__section_links .mega-menu__auth {
        margin-top: auto;
        align-self: flex-end;
        padding-top: 20px;
        justify-content: flex-end;
        grid-column: auto;
    }

    .mega-menu__promo_ai {
        box-sizing: border-box;
        height: 120px;
        min-height: 120px;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        padding: 20px 24px;
        border-radius: 4px;
        background-color: #f79900;
        background-image: url(/images/content/mega-menu/ai_try_bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .mega-menu__promo_ai .mega-menu__promo-content {
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        z-index: 1;
    }

    .mega-menu__promo_ai .mega-menu__promo-title {
        padding-left: 105px;
        margin: 0;
        text-transform: none;
        font: 500 28px/1.07 GothamPro, sans-serif;
    }

    .mega-menu_ai .mega-menu__promo-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 176px;
        height: 55px;
        padding: 0 16px;
        border-radius: 12px;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
        letter-spacing: 0;
        text-align: center;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 16px;
        line-height: 1;
        position: relative;
        z-index: 1;
        margin-right: 62px;
    }

    .mega-menu_ai .mega-menu__promo-btn:hover {
        color: #000;
        background: #fff;
        text-decoration: underline;
    }

    .mega-menu__grid_kedo {
        grid-template-columns: minmax(0, 330px) minmax(0, 436px) minmax(0, 1fr);
        gap: 20px;
        align-items: stretch;
        margin-bottom: 0;
    }

    .mega-menu_agents .mega-menu__grid_kedo {
        margin-bottom: 20px;
    }

    .mega-menu_kedo .mega-menu__prices-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        width: 100%;
        max-width: 330px;
        height: 188px;
        min-height: 188px;
        padding: 24px;
        position: relative;
        overflow: hidden;
        background-color: #f79900;
        background-image:
            url(/images/content/mega-menu/ai_prices_buble_small.svg),
            url(/images/content/mega-menu/ai_prices_slon.svg),
            url(/images/content/mega-menu/ai_prices_ruble_big.svg);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 32px 32px, 154px 84px, 191px 143px;
        background-position: right 24px top 20px, center bottom, center 2px;
    }

    .mega-menu_kedo .mega-menu__prices-title,
    .mega-menu_kedo .mega-menu__prices-price {
        position: relative;
        z-index: 1;
    }

    .mega-menu_kedo .mega-menu__prices-title {
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .mega-menu_kedo .mega-menu__prices-price {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 19px;
    }

    .mega-menu_kedo .mega-menu__prices-price::after {
        content: "";
        display: block;
        width: 24px;
        height: 8px;
        background: url("/images/content/mega-menu/arrow_white_mobile.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu_kedo .mega-menu__section {
        width: 100%;
        max-width: 436px;
        display: flex;
        flex-direction: column;
        height: 188px;
        min-height: 188px;
        padding: 24px;
        background: #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .mega-menu_agents .mega-menu__section {
        max-width: none;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__section-title {
        margin-bottom: 12px;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 1.07;
        letter-spacing: 0;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
        text-transform: uppercase;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__section-text {
        margin: 0 0 16px;
        max-width: 100%;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__more-link {
        margin-top: auto;
        align-self: flex-end;
        text-transform: none;
        text-decoration: none;
        gap: 0;
        flex-direction: column;
        align-items: flex-end;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 10px;
        line-height: 1.06;
        letter-spacing: 0;
    }

    .mega-menu_kedo .mega-menu__section .mega-menu__more-link::after {
        content: "";
        display: block;
        width: 53.5px;
        height: 8px;
        margin-top: 6px;
        background: url("/images/content/mega-menu/arrow.svg") no-repeat center;
        background-size: contain;
    }

    .mega-menu_kedo .mega-menu__promo-card {
        position: relative;
        overflow: hidden;
        height: 188px;
        min-height: 188px;
        background-color: #f79900;
        background-image: url(/images/content/mega-menu/edo_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center right;
    }

    /* карточка партнёрской программы — та же серая карточка, что в первой строке
       (фон, радиус, отступ 24px, размеры шрифтов), но высотой в полосу баннера.
       Вспомогательный текст по макету укладывается в 256px и занимает две строки,
       «Подробнее» стоит в правом нижнем углу — рядом с текстом, а не под ним */
    .mega-menu_agents .mega-menu__section_partners {
        position: relative;
        height: auto;
        min-height: 120px;
    }

    .mega-menu_agents .mega-menu__section_partners .mega-menu__section-text {
        margin-bottom: 0;
        max-width: 256px;
    }

    .mega-menu_agents .mega-menu__section_partners .mega-menu__more-link {
        position: absolute;
        right: 24px;
        bottom: 24px;
        margin-top: 0;
    }

    /* баннер AI-агентов скомпонован по образцу баннеров ЭДО (.mega-menu__promo_b2b, 96px)
       и «ИИ-сайты» (.mega-menu__promo_ai, 120px): низкая полоса из трёх частей по
       горизонтали — текст в три строки, иллюстрация слона, кнопка «Попробовать» справа.
       Высота взята у баннера «ИИ-сайты» */
    /* после сужения баннера до половины строки текст и кнопка держат прежние
       отступы 24px от краёв, а сокращается расстояние по бокам от слона: на 590px
       свободного места ровно на иллюстрацию в натуральную величину, поэтому gap
       обнулён (воздух по бокам даёт сам рисунок) */
    .mega-menu_agents .mega-menu__promo-card {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        height: 120px;
        min-height: 120px;
        padding: 20px 24px;
        background-image: none;
    }

    .mega-menu_agents .mega-menu__promo-card-content {
        flex: 0 0 auto;
        justify-content: center;
        height: auto;
        gap: 0;
    }

    /* три строки текста должны уложиться в 120px полосы вместе с отступами 20px */
    .mega-menu_agents .mega-menu__promo-card-title {
        font-size: 20px;
        font-weight: 500;
    }

    /* слон занимает среднюю колонку целиком и стоит на нижней кромке баннера.
       contain вместо auto 100%: на полной высоте полосы рисунок остаётся прежнего
       размера, но в узкой колонке ужимается целиком, а не обрезается по бокам */
    .mega-menu_agents .mega-menu__promo-card-media {
        display: block;
        flex: 1 1 auto;
        align-self: stretch;
        min-width: 0;
        margin: -20px 0;
        background: url(/images/content/mega-menu/agents_slon.svg) no-repeat center bottom;
        background-size: contain;
    }

    /* кнопка — как на баннере «ИИ-сайты»: 176×55, радиус 12, подчёркнутый капс */
    .mega-menu_agents .mega-menu__promo-btn_round {
        flex: 0 0 auto;
        align-self: center;
        width: 176px;
        height: 55px;
        padding: 0 16px;
        border-radius: 12px;
        text-transform: uppercase;
        text-align: center;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
    }

    .mega-menu_kedo .mega-menu__promo-card-content {
        position: relative;
        z-index: 1;
    }

    .mega-menu_kedo .mega-menu__promo-card-title {
        /* max-width: 240px; */
        line-height: 1.15;
    }

    .mega-menu_kedo .mega-menu__promo-btn_round {
        font-weight: 700;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
    }

    /* баннер КЭДО — готовая картинка 1956×948 в ячейке высотой 188px, как у соседних карточек.
       Картинка вписывается целиком (contain), свободное место по бокам заливается цветом
       фона самого баннера, поэтому шва не видно */
    .mega-menu__banner {
        display: block;
        min-width: 0;
        height: 188px;
        overflow: hidden;
        border-radius: 4px;
        background: #fe9c1e;
    }

    .mega-menu__banner-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* «Вход / Регистрация» под сеткой: у сетки КЭДО нижнего отступа нет.
       В дропдауне AI-агентов (он переиспользует классы КЭДО) блок стоит над баннером
       со своим отступом — его не трогаем */
    .mega-menu_kedo:not(.mega-menu_agents) .mega-menu__auth_footer {
        margin-top: 16px;
    }

    .mega-menu__grid_b2b {
        grid-template-columns: 346px 394px minmax(0, 1fr);
        grid-template-rows: auto;
        gap: 32px;
        align-items: stretch;
        margin-bottom: 16px;
    }

    .mega-menu_b2b .mega-menu__column_middle {
        grid-column: 2;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-width: 0;
    }

    .mega-menu_b2b .mega-menu__prices-card {
        grid-column: 3;
        grid-row: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 160px);
        grid-template-rows: auto 1fr auto;
        align-items: start;
        gap: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 306px;
        padding: 24px;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        background-color: #f79900;
        background-image: url(/images/content/mega-menu/ai_prices_buble_small.svg);
        background-repeat: no-repeat;
        background-size: 32px 32px;
        background-position: right 24px top 20px;
        padding-right: 16px;
    }

    .mega-menu_b2b .mega-menu__prices-card::before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 40px;
        width: 234px;
        height: 224px;
        background: url(/images/content/mega-menu/edo_prices.svg) no-repeat center;
        background-size: 100% 100%;
        opacity: 1;
        pointer-events: none;
        z-index: 1;
    }

    .mega-menu_b2b .mega-menu__prices-card::after {
        content: "";
        position: absolute;
        top: 26px;
        left: 99.14px;
        width: 191.86px;
        height: 191px;
        background: url(/images/content/mega-menu/edo_ruble.svg) no-repeat center;
        background-size: 100% 100%;
        opacity: 1;
        pointer-events: none;
        z-index: 0;
    }

    .mega-menu_b2b .mega-menu__prices-title {
        grid-column: 1;
        grid-row: 1;
        position: relative;
        z-index: 2;
        color: #000;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .mega-menu_b2b .mega-menu__prices-price {
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        justify-self: end;
        position: relative;
        z-index: 2;
        max-width: 160px;
        text-align: right;
        text-transform: uppercase;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.07;
        letter-spacing: 0;
    }

    .mega-menu_b2b .mega-menu__prices-price::after {
        content: none;
    }

    .mega-menu_b2b .mega-menu__prices-more {
        grid-column: 2;
        grid-row: 3;
        justify-self: end;
        align-self: end;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        position: relative;
        z-index: 2;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.07;
        letter-spacing: 0;
    }

    .mega-menu_b2b .mega-menu__prices-more::after {
        content: "";
        display: block;
        width: 100px;
        height: 10px;
        margin-top: 0px;
        background: url("/images/content/mega-menu/edo_arrow.svg") no-repeat center;
        background-size: contain;
        filter: brightness(0) invert(1);
    }

    .mega-menu_b2b .mega-menu__section {
        width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        height: 188px;
        min-height: 188px;
        padding: 24px;
        background: #f2f2f2;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .mega-menu_b2b .mega-menu__section .mega-menu__section-text {
        margin: 0;
        max-width: 100%;
    }

    .mega-menu_b2b .mega-menu__section_about {
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        height: 100%;
        min-height: 306px;
        padding: 24px;
        box-sizing: border-box;
    }

    .mega-menu_b2b .mega-menu__section_about .mega-menu__section-title,
    .mega-menu_b2b .mega-menu__section_integrations .mega-menu__section-title,
    .mega-menu_b2b .mega-menu__section_links .mega-menu__section-title {
        margin-bottom: 12px;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 1.07;
        letter-spacing: 0;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
        text-transform: uppercase;
    }

    .mega-menu_b2b .mega-menu__section_about .mega-menu__section-text {
        margin-bottom: 20px;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 500;
        font-size: 10px;
        line-height: 1.06;
        letter-spacing: 0;
    }

    .mega-menu__use-cases {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu__use-cases-item {
        line-height: 1.2;
    }

    .mega-menu__use-cases-link {
        color: #666;
        text-decoration: none;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.06;
        letter-spacing: 0;
    }

    .mega-menu__use-cases-link:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .mega-menu_b2b .mega-menu__section_integrations {
        height: auto;
        min-height: 0;
        padding: 0;
        background: #fff;
        border: none;
        border-radius: 0;
    }

    .mega-menu_b2b .mega-menu__section_integrations .mega-menu__section-text {
        margin-bottom: 18px;
    }

    .mega-menu_b2b .mega-menu__section_links {
        height: auto;
        min-height: 0;
        margin-top: 20px;
        margin-bottom: 32px;
        padding: 0;
        background: transparent;
        gap: 20px;
    }

    .mega-menu_b2b .mega-menu__section_links .mega-menu__section-title {
        margin: 0;
    }

    .mega-menu_b2b .mega-menu__section_questions {
        position: relative;
        overflow: hidden;
        height: auto;
        min-height: 120px;
        margin-top: auto;
        padding: 16px 20px;
        background: #fff8eb;
    }

    .mega-menu_b2b .mega-menu__section_questions::after {
        content: "?";
        position: absolute;
        top: 50%;
        right: 16px;
        width: 40px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        color: rgba(0, 0, 0, 0.06);
        font: 700 56px/1 GothamPro, sans-serif;
        opacity: 1;
        pointer-events: none;
        transform: translateY(-50%);
    }

    .mega-menu_b2b .mega-menu__section_questions .mega-menu__section-title {
        position: relative;
        z-index: 1;
        margin-bottom: 8px;
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: 2px;
        text-decoration-thickness: from-font;
        text-transform: uppercase;
        letter-spacing: 0;
        font: 500 16px/1.07 GothamPro, sans-serif;
    }

    .mega-menu_b2b .mega-menu__section_questions .mega-menu__section-text {
        position: relative;
        z-index: 1;
        max-width: 240px;
        font-size: 10px;
        line-height: 1.2;
    }

    .mega-menu__integrations-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mega-menu__integrations-link {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        line-height: 0;
    }

    .mega-menu__integrations-logo {
        display: block;
        width: auto;
        max-height: 30px;
    }

    .mega-menu__integrations-link:hover {
        opacity: 0.75;
    }

    .mega-menu__promo_b2b {
        box-sizing: border-box;
        height: 96px;
        min-height: 96px;
        margin-top: 20px;
        border-radius: 4px;
        background-image: url(/images/content/mega-menu/kedo_bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .mega-menu__promo_b2b .mega-menu__promo-number {
        width: 74px;
        height: 74px;
        transform: rotate(-8deg);
    }

    .mega-menu__promo_b2b .mega-menu__promo-title {
        margin-bottom: 4px;
    }

    .mega-menu__promo_b2b .mega-menu__promo-text {
        max-width: 560px;
    }

    .mega-menu_b2b .mega-menu__promo-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 176px;
        height: 55px;
        padding: 0 16px;
        border-radius: 12px;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 0;
        letter-spacing: 0;
        text-align: center;
        font-family: "Gotham Pro", GothamPro, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 16px;
        line-height: 1;
        position: relative;
        z-index: 1;
        margin-right: 62px;
    }

    .mega-menu_b2b .mega-menu__promo-btn:hover {
        color: #000;
        background: #fff;
        text-decoration: underline;
    }

    .mega-menu__promo-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 180px;
        padding: 24px;
        background: #f79900;
        border-radius: 4px;
        color: #fff;
    }

    .mega-menu__promo-card-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 20px;
    }

    .mega-menu__promo-card-title {
        text-transform: lowercase;
        font: 500 22px/1.15 GothamPro, sans-serif;
    }

    .mega-menu__promo-card-title::first-letter {
        text-transform: uppercase;
    }

    .mega-menu_agents .mega-menu__promo-card-title {
        text-transform: none;
    }

    /* «Вход / Регистрация» стоят НАД длинным баннером: в разметке блок идёт
       последним, поэтому на десктопе переставляем его через order */
    .mega-menu_agents .mega-menu__inner {
        display: flex;
        flex-direction: column;
    }

    .mega-menu_agents .mega-menu__grid_kedo {
        order: 1;
    }

    .mega-menu_agents .mega-menu__auth_footer {
        order: 2;
        margin-bottom: 16px;
    }

    /* вторая строка: карточка партнёрской программы и баннер делят ширину контейнера
       пополам, отступ между ними — как между карточками первой строки (20px).
       На контейнере 1200px это даёт по 590px на карточку */
    .mega-menu_agents .mega-menu__row_second {
        order: 3;
        display: flex;
        align-items: stretch;
        gap: 20px;
    }

    .mega-menu_agents .mega-menu__row_second > * {
        flex: 1 1 0;
        min-width: 0;
    }

    .mega-menu__promo-btn_round {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 132px;
        height: 43px;
        border-radius: 12px;
        padding: 0 24px;
        text-decoration: underline;
    }

    .mega-menu__auth_footer {
        display: flex;
        justify-content: flex-end;
        gap: 6px;
    }
}

.pull__icon {
    display: block;
    width: 20px;
    height: 20px;
    padding: 14px;
    box-sizing: content-box;
    cursor: pointer
}

.title {
    font: 700 28px/1.16 GothamPro, sans-serif
}

.functional-item {
    background: #fff;
    border: 2px solid #000;
    border-radius: var(--border-radius-main);
    padding: 30px 25px 15px
}

.functional-item__head {
    display: flex;
    align-items: center
}

.functional-item__img-wrapper {
    margin-bottom: 23px;
    margin-right: 20px;
    height: 80px;
    flex: 0 0 auto
}

.functional-item__img {
    height: 100%
}

.functional-item__title {
    color: #000;
    font: 700 24px/1.06 GothamPro, sans-serif;
    margin-bottom: 23px
}

.functional-item__text p {
    color: #000;
    font: 400 14px/1.5 GothamPro, sans-serif;
    margin-bottom: 8px
}

.functional-item__text ul {
    list-style: inside;
}

.functional-item__text li {
    font: 400 14px/1.5 GothamPro, sans-serif;
}

.video-item__video {
    margin-bottom: 24px
}

.video-item__title {
    color: #000;
    font: 400 20px/1.12 GothamPro, sans-serif;
    margin-bottom: 17px
}

.video-item__text {
    margin-bottom: 20px
}

.video-item__text p {
    color: #000;
    font: 400 14px/1.12 GothamPro, sans-serif;
    margin-bottom: 10px
}

.video-item__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px
}

.video-item__date-wrapper {
    padding: 0 10px;
    margin-bottom: 5px
}

.video-item__views-wrapper {
    padding: 0 10px;
    margin-bottom: 5px
}

.video-item__views {
    position: relative;
    padding: 5px 0 5px 20px;
    background: url(/images/view-icon.svg) top 5px left/13px no-repeat;
    color: #7d7d7d;
    font: 400 12px/1.12 GothamPro, sans-serif
}

.more-btn {
    display: inline-block;
    position: relative;
    text-decoration: underline;
    padding-left: 20px;
    color: #000;
    font: 500 16px/1.12 GothamPro, sans-serif
}

.more-btn__icon {
    position: absolute;
    top: 2px;
    left: 0;
    fill: #0d0d0d
}

.more-btn.disabled {
    display: none
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.pagination__item {
    padding: 0 5px;
    margin-bottom: 10px
}

.pagination__link {
    display: block;
    text-decoration: none;
    flex: 0 0 auto;
    min-width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
    font: 700 18px/1.12 GothamPro, sans-serif;
    color: #fff;
    background-color: #888;
    transition: background-color .3s ease
}

.active .pagination__link {
    background-color: #f79900
}

.pagination__link_dots {
    background-color: transparent;
    color: #b5b5b5;
    padding: 5px 5px 0;
    line-height: 2
}

.update-item {
    display: block;
    text-decoration: none
}

.update-item__head {
    display: flex
}

.update-item__img-wrapper {
    width: 46px;
    flex: 0 0 auto;
    margin-right: 20px;
    margin-bottom: 8px
}

.update-item__img {
    max-width: none;
    width: 100%
}

.update-item__title {
    color: #000;
    font: 700 20px/1.06 GothamPro, sans-serif;
    margin-bottom: 10px
}

.update-item__date {
    margin-bottom: 15px
}

.update-item__text {
    padding-left: 0;
    margin-bottom: 20px
}

.update-item__text p {
    color: #000;
    font: 400 14px/1.33 GothamPro, sans-serif;
    margin-bottom: 10px
}

.date {
    display: inline-block;
    background: #7d7d7d;
    padding: 4px 8px;
    color: #fff;
    font: 400 12px/1.12 GothamPro, sans-serif;
    border-radius: var(--border-radius-main);
}

.download__title {
    color: #000;
    font: 700 16px/1.2 GothamPro, sans-serif;
    margin-bottom: 15px
}

.download__link {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font: 700 14px/1 GothamPro, sans-serif;
    padding: 11px 30px;
    background: #f79900;
    margin-bottom: 15px;
    text-align: center
}

.speaker {
    text-align: center
}

.speaker__img-wrapper {
    display: block;
    margin: 0 0 20px;
    width: 100%;
    flex: 0 0 auto
}

.speaker__img {
    max-width: none;
    width: 100%
}

.speaker__name {
    color: #000;
    font: 700 24px/1.06 GothamPro, sans-serif;
    margin-bottom: 10px
}

.speaker__position {
    color: #000;
    font: 400 24px/1.06 GothamPro, sans-serif;
    margin-bottom: 10px
}

.speaker__contact-wrapper {
    margin-bottom: 10px
}

.speaker__contact {
    display: inline-block;
    text-decoration: none;
    cursor: default;
    color: #000;
    font: 400 14px/1.06 GothamPro, sans-serif
}

.price-advantage {
    background: #fff;
    height: 100%;
    border: 3px solid #f79900;
    padding: 18px 22px 18px
}

.price-advantage__content {
    display: flex;
    align-items: center;
    margin: 0 -13px
}

.price-advantage__img-wrapper {
    width: 68px;
    margin: 0 13px;
    flex: 0 0 auto
}

.price-advantage__img {
    max-width: none;
    width: 100%
}

.price-advantage__text {
    padding: 0 13px;
    color: #000;
    font: 400 20px/1.05 GothamPro, sans-serif
}

.benefit {
    background: #fff;
    border: 3px solid #f79900;
    height: 100%;
    padding: 20px
}

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

.benefit__img-wrapper {
    position: relative;
    flex: 0 0 auto;
    width: 62px;
    margin-right: 20px
}

.benefit__img {
    margin: auto
}

.benefit__text {
    color: #000;
    font: 400 20px/1.05 GothamPro, sans-serif
}

.button {
    display: inline-block;
    border: none;
    outline: 0;
    text-decoration: none;
    background: #f79900;
    padding: 18px 19px;
    text-align: center
}

.button__text {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-right: 30px;
    color: #000;
    font: 500 14px/1 GothamPro, sans-serif
}

.button__icon {
    top: 2px;
    position: absolute;
    fill: #000;
    right: 0
}

.video-btn {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: 0;
    background: #f79900;
    padding: 16px 40px 16px 30px;
    border-radius: 100px
}

.video-btn__content {
    display: flex;
    align-items: center;
    margin: 0 -12px
}

.video-btn__icon {
    fill: #fff;
    margin: 0 12px
}

.video-btn__text {
    margin: 0 12px;
    color: #fff;
    font: 700 20px/1.16 GothamPro, sans-serif
}

.preloader {
    display: none
}

.preloader__img {
    margin: 0 auto
}

.preloader.active {
    display: block
}

.lines {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.lines__cover {
    width: 100%;
    height: 100%
}

.lines__wrapper {
    display: flex;
    justify-content: space-between;
    height: 100%
}

.lines__line {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .1)
}

.lines_light .lines__line {
    background: rgba(255, 255, 255, .14)
}

.banner {
    position: relative
}

.banner:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2
}

.banner_prices {
    z-index: 1
}

.banner_about {
    z-index: 1
}

.banner__wrapper {
    position: relative;
    padding-top: 125px;
    min-height: 340px
}

.banner__wrapper:after {
    content: "";
    display: none;
    width: 4000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(80% - 1px);
    background: rgba(0, 0, 0, .7);
    z-index: -1
}

.banner_prices .banner__wrapper {
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 0
}

.banner_about .banner__wrapper {
    padding-top: 25px
}

.banner__main {
    padding-top: 27px;
    padding-bottom: 20px
}

.banner__text {
    margin-bottom: 30px
}

.banner__title {
    color: #fff;
    text-transform: uppercase;
    font: 700 36px/1 GothamPro, sans-serif;
    max-width: 743px;
    margin-left: -2px;
    margin-bottom: 25px
}

.banner__title.banner__title-orange {
    background-color: #f79900;
    padding: 13px;
    color: black;
    font-size: 40px
}

.banner_about .banner__title {
    margin-bottom: 40px;
    font-size: 24px
}

.banner__descr {
    font: 400 13px/1.4 GothamPro, sans-serif;
    color: #fff;
    max-width: 80%;
    margin-bottom: 20px
}

.banner_about .banner__descr {
    position: relative;
    padding-left: 17px;
    max-width: 40%;
    font-size: 10px;
    line-height: 1.68
}

.banner_about .banner__descr:before {
    content: "";
    display: block;
    width: 3px;
    height: 23px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #fff
}

.banner__btn {
    margin-bottom: 20px
}

.banner__btn-link {
    display: inline-block;
    background: #f79900;
    text-decoration: none;
    border: none;
    padding: 20px 28px
}

.banner__btn-text {
    position: relative;
    color: #000;
    font: 500 14px/1 GothamPro, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 20px
}

.banner__btn-icon {
    fill: #000;
    position: absolute;
    right: 0;
    top: 3px
}

.banner__arrow {
    display: none;
    position: absolute;
    bottom: 95px;
    right: -20px;
    transform: rotate(-90deg)
}

.banner__arrow-link {
    display: inline-block;
    color: #fff;
    font: 400 14px/1 GothamPro, sans-serif;
    text-decoration: none;
    text-align: center
}

.banner__arrow-icon {
    fill: #fff;
    margin-top: 8px
}

.banner__aside {
    display: none;
    color: #fff;
    font: 400 14px/1.5 GothamPro, sans-serif;
    width: 170px;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.banner__aside:before {
    content: "";
    display: block;
    width: 2px;
    height: calc(100% - 8px);
    position: absolute;
    left: 0;
    top: 5px;
    background: #fff
}

.banner__span-bg {
    display: inline-block;
    background: #fff;
    color: #74797f;
    padding: 6px 15px;
    font: 700 21px/1.16 GothamPro, sans-serif;
    transform: rotate(-3deg);
    text-transform: none;
    white-space: nowrap
}

.banner__span-big {
    display: inline-block;
    font-size: 70px;
    line-height: 1
}

.banner__span-big_orange {
    color: #f79900
}

.banner__span-italic {
    display: inline-block;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    max-width: 170px;
    margin-top: 20px
}

.banner__span-normal {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700
}

.header {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 60;
    border-bottom: 1px solid #bbb
}

.header-menu-block {
    top: 82px;
    border-top: 1px solid #dedede;
    overflow-x: hidden;
    overflow-x: clip;
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -10px;
    height: 82px
}

.header__wrapper.header__wrapper-menu {
    height: auto;
    position: relative;
}

.header__logo-wrapper {
    flex: 1 1 auto
}

.header__logo {
    width: 160px;
    margin: 0 10px
}

.header__nav-mobile {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100vw;
    max-width: 100vw;
    height: 100%;
    background: #fff;
    z-index: 20;
    display: flex;
    flex-direction: column;
    padding: 24px 16px 28px;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    transition: right .3s ease;
    overflow: auto;
    overflow-x: hidden;
}

.header__nav-mobile.active {
    right: 0
}

.header__pull {
    margin: 0 10px
}

.header__nav {
    order: 1;
    flex: 0 0 auto;
    border-bottom: 0;
}

.header__btns {
    order: 2;
    padding: 62px 0 0
}

.header__btns-content {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.header__btn {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 188px;
}

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

.header__btn:first-child {
    order: 2;
}

.header__btn:last-child {
    order: 1;
}

.header__sign-up-link {
    display: block;
    border: 1px solid #131414;
    background: 0 0;
    text-decoration: none;
    color: #131414;
    font: 400 14px/1 GothamPro, sans-serif;
    padding: 13px 10px;
    text-align: center;
    transition: color .3s ease, background-color .3s ease
}

.header__sign-in-link {
    display: inline-block;
    color: #000;
    font: 400 14px/19px GothamPro, sans-serif;
    position: relative;
    padding: 0 0 0 27px;
    background: 0 0;
    border: none;
    text-decoration: none;
    transition: color .3s ease
}

.header__sign-in-icon {
    fill: #000;
    position: absolute;
    top: 0;
    left: 0;
    transition: fill .3s ease
}

.header__phones-mobile {
    order: 3;
    margin-top: auto;
    text-align: center;
}

.header__phones-mobile-block + .header__phones-mobile-block {
    margin-top: 26px;
}

.header__phones-mobile-title {
    margin-bottom: 6px;
    color: #b0b0b0;
    font: 400 12px/1.25 GothamPro, sans-serif;
}

.header__phones-mobile-phone a {
    color: #131414;
    text-decoration: none;
    font-family: Gotham Pro, GothamPro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 157%;
    letter-spacing: 0;
}

.header__nav-mobile .nav {
    padding: 0;
}

.header__nav-mobile .nav__close {
    position: fixed;
    right: 16px;
    top: 20px;
    z-index: 120;
    display: none;
}

.header__nav-mobile.active .nav__close {
    display: block;
}

.header__nav-mobile .nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 70px 0 0;
}

.header__nav-mobile .nav__item + .nav__item {
    margin-top: 62px;
}

.header__nav-mobile .nav__link {
    padding: 0;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .header__nav-mobile {
        padding: 0;
        max-width: none;
    }

    .header__nav {
        order: 0;
        flex: 1 1 auto;
        border-bottom: 0;
    }

    .header__btns {
        order: 0;
        padding: 0;
    }

    .header__btns-content {
        margin: 0 -25px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }

    .header__btn {
        width: auto;
        max-width: none;
        padding: 0 25px;
    }

    .header__btn:first-child,
    .header__btn:last-child {
        order: 0;
    }

    .header__sign-up-link {
        border-color: #f79900;
        color: #f79900;
    }

    .header__sign-in-link {
        display: block;
    }

    .header__phones-mobile {
        display: none;
    }

    .header__nav-mobile .nav__list {
        margin: 0;
        flex-direction: row;
        align-items: stretch;
    }

    .header__nav-mobile .nav__item + .nav__item {
        margin-top: 0;
    }

    .header__nav-mobile .nav__link {
        padding: 20px 0;
        text-align: left;
    }
}

.advantages {
    padding-top: 40px
}

.advantages__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.advantages__item {
    width: 100%;
    margin-bottom: 7px;
    padding: 0 15px
}

.notebook__monitor {
    position: relative;
    max-width: 900px;
    width: 100%;
    margin: 0 auto
}

.notebook__img {
    max-width: none;
    width: 100%
}

.notebook__slider {
    position: absolute;
    width: 76%;
    top: 5%;
    left: 11.5%
}

.notebook__slide {
    position: relative;
    padding-top: 62%;
    overflow: hidden
}

.notebook__screen-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.notebook__screen {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.explanation__wrapper {
    padding-top: 5px
}

.explanation__content {
    margin-bottom: 30px
}

.main-work-explanation-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}

.main-work-explanation-title {
    text-align: center;
    font-size: min(10vw, 52px);
    font-weight: 700;
    line-height: 1;
}

.main-work-explanation-subtitle {
    text-align: center;
    font-size: min(5vw, 16px);
    font-weight: 500;
    max-width: min(100%, 800px);
    margin: auto;
}

.main-work-explanation-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 40px;
    width: 100%;
}

.main-work-explanation-item {
    flex: 1;
    overflow: hidden;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: #E8E8E8;
    border-radius: var(--border-radius-main);
    position: relative;
}

.main-work-explanation-item-circle-1 {
    position: absolute;
    bottom: -50%;
    width: 100%;
    background: #A5A5A5;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0.1;
}

.main-work-explanation-item-circle-2 {
    position: absolute;
    bottom: -50%;
    left: -10%;
    width: 120%;
    background: #A5A5A5;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: 0.1;
}

.main-work-explanation-item-number {
    font-size: 96px;
    color: #C8C8C8;
    position: absolute;
    right: 14px;
    top: 14px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 700;
    line-height: 1;
}

.main-work-explanation-item-img {
    flex: 1 1 0%;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.main-work-explanation-item-img-container {
    width: auto;
    position: relative;
    height: 200px;
}

.main-work-explanation-item-img-bg {
    position: absolute;
    z-index: -1;
    max-width: calc(100% + 16px);
    left: -8px;
    top: -6px;
}

.main-work-explanation-item-bottom {
    background: #333333;
    z-index: 2;
    top: 0;
    height: 85px;
    padding: 20px 24px;
}

.main-work-explanation-item-bottom-step {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

.main-work-explanation-item-bottom-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    margin-top: 8px;
}

.main-work-explanation-btn {
    color: white;
    font-size: 14px;
    font-weight: 400;
    background: #F79900;
    border: none;
    padding: 24px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
}

.main-work-explanation-btn:hover {
    background: #ffa000;
}

.test {
    background: url(/images/content/test-bg.jpg) top center/cover no-repeat
}

.test__form {
    padding-top: 30px;
    padding-bottom: 20px
}

.test__title {
    color: #fff;
    font: 700 36px/1 GothamPro, sans-serif;
    max-width: 894px;
    margin-bottom: 30px;
    text-align: center
}

.test__inputs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.test__input-wrapper {
    width: 100%;
}

.test .test__input-wrapper,
.test .test__submit-wrapper {
    padding: 0 15px;
}

.test__input {
    border: none;
    outline: 0;
    padding: 20px 29px;
    color: #000;
    font: 400 14px/1 GothamPro, sans-serif;
    width: 100%;
    border-radius: 6px
}

.input__checkbox-agreement .input__checkbox-btn {
    accent-color: #F79900;
    width: 15px;
    height: 15px;
    border-radius: 0;
    position: relative;
    top: 2px;
}

.test__input_bordered {
    border: 1px solid #96999E;
}

.test__input_small {
    padding: 16px 18px;
}

.test__submit-wrapper {
    margin-bottom: 20px;
    flex: 0 0 auto;
    width: 100%
}

.test__submit {
    display: block;
    background: #f79900;
    color: #000;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font: 400 14px/1 GothamPro, sans-serif;
    text-align: center;
    padding: 20px 36px;
    width: 100%
}

.test__submit_font-white {
    color: #fff;
}

.article__content {
    padding-top: 37px;
    padding-bottom: 3px
}

.tariffs__wrapper {
    padding-top: 15px;
    padding-bottom: 12px
}

.tariffs__title {
    font: 700 36px/1 GothamPro, sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 18px
}

.faq-section {
    background: #f2f2f2
}

.faq-section__wrapper {
    padding-top: 33px;
    padding-bottom: 12px
}

.faq-section__title {
    color: #000;
    text-transform: uppercase;
    font: 700 36px/1 GothamPro, sans-serif;
    margin-left: -3px;
    margin-bottom: 33px
}

.footer {
    position: relative;
    background: #333
}

.footer__wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 122px;
    padding-bottom: 1px;
    margin: 0 -35px
}



.footer__logo {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-bottom: 25px;
    flex: 0 0 auto;
    max-width: 209px;
    width: 100%;
    transform: translateX(-50%)
}

.footer__contacts {
    margin-bottom: 20px;
    text-align: center
}

.footer__contacts-title {
    color: #f79900;
    font: 400 16px/1 GothamPro, sans-serif;
    margin-bottom: 7px
}

.footer__mail-link {
    display: inline-block;
    color: #fff;
    font: 400 16px/1 GothamPro, sans-serif;
    text-decoration: none;
    white-space: nowrap
}

.footer__phone-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font: 400 16px/1 GothamPro, sans-serif;
    text-decoration: none;
    white-space: nowrap
}

.footer__copyright {
    display: none;
    color: #acacac;
    font: 400 14px/1 GothamPro, sans-serif;
    margin-bottom: 25px
}

.footer__social {
    margin-bottom: 15px
}

.footer__title {
    color: #fff;
    text-transform: uppercase;
    font: 700 18px/1 GothamPro, sans-serif;
    margin-bottom: 26px;
    text-align: center
}

.footer__title-link {
    color: inherit;
    font: inherit;
    text-decoration: none;
    transition: color .3s ease
}

@media screen and (min-width: 1200px) {
    .footer__title-link:active, .footer__title-link:hover {
        text-decoration: underline;
        color: #f79900
    }
}

.footer__list {
    margin-bottom: 40px;
    text-align: center
}

.footer__item {
    margin-bottom: 15px
}

.footer__divider {
    width: 100%;
    height: 1px;
    background: rgba(40, 40, 40, 1);
    margin: 30px 0 10px 0;
    padding: 0;
    border: none;
}

.footer__info-blocks {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    gap: 100px;
}

.footer__info-block {
    flex: 0 1 auto;
    max-width: 340px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 106%;
    letter-spacing: 0%;
    gap: 10px;
}

.footer__info-block_left {
    justify-content: flex-start;
}

.footer__info-block_center {
    justify-content: center;
}

.footer__info-block_right {
    justify-content: flex-end;
}

.footer__info-icon {
    flex-shrink: 0;
    height: auto;
}

.footer__info-text {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 106%;
    letter-spacing: 0%;
    word-wrap: break-word;
}

.footer__copyright-text {
    text-align: center;
    background: #333;
    color: rgba(167, 167, 167, 1);
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 106%;
    letter-spacing: 0%;
    padding: 10px 0 30px 0;
    width: 100%;
}

.footer__link {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font: 400 14px/1 GothamPro, sans-serif;
    transition: color .3s ease
}

.footer__stores-row-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer__stores-item {
    display: block;
}

.footer__stores-item + .footer__stores-item {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .footer__social_desktop {
        display: none !important;
    }

    .footer__social_mobile {
        display: block !important;
    }

    .footer__block_mobile-social {
        order: 1;
        padding-bottom: 24px;
    }

    .footer__block_mobile-docs {
        order: 2;
    }

    .footer__block_mobile-service {
        order: 3;
    }

    .footer__stores-row {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        min-height: 41px;
        display: flex;
        justify-content: center;
    }

    .footer__stores-row-inner {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: nowrap;
        width: max-content;
        transform: scale(0.81);
    }

    .footer__stores-row-inner iframe,
    .footer__stores-row-inner a {
        flex-shrink: 0;
        margin: 0 !important;
    }

    .footer__stores-item + .footer__stores-item {
        margin-top: 0;
    }

    .footer__info-blocks {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: 85%;
        margin: 0 auto;
    }

    .footer__info-block,
    .footer__info-block_left,
    .footer__info-block_center,
    .footer__info-block_right {
        justify-content: flex-start;
        text-align: left;
    }
}

@media (min-width: 768px) {
    .footer__social_mobile {
        display: none !important;
    }
}

.breadcrumbs {
    display: none
}

.breadcrumbs__cover {
    padding-top: 100px;
    padding-bottom: 5px
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px
}

.breadcrumbs__item {
    padding: 0 7px;
    position: relative
}

.breadcrumbs__item:before {
    content: "/";
    position: absolute;
    left: -3px;
    top: 0;
    font: 400 13px/1.06 GothamPro, sans-serif
}

.breadcrumbs__item:first-child:before {
    display: none
}

.breadcrumbs__item:last-child:before {
    color: #7d7d7d
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    color: #7d7d7d
}

.breadcrumbs_light .breadcrumbs__item:before {
    color: #fff
}

.breadcrumbs_light .breadcrumbs__item:last-child .breadcrumbs__link {
    color: #fff
}

.breadcrumbs__link {
    display: block;
    color: #333;
    font: 400 13px/1.06 GothamPro, sans-serif;
    text-decoration: none;
    transition: color .3s ease
}

.breadcrumbs_white .breadcrumbs__link {
    color: #fff
}

.text__cover {
    padding-top: 40px;
    padding-bottom: 50px
}

.dogovor-cols{
    width: 100%;
}

.dogovor-cols .right{
    text-align: right;
}

.dogovor-download-cell{
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
}

.dogovor-download-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    background: transparent;
    color: #f79900;
    text-decoration: none;
    font: 700 13px/1 GothamPro, sans-serif;
    border: 1px solid rgba(247, 153, 0, .45);
    transition: background-color .18s ease, border-color .18s ease;
}

.dogovor-download-btn__icon{
    display: block;
    flex: 0 0 auto;
}

.dogovor-download-btn:hover{
    background-color: rgba(247, 153, 0, .10);
    border-color: rgba(247, 153, 0, .65);
}

.dogovor-download-btn:active{
    background-color: rgba(247, 153, 0, .14);
}

.dogovor-download-btn:focus-visible{
    outline: 2px solid rgba(247, 153, 0, .55);
    outline-offset: 2px;
}

.dogovor-download-row{
    display: none;
}

.dogovor-download-row__cell{
    padding-top: 8px;
}

@media (max-width: 767px){
    .dogovor-download-cell{
        display: none;
    }

    .dogovor-download-row{
        display: table-row;
    }
}

.text__title {
    margin-bottom: 34px
}

.text__content {
    padding-bottom: 20px
}

.text__content p {
    font: 400 16px/1.9 GothamPro, sans-serif;
    margin-bottom: 30px
}

.text__content ul {
    font-style: italic;
    font-size: 16px;
    margin-bottom: 30px
}

.text__subtitle {
    color: #000;
    text-transform: uppercase;
    font: 700 16px/1.12 GothamPro, sans-serif;
    margin-bottom: 5px
}

.functional__cover {
    padding-top: 30px;
    padding-bottom: 50px
}

.functional__title {
    margin-bottom: 30px
}

.functional__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.functional__column {
    padding: 0 10px;
    width: 100%
}

.functional__item {
    margin-bottom: 20px
}

.videos__cover {
    padding-top: 30px;
    padding-bottom: 50px
}

.videos__title {
    margin-bottom: 32px
}

.videos__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 20px
}

.videos__item {
    padding: 0 15px;
    margin-bottom: 25px;
    width: 100%
}

.videos__more-btn {
    text-align: center
}

.updates__cover {
    padding-top: 30px;
    padding-bottom: 50px
}

.updates__title {
    margin-bottom: 32px
}

.updates__list {
    margin-bottom: 40px
}

.updates__item {
    margin-bottom: 40px
}

.updates__pagination {
    padding: 40px 0 20px
}

.update__cover {
    padding-top: 30px;
    padding-bottom: 50px
}

.update__head {
    margin-bottom: 10px
}

.update__title {
    margin-bottom: 10px
}

.update__date {
    margin-bottom: 8px
}

.update__text {
    margin-bottom: 35px
}

.update__text p {
    color: #000;
    font: 400 14px/1.53 GothamPro, sans-serif;
    margin-bottom: 15px
}

.update__text img {
    width: 100%;
    margin-bottom: 15px
}

.materials__cover {
    padding-top: 30px;
    padding-bottom: 50px
}

.materials__title {
    margin-bottom: 32px
}

.materials__content {
    margin-bottom: 75px
}

.materials__block {
    margin-bottom: 45px
}

.materials__block p {
    color: #000;
    font: 400 14px/1.53 GothamPro, sans-serif;
    margin-bottom: 20px
}

.materials__subtitle {
    color: #000;
    font: 700 20px/1.53 GothamPro, sans-serif;
    margin-bottom: 0
}

.materials__downloads {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -25px 25px;
    flex-direction: column
}

.materials__downloads-item {
    padding: 0 25px;
    margin-bottom: 20px;
    text-align: center
}

.materials__speakers-title {
    color: #000;
    font: 400 40px/1.06 GothamPro, sans-serif;
    margin-bottom: 30px
}

.materials__speakers-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px
}

.materials__speakers-item {
    padding: 0 23px;
    margin-bottom: 35px;
    width: 100%
}

.contacts__cover {
    padding-top: 30px
}

.contacts__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px
}

.contacts__content-block {
    padding: 0 35px;
    width: 100%
}

.contacts__map-block {
    padding: 0 35px;
    width: 100%
}

.contacts__title {
    margin-bottom: 26px
}

.contacts__address {
    color: #000;
    font: 400 16px/1.53 GothamPro, sans-serif;
    margin-bottom: 28px;
    max-width: 403px
}

.contacts__contacts {
    margin-bottom: 33px
}

.contacts__contacts-block {
    margin-bottom: 15px
}

.contacts__contacts-title {
    color: #f79900;
    font: 400 16px/1.5 GothamPro, sans-serif
}

.contacts__contact-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
    font: 400 16px/1.5 GothamPro, sans-serif;
    cursor: default;
    white-space: nowrap
}

.contacts__socials {
    border: 2px solid #f79900;
    border-radius: var(--border-radius-main);
    padding: 10px 18px 1px 18px;
    margin-bottom: 45px
}

.contacts__socials-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 -12px
}

.contacts__socials-title {
    color: #000;
    font: 700 20px/1.5 GothamPro, sans-serif;
    padding: 0 12px;
    text-align: center;
    margin-bottom: 5px
}

.contacts__socials-list {
    padding: 0 12px
}

.contacts__map {
    position: relative;
    height: 359px;
    margin: 0 -15px 0
}

.contacts__map iframe {
    border: none;
    border-radius: var(--border-radius-main);
    width: 100%;
    height: 100%
}

.prices__cover {
    padding-top: 73px;
    padding-bottom: 40px
}

.prices__text {
    margin-bottom: 75px
}

.prices__text p {
    color: #000;
    font: 400 16px/1.35 GothamPro, sans-serif
}

.prices__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px 40px
}

.prices__item {
    padding: 0 20px;
    width: 100%;
    margin-bottom: 40px
}

.prices__advantages {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 0 15px;
}

.prices__advantage {
    padding: 0 20px;
    margin-bottom: 40px;
    width: 100%
}

.benefits {
    position: relative;
    z-index: 2
}

.benefits__cover {
    padding-top: 40px;
    padding-bottom: 37px
}

.benefits__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.benefits__item {
    padding: 0 20px;
    margin-bottom: 20px;
    width: 100%
}

.free {
    background: #413d3d url(/images/content/free-bg_mobile.jpg) top center/cover no-repeat
}

.free_second {
    background: #413d3d url(/images/content/free-bg_mobile_second.jpg) top center/cover no-repeat;
}

.free_second .free__cover {
    padding-top: 150px
}

.free__wrapper {
    min-height: 368px;
    height: 100%;
    margin: 0 -36px;
    padding: 77px 0 37px
}

.free__title {
    text-align: center;
    color: #fff;
    font: 700 30px/1 GothamPro, sans-serif;
    padding: 0 36px;
    margin-bottom: 40px;
    text-transform: uppercase
}

.free__button-wrapper {
    padding: 0 36px;
    text-align: center
}

.free__button {
    margin-bottom: 40px;
    width: 305px
}

.instruction__cover {
    padding-top: 5px;
    padding-bottom: 50px
}

.instruction__wrapper {
    margin: 0 -13px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, auto);
    grid-column-gap: 0;
    grid-row-gap: 0
}

.instruction__content-block {
    padding: 0 13px;
    grid-area: 3/1/4/3
}

.instruction__img-block {
    padding: 0 13px;
    grid-area: 2/1/3/3
}

.instruction__img-wrapper {
    display: block;
    margin-bottom: 30px
}

.instruction__img {
    max-width: none;
    width: 100%
}

.instruction__title {
    color: #000;
    font: 700 30px/1.16 GothamPro, sans-serif;
    margin-bottom: 10px;
    grid-area: 1/1/2/3;
    padding: 0 13px;
    max-width: 700px
}

.instruction__video-btn {
    margin-bottom: 38px;
    text-align: center
}

.instruction__text {
    margin-bottom: 20px
}

.instruction__text p {
    color: #000;
    font: 400 14px/2.11 GothamPro, sans-serif
}

.info__cover {
    padding-top: 70px;
    padding-bottom: 20px
}

.info__block {
    margin-bottom: 60px
}

.info__block_second {
    grid-row-gap: 26px;
    grid-template-columns:54% 40%
}

.info__head {
    grid-area: 1/1/2/3;
    max-width: 1100px
}

.info__list-block {
    grid-area: 2/2/3/3
}

.info__block_second .info__list-block {
    grid-area: 2/1/3/2
}

.info__img-wrapper {
    grid-area: 2/1/3/2
}

.info__block_second .info__img-wrapper {
    grid-area: 2/2/3/3
}

.info__img {
    max-width: none;
    width: 100%
}

.info__title {
    margin-bottom: 15px
}

.info__subtitle {
    color: #000;
    font: 700 20px/1.65 GothamPro, sans-serif;
    margin-bottom: 20px;
    max-width: 400px
}

.table-section {
    position: relative
}

.table-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 455px;
    width: 100%;
    background: #f2f2f2;
    z-index: -1
}

.table-section__cover {
    padding-top: 74px;
    padding-bottom: 40px
}

.table-section__title {
    text-align: center;
    margin-bottom: 40px
}

.table-section__table-block {
    overflow: auto;
    margin: 0 -15px;
    background: #fff;
    box-shadow: 0 0 22px rgba(0, 0, 0, .16);
    padding: 20px
}

.table-section__table {
    margin-bottom: 20px;
    min-width: 700px;
    border-radius: var(--border-radius-main);
}

.table-section__footer {
    display: flex;
    margin: 0 -10px;
    min-width: 700px
}

.table-section__info {
    padding: 0 10px;
    color: #000;
    font: 400 14px/1.07 GothamPro, sans-serif
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left
}

.table__head {
    text-align: center
}

.table__cell {
    padding: 10px 15px;
    border: 1px solid #bbb;
    width: 16%;
    min-width: 85px
}

.table__cell_head {
    width: 36%
}

.table__cell_logo {
    padding: 10px 1px
}

.table__head .table__cell {
    color: #000;
    font: 500 14px/1.07 GothamPro, sans-serif;
    border: none
}

.table__body th {
    color: #000;
    font: 700 14px/1.23 GothamPro, sans-serif
}

.table__body td {
    color: #f79900;
    font: 400 32px/1.07 GothamPro, sans-serif;
    text-align: center
}

.table__body .table__cell_grey {
    color: #bbb
}

.table__row:first-child .table__cell:first-child {
    border-top-left-radius: var(--border-radius-main);
}

.table__row:first-child .table__cell:last-child {
    border-top-right-radius: var(--border-radius-main);
}

.table__row:last-child .table__cell:first-child {
    border-bottom-left-radius: var(--border-radius-main);
}

.table__row:last-child .table__cell:last-child {
    border-bottom-right-radius: var(--border-radius-main);
}

.table__logo {
    max-width: 127px;
    margin: 0 auto
}

.laws {
    position: relative;
    margin-bottom: -105px
}

.laws__cover {
    padding-top: 20px
}

.laws__head {
    margin-bottom: 30px
}

.laws__title {
    color: #f79900;
    text-align: center;
    margin-bottom: 15px
}

.laws__subtitle {
    color: #000;
    font: 500 16px/1.07 GothamPro, sans-serif;
    text-align: center;
    max-width: 754px;
    margin: 0 auto 15px
}

.laws__law {
    margin: 0 auto 70px;
    max-width: 1010px;
    border: 3px solid #333;
    border-radius: var(--border-radius-main);
    padding: 28px
}

.laws__law-content {
    text-align: center;
    margin: 0 -25px
}

.laws__law-text {
    color: #000;
    font: 400 16px/1.07 GothamPro, sans-serif;
    margin: 0 25px;
    max-width: 668px
}

.laws__img-wrapper {
    flex: 0 0 auto;
    margin: 0 auto 25px;
    width: 57px
}

.laws__img {
    max-width: none;
    width: 100%
}

.tabs__head {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabs__head::-webkit-scrollbar {
    display: none
}

.tabs__nav {
    display: flex;
    margin: 0 -48px 19px
}

.tabs__nav-item {
    position: relative;
    padding: 7px 48px
}

.tabs__nav-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 50px;
    background: #000;
    transform: rotate(30deg)
}

.tabs__nav-item:first-child:before {
    display: none
}

.tabs__nav-link {
    display: block;
    text-decoration: none;
    color: #000;
    font: 700 20px/1.65 GothamPro, sans-serif;
    transition: color .3s ease;
    white-space: nowrap
}

.tabs__nav-link.active {
    color: #f79900;
    text-decoration: underline
}

.tabs__content {
    padding: 18px 23px 8px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .12);
    border-radius: var(--border-radius-main);
}

.tabs__content p {
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 20px
}

@media screen and (min-width:320px){
    section.tariffs{
        margin-bottom: 2rem;
    }
    .advantages__list .slick-list{
        padding:0 30% 0 0;
    }
}
@media screen and (min-width:375px){
    .title{font-size:30px}
    .banner__btn-link{padding:20px 40px}
    .advantage__text {
        padding-left: 0;
        margin-right: 0;
    }

}
@media screen and (min-width:480px){
    .advantage{margin:0;display:block}
    .advantage__img-wrapper{width:55px;height:55px;padding:0}
    /*.advantage__text{max-width:none;padding:18px 0 0;margin-right:0}*/
    .advantage__text {
        max-width: 190px;
        /*padding: 8px 0 0;*/
        margin-right: 0;
    }

    .advantage__text:before{left:0}.video__icon{width:39px;height:39px;}.speaker{text-align:left}.speaker{display:flex;margin:0 -14px}.speaker__img-wrapper{margin:0 14px;width:170px}.speaker__content-wrapper{padding:0 14px;display:flex;align-items:center}.benefit{padding:23px 20px 10px}.benefit__content{display:block}.benefit__img-wrapper{height:73px;width:100%;margin-bottom:20px;margin-right:0}.benefit__img{position:absolute;top:0;left:0;right:0;bottom:0}.benefit__text{text-align:center}.banner_about .banner__title{max-width:80%}.banner__span-italic{max-width:none}.advantages__item{width:50%;margin-bottom:15px}.test__title{text-align:left}.test__input-wrapper{max-width:410px}.test__submit-wrapper{width:auto}.benefits__item{width:50%;margin-bottom:40px}.free_second .free__cover{padding-top:115px}.free__title{font-size:36px}.instruction__img-wrapper{margin-right:-3%;margin-bottom:47px}
}
@media screen and (max-width:480px){
    .advantage__wrap {
        padding-left: 0;
    }
}
@media screen and (min-width:600px){
    .content__text p{font-size:14px}
    .content__title{font-size:42px}
    .steps__item{display:block;width:50%}
    .steps__text{padding:0 20px 0 0;font-size:14px;line-height:1.9}
    .banner__main{padding-top:43px}.banner__title{font-size:42px}
    .banner_about .banner__title{font-size:30px;max-width:none}
    .banner__descr{font-size:14px;max-width:490px}
    .banner_about .banner__descr{line-height:1.68;max-width:50%;padding-left:28px;font-size:14px}
    .banner_about .banner__descr:before{width:5px;height:40px;top:7px}
    .banner__span-bg{font-size:30px}
    .advantages__item{width:50%}.test__title{font-size:42px}.tariffs__title{font-size:42px}.faq-section__title{font-size:42px}.footer__wrapper{padding-top:86px;padding-bottom:30px;flex-direction:row;align-items:flex-start;justify-content:flex-start}.footer__block{width:50%}.footer__logo{position:relative;top:auto;left:auto;transform:none}.footer__contacts{text-align:left}.footer__copyright{display:block}.footer__title{text-align:left}.footer__list{text-align:left}.videos__item{width:50%}.materials__downloads{justify-content:flex-start;align-items:flex-start;flex-direction:row}.materials__downloads-item{width:50%;text-align:left}.contacts__cover{padding-bottom:50px}.contacts__socials{display:inline-block}.contacts__socials-content{flex-direction:row;align-items:flex-start}.contacts__map{margin:0 0 45px}.benefits__cover{padding-top:70px}.free{background:#413d3d url(/images/content/free-bg.jpg) top center/cover no-repeat}.free_second{background:#413d3d url(/images/content/free-bg_second.jpg) top center/cover no-repeat}.free__title{font-size:42px}.instruction__title{font-size:35px;margin-bottom:25px}.info__block{display:grid;grid-template-columns:41% 54%;grid-template-rows:repeat(2,auto);grid-column-gap:0;grid-row-gap:0;justify-content:space-between;align-items:center}.table-section__table-block{margin:0}
}
@media screen and (min-width:768px){
    .content__title{font-size:46px}.steps__item{width:33.3333333333%;padding-left:0;padding-top:45px}.update-item__img-wrapper{width:64px;margin-right:46px}.update-item__text{padding-left:113px}.banner__title{font-size:46px}.banner_about .banner__title{font-size:36px}.test__title{font-size:46px}.tariffs__title{font-size:46px}.faq-section__title{font-size:46px}.updates__list{margin-bottom:80px}.updates__item{margin-bottom:60px}.prices__item{width:50%}.prices__advantage{width:50%}.free__title{font-size:46px}.info__block{grid-template-columns:41% 40%}.info__block_second{grid-template-columns:54% 40%}.table-section__table-block{overflow:unset;background:0 0;box-shadow:none;padding:0 0 20px}.table-section__table{background:#fff;box-shadow:0 0 22px rgba(0,0,0,.16);padding:20px;margin-bottom:30px}.table-section__footer{justify-content:flex-end}.laws__cover{padding-top:0}.laws__head{margin-bottom:60px}.laws__law-content{display:flex;align-items:center;justify-content:center;text-align:left}.laws__img-wrapper{margin:0 25px;width:86px}.tabs__content{padding:48px 65px 30px}.tabs__content p{margin-bottom:25px}
}
@media screen and (min-width:990px){
    .advantages {
        padding-top: 100px;
        padding-bottom: 25px;
        margin-bottom: 40px;
    }
    .advantage__text{max-width:165px}
    .content__text{width:57%}.content__title{font-size:52px;margin-bottom:20px}.content__video{width:43%}.steps__item{width:20%;padding-top:65px}.steps__item:before{font-size:64px}.faq__block{width:50%}.faq__answer{padding:18px 30px 0 47px}.faq__answer p{line-height:1.9}.functional-item__head{display:block}.functional-item__img-wrapper{margin-right:0;margin-bottom:30px}.functional-item__title{margin-bottom:30px}.lines{display:block}.banner__wrapper{padding-top:75px}.banner__wrapper:after{display:block}.banner_prices .banner__wrapper{text-align:left;display:block}.banner_prices .banner__wrapper:after{display:none}.banner_about .banner__wrapper{padding-top:0}.banner_about .banner__wrapper:after{display:none}.banner__main{padding-bottom:155px}.banner__main{padding-top:65px}.banner_about .banner__main{padding-bottom:90px}.banner__text{margin-bottom:62px}.banner__title{font-size:52px}.banner_about .banner__title{font-size:40px;margin-bottom:60px}.banner_about .banner__descr{margin-left:28px;font-size:16px}.banner__arrow{display:block}.banner__aside{display:block}.banner__span-bg{font-size:36px;padding:10px 15px}.banner__span-big{font-size:100px;line-height:.9}
    .advantages__list{margin:0}.advantages__item{width:20%;margin-bottom:0;padding:0}.notebook{padding-top:50px}.explanation__wrapper{padding-top:70px;padding-bottom:25px}.explanation__content{margin-bottom:70px}.explanation__steps{margin-bottom:30px}.test__form{padding-top:73px;padding-bottom:80px}.test__title{font-size:52px;text-transform:uppercase}.article__content{padding-top:89px;padding-bottom:25px}.tariffs__wrapper{padding-bottom:50px}.tariffs__title{font-size:52px;margin-bottom:33px}.tariffs__list.slick-slider{margin:0 -20px}.tariffs__item{width:33.3333333333%;margin-bottom:40px}.slick-slide .tariffs__item{width:100%!important}.faq-section__wrapper{padding-top:82px;padding-bottom:67px}.faq-section__title{font-size:52px}.footer__block{width:25%}.functional__column{width:33.3333333333%}.videos__item{width:33.3333333333%}.materials__downloads{margin:0 -25px 10px}.materials__speakers-item{width:50%}.contacts__content-block{width:50%}.contacts__map-block{width:50%}.contacts__socials-content{flex-direction:column}.prices__cover{padding-top:93px;padding-bottom:60px}.prices__text{margin-bottom:95px}.prices__list{margin:0 -20px 60px}.prices__item{width:33.3333333333%}.prices__advantage{width:33.3333333333%}.benefits{margin-top:-80px}.benefits__cover{padding-top:0}.benefits__item{width:25%}.free__wrapper{display:flex;align-items:center}.free__title{width:60%;font-size:52px;text-align:left}.free__button-wrapper{width:40%;text-align:left}.instruction__content-block{grid-area:2/1/3/2}.instruction__img-block{grid-area:2/2/3/3}.instruction__title{font-size:40px;margin-bottom:40px}.instruction__video-btn{text-align:left;margin-bottom:48px}.instruction__text{margin-right:40px;margin-bottom:40px}.info__block_second .info__head{grid-area:1/1/2/2}.info__block_second .info__list-block{grid-area:2/1/3/2}.info__block_second .info__img-wrapper{grid-area:1/2/3/3}.table__cell_logo{padding:10px 15px}.table__body th{padding:10px 30px}.tabs__nav{justify-content:center;margin:0 0 19px}
}
@media screen and (min-width:1200px){
    .advantage__text{max-width:190px}.content{margin:0 -30px}.content__text{padding:0 30px}.content__video{padding:0 30px}.video{margin:0 3px}.video_noborder{margin:0}.nav{padding:0}.nav__close{display:none}.nav__list{display:flex;justify-content:space-between;}.nav__item:active,.nav__item:hover{border-bottom-color: transparent;}.nav__item:active .nav__link,.nav__item:hover .nav__link,.nav__item:focus-within .nav__link{text-decoration:underline;text-underline-offset:2px;color:#f79900;}.nav__link{padding:20px 0px}.nav__item:first-child .nav__link {padding-left: 0;}.nav__link:active,.nav__link:hover{text-decoration:underline;text-underline-offset:2px;color: #f79900;}.nav__sublist{padding:10px 0;box-shadow:0 4px 4px rgba(0,0,0,.05);position:absolute;top:calc(100% + 4px);left:0}.nav__sublink{padding:10px 28px}.title{font-size:52px}.functional-item{padding:30px 30px 25px}.pagination__link:active,.pagination__link:hover{background-color:#f79900}.pagination__link_dots:active,.pagination__link_dots:hover{background-color:transparent}.update-item:active .update-item__title,.update-item:hover .update-item__title{text-decoration:underline}.price-advantage{padding:28px 40px 24px}.price-advantage__content{margin:0 -19px}.price-advantage__img-wrapper{margin:0 19px}.price-advantage__text{padding:0 19px}.banner__title{max-width:773px}.banner_about .banner__title{max-width:845px}.banner__span-big{font-size:120px}.header{border-bottom:0}.header__logo{width:180px}.header__nav-mobile{top:auto;right:auto;position:relative;flex-direction:row;align-items:center;justify-content:space-between;flex:1 1 auto;width:auto;height:auto;box-shadow:none}.header__pull{display:none}.header__nav{border-bottom:0;margin:0 10px}.header__btns{padding:0;margin:0 10px}.header__btns-content{display:flex;align-items:center}.header__btn{margin-bottom:0}.header__sign-up-link{padding:4px 10px 6px;text-align:left}.header__sign-up-link:active,.header__sign-up-link:hover{color:#fff;background-color:#f79900}.header__sign-in-link:active,.header__sign-in-link:hover{color:#f79900}.header__sign-in-link:active .header__sign-in-icon,.header__sign-in-link:hover .header__sign-in-icon{fill:#f79900}.tariffs__list{margin:0 -20px}.tariffs__item{padding:0 20px}.footer__logo{max-width:166px}.footer__link:active,.footer__link:hover{text-decoration:underline;color:#f79900}.breadcrumbs{display:block}.breadcrumbs__item:last-child .breadcrumbs__link:active,.breadcrumbs__item:last-child .breadcrumbs__link:hover{text-decoration:none}.breadcrumbs__link:active,.breadcrumbs__link:hover{text-decoration:underline;color:#f79900}.text__title{margin-bottom:43px}.functional__title{margin-bottom:37px}.functional__list{margin:0 -20px}.functional__column{padding:0 20px}.functional__item{margin-bottom:40px}.videos__title{margin-bottom:37px}.videos__list{margin:0 -20px 40px}.videos__item{margin-bottom:35px;padding:0 20px}.updates__title{margin-bottom:55px}.update__head{margin-bottom:20px}.update__title{margin-bottom:32px}.update__date{margin-bottom:15px}.update__text{margin-bottom:50px}.update__text p{margin-bottom:32px}.update__text img{margin-bottom:32px}.materials__title{margin-bottom:40px}.materials__downloads{justify-content:flex-start}.materials__downloads-item{width:25%;margin-bottom:50px}.materials__speakers-item{width:41%}.contacts__title{margin-bottom:36px}.contacts__address{margin-bottom:39px}.contacts__contacts{margin-bottom:47px}.contacts__contacts-block{margin-bottom:20px}.contacts__socials{padding:10px 37px 1px 18px}.contacts__socials-content{flex-direction:row}.contacts__socials-title{flex-direction:row;margin-bottom:0}.free__button{width:380px}.instruction__wrapper{grid-template-columns:40% 60%}.instruction__img-block{grid-area:1/2/3/3}.instruction__title{grid-area:1/1/2/2}.laws__subtitle{font-size:20px}.laws__law{margin:0 auto 89px}.tabs__nav-link:active,.tabs__nav-link:hover{color:#f79900;text-decoration:underline}
    .our-clients {
        margin-left: -1rem;
    }
}
@media screen and (min-width:1360px){
    .materials__speakers-item{width:38.5%}.contacts__content-block{width:45%}.contacts__map-block{width:55%}
}
.tariffs__container{background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);padding:40px;display:flex;}
.tarif__content{
    display: flex;
    /* justify-content: space-between; */
    margin-right: 20px;
    flex: 1;
    flex-direction: column;
}
.tarif__content .numbers{
    display: flex;
    /* justify-content: space-between; */
    /*margin-bottom: 50px;*/
}
.numbers-block{
    width: 33%;
}
.tariff__img{
    padding: 40px;
    background-image: url(/images/content/tariffs_img.webp);
    background-size: cover;
    background-position-x: center;
    height: 357px;
    width: 357px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--border-radius-main);
}
.slider-block{
    padding-right: 20px;
    margin-bottom: 80px;
}
#slider-non-linear {
    height: 10px;
    border-radius: 10px;
    background-color: #d9d9d9;
    /* margin-left: 10px; */
}
#slider-non-linear .noUi-handle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f79900;
    border: 2px solid white;
    right: -10px;
}
#slider-non-linear .noUi-handle:before,
#slider-non-linear .noUi-handle:after{
    content: none;
}
.noUi-connect {
    background: #f79900;
}
#slider-non-linear .noUi-pips{
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#slider-non-linear .noUi-pips .noUi-value{
    margin-top: 15px;
}
.switcher-block{
    margin-bottom: 30px;
    display: flex;
    align-items: baseline;
}
.switcher {
    width: 30px;
    height: 16px;
    flex-shrink: 0;
    background-color: #ECECEC;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    box-shadow: inset 0px 2px 2px 0px #c1c1c1;
    margin-right: 10px;
    top: 2px;
}
.switcher-on.switcher{
    background-color: rgb(247 153 0);
    box-shadow: inset 0px 2px 2px 0px #be7500;
}
.tumbler{
    border: 1px solid #979797;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: rgb(236 236 236);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 0.3s;
}
.switcher-on .tumbler{
    border-color: #fff;
    background-color: #f79900;
    left: 16px;
}
.switcher-block .label{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.tariff__img-text p{
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}
.tariff__img-text small{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.tariff__img-btn{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px;
    width: 277px;
    display: block;
    background-color: #fff;
    text-decoration: none;
    border-radius: var(--border-radius-main);
}
.tariff__img_promo{
    justify-content: flex-start;
    gap: 36px;
    align-self: flex-start;
    height: auto;
    padding: 40px 40px 21px;
    background-color: #f79900;
    background-image: url(/images/content/tariffs_promo_elephant.webp), url(/images/content/tariffs_promo_bg.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: right top 12px, center;
    background-size: auto 210px, cover;
}
.tariff__img-promo-title{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
}
.tariff__img-promo-title-lg{
    display: block;
    font-size: 43px;
    line-height: 1.1;
}
.tariff__img_promo .tariff__img-btn{
    width: 100%;
    padding: 16px 20px;
    text-decoration: underline;
}
.tariff__img-promo-note{
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #fff;
}
.tarif__content .num-block{
    color: #484848;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
    border: none;
    max-width: 150px;
}
.tarif__content .num-block:focus-visible{
    outline: none;
    color: var(--main-color);
}
.tarif__content .hint{
    color: #7D7D7D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
}

.tarif__content .hint.quantity-title{
    margin-bottom: 34px;
}

.tarif__content .old-price,
.tarif__content .old-cost
{
    line-height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    text-decoration: line-through;
    margin: 10px 0;
}

.numbers-block .cost-profit-block{
    display: flex;
    align-items: center;
    gap: 7px;
}
.mobile-only{
    display: none   ;
}
.desktop-only{
    display: block;
}
.unlim-vip-block{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}
.unlim-docs-header{
    text-transform: uppercase;
    color: #F79900;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 8px;
}
.unlim-docs-desc{
    font-weight: 400;
    font-size: 12px;
    color: #484848;
    line-height: 100%;
}
.unlim-vip-block .vip-tarif{
    background: #f79900;
    color: white;
    padding: 0 20px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-decoration: none;
    align-self: flex-end;
}

.switch-links{
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 12px;
    background-color: #D9D9D9;
    border-radius: 32px;
    padding: 8px;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px){
    .switch-links {
        display: flex;
        overflow-x: scroll;
        border-radius: unset;
        margin: 0 -15px 32px -15px;
    }
}

.switch-link{
    padding: 10px 22px;
    font-family: GothamPro;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    border-radius: 24px;
    background-color: #F1F1F1;
    transition: background-color .5s ease-in;
    white-space: nowrap;
}
.switch-link.active{
    background-color: #F79900;
}

.tarif-tabs-wrap{
    background: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-main);
    overflow: hidden;
}

.big-clients-tarif-tab{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tab-content{
    opacity: 0;
    display: none;
}
.tab-content.active{
    opacity: 1;
    display: flex;
    animation: 0.8s fadeIn;
}

.big-clients-tarif-info{
    background-color: white;
    padding: 52px;
    padding-right: 42px;
}

.big-clients-tarif-tab ul{
    margin-bottom: 42px;
}
.big-clients-tarif-tab ul li{

}
.big-clients-tarif-tab ul li::before{
    content: url("/images/content/li-marker.svg");
    height: 12px;
    margin-right: 12px;
}

.big-clients-tarif-header{
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 22px;
    max-width: 455px;
}
.big-clients-tarif-img{
    max-width: 670px;
    background-image: url(/images/content/bc_tariffs_img.webp);
    background-repeat: no-repeat;
    background-position-y: center;
    width: 100%;
    background-size: contain;
    flex-grow: 1;
    background-color: #E2E2E2;
}

.white-label-tarif-tab{
    flex-direction: row-reverse;
    justify-content: space-between;
    min-height: 411px;
}

.white-label-tarif-info{
    background-color: white;
    padding: 52px;
    padding-left: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 610px;
}

.white-label-tarif-header{
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 24px;
    max-width: 455px;
}

.white-label-tarif-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    max-width: 413px;
    margin-bottom: 64px;
}

.white-label-tarif-text p{
    margin: 0;
}

.white-label-tarif-text p + p{
    margin-top: 1.4em;
}

.white-label-tarif-img{
    max-width: 610px;
    background-image: url(/images/content/wl_tariffs_img.webp);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    flex-grow: 1;
    background-color: #F79900;
    min-height: 411px;
}

/* subscription tab window */
.subscription-tab-window {
    background: linear-gradient(#F79900, #FFB948);
    border-radius: 4px;
    padding: 32px 40px 32px 65px;
    /*display: flex;*/
    flex-direction: row;
    gap: 32px;
}

/*.subscription-tab-item:first-child {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    gap: 40px;*/
/*    padding: 32px 40px 32px 65px;*/
/*    border-right: 1px solid white;*/
/*}*/

.subscription-tab-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.subscription-tab-features {
    gap: 12px;
    align-items: stretch;
    justify-content: flex-start;
}

.subscription-tab-hero {
    padding-bottom: 20px;
    border-right: 1px solid white;
    padding-right: 32px;
    justify-content: flex-start;
    gap: 0;
}

.subscription-tab-hero-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.subscription-text-mobile {
    display: none;
}

.subscription-tab-window .option-card .checkbox {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 12px;
    height: 12px;
    line-height: 0;
}

.subscription-tab-window .option-card .checkbox img {
    display: block;
    width: 12px;
    height: 12px;
}

.subscription-tab-thumb-text-lines {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    color: white;
    line-height: 300%;
    padding-top: 24px;
}

.subscription-tab-thumb-text-lines div:first-child {
    font-size: 64px;
    font-weight: 900;
    text-transform: uppercase;
}

.subscription-tab-thumb-text-lines div:last-child {
    font-size: 44px;
    font-weight: 900;
}

.sub-img-thumbs-up {
    background-image: url(/images/content/slon_sub2.png);
    height: 220px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.subscription-ai-footnote {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 9px;
    line-height: 106%;
    text-align: left;
    max-width: 378px;
    margin-top: auto;
    padding-top: 8px;
}

.subscription-tab-item:last-child,
.subscription-tab-pricing {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.subscription-tab-window-right-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.subscription-price-blocks {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.subscription-title {
    font-weight: 700;
    font-size: 16px;
}

.subscription-period {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 17px;
}
.subscription-price-block:first-child .subscription-period {
    font-size: 14px;
}
.subscription-price-original {
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
    color: #f6f6f6;
    margin-left: 0;
}
.subscription-price{
    margin-top: 2px;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
}

.subscription-btn {
    display: block;
    width: 166px;
    height: 42px;
    text-decoration: none;
    text-align: center;
    align-content: center;
    font-size: 16px;
    font-weight: 700;
    color: black;
    background-color: white;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 24px;
}

.subscription-btn:hover {
    color: #F79900;
}

.subscription-tab-window .option-card {
    width: 435px;
    border: 1px solid white;
    border-radius: 4px;
    position: relative;
    z-index: 0;
    min-height: 80px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 16px 24px;
    align-items: center;
}
.subscription-tab-window .option-card .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.subscription-tab-window .option-card .icon img,
.subscription-tab-window .option-card .icon svg {
    display: block;
    width: 100%;
    height: auto;
}
.subscription-tab-window .option-card .card-background {
    opacity: 0.3;
    background-color: white;
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.subscription-tab-window .option-card .text-lines {
    display: flex;
    flex-direction: column;
    margin-top: -6px;
    gap: 4px;
    line-height: 100%;
}
.subscription-tab-window .option-card .text-lines .title {
    font-size: 16px;
    font-weight: 700;
}
.subscription-tab-window .option-card .text-lines .title.centered {
    margin-top: auto;
    margin-bottom: auto;
}
.subscription-tab-window .option-card .text-lines .subtitle {
    font-size: 14px;
    font-weight: 400;
}

@media screen and (max-width: 1200px) {
    .subscription-tab-window {
        width: 356px;
        overflow: hidden;
        justify-self: center;
        padding: 27px 0 24px !important;
        gap: 0;
        flex-direction: column;
        align-items: center;
    }

    .subscription-text-desktop {
        display: none;
    }

    .subscription-text-mobile {
        display: inline;
    }

    .subscription-tab-features {
        order: 1;
        width: 100%;
        padding: 0 16px;
        gap: 17px;
        box-sizing: border-box;
    }

    .subscription-tab-pricing {
        order: 2;
        width: 100%;
        padding: 24px 0 0;
        box-sizing: border-box;
    }

    .subscription-tab-hero {
        order: 3;
        width: 100%;
        border: none;
        padding: 20px 16px 0;
        margin: 0;
        box-sizing: border-box;
        align-items: stretch;
        gap: 16px;
    }

    .subscription-tab-hero-main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        width: 100%;
    }

    .subscription-tab-window .option-card {
        width: 100%;
        max-width: 324px;
        min-height: 56px;
        padding: 8px 28px 8px 16px;
        gap: 16px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .subscription-tab-window .option-card .icon {
        width: 32px;
        height: 32px;
    }

    .subscription-tab-window .option-card .checkbox {
        display: block;
    }

    .subscription-tab-window .option-card .text-lines {
        margin-top: 0;
        flex: 1;
        min-width: 0;
        padding-right: 8px;
    }

    .subscription-tab-window .option-card .text-lines .title {
        font-size: 12px;
        line-height: 142%;
    }

    .subscription-tab-window .option-card .text-lines .subtitle {
        font-size: 10px;
        line-height: 106%;
    }

    .subscription-tab-window-right-wrapper {
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .subscription-title {
        display: block;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        color: #fff;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .subscription-price-blocks {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.45);
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .subscription-price-block {
        flex: 1 1 50%;
        min-width: 50%;
        padding: 12px 16px 14px;
        box-sizing: border-box;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .subscription-price-block:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.45);
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .subscription-price-block:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .subscription-price-block:last-child {
        margin-left: auto;
        margin-right: auto;
        flex-grow: 0;
        min-width: 50%;
        border-right: none;
    }

    .subscription-period {
        font-size: 14px;
        align-self: center;
        justify-content: center;
        gap: 8px;
    }

    .subscription-price-block:first-child .subscription-period {
        font-size: 14px;
    }

    .subscription-price {
        margin-top: 4px;
        font-size: 20px;
        text-align: center;
    }

    .subscription-btn {
        width: 217px;
        height: 42px;
        margin-top: 16px;
        font-size: 14px;
    }

    .subscription-tab-thumb-text-lines {
        align-items: flex-start;
        justify-content: center;
        padding-top: 0;
        gap: 0;
        line-height: 1.06;
        flex: 0 1 auto;
        min-width: 0;
        max-width: calc(100% - 140px);
        position: relative;
        z-index: 1;
    }

    .subscription-tab-thumb-text-lines div:first-child {
        font-size: 36px;
        white-space: nowrap;
    }

    .subscription-tab-thumb-text-lines div:last-child {
        font-size: 24px;
        white-space: nowrap;
    }

    .sub-img-thumbs-up {
        display: block;
        flex: 0 0 108px;
        width: 108px;
        height: 132px;
        background-size: contain;
        background-position: center right;
        background-repeat: no-repeat;
        margin: 0;
        position: relative;
        z-index: 0;
    }

    .subscription-ai-footnote {
        font-size: 9px;
        line-height: 106%;
        max-width: 100%;
        padding: 8px 0 0;
        text-align: left;
        margin-top: 0;
    }
}

.popup-vip-request .content {
    margin: 0;
}

.popup-vip-request .popup_img {
    flex-shrink: 0;
}

.popup-vip-request .form-title{
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    margin: 0 0 16px;
    line-height: 130%;
}
.popup-vip-request .form-title.form-title--compact{
    font-family: GothamPro, sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .popup-vip-request .form-title.form-title--compact{
        white-space: normal;
    }
}
.popup-vip-request .form-subtitle{
    font-size: 14px;
    line-height: 140%;
}
.popup-vip-request form{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 24px;
}
.popup-vip-request .test__input-wrapper{
    margin: 0;
    padding: 0;
}
.popup-vip-request .test__input{
    border: 1px solid #96999E;
    padding: 16px 18px;
    border-radius: var(--border-radius-main);
}
.popup-vip-request textarea{
    resize: none;
    height: 6rem;
}

.popup-vip-request .test__submit-wrapper{
    padding: 0;
    margin: 0;
}
.popup-vip-request .test__submit{
    text-transform: none;
}
.popup-vip-request .close-popup{
    position: absolute;
    right: -33px;
    top: 10px;
    cursor: pointer;
    background-color: #A7A7A7;
    width: 33px;
    display: flex;
    height: 33px;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0;
}

.popup-vip-request .input__checkbox-text{
    margin-left: 24px;
}

.popup-vip-request input::-webkit-input-placeholder,
.popup-vip-request textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.popup-vip-request input::-moz-placeholder,
.popup-vip-request textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.popup-vip-request input:-ms-input-placeholder,
.popup-vip-request textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.popup-vip-request input:-webkit-autofill,
.popup-vip-request textarea:-webkit-autofill {
    color: #000;
    opacity: 1;
    font-weight: 400;
    -webkit-text-fill-color: #000!important;
}

.vip-request-fos{
    border:none;
    outline: none;
    background-color: #F79900;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: white;
    padding: 16px 39px;
    cursor: pointer;
}

.numbers-block .profit{
    /*background: #f79900;*/
    /*color: white;*/
    color: #B5B5B5;
    font-weight: 400;
    font-size: 14px;
    /*padding: 10px 20px;*/
    /*height: 50px;*/
    display: inline-block;
}

.tarif__content .switchers-block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 80px;
}
.tarif__content .switcher-block{
    display: flex;
    align-items: center;
}
.tarif__content .switcher-block .switcher{
    top: 0;
}
.tarif__content .switcher-hint{
    margin-left: 20px;
    top: 0;
}

.prices-top__content{
    display: flex;
    align-items: center;
}

.prices__text.mb0{
    margin-bottom: 0;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        display: flex;
    }

    to {
        opacity: 1;
    }
}
@media screen and (min-width: 1199px) {
    .tarif__content .switcher-block {
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 1199px) {
    .tariff__img{
        height: 265px;
        width: 265px;
    }
    .tariff__img-text p{
        font-size: 96px;
    }
    .tariff__img-btn{
        width: 100%;
    }
    .tariff__img_promo{
        height: auto;
        padding: 24px;
        gap: 30px;
        background-position: right top 9px, center;
        background-size: auto 147px, cover;
    }
    .tariff__img-promo-title{
        font-size: 18px;
    }
    .tariff__img-promo-title-lg{
        font-size: 32px;
    }
    .tariff__img_promo .tariff__img-btn{
        padding: 12px 16px;
    }
    .tariff__img-promo-note{
        margin-top: 12px;
    }
    .tarif__content .switcher-hint {
        margin-left: 5px;
    }
}
@media screen and (max-width: 989px) {
    .numbers-block{
        margin-bottom: 15px;
    }
    .slider-block{
        margin-bottom: 60px;
        padding-right: 0;
    }
    .tarif__content .switchers-block,
    .switcher-block{
        margin-bottom: 20px;
    }
    .tariffs__container{
        flex-direction: column;
    }
    .tariff__img{
        order: 1;
        background-repeat: no-repeat;
        background-position-x: right;
        background-color: #f79900;
        width: 100%;
        background-size: contain;
        margin-bottom: 2rem;
    }
    .tariff__img_promo{
        background-position: right top 9px, center;
        background-size: auto 152px, cover;
    }
    .tarif__content{
        order: 2;
    }
    .tarif__content .switchers-block{
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .prices-top__content{
        flex-direction: column;
    }
    .unlim-vip-block{
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .tarif__content .num-block{
        font-size: 22px;
    }
}
@media screen and (max-width: 599px) {
    .tarif__content{
        margin-right: 0;
    }
    .tarif__content .numbers{
        flex-direction: column;
        margin-bottom: 25px;
    }
    .tarif__content  .numbers-block{
        margin-bottom: 20px;
        width: 100%;
    }
    .tarif__content .num-block{
        font-size: 24px;
        padding-left: 0;
    }
    .tarif__content .slider-block{
        margin-bottom: 45px;
    }
    .tarif__content .noUi-pips{
        display: none;
    }
    .tariffs__container{
        padding: 20px;
    }
    .tariff__img{
        aspect-ratio: 1/1;
        height: auto;
    }
    .tariff__img_promo{
        aspect-ratio: auto;
    }
    .tarif__content .hint.quantity-title{
        margin-bottom: 10px;
    }
    /*.advantage__wrap{*/
    /*    padding-left: 1rem;*/
    /*}*/
    .advantages__item {
        padding: 0;
    }
    .desktop-only{
        display: none;
    }
    .mobile-only{
        display: block;
    }
    .big-clients-tarif-tab{
        flex-direction: column;
    }
    .big-clients-tarif-tab ul{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .big-clients-tarif-tab ul li{
       display: flex;
        align-items: center;
        line-height: 120%;
    }
    .big-clients-tarif-header{
        text-align: center;
        font-size: 16px;
    }
    .big-clients-tarif-info{
        padding: 20px;
        font-size: 14px;
    }
    .big-clients-tarif-img{
        aspect-ratio: 1 / 1;
        height: 493px;
        background-image: url(/images/content/bc_tariffs_img_2.webp);
        background-position: center;
    }
    .white-label-tarif-tab{
        flex-direction: column;
        min-height: unset;
    }
    .white-label-tarif-header{
        text-align: center;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .white-label-tarif-info{
        padding: 20px;
        font-size: 14px;
        max-width: none;
    }
    .white-label-tarif-text{
        margin-bottom: 24px;
        max-width: none;
        text-align: center;
    }
    .white-label-tarif-img{
        aspect-ratio: 610 / 411;
        min-height: unset;
        height: auto;
        max-width: none;
        background-size: cover;
    }
    .vip-request-fos{
        display: block;
        margin: 0 auto 22px;
    }
}

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

.popup-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.popup-content_small {
    max-width: 386px;
}

.popup-content .popup-subtitle {
    font-size: 14px;
    line-height: 140%;
}

.popup-close {
    position: absolute;
    right: -33px;
    top: 10px;
    cursor: pointer;
    background-color: #A7A7A7;
    width: 33px;
    display: flex;
    height: 33px;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0;
}

.floating-input {
    max-width: 100%;
    position: relative;
    min-height: 48px;
    padding: 6px 16px;
    display: flex;
    border: 1px solid #A7A7A7;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142%;
    color: #A7A7A7;
}

.floating-input__title {
    position: absolute;
    left: 16px;
    top: 13px;
    transition: 0.3s ease;
}

.floating-input__field {
    flex-grow: 1;
    margin-top: auto;
    height: 20px;
    border: none;
    outline: none;
}

.floating-input__field::placeholder {
    opacity: 0;
}

.floating-input__field:is(:active, :focus) ~ .floating-input__title,
.floating-input__field:not(:placeholder-shown) ~ .floating-input__title {
    top: 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 106%;
}