#wpadminbar {
    display: none !important;
}

html {
    margin: 0 !important;
}

:root {
    --bg-gray: #EBEAE8;
    --sand: #CCC3B7;

    --dark-green: #0D2D33;
    --sub-green: #3D5F66;
    --sub-green-2: #27575E;
    --primary-green: #13434D;

    --primary-black: #1B1B26;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-repeat: no-repeat !important;
}

body {
    background: var(--bg-gray);
    font-family: "Jost", sans-serif;
    padding: 8px;
    overflow-x: hidden;
}

.swiper-slide {
    height: auto !important;
}

.swiper__btn {
    border: 1px solid var(--sub-green);
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    z-index: 3;
    background: var(--sub-green);
}

.swiper__btn i {
    color: #ffffff;
}

.swiper__btn-transparent {
    background: transparent;
}

.swiper__btn-transparent i {
    color: var(--sub-green);
}

.swiper__btn:disabled {
    display: none !important;
}

@media (max-width: 767px) {
    .swiper__btn-transparent {
        background: #ffffff;
        border: 1px solid #ffffff;
    }
}

button,
input,
textarea,
select,
option {
    outline: none;
    border: none;
    cursor: pointer;
    background: none;
}

input {
    width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

li:not(.article__container li) {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

span {
    font-family: inherit;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 32px;
}

@media(max-width: 767px) {
    .container {
        padding: 0 16px;
    }
}

/* TITLES */

.title {
    line-height: calc(72 / 64 * 100%);
    text-transform: uppercase;
}

.title-green {
    color: var(--dark-green);
}

.title-white {
    color: #ffffff;
}

.title-def {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 32px;
}

.block__title {
    margin-bottom: 32px;
}

.page-title {
    margin: 44px 0 32px;
}

.title-big {
    font-size: 64px;
    font-weight: 400;
}

@media(max-width: 1199px) {
    .title-big {
        font-size: 58px;
    }

    .page-title {
        padding: 0;
    }
}

@media(max-width: 1023px) {
    .title-big {
        font-size: 52px;
    }
}

@media(max-width: 767px) {
    .title-big {
        font-size: 40px;
        line-height: calc(48 / 40 * 100%);
    }
    .title-def {
        font-size: 28px;
    }
}

@media(max-width: 575px) {
    .title-big {
        font-size: 10vw;
    }
}

/* TYPOGRAPHY */

.text {
    font-weight: 400;
    line-height: calc(28 / 20 * 100%);
    color: var(--primary-black);
}

.text-def {
    font-size: 20px;
    opacity: .8;
}

@media(max-width: 767px) {
    .text-def {
        font-size: 16px;
    }
}

/* BUTTONS */

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: uppercase;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    font-weight: 500;
    line-height: 200%;
}

@media(any-hover: hover) {
    .btn:hover:not(.btn.tab.active) {
        color: #ffffff;
        background: var(--primary-green);
        border-color: var(--primary-green);
    }
}

.btn-fill {
    min-height: 52px;
    gap: 8px;
    border-radius: 8px;
}

.btn-stroke {
    height: 40px;
    border-radius: 8px;
    border: 1.5px solid var(--sub-green);
    color: var(--sub-green);
}

.btn-sub-green {
    background: var(--sub-green);
    color: #ffffff;
}

.btn-white {
    background: #ffffff;
    color: var(--primary-black);
}

/* TABS */

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.tab {
    padding: 8px 32px;
    white-space: nowrap;
    border-radius: 30px;
    color: var(--sub-green);
    background: transparent;
    border: 1.5px solid var(--sub-green);
}

.tab.active {
    color: #ffffff;
    background: var(--sub-green);
}

/* TABS CONTENT */

section.grid .content {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
}

section.grid .content__wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
}

section.grid .content__wrapper>* {
    width: 100%;
}

.tab__content {
    visibility: hidden;
    height: 0;
    display: flex;
}

.tab__content + .content-scrollbar {
    display: none;
}

.tab__content.active {
    visibility: visible;
    height: auto;
}

.tab__content.active + .content-scrollbar {
    display: block;
}

@media(max-width: 1439px) {
    section.grid .content__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 1023px) {
    .tabs {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: 0;
    }
    .tabs::-webkit-scrollbar {
        display: none;
    }

    section.grid .content__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 767px) {
    section.grid .content__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* CARDS */

.card {
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
    padding: 32px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.card * {
    position: relative;
    z-index: 2;
}

.card__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 32px;
}

.card__icon + .card__descr {
    margin-top: 0;
}

.card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: calc(24 / 20 * 100%);
    text-transform: uppercase;
}

.card__descr {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 300;
    line-height: calc(20 / 16 * 100%);
    opacity: .8;
}

.card__descr li {
    margin-left: 15px;
    list-style: disc;
}

.card__tags {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}

.card__tag {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: calc(20 / 12 * 100%);
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background: var(--bg-gray);
    border-radius: 30px;
}

.card-white {
    background: #ffffff;
    color: var(--primary-black);
}

.card-green {
    background: var(--sub-green);
    color: #ffffff;
}

.card-green-2 {
    background: var(--sub-green-2);
    color: #ffffff;
}

.card-dark-green {
    background: var(--primary-green);
    color: #ffffff;
}

.card-before.card-green::before {
    background: url('../img/icons/logo-pattern-services-green.svg') center / contain no-repeat;
}

.card-before.card-green-2::before {
    background: url('../img/icons/logo-pattern-services-green-2.svg') center / contain no-repeat;
}

.card-before.card-dark-green::before {
    background: url('../img/icons/logo-pattern-services-dark-green.svg') center / contain no-repeat;
}

.card-before.card-white::before {
    background: url('../img/icons/logo-pattern-services-white.svg') center / contain no-repeat;
}

.card-before::before {
    content: "";
}

.card.right-top::before,
.card.right-bottom::before {
    width: 340px;
    height: 200px;
    position: absolute;
}

.card.right-top::before {
    right: 0;
    top: 0;
    rotate: 180deg;
}

.card.right-bottom::before {
    right: 0;
    bottom: 0;
}

.card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: auto;
    padding-top: 32px;
}

.card__more {
    font-size: 12px;
    font-weight: 500;
    line-height: calc(16 / 12 * 100%);
    text-transform: uppercase;
}

/* TINT */

.tint {
    position: relative;
}

.tint::before,
.tint::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

.tint::before {
    background-color: var(--sand);
    mix-blend-mode: color;
}

.tint>img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* SOCIALS */

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.socials__item {
    width: 40px;
    height: 40px;
    font-size: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media (any-hover: hover) {
    .socials__item:hover {
        opacity: .5;
    }
}

.socials-green .socials__item {
    background: var(--sub-green);
    color: #ffffff;
}

.socials-white .socials__item {
    background: #ffffff;
    color: var(--sub-green);
}

/* BREADCRUMBS */

.breadcrumbs {
    margin: 20px 0;
}

.breadcrumbs__items,
.breadcrumbs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 20px;
    font-size: 12px;
    line-height: 100%;
}

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

.breadcrumbs__item a {
    opacity: .5;
}

.breadcrumbs__item.last a {
    opacity: 1;
}

.breadcrumbs__item-arrow {
    width: 20px;
    height: 1px;
    margin-top: 5.5px;
    background: #949194;
}

@media(max-width: 1199px) {
    .breadcrumbs .container {
        padding: 0;
    }
}

@media(max-width: 767px) {
    .breadcrumbs {
        margin: 16px 0;
    }
    .breadcrumbs__items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

/* HEADER */

.header {
    position: absolute;
    z-index: 5;
    left: 8px;
    right: 8px;
    top: 24px;
    border-radius: 12px;
    overflow: hidden;
    padding: 16px;
}

.header.white {
    background: #ffffff;
    position: static;
}

.header.btn-white,
.header.active {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.header.white .header__nav-item {
    opacity: .3;
}

.header.white .header__nav-item.active,
.header.white .header__nav-item:hover {
    opacity: 1;
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.header__nav-item {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: calc(16 / 12 * 100%);
    color: var(--primary-black);
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.header__call {
    width: 240px;
}

.header__lang,
.header__burger {
    aspect-ratio: 1 / 1;
}

.header__burger {
    display: none;
}

.header__burger .close {
    display: none;
}

.header__mobile {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(61, 95, 102, .1);
    position: relative;
}

.header__mobile * {
    position: relative;
    z-index: 2;
}

.header__mobile .footer__nav * {
    color: var(--primary-black);
}

.header__mobile .footer__nav {
    margin-left: 0;
}

@media(min-width: 768px) {
    .header__mobile .footer__nav-title {
        display: none;
    }

    .header__mobile .footer__nav-items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}

.header__mobile .header__call {
    margin-top: 24px;
    display: none;
    width: 100%;
    max-width: 206px;
}

.header__mobile::before {
    content: url(../img/icons/logo-pattern-white-big.svg);
    position: absolute;
    right: 0;
    top: 104px;
}

.header__mobile .footer__info {
    position: static;
}

.header__mobile-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.header__mobile .footer__socials {
    margin-top: 0;
}

.header__mobile-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.header__mobile .footer__phone,
.header__mobile .footer-text {
    color: var(--primary-black);
}


@media(max-width: 1199px) {
    .header__call {
        padding: 0 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

@media(max-width: 1023px) {
    .header__wrapper .header__nav,
    .header__wrapper .header__lang {
        display: none;
    }

    .header__call {
        padding: 0;
        width: 240px;
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header.active .header__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header.active .header__burger .close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header.active .header__burger .open {
        display: none;
    }

    .header.active {
        background: #ffffff;
    }
}

@media (max-width: 767px) {
    .header {
        right: 0;
        left: 0;
    }
    .header__call {
        display: none;
    }

    .header__mobile-block:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .header__mobile-btns {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .header__mobile .header__call {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* FOOTER */

.footer {
    margin-top: 8px;
}

.footer::before {
    content: url(../img/icons/logo-pattern-green.svg);
    position: absolute;
    left: 380px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    bottom: 120px;
}

.footer-text {
    font-size: 12px;
    font-weight: 400;
    line-height: calc(16 / 12 * 100%);
    color: #ffffff;
    opacity: .5;
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 43px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer__nav {
    margin-left: auto;
}

.footer__nav * {
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    color: #ffffff;
    text-transform: uppercase;
}

.footer__nav-title {
    opacity: .5;
    margin-bottom: 20px;
}

.footer__nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right;
}

.footer__phone {
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    color: #ffffff;
}

.footer__address {
    margin-top: 20px;
    max-width: 183px;
}

.footer__email {
    margin-top: 16px;
}

.footer__socials {
    margin-top: 28px;
}

.footer__info {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    left: 0;
    bottom: 0;
}

.footer-privacy {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

@media(max-width: 1199px) {
    .footer::before {
        left: 300px;
    }
}

@media(max-width: 1023px) {
    .footer::before {
        left: 380px;
    }
}

@media(max-width: 767px) {
    .footer {
        padding: 24px;
    }

    .footer::before {
        left: -13px;
        bottom: 300px;
    }

    .footer__wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 32px 20px;
    }

    .footer__logo {
        margin-bottom: 48px;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    .footer__nav {
        margin-left: 0;
    }

    .footer__info {
        position: static;
    }
}

@media(max-width: 430px) {
    .footer__phone {
        font-size: 130%;
    }
} 

/* PROMO */

.promo {
    border-radius: 20px;
    overflow: hidden;
}

.promo__wrapper {
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100%;
    min-height: inherit;

    padding: 304px 0 84px
}

.promo__wrapper::after {
    background: -o-linear-gradient(top, #CFC7BA 0%, rgba(207, 199, 186, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#CFC7BA), to(rgba(207, 199, 186, 0)));
    background: linear-gradient(180deg, #CFC7BA 0%, rgba(207, 199, 186, 0) 100%);
    z-index: 2;
}

.promo__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 3;
    height: 100%;
}

.promo__title {
    margin-bottom: 100px;
}

.promo__footer {
    margin-top: auto;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.promo__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    max-width: 1004px;
}

.promo__tag {
    white-space: nowrap;
    padding: 12px 24px;
    background: rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-radius: 30px;
}

.promo__btn {
    width: calc(247 / 1360 * 100%);
    min-width: 247px;
}

/* PAGINATION */

.pagination {
    position: absolute;
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: auto !important;
}

.pagination-bullet {
    width: 100%;
    margin: 0 !important;
    height: 4px;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
    background: rgba(255, 255, 255, .4);
    opacity: 1;
    position: relative;
}

.pagination-bullet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 12px;
    width: 100%;
    
}

.pagination-bullet-fill {
    background: #ffffff;
    height: 100%;
    border-radius: 4px;
}

/* BTNS */

.promo-swiper__btns {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 32px;
    left: 0;
}

@media(max-width: 1439px) {
    .promo__wrapper {
        padding: 195px 0 84px;
    }
}

@media(max-width: 1199px) {
    .promo__wrapper {
        padding-top: 260px;
    }

    .promo__title {
        margin-bottom: 60px;
    }

    .promo__tags {
        max-width: 75%;
        gap: 12px;
    }

    .promo__btn {
        width: 20%;
    }
}

@media(max-width: 1023px) {
    .promo__title {
        margin-bottom: 40px;
    }

    .promo__title br {
        display: none;
    }

    .promo__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 40px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .promo__tags {
        gap: 8px;
        max-width: calc(640 / 688 * 100%);
    }

    .promo__tag {
        font-size: 20px;
    }

    .promo__btn {
        width: 247px;
        margin: 0 auto;
    }

    .promo-swiper__btns {
        top: auto;
        transform: none;
        bottom: 92px;
    }
}

@media(max-width: 767px) {
    .promo {
        width: calc(100% + 16px);
        margin-left: -8px;
    }

    .promo {
        border-radius: 0 0 12px 12px;
    }

    .promo__footer {
        gap: 32px;
    }

    .promo__tags {
        max-width: 100%;
    }

    .promo__tag {
        padding: 8px 16px;
        font-size: 12px;
    }

    .promo__btn {
        width: calc(231 / 343 * 100%);
        min-width: auto;
    }

    .promo-swiper__btns {
        padding: 0 16px;
    }
}

/* SERVICES */

.services {
    margin-top: 8px;
}

.services__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.services__wrapper-sub {
    display: grid;
    width: calc(50% - 4px);
    gap: 8px;
}

.services__wrapper-left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.services__wrapper-left .service:nth-child(3) {
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: span 2;
    height: auto;
}

.services__wrapper-left .service:last-child {
    grid-column: span 2;
}

.services__wrapper-right {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 350px;
}

.service {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.service__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.service__header-item {
    font-size: 16px;
    font-weight: 400;
    line-height: calc(20 / 16 * 100%);
    text-transform: uppercase;
}

.service__descr {
    max-width: 286px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
}

.service__title {
    margin-top: 32px;
}

@media(max-width: 1439px) {
    .services__wrapper-sub {
        width: auto;
    }

    .services__wrapper-left {
        grid-template-columns: repeat(2, 350px);
    }

    .services__wrapper-right {
        width: calc(100% - 700px - 16px);
    }
}

@media(max-width: 1199px) {
    .services__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .services__wrapper-sub {
        width: 100%;
        grid-auto-rows: auto;
    }
    .services__wrapper-left {
        grid-template-columns: repeat(2, 1fr);
    }
    .services__wrapper-left .service:nth-child(3) {
        height: auto;
    }
    .services__wrapper-left .service:last-child {
        width: auto;
    }
    .services__wrapper-right .service:nth-child(2) {
        order: -1;
    }
}

@media(max-width: 767px) {
    .services__wrapper-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .service {
        height: auto !important;
        min-height: 350px !important;
    }
    .service__descr {
        max-width: 100%;
    }
}

/* SUBSERVICES */

.subservices {
    margin-top: 8px;
}

.subservices__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
}

.service.sub {
    height: auto;
    min-height: 350px;
    width: 100%;
}

@media(max-width: 1199px) {
    .subservices__wrapper {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .service.sub {
        width: 100%;
    }
}

/* ADVANTAGES */

.advantages {
    margin-top: 64px;
}

.advantages__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

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

    .advantages__items.grid-3 .advantages__item {
        width: 100% !important;
        margin: 0 !important;
    }
}

.advantages__item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 320px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.advantages__item::before {
    content: url('../img/icons/logo-pattern-white.svg');
    position: absolute;
    top: 0;
}

.advantages__item:nth-child(8n+1):before,
.advantages__item:nth-child(8n):before {
    right: -280px;
}

.advantages__item:nth-child(8n+2):before,
.advantages__item:nth-child(8n-1):before {
    right: -240px;
}

.advantages__item:nth-child(8n+3):before,
.advantages__item:nth-child(8n-2):before {
    right: -200px;
}

.advantages__item:nth-child(8n+4):before,
.advantages__item:nth-child(8n-3):before {
    right: -160px;
}

@media(max-width: 1439px) {
    .advantages__items {
        grid-template-columns: repeat(3, 1fr);
    }

    .advantages__items-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 1199px) {
    .advantages .container {
        padding: 0;
    }
}

@media(max-width: 1023px) {

    .advantages__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 767px) {
    .advantages__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

/* FOUNDER */

.founder {
    margin-top: 64px;
}

.founder__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.founder__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(334 / 1360 * 100%);
    min-width: 334px;
    gap: 112px;
}

.founder__card-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.founder__info {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.founder__avatar {
    -o-object-fit: cover;
       object-fit: cover;
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.founder__info-block {
    width: calc(100% - 84px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.founder__info-block * {
    margin-top: 0;
}

.founder__video-wrapper {
    width:calc(1018 / 1360 * 100%);
    overflow: hidden;
    position: relative;
}

.founder__video-wrapper *,
.founder__video-wrapper *::before,
.founder__video-wrapper *::after {
    border-radius: 20px;
}

.founder__video-thumb {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
}

.founder__video-preview {
    height: 100%;
}

.founder__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 3;
}

.founder__video-play:hover + .founder__video-preview::before {
    background: none;
}

.founder__video-play img {
    border-radius: 0;
}

.founder__video {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    width: 100%;
    height: 99.5%;
}

@media(max-width: 1199px) {
    .founder .container {
        padding: 0;
    }

    .founder__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .founder__video-wrapper {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 100%;
    }

    .founder__card {
        min-width: auto;
        width: 50%;
        gap: 48px;
    }
}

@media(max-width: 1023px) {
    .founder__card {
        width: calc(499 / 752 * 100%);
    }
    .founder__name {
        max-width: 260px;
    }
}

@media(max-width: 767px) {
    .founder__video-wrapper {
        aspect-ratio: 1 / 1.2;
    }
    .founder__video-wrapper *,
    .founder__video-wrapper *::before,
    .founder__video-wrapper *::after {
        border-radius: 12px;
    }

    .founder__video-preview img {
        -o-object-position: right center;
           object-position: right center;
    }

    .founder__card {
        width: 100%;
        gap: 72px;
    }

    .founder__video-play {
        width: 92px;
        height: 92px;
    }

    .founder__video-play img {
        width: 30px;
    }
}

/* CONTACTS */

.contacts {
    margin-top: 64px;
}

.contacts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}

.contacts__card::before {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-image: url('../img/icons/logo-pattern-contacts.svg');
    background-size: cover;
    background-position: bottom center;
}

.contacts__card {
    min-height: 500px;
    width: calc(366 / 1360 * 100%);
    min-width: 366px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.contacts__card-items {
    position: relative;
    z-index: 2;
    margin-top: auto;
}

.contacts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}

.contacts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
}

.contacts__item-name {
    min-width: 100px;
    font-weight: 400;
    opacity: .3;
}

.contacts__item-value {
    font-weight: 500;
    color: var(--sub-green);
}

.contacts__map {
    position: relative;
    width: calc(1050 / 1360 * 100%);
}

.contacts__map-img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}

.contacts__map-pin {
    position: absolute;
    z-index: 2;
    top: calc(250 / 500 * 100%);
    left: calc(490 / 1050 * 100%);
    width: auto !important;
    height: auto !important;
}

@media(max-width: 1199px) {
    .contacts .container {
        padding: 0;
    }

    .contacts__card,
    .contacts__map {
        width: calc(50% - 4px);
        min-width: auto;
    }
}

@media(max-width: 1023px) {
    .contacts__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .contacts__card,
    .contacts__map {
        width: 100%;
    }

    .contacts__card {
        min-height: auto;
    }

    .contacts__card::before {
        height: 100%;
        width: 400px;
        left: auto;
        rotate: 90deg;
        right: -20%;
        background-size: contain;
        background-position: center bottom;
    }

    .contacts__item-value {
        max-width: 188px;
    }
}

@media (max-width: 767px) {
    .contacts__map {
        height: 500px;
    }

    .contacts__map-pin {
        left: calc(415 / 1050* 100%);
    }

    .contacts__card::before {
        right: -40%;
    }
}

/* CTA */

.cta {
    margin-top: 64px;
}

.contacts + .cta {
    margin-top: 8px;
}

.blog + .cta,
.cases + .cta,
.docs + .cta {
    margin-top: 36px;
}

.cta__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.cta__form {
    width: calc(594 / 1424 * 100%);
}

.cta__founder {
    width: calc(822 / 1424 * 100%);
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.cta__founder-info {
    max-width: 242px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding: 32px;
    background: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.cta__founder-info * {
    margin: 0;
}

.cta__founder::after,
.cta__founder::before {
    border-radius: 20px;
}

@media(max-width: 1439px) {
    .cta__founder,
    .cta__form {
        width: calc(50% - 4px);
    }
}

@media(max-width: 1023px) {
    .cta__founder {
        display: none;
    }

    .cta__form {
        width: 100%;
    }
}

/* FORM */

.form {
    background: var(--sub-green);
    padding: 60px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    position: relative;
    overflow: hidden;
}

.form::before {
    content: url('../img/icons/logo-pattern-green.svg');
    position: absolute;
    top: 0;
    height: 100%;
    left: 380px;
}

.form * {
    position: relative;
    z-index: 2;
}

.form__title {
    color: #ffffff;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.form__descr {
    max-width: 391px;
    font-size: 14px;
    font-weight: 400;
    line-height: calc(20 / 14 * 100%);
    color: #ffffff;
    opacity: .8;
}

.form__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    z-index: 3;
}

.form-input {
    background: var(--bg-gray);
    height: 52px;
    padding: 0 16px;
    border-radius: 8px;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
    font-size: 14px;
    font-weight: 400;
    line-height: calc(20 / 14 * 100%);
    color: var(--primary-black);
}

.form-input::-webkit-input-placeholder {
    color: var(--primary-black);
    opacity: .7;
}

.form-input::-moz-placeholder {
    color: var(--primary-black);
    opacity: .7;
}

.form-input:-ms-input-placeholder {
    color: var(--primary-black);
    opacity: .7;
}

.form-input::-ms-input-placeholder {
    color: var(--primary-black);
    opacity: .7;
}

.form-input::placeholder {
    color: var(--primary-black);
    opacity: .7;
}

@media(any-hover: hover) {
    .form-input:hover {
        -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
                box-shadow: 0px 0px 5px 0px #0000000D;
        background: #ffffff;
    }
}

.form__accept-input {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.form__accept-label {
    font-size: 14px;
    font-weight: 400;
    line-height: calc(20 / 14 * 100%);
    color: #ffffff;
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    display: block;
}

.form__accept-label:hover::before {
    border: 1.5px solid var(--sand);
}

.form__accept-label::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1.5px solid #ffffff;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
    background-position: center;
    background-size: cover;
}

.form__accept-input:checked + .form__accept-label::before {
    background-image: url(../img/icons/check.svg);
}

@media(any-hover: hover) {
    .form__accept-input:checked + .form__accept-label:hover::before {
        background-image: url(../img/icons/check-gold.svg);
    }
}

.form__accept-label a {
    border-bottom: 1px solid #ffffff;
}

.form__btn {
    width: 100%;
}

@media(max-width: 1199px) {
    .form {
        padding: 48px;
    }
    .form::before {
        left: 300px;
    }
}

@media(max-width: 1023px) {
    .form {
        padding: 60px;
    }
    .form::before {
        left: 380px;
    }
}

@media(max-width: 1023px) {
    .form {
        padding: 40px 20px;
    }
    .form::before {
        left: -15px;
    }
    .form__accept-label::before {
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

.iti,
.iti * {
    z-index: 10;
}

.iti__flag-container {
    position: absolute;
    z-index: 10;
}

.iti__country-list {
    margin-top: 10px;
    border-radius: 12px;
    color: var(--primary-black);
}

.iti--separate-dial-code .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    color: var(--primary-black);
}

input[name="phone"] {
    padding-left: 90px !important;
}


/* CONTENT */

.content {
    overflow-x: auto;
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px;
    position: relative;

    -ms-overflow-style: none; 
    scrollbar-width: none;
}

.content::-webkit-scrollbar {
    display: none;
}

.content-scrollbar {
    width: 100%;
    margin-top: 24px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(13, 45, 51, .1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
}

.content-scrollbar-thumb {
    height: 100%;
    background: var(--sub-green);
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.content__wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.content__wrapper>*:last-child {
    margin-right: 32px;
}

@media(max-width: 1199px) {
    .content {
        width: calc(100% + 16px);
        margin-left: -8px;
        padding-left: 8px;
    }
    .content__wrapper>*:last-child {
        margin-right: 8px;
    }
}

/* CASES */

.cases {
    margin-top: 64px;
}

.case {
    width: 36.11vw;
    max-width: 700px;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 16px;
    color: var(--primary-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

@media(any-hover: hover) {
    .case:hover .tint::before {
        background-color: transparent;
    }
}

.case__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.case-el {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 20px;
    background: rgba(255, 255, 255, .4);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.case__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.case__date,
.case__category {
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: calc(20 / 16 * 100%);
    text-transform: uppercase;
}

.case__footer {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.case__name {
    padding: 20px;
    width: 340px;
}

.case__arrow {
    border-radius: 8px;
    padding: 10px;
}

@media(max-width: 1439px) {
    .case {
        width: 520px;
    } 
}

@media(max-width: 1199px) {
    .cases .container {
        padding: 0;
    }
}

@media(max-width: 767px) {
    .case {
        width: calc(100vw - 16px);
    }

    .case__name {
        font-size: 16px;
        width: calc(100% - 60px);
    }
}

/* BLOG */

.blog {
    margin-top: 64px;
}

.blog-item {
    width: 23.2vw;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #ffffff;
}

@media (any-hover: hover) {
    .blog-item:hover .blog-item__bg::before {
        background: transparent;
    }
}

.blog-item__bg,
.blog-item__bg img {
    border-radius: 20px;
    height: 249px;
}

.blog-item__body {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    height: calc(100% - 249px);
}

.blog-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: var(--primary-black);
    font-size: 16px;
    font-weight: 300;
    line-height: calc(20 / 16 * 100%);
    text-transform: uppercase;
}

.blog-item__title {
    color: var(--primary-black);
    padding-bottom: 24px;
}

.blog-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: var(--sub-green);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: calc(16 / 12 * 100%);
    margin-top: auto;
}

@media(max-width: 1439px) {
    .blog-item {
        width: 334px;
    }
}

@media(max-width: 1199px) {
    .blog .container {
        padding: 0;
    }
}

@media(max-width: 767px) {
    .blog-item {
        width: calc(100vw - 16px);
    }
}

/* ABOUT */

.about {
    background: #ffffff;
    border-radius: 20px;
    margin-top: 8px;
}

.about__wrapper {
    padding: 64px 32px;
    position: relative;
}

.about__title {
    max-width: 1018px;
}

.about__descr {
    margin-top: 32px;
    max-width: calc(562 / 1360 * 100%);
}

.about__card {
    position: absolute;
    right: 0;
    top: 0;
    height: 396px;
    width: calc(366 / 1424 * 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.about__card-stat {
    font-size: 132px;
    font-weight: 300;
    line-height: calc(100 / 132 * 100%);
    margin-top: auto;
}

.about__card-descr {
    color: #ffffff;
    opacity: .8;
}

.about__stat {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 32px 8px;
}

.about__stat-item {
    width: 100%;
}

.about__stat-item__value {
    font-size: 76px;
    font-weight: 400;
    line-height: calc(64 / 76 * 100%);
    color: var(--sub-green);
}

.about__stat-item__name {
    margin-top: 24px;
}

@media(max-width: 1439px) {
    .about__descr {
        max-width: 562px;
    }

    .about__stat {
        grid-template-columns: repeat(3, 1fr);
        width: calc(676 / 1184 * 100%);
    }
    
    .about__card {
        width: calc(366 / 1184 * 100%);
        bottom: 0;
        top: auto;
        height: 436px;
    }
    
}

@media(max-width: 1199px) {
    .about__title {
        max-width: 1000px;
    }

    .about__descr {
        max-width: 50%;
    }

    .about__card {
        width: calc(340 / 752 * 100%);
        height: 468px;
    }

    .about__card::before {
        top: 0;
    }

    .about__card-stat {
        font-size: 118px;
    }

    .about__stat {
        grid-template-columns: repeat(2, 1fr);
        width: calc(356 / 688 * 100%);
    }

    .about__stat-item__value {
        font-size: 62px;
    }
}

@media(max-width: 1023px) and (min-width:768px) {
    .about__title {
        font-size: 48px;
    }
}

@media(max-width: 1023px) {
    .about__title {
        max-width: 100%;
    }
    
    .about__card-stat {
        font-size: 96px;
    }

    .about__stat {
        margin-top: 32px;
    }

    .about__stat-item__value {
        font-size: 48px;
    }
    
    .about__stat-item__name {
        margin-top: 8px;
    }
}

@media (max-width: 1023px) {
    .about .text-def {
        font-size: 16px;
    }
}

@media(max-width: 767px) {
    .about__wrapper {
        padding: 48px 24px;
    }

    .about__descr {
        margin-top: 24px;
        max-width: 100%;
    }

    .about__card {
        margin-top: 32px;
        position: relative;
        height: 300px;
        width: calc(100% + (24px * 2));
        margin-left: -24px;
    }

    .about__stat {
        width: 100%;
    }

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

    .about__stat-item__value {
        font-size: 32px;
    }

    .about__stat-item__name {
        font-size: 12px;
    }
}

/* TEAM */

.team {
    margin-top: 64px;
}

.team__persons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.team__person {
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
}

@media(any-hover: hover) {
    .team__person:hover .team__person-photo::before {
        background: transparent;
    }
}

.team__person-photo {
    z-index: 1;
    aspect-ratio: 1 / 1.1;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.team__person-photo img {
    width: 100%;
    -o-object-position: center top;
       object-position: center top;
}

.team__person-info {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.team__person-info * {
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.team__person-contact {
    font-size: 16px;
    font-weight: 500;
    line-height: calc(20 / 16 * 100%);
    color: var(--sub-green);
}

@media(max-width: 1199px) {
    .team .container {
        padding: 0;
    }

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

@media(max-width: 1023px) {
    .team__persons {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 767px) {
    .team__persons {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* REVIEWS */

.reviews {
    margin-top: 64px;
}

.review {
    border-radius: 20px;
    background: #ffffff;
    padding: 20px;
    width: 334px;
}

.review[data-popup] {
    cursor: pointer;
}

.review__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}

.review__header * {
    margin: 0;
}

.review__header-block {
    max-width: calc(100% - 124px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.review__date {
    font-size: 14px;
}

.review__person {
    text-transform: uppercase;
}

.review__avatar {
    width: 104px;
    height: 104px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
}

.review__text {
    margin-top: 20px;
    height: 160px;
    overflow: hidden;
}

@media(max-width: 1199px) {
    .reviews .container {
        padding: 0;
    }
}

/* STRUCTURE */

.structure {
    margin-top: 64px;
}

.structure__items {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(280px, 1fr);
}

.structure__item:nth-child(2),
.structure__item:nth-child(1) {
    grid-row: span 2;
}

.structure__item:nth-child(2) {
    grid-column-start: 4;
}

.structure__item:nth-child(2)::before {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
    right: 0;
    bottom: auto;
}

.structure__item:nth-child(3),
.structure__item:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
}

.structure__item:nth-child(4) {
    grid-row-start: 2;
}

.structure__item-title {
    margin-top: 0;
}

.structure__item-title,
.structure__item-descr {
    max-width: 270px;
}

@media(max-width: 1439px) {
    .structure__items {
        grid-template-columns: 334px minmax(334px, auto) 334px;
    }

    .structure__item:nth-child(2) {
        grid-column: auto;
    }

    .structure__item:nth-child(3),
    .structure__item:nth-child(4) {
        grid-column-end: 3;
    }

}

@media(max-width: 1199px) {
    .structure .container {
        padding: 0;
    }

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

    .structure__item:nth-child(2) {
        grid-column: span 3;
        grid-row: auto;
    }

    .structure__item:nth-child(2)::before {
        bottom: 100%;
    }

    .structure__item-title,
    .structure__item-descr {
        max-width: 330px;
    }

    .structure__item:nth-child(3),
    .structure__item:nth-child(4) {
        grid-column-end: 4;
    }
}

@media(max-width: 1023px) {
    .structure__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .structure__item:nth-child(3),
    .structure__item:nth-child(4) {
        grid-row: auto;
        grid-column: span 2;
    }

    .structure__item:nth-child(2) {
        grid-column: auto;
        grid-row: span 2;
    }

    .structure__item-title,
    .structure__item-descr {
        max-width: 270px;
    }

    .structure__item:nth-child(2)::before {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        right: 100%;
        bottom: 0;
    }

    .structure__item:nth-child(1)::before {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
                transform-origin: bottom left;
        left: 100%;
        bottom: 0;
    }
}

@media(max-width: 767px) {
    .structure__items {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: minmax(360px, 1fr);
    }

    .structure__item {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .structure__item-title,
    .structure__item-descr {
        max-width: 100%;
    }

    .structure__item:nth-child(2)::before {
        width: 360px;
        background-size: cover;
        -webkit-transform: rotate(90deg) translateX(50%) translateY(50%);
            -ms-transform: rotate(90deg) translateX(50%) translateY(50%);
                transform: rotate(90deg) translateX(50%) translateY(50%);
        right: 50%;
        bottom: 50%;
    }

    .structure__item:nth-child(1)::before {
        width: 360px;
        background-size: cover;
        -webkit-transform: rotate(-90deg) translateX(-50%) translateY(50%);
            -ms-transform: rotate(-90deg) translateX(-50%) translateY(50%);
                transform: rotate(-90deg) translateX(-50%) translateY(50%);
        left: 50%;
        bottom: 50%;
    }
}

/* MISSION */

.mission {
    margin-top: 64px;
}

.mission__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(280px, 1fr);
    gap: 8px;
}

.mission-item.mission-item__green {
    padding: 40px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.mission-item__text {
    font-size: 32px;
    font-weight: 400;
    line-height: calc(40 / 32 * 100%);
    text-align: center;
    text-transform: uppercase;
}

.mission-item__title {
    margin-top: 0;
}

.mission-item__title,
.mission-item__descr {
    max-width: 270px;
}

@media(min-width: 1440px) {
    .mission-item:nth-child(6n - 4),
    .mission-item:nth-child(6n - 3), 
    .mission-item:nth-child(6n) {
        background: var(--sub-green);
        color: #ffffff;
    }

    .mission-item:nth-child(6n - 4)::before ,
    .mission-item:nth-child(6n - 3)::before , 
    .mission-item:nth-child(6n)::before {
        background: url('../img/icons/logo-pattern-services-green.svg') center / contain no-repeat;
    }
}

@media(max-width: 1439px) {
    .mission-item__text {
        font-size: 28px;
    }
}

@media(max-width: 1199px) {
    .mission .container {
        padding: 0;
    }

    .mission-item__text {
        font-size: 26px;
    }
}

@media(max-width: 1023px) {
    .mission__items {
        grid-template-columns: repeat(1, 1fr);
    }

    .mission-item:nth-child(5n)::before,
    .mission-item:nth-child(5n - 4)::before {
        top: auto;
        bottom: 0;
        rotate: 0deg;
    }

    .mission-item:nth-child(6n)::before,
    .mission-item:nth-child(6n - 2)::before {
        bottom: auto;
        top: 0;
        rotate: -180deg;
    }

    .mission-item__text {
        font-size: 32px;
    }

    .mission-item__title,
    .mission-item__descr {
        max-width: 308px;
    }

    .mission-item:nth-child(2n) {
        background: var(--sub-green);
        color: #ffffff;
    }

    .mission-item:nth-child(2n)::before {
        background: url('../img/icons/logo-pattern-services-green.svg') center / contain no-repeat;
    }
}

@media (max-width: 767px) {
    .mission__items {
        grid-auto-rows: minmax(360px, 1fr);
    }

    .mission-item__text {
        font-size: 24px;
    }

    .mission-item__title,
    .mission-item__descr {
        max-width: 100%;
    }
}

/* STEPS */

.steps {
    margin-top: 64px;
}

.steps__wrapper {
    padding: 60px;
}

.steps__wrapper.tab__content:not(.steps__wrapper.active) {
    padding: 0 !important;
}

.steps__wrapper.active {
    display: block;
}

.steps__wrapper::after {
    content: url('../img/icons/logo-pattern-steps.svg');
    position: absolute;
    top: 0;
    left: calc(1044 / 1360 * 100%);
}

.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 952px;
    width: 100%;
    padding-bottom: 40px;
}

.step:last-child {
    padding-bottom: 0;
}

.step__number {
    font-size: 76px;
    font-weight: 400;
    line-height: 72px;
    color: var(--sub-green);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 300px;
    max-width: 300px;
    overflow: hidden;
}

.step__content {
    max-width: 432px;
    width: 100%;
}

.step__ball-wrapper {
    width: 84px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.step:last-child .step__ball-wrapper::after {
    content: none;
}

.step__ball-wrapper::after {
    content: "";
    position: absolute;
    height: calc(100% + 28px);
    top: 52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    background: var(--sub-green);
}

.step__ball {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--sub-green);
}

.step__title {
    margin-top: 24px;
}

.step__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.step__descr strong {
    font-weight: 400;
    color: var(--sub-green);
}

@media(max-width: 1439px) {
    .steps__wrapper::after {
        content: none;
    }
}

@media(max-width: 1199px) {
    .steps .container {
        padding: 0;
    }

    .step__number {
        font-size: 62px;
        min-width: 200px;
        max-width: 200px;
    }

    .step {
        max-width: 840px;
    }
}

@media(max-width: 1023px) {
    .steps__wrapper {
        padding: 48px 32px;
    }

    .step {
        max-width: 100%;
    }

    .step__number {
        font-size: 48px;
        min-width: 180px;
        max-width: 180px;
    }

    .step__content {
        max-width: 440px;
    }

    .step__ball-wrapper::after {
        top: 52px;
    }
}

@media(max-width: 767px) {
    .step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 60px;
    }

    .step__number {
        font-size: 32px;
        line-height: 44px;
        min-width: auto;
        max-width: none;
    }

    .step__ball-wrapper {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 44px;
    }

    .step__content {
        max-width: 100%;
    }

    .step__ball-wrapper {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        padding-top: 6px;
    }

    .step__ball-wrapper::after {
        top: 38px;
        height: 100%;
    }
    
}

/* FAQ */

.faq {
    margin-top: 64px;
}

.faq__items {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.faq__item {
    -webkit-box-shadow: 0px 0px 5px 0px #0000000D;
            box-shadow: 0px 0px 5px 0px #0000000D;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--sub-green);
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    position: relative;
}

.faq__item::before {
    position: absolute;
    top: 20px;
    right: 87px;
    content: url(../img/icons/logo-pattern-faq-green.svg);
}

@media (any-hover: hover) {
    .faq__item:hover:not(.faq__item.active) {
        background-color: #ffffff;
    }

    .faq__item:hover:not(.faq__item.active)::before {
        content: url(../img/icons/logo-pattern-faq-white.svg);
    }

    .faq__item:hover:not(.faq__item.active) .card__title {
        color: var(--primary-black);
    }

    .faq__item:hover:not(.faq__item.active) .faq__item-state {
        background: var(--primary-green);
        color: #ffffff;
    }
}

.faq__item * {
    text-align: left;
    margin: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.faq__item-header {
    padding: 20px;
    padding-left: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.faq__item-header .card__title {
    color: #ffffff;
}

.faq__item-state {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-box-shadow: 0px 0px 5px 0px #0000001A;
            box-shadow: 0px 0px 5px 0px #0000001A;
    margin: 0 0 0 auto;
    position: relative;
    color: var(--sub-green);
}

.faq__item-state i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.faq__item:not(.faq__item.active) .faq__item-state ._icon-plus {
    opacity: 1;
}

.faq__item.active .faq__item-state ._icon-close {
    opacity: 1;
}

.faq__item-answer {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    opacity: 1;
    margin: 20px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.faq__item-answer li {
    list-style: disc;
    margin-left: 15px;
}

.faq__item-answer>* {
    max-width: 800px;
}

@media(max-width: 1199px) {
    .faq .container {
        padding: 0;
    }
}

@media(max-width: 1023px) {
    .faq__items {
        margin-bottom: 0;
    }

    .faq__item-answer>* {
        max-width: 100%;
    }
}

@media(max-width: 767px) {
    .faq__item-header {
        padding: 16px;
        padding-left: 24px;
        align-items: center;
        gap: 12px;
    }

    .faq__item-header .card__title {
        font-size: 16px;
    }

    .faq__item-state {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .faq__item-answer {
        margin: 0;
    }
}

/* DOCS */

.docs {
    margin-top: 64px;
}

.doc {
    width: 334px;
    aspect-ratio: 1 / 1.05;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.doc__header,
.doc__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.doc__header {
    text-align: right;
}

.doc__info * {
    margin: 0;
    margin-bottom: 8px;
}

.doc__footer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.doc__name {
    max-width: calc(100% - 34px);
}

@media(max-width: 1199px) {
    .docs .container {
        padding: 0;
    }
}

/* DETAILS */

.details {
    margin-top: 64px;
}

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

.details__card {
    width: 100%;
}

.details__card-list {
    margin-top: 24px;
}

.details__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}


.details__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.details__item * {
    font-size: 16px;
    font-weight: 400;
    line-height: calc(24 / 16 * 100%);
    color: var(--primary-black);
}

.details__item-name {
    opacity: .3;
    white-space: nowrap;
}

.details__item-border {
    border: 1px dashed var(--primary-black);
    opacity: .1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
}

.details__item-value {
    max-width: 75%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

@media(max-width: 1199px) {
    .details .container {
        padding: 0;
    }

    .details__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 767px) {
    .details__item {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .details__item * {
        font-size: 12px;
        white-space: normal;
    }

    .details__item-name {
        max-width: 40%;
    }

    .details__item-value {
        max-width: 60%;
    }
}

/* CONTACTS SLIDER */

.contacts-slider {
    margin-top: 0;
}

.contacts-slider .contacts__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.contacts-slider .contacts__map {
    width: 100%;
}

.contacts-slider .swiper-contacts {
    min-height: 500px;
    height: 60vh;
    border-radius: 20px;
    overflow: hidden;
    width: calc(986 / 1360 * 100%);
}

.contacts-slider .swiper-contacts .pagination {
    right: 8px !important;
    left: 8px !important;
}

@media(max-width: 1439px) {
    .contacts-slider .swiper-contacts {
        width: calc(100% - 366px - 8px);
    }
}

@media (max-width: 1199px) {
    .contacts-slider .swiper-contacts {
        width: calc(50% - 4px);
    }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .contacts-slider .contacts__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .contacts-slider .contacts__card::before {
        right: -45%;
    }
    .contacts-slider .contacts__card {
        width: calc(50% - 4px);
    }
}

@media(max-width: 1023px) {
    .contacts-slider .swiper-contacts {
        height: auto;
        min-height: auto;
        aspect-ratio: 1 / .83;
    }
}

@media(max-width: 767px) {
    .contacts-slider .swiper-contacts {
        width: 100%;
    }
}

/* COMPARISON */

.comparison {
    margin-top: 64px;
}

.comparison__table__wrapper {
    overflow: auto;
    width: calc(100% + 64px);
    padding: 0 32px;
    margin-left: -32px;
    scrollbar-width: 0;
}

.comparison__table__wrapper::-webkit-scrollbar {
    display: none;
}

.comparison__table {
    border-collapse: separate;
    border-spacing: 0 8px;
    width: 100%;
}

.comparison__table .card__descr,
.comparison__table .card__title {
    margin: 0 !important;
}

.comparison__table thead th:first-child {
    position: relative;
    overflow: hidden;
}

.comparison__table thead th:first-child::before {
    content: "";
    width: 340px;
    height: 200px;
    left: 0;
    top: 20px;
    position: absolute;
    background: url(../img/icons/logo-pattern-services-green.svg) center / contain no-repeat;
}

.comparison__table tr {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.comparison__table tr.card-green th,
.comparison__table tr.card-green td {
    background: var(--sub-green);
}

.comparison__table tr.card-white th,
.comparison__table tr.card-white td {
    background: #ffffff;
}

.comparison__table th{
    max-width: 100%;
}

.comparison__table th,
.comparison__table td {
    padding: 32px 8px;
}

.comparison__table td {
    vertical-align: top;
}

.comparison__table th:first-child,
.comparison__table td:first-child {
    padding-left: 32px;
    border-radius: 32px 0 0 32px;
    color: var(--sub-green);
}

.comparison__table th:last-child,
.comparison__table td:last-child {
    padding-right: 32px;
    border-radius: 0 32px 32px 0;
}

/* COMPARISON MOBILE */

.comparison.mobile {
    display: none;
}

.comparison__card {
    width: 80vw;
}

.comparison__card-title {
    color: var(--sub-green);
}

.comparsion__content {
    scrollbar-width: 0;
}

.comparsion__content::-webkit-scrollbar {
    display: none;
}

@media(max-width: 1199px) {
    .comparison .container {
        padding: 0;
    }
    .comparison__table__wrapper {
        width: calc(100% + 16px);
        padding: 0 8px;
        margin-left: -8px;
    }
}

@media(max-width: 1199px) {
    .comparison.desktop {
        display: none;
    }
    .comparison.mobile {
        display: block;
    }
    .comparison__card {
        width: 92vw;
    }
}

/* PRICE */

.price {
    margin-top: 64px;
}

.price__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    max-width: calc(1012 / 1360 * 100%);
}

.price__items:not(.price__items.tab__content) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.price__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    min-height: 260px;
}

.price__card-content {
    width: calc(100% - 70px);
}

.price__card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.price__card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right;
}

.price__card-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    max-width: 432px;
}

.price__card-footer {
    position: absolute;
    right: 32px;
    bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.price__card-btn {
    padding: 0 53px;
}

.price__card-link {
    gap: 8px;
    color: var(--sub-green);
}

.price__card-link:hover {
    background: none !important;
    color: var(--sub-green) !important;
}

.price__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 56px;
    margin: 40px 0;
}

.price__warning-info {
    max-width: 432px;
}

.price__warning-title {
    color: var(--sub-green);
    margin: 0;
}

@media(max-width: 1439px) {
    .price__items {
        max-width: 1012px;
    }
}

@media(max-width: 1199px) {
    .price .container {
        padding: 0;
    }

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

@media(max-width: 767px) {
    .price__card-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }

    .price__card-title br {
        display: none;
    }

    .price__card-info {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        text-align: left;
    }

    .price__card-descr {
        max-width: 100%;
    }

    .price__card-footer {
        position: static;
        margin: 0 auto;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        width: 100%;
    }

    .price__card-link,
    .price__card-btn {
        padding: 0;
        width: 100%;
    }

    .price__warning {
        gap: 23px;
    }
}

/* TAGCARDS */

.tagcards {
    margin-top: 64px;
}

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

.tagcards__item::before {
    content: url('../img/icons/logo-pattern-white.svg');
    position: absolute;
    top: 0;
}

.tagcards__item:nth-child(1n):before {
    right: -240px;
}

.tagcards__item:nth-child(2n):before {
    right: -200px;
}

.tagcards__item:nth-child(3n):before {
    right: -160px;
}

@media(max-width: 1199px) {
    .tagcards .container {
        padding: 0;
    }

    .tagcards__items {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media(max-width: 1023px) {
    .tagcards__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .tagcards__item {
        width: 100%;
    }
}

/* TARRIFS */

.tarrifs {
    margin-top: 64px;
}

.tarrifs__tabs {
    display: none;
}

.tarrifs__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.tarrif {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tarrif__card {
    min-height: 280px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 32px;
    margin-left: -32px;
    width: calc(264 / 1360 * 100%);
}

.tarrif__card:nth-child(1) {
    margin: 0;
    width: calc(664 / 1360 * 100%);
}

.tarrif__card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
}

.tarrif__card-content {
    max-width: 326px;
}

.tarrif__card-info,
.tarrif__card-info-main {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 32px;
}

.tarrif__card-info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.tarrif__card-info-main {
    gap: 8px;
}

.tarrif__card-btn {
    width: 160px;
}

@media(max-width: 1199px) {
    .tarrifs .container {
        padding: 0;
    }

    .tarrifs__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .tarrif {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .tarrif:not(.tarrif.active) {
        display: none;
    }

    .tarrif__card { 
        width: 100% !important;
        margin-left: 0 !important;
        min-height: 160px;
        margin-top: -40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .tarrif__card:nth-child(1) {
        min-height: 280px;
    }

    .tarrif__card-block {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .tarrif__card-content {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        max-width: 100%;
    }

    .tarrif__card-descr {
        width: calc(100% + 32px + 25px);
    }
    
    .tarrif__card-info,
    .tarrif__card-info-main {
        margin-left: 0;
        text-align: left;
    }

    .tarrif__card-info {
        margin-top: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .tarrif__card-info-main {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

/* ESSENCE */

.essence {
    margin-top: 64px;
}

.essence__items {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
}

.essence__card {
    min-height: 320px;
}

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

.essence__card-title {
    font-size: 20px;
    font-weight: 400;
    line-height: calc(24 / 20 * 100%);
}

@media(max-width: 1439px) {
    .essence__items {
        grid-template-columns: repeat(3, 1fr);
    }

    .essence__card:first-child {
        grid-row: span 3;
    }
}

@media(max-width: 1199px) {
    .essence .container {
        padding: 0;
    }

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

@media(max-width: 1023px) {
    .essence__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 767px) {
    .essence__items {
        grid-template-columns: repeat(1, 1fr);
    }

    .essence__card {
        min-height: 360px;
    }

    .essence__card:first-child {
        grid-row: auto;
    }
}

/* BANNER */

.banner {
    margin-top: 40px;
    height: 100%;
    min-height: 552px;
    border-radius: 20px;
    overflow: hidden;
}

.banner__title {
    margin-bottom: 112px;
}

.banner .promo__wrapper {
    padding: 64px 0 32px;
}

@media(max-width: 1023px) {
    .banner__title {
        margin-bottom: 32px;
    }
}

@media(max-width: 767px) {
    .banner {
        width: calc(100% + 16px);
        margin-left: -8px;
        border-radius: 12px;
    }
    .banner__title {
        margin-bottom: 136px;
    }
}

/* PARTNERS */

.partners {
    margin-top: 64px;
}

.partners__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.partners__content {
    width: calc(836 / 1424 * 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    padding: 64px;
    padding-left: 32px;
}

.partners .founder__card {
    gap: 24px !important;
    height: fit-content;
}

@media (min-width: 1440px) {
    .partners .founder__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: calc(580 / 1424 * 100%);
    }

    .partners .founder__video-wrapper {
        width: 100%;
    }

    .partners .founder__card {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
    }

    .partners .founder__video-play {
        width: 100px;
        height: 100px;
    }

    .partners .founder__video-play img {
        width: 30px;
    }
}

@media(max-width: 1439px) {
    .partners__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .partners__wrapper>* {
        width: 100%;
    }

    .partners__content {
        padding: 64px 32px;
    }

    .partners .founder__card {
        order: -1;
    }
}

@media(max-width: 1199px) {
    .partners__content {
        gap: 32px;
    }
}

@media(max-width: 767px) {
    .partners__content {
        padding: 24px;
        gap: 24px;
    }
}

/* PARTNER CASE */

.partner__case {
    margin-top: 64px;
}

.partner__case-card {
    padding: 64px 60px;
}

.partner__case-card.card-white::before {
    background: url(../img/icons/logo-pattern-partner-case.svg)
    center / contain no-repeat;
    width: 660px;
}

.partner__case-descr {
    max-width: 358px;
}

.partner__items {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

.partner__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}

.partner__item-value {
    font-size: 76px;
    font-weight: 400;
    line-height: 100%;
    color: var(--sub-green);
}

.partner__item-value.opacity {
    opacity: .2;
}

.partner__item-descr {
    max-width: 163px;
}

.partner__case-img {
    position: absolute;
    top: 64px;
    right: 32px;
    width: 556px;
    height: 316px;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 1;
}

@media(max-width: 1439px) {
    .partner__case-img {
        width: 485px;
        top: 12px;
        right: 60px;
    }
}

@media(max-width: 1199px) {
    .partner__case .container {
        padding: 0;
    }
    .partner__case-card {
        padding: 64px 32px;
    }
    .partner__case-img {
        right: -25%;
    }
}

@media(max-width: 1023px) {
    .partner__case-img {
        top: 0;
        width: 485px;
        height: 276px;
    }
}

@media(max-width: 767px) {
    .partner__case-card {
        padding: 32px;
    }

    .partner__case-descr {
        max-width: 100%;
    }

    .partner__items {
        margin-top: 32px;
    }

    .partner__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 12px;
    }

    .partner__item-value {
        font-size: 48px;
    }

    .partner__item-descr {
        max-width: 100%;
    }

    .partner__case-img {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin-top: 32px;
    }
}


/* ARTICLE */

.article__container {
    max-width: 896px;
    margin: 0 auto;
    width: 100%;
    
    color: var(--primary-black);
    font-weight: 300;
}

/* СТИЛИ ЭЛЕМЕНТОВ ТЕКСТА */

.article__container > h2,
.article__container > h3 {
    font-weight: 500;
    line-height: calc(36 / 32 * 100%);
    text-transform: uppercase;
}

.article__container > h2 {
    padding: 56px 0 32px;
    font-size: 32px;
    color: var(--dark-green);
}

.article__container > h3 {
    padding: 24px 0 12px;
    font-size: 20px;
    color: var(--primary-black);
}

.article__container > p,
.article__container > ul,
.article__container > ol,
.article__container > h4,
.article__container > h5,
.article__container > h6 {
    font-weight: 300;
    font-size: 16px;
    line-height: calc(24 / 16 * 100%);
    margin-bottom: 12px;
}

.article__container blockquote {
    opacity: 1 !important;
    color: var(--sub-green);
    padding-left: 20px;
    border-left: 2px solid var(--sub-green);
    font-weight: 400;
}

.article__container p a,
.article__container li a {
    display: inline;
    color: var(--primary-green);
    border-bottom: 1px solid var(--primary-green);
}

.article__container > ul li::marker,
.article__container > ol li::marker {
    color: var(--sub-green);
}

.article__container > ul:not(.article__tags),
.article__container > ol:not(.article__tags){
    padding-left: 18px;
}

.article__container p em {
    margin: 12px 0;
    display: block;
    font-style: normal;
    padding: 32px;
    font-size: 20px;
    font-weight: 400;
    opacity: 1;
    color: var(--sub-green);
    border: 1.5px solid var(--sub-green);
    border-radius: 20px;
}

.article__container > *:not(.article__header, .article__tags, .article__slider--big, .steps) {
    max-width: 664px;
    opacity: .8;
}

/* ШАГИ */

.article__container .steps {
    margin-top: 0;
}

.article__container .steps__wrapper {
    padding: 0;
    position: relative;
}

.article__container .steps__wrapper * {
    position: relative;
    z-index: 2;
}

.article__container .steps__wrapper::after {
    content: none;
}

/* СПИСОК ДОКУМЕНТОВ */

.article__docs {
    margin: 4px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.article__doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.article__doc::before {
    content: url(../img/icons/article-doc.svg);
}

.article__doc::after {
    content: url(../img/icons/article-download.svg);
}

.article__doc-name {
    opacity: .8 !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.article__doc-file {
    opacity: .56;
}

.article__docs li {
    opacity: 1;
    margin-left: 0 !important;
}

/* КАРТИНКА В СТАТЬЮ */

.article__img {
    margin-bottom: 16px;
}

.article__img-el {
    border-radius: 20px;
    overflow: hidden;
} 

.img-caption {
    margin-top: 8px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: calc(16 / 12 * 100%);
    opacity: .5;
}

/* ШАПКА СТАТЬИ */

.article__header {
    padding-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 32px;
    margin-bottom: 32px;
}

.article__title {
    max-width: 664px;
    font-size: 48px;
    font-weight: 400;
    line-height: calc(56 / 48 * 100%);
}

.article__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: calc(16 / 12 * 100%);
}

.article__date {
    color: var(--primary-black);
    opacity: .5;
}

.article__category {
    text-transform: uppercase;
    color: var(--sub-green);
}

.article__author {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.article__author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.article__author-name {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    color: var(--primary-black);
}

.article__author-position {
    font-size: 12px;
    font-weight: 400;
    line-height: calc(16 / 12 * 100%);
    color: var(--primary-black);
    opacity: .5;
    max-width: 130px;
}

.article__author-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #CFC7BA;
    overflow: hidden;
}

.article__author-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

/* ТЕГИ СТАТЬИ */

.article__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px !important;
}

.article__tag {
    padding: 8px 16px;
    background: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: calc(28 / 20 * 100%);
    border-radius: 30px;
    list-style: none;
}

/* АНОНС СТАТЬИ */

.article__announce {
    font-weight: 400;
    line-height: calc(28 / 20 * 100%);
    margin-bottom: 32px;
}

.article__announce,
.article__lid {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ЛИД-ТЕКСТ СТАТЬИ */

.article__lid {
    line-height: calc(24 / 20 * 100%);
    font-weight: 300;
}

/* СЛАЙДЕРЫ СТАТЬИ */

.article__slider {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}

.article__slider-wrapper {
    position: relative;
}

.article__slider--big {
    height: 460px;
    margin-bottom: 32px;
}

.article__slider--mini {
    height: 340px;
}

.article-swiper__btns .swiper__btn {
    top: 150px;
    position: absolute;
}

.article-swiper__btns .swiper__btn-left {
    right: calc(100% + 32px);
}

.article-swiper__btns .swiper__btn-right {
    left: calc(100% + 32px);
}

@media(max-width: 1023px) {
    .article__container {
        width: 100%;
    }
    .article__title {
        max-width: 100%;
    }
    .article__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }
    .article__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 35px;
    }
    .article__author {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }

    .article__container {
        max-width: 498px;
    }

    .article__main > h2,
    .article__main > h3 {
        max-width: 498px;
        margin-left: auto;
        margin-right: auto;
    }

    .article .steps__wrapper {
        max-width: 498px;
        margin: 0 auto;
    }

    .article .step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 60px;
    }

    .article .step__number {
        font-size: 32px;
        line-height: 44px;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    }

    .article .step__ball-wrapper {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 44px;
    }

    .article .step__content {
        max-width: 100%;
    }

    .article .step__ball-wrapper {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        padding-top: 6px;
    }

    .article .step__ball-wrapper::after {
        top: 38px;
        height: 100%;
    }

    .article-swiper {
        height: 256px;
    }

    .article-swiper__btns .swiper__btn {
        top: 108px;
    }
}

@media(max-width: 767px) {
    .article .container {
        padding: 0 8px;
    }
    .article__header {
        gap: 24px;
    }

    .article__title {
        font-size: 32px;
    }

    .article__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }

    .article__author {
        -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
                order: inherit;
    }

    .article__tag {
        font-size: 12px;
    }

    .article__announce,
    .article__lid {
        font-size: 16px;
    }

    .article__slider--big {
        height: 360px !important;
    }

    .article__container > p,
    .article__container > ul,
    .article__container > ol,
    .article__container > h4,
    .article__container > h5,
    .article__container > h6 {
        font-size: 14px;
    }

    .article__container > h2 {
        padding: 40px 0 24px;
    }

    .article-swiper__btns .swiper__btn-right {
        left: auto;
        right: 16px;
    }

    .article-swiper__btns .swiper__btn-left {
        right: auto;
        left: 16px;
    }

    .article__container em {
        padding: 24px;
        font-size: 16px;
    }

    .article__container > h2,
    .article__container > h3,
    .article__container,
    .article .steps__wrapper {
        width: 100%;
    }
}

@media(max-width: 480px) {
    .article__title {
        font-size: 7.2vw;
    }

    .article__container > h2 {
        font-size: 6vw;
    }
}

/* TECH */

.tech {
    margin-top: 44px;
}

.tech__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.tech__content {
    max-width: 432px;
}

.tech__descr {
    margin-top: 64px;
    font-size: 24px;
    font-weight: 300;
}

.tech__link {
    margin-top: 48px;
    width: 247px;
}

.tech__img {
    width: 664px;
    height: 372px;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (max-width: 1199px) {
    .tech .container {
        padding: 0;
    }

    .tech__descr {
        margin-top: 42px;
        font-size: 20px;
    }

    .tech__btn {
        margin-top: 32px;
    }

    .tech__img {
        max-width: calc(372 / 752 * 100%);
        width: auto;
        height: auto;
        max-height: 300px;
    }
}

@media(max-width: 767px) {
    .tech__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 32px;
    }

    .tech__content {
        max-width: 100%;
    }

    .tech__descr {
        font-size: 16px;
        margin-top: 24px;
    }

    .tech__link {
        margin-top: 32px;
    }

    .tech__img {
        max-width: 100%;
        max-height: 100%;
    }
}

/* COOKIES */

.cookies {
    position: fixed;
    bottom: 8px;
    left: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: .4s all;
}

.cookies.active {
    opacity: 1;
    pointer-events: all;
    z-index: 4;
}

.cookies::before {
    content: url(../img/icons/logo-pattern-white-big.svg);
    position: absolute;
    right: 0;
    top: 0;
}

.cookies__text {
    margin-top: 0;
}

.cookies__btn {
    width: 247px;
}

.cookies__text {
    max-width: 732px;
}

@media(max-width: 1199px) {
    .cookies {
        gap: 24px;
    }

    .cookies__text {
        max-width: calc(100% - 24px - 247px);
    }
}

@media(max-width: 767px) {
    .cookies {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cookies__text {
        max-width: 100%;
    }

    .cookies__btn {
        width: 100%;
    }
}

/* OVERLAY && POPUPS */

.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;

    opacity: 0;
    pointer-events: none;
    z-index: 2;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.overlay.active {
    opacity: 1;
    pointer-events: all;
    z-index: 10;
}

.popup {
    width: 752px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 95vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow-y: scroll;

    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.popup.active {
    opacity: 1;
    z-index: 5;
    pointer-events: all;
}

.popup__loader-wrapper {
    position: absolute;
    z-index: 3;
    inset: 0;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.popup__loader {
    width: 40px;
    height: 40px;
    border: 4px solid var(--bg-gray);
    border-top: 4px solid var(--sub-green);
    border-radius: 50%;
    -webkit-animation: 1s infinite loader linear;
            animation: 1s infinite loader linear;
}

@-webkit-keyframes loader {
    from {
        rotate: 0;
    } to {
        rotate: 360deg;
    }
}

@keyframes loader {
    from {
        rotate: 0;
    } to {
        rotate: 360deg;
    }
}

.popup__close {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 32px;
    right: 40px;
}

.card-green .popup__close {
    color: #ffffff;
}

.card-white .popup__close {
    color: var(--primary-black);
}

.popup-review {
    padding: 64px 60px;
}

.popup-review__header {
    gap: 32px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 70%;
}

@media(max-width: 767px) {
    .popup {
        width: calc(100% - 16px);
        left: 8px;
        right: 8px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .popup__close {
        top: 16px;
        right: 16px;
    }

    .popup-review {
        padding: 40px 24px;
    }

    .popup-review__header {
        max-width: 100%;
        gap: 16px;
    }

    .popup-review .review__avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .popup-review .review__header-block {
        width: calc(100% - 76px);
    }

}

.tdg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}