:root {
    --lite: #fff;
    --main-color: #95A777;
    --sub-color: #95A777;
    --sub-color-1: #95A777;
    --secondary-color: #4d4d4d;
    --bd: #00000011;
    --dark: #252525;
    --main-gradient: linear-gradient(
        to right,
        var(--main-color),
        var(--sub-color)
    );
    --reverse-gradient: linear-gradient(
        to right,
        var(--sub-color-1),
        var(--main-color)
    );
    --transp: transparent;
    --transition: 300ms;
    --roboto: RobotoCondensed, sans-serif;
    --gilroy: "Gilroy", Arial, Helvetica, sans-serif;
    --index: calc(1vw + 1vh);
    --bd-rs-sm: 5px;
    --bd-rs: 10px;
    --bd-rs-md: 16px;
    --bd-rs-xl: 20px;
}


h1,
h2 {
                font-family: var(--gilroy);
}

.theme_lite {
                background-color: transparent;
                border: 1px solid var(--sub-color);
}

.theme_full {
                background-image: var(--main-gradient);
                color: var(--lite);
                border: 1px solid var(--sub-color);
}
.theme_full .title{
                color: var(--lite);
}

@layer base {
                section:not(.top-banner) {
                                padding-top: 30px;
                                padding-bottom: 90px;
                }

                .section__header {
                                margin-bottom: 40px;
                }
}

.custom-hidden-block {
                display: none !important;
}

.section__description {
                text-align: center;
                font-weight: 300;
                font-size: 20px;
                line-height: 1.4;
                color: var(--secondary-color);
                width: 100%;
                max-width: 960px;
                margin: 0 auto;
}

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

.container_flex {
                display: flex;
                flex-wrap: wrap;
}

/* >>>>>>>>>>>>>>>>>>>>> */
/* БАННЕРЫ >>>>>>>>>>>>> */

.top-banner {
                background-color: #f0edf4;
}

.top-banner__inner {
                /* height: calc(100vh - 175px); */
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: stretch;
                position: relative;
}
@media (850px < height) {
                .top-banner__inner {
                                height: calc(100vh - 175px);
                }
}

.top-banner__content {
                position: relative;
                z-index: 2;
}
#top-banner-6 .top-banner__content {
                z-index: 2;
}
.top-banner__slogan {
                display: none !important;
}
.top-banner__title {
        font-size: 50px;
        color: var(--main-color);
        line-height: 1.1;
        font-weight: 800;
        max-width: 500px;
}
#top-banner-1 .top-banner__title {
                width: min-content;
                margin-bottom: 60px;
}

#top-banner-1 .top-banner__title p {
                margin-top: 0px;
                margin-bottom: 0px;
}

#top-banner-2 .top-banner__title {
                margin-bottom: 50px;
}
#top-banner-3 .top-banner__title {
                margin-bottom: 50px;
}
#top-banner-4 .top-banner__title {
                margin-bottom: 50px;
}
#top-banner-5 .top-banner__title {
                margin-bottom: 10px;
}
#top-banner-6 .top-banner__title {
                margin-bottom: 10px;
}
#top-banner-6 .top-banner__title br {
                display: none;
}
#top-banner-7 .top-banner__title,
#top-banner-8 .top-banner__title,
#top-banner-9 .top-banner__title {
                margin-bottom: 50px;
}

#top-banner-3 {
                background-image: url(../img/new/about-banner-bg.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
}
#top-banner-4 {
                overflow: clip;
                position: relative;
}
#top-banner-5 {
                overflow: clip;
}
#top-banner-6 {
                overflow: clip;
}
#top-banner-7 {
                overflow: clip;
}
.top-banner {
                overflow: clip;
}

#top-banner-1 .top-banner__slogan {
                position: absolute;
                top: 8px;
                left: 330px;
                text-transform: uppercase;
                line-height: 1;
                font-size: 24px;
                font-weight: 800;
                white-space: nowrap;
                font-family: var(--gilroy);
                color: var(--dark);
                margin: 0;
}
#top-banner-5 .top-banner__slogan {
                text-transform: uppercase;
                line-height: 1;
                font-size: 24px;
                font-weight: 800;
                white-space: nowrap;
                font-family: var(--gilroy);
                color: var(--dark);
                margin: 0;
                margin-bottom: 50px;
}
#top-banner-6 .top-banner__slogan {
                text-transform: uppercase;
                line-height: 1;
                font-size: 24px;
                font-weight: 800;
                white-space: nowrap;
                font-family: var(--gilroy);
                color: var(--dark);
                margin: 0;
                margin-bottom: 50px;
}
#top-banner-7 .top-banner__slogan,
#top-banner-8 .top-banner__slogan,
#top-banner-9 .top-banner__slogan {
                position: absolute;
                top: 74px;
                left: 357px;
                text-transform: uppercase;
                line-height: 1;
                font-size: 24px;
                font-weight: 800;
                font-family: var(--gilroy);
                color: var(--dark);
                margin: 0;
                width: 160px;
}

.top-banner__text {
                font-size: 20px;
}
#top-banner-4 .top-banner__text {
                max-width: 560px;
                margin-bottom: 50px;
}

.top-banner__content {
                position: relative;
                width: 100%;
                z-index: 2;
}

.top-banner__list {
                --gap: 10px;
                padding: 0;
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                font-size: 20px;
                gap: var(--gap);
}
#top-banner-1 .top-banner__list {
                width: 600px;
                margin-bottom: 40px;
}
#top-banner-2 .top-banner__list {
                width: 100%;
                margin-bottom: 50px;
}
#top-banner-3 .top-banner__list {
                margin-bottom: 50px;
}
#top-banner-6 .top-banner__list {
                margin-bottom: 50px;
                max-width: 330px;
}
#top-banner-7 .top-banner__list,
#top-banner-8 .top-banner__list,
#top-banner-9 .top-banner__list {
                margin-bottom: 50px;
}

.top-banner__list > li {
                position: relative;
                padding-left: 40px;
                line-height: 1.4;
}
#top-banner-1 .top-banner__list > li {
                width: calc((100% - var(--gap)) / 2);
}
#top-banner-2 .top-banner__list > li {
                width: 100%;
}
#top-banner-3 .top-banner__list > li {
                width: 100%;
}
#top-banner-6 .top-banner__list > li {
                width: 100%;
}
#top-banner-7 .top-banner__list > li,
#top-banner-8 .top-banner__list > li,
#top-banner-9 .top-banner__list > li {
                width: 100%;
}

.top-banner__list > li::before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 24px;
                height: 24px;
                background-image: var(--main-gradient);
                border-radius: 50%;
}

#top-banner-1 .top-banner__button {
                margin-bottom: 74px;
}
#top-banner-2 .top-banner__button {
                padding-inline: 20px;
}
#top-banner-6 .top-banner__button {
                margin-bottom: 50px;
                padding-inline: 20px;
}
#top-banner-7 .top-banner__button,
#top-banner-8 .top-banner__button,
#top-banner-9 .top-banner__button {
                margin-bottom: 50px;
                padding-inline: 20px;
}

#top-banner-5 .top-banner__buttons {
                display: flex;
                gap: 32px;
                align-items: center;
}
.top-banner__button {
                border: 1px solid var(--sub-color-1) !important;
}
.top-banner__button_lite {
                background: transparent !important;
                color: var(--main-color) !important;
                border: 1px solid var(--sub-color-1) !important;
}

#top-banner-1 .top-banner__gallery {
                display: flex;
                gap: 35px;
}

#top-banner-1 .top-banner__gallery-image {
                width: 238px;
                height: 134px;
                box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.1);
}

.top-banner__ratings {
                display: grid;
}
#top-banner-1 .top-banner__ratings {
                position: absolute;
                right: 0;
                bottom: 0;
                gap: 26px;
                z-index: 2;
}
#top-banner-2 .top-banner__ratings {
                grid-template-columns: repeat(3, 1fr);
                gap: 33px;
                width: fit-content;
                margin-bottom: 50px;
}
#top-banner-3 .top-banner__ratings {
                position: absolute;
                right: 190px;
                top: 50%;
                translate: 0 -50%;
                gap: 26px;
}
#top-banner-5 .top-banner__ratings {
                gap: 32px;
                grid-auto-flow: column;
                width: fit-content;
                margin-bottom: 50px;
}
#top-banner-6 .top-banner__ratings {
                gap: 32px;
                grid-auto-flow: column;
                width: fit-content;
                margin-bottom: 50px;
}
#top-banner-7 .top-banner__ratings,
#top-banner-8 .top-banner__ratings,
#top-banner-9 .top-banner__ratings {
                gap: 32px;
                grid-auto-flow: column;
                width: fit-content;
}

.top-banner__ratings-image {
                width: 270px;
                height: 113px;
                box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.1);
                position: relative;
}
.top-banner__ratings-image-link {
                position: absolute;
                inset: 0;
}

.top-banner__ratings .ratings-image-lg {
                display: block;
}
.top-banner__ratings .ratings-image-sm {
                display: none;
}

.top-banner__bg-layer {
                position: absolute;
                inset: 0;
}

#top-banner-1 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -30%;
                bottom: -50px;
                width: calc(var(--index) * 45);
                max-width: 910px;
                /* transition: var(--transition) linear; */
}
#top-banner-2 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -30%;
                bottom: -50px;
                width: calc(var(--index) * 45);
                max-width: 910px;
                /* transition: var(--transition) linear; */
}
#top-banner-4 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -18vw;
                bottom: -50px;
                width: calc(var(--index) * 36);
                max-width: 1500px;
                /* transition: var(--transition) linear; */
}
#top-banner-5 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -24%;
                bottom: -50px;
                width: calc(var(--index) * 45);
                max-width: 910px;
                /* transition: var(--transition) linear; */
}
#top-banner-6 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: 28%;
                bottom: -119px;
                width: calc(var(--index) * 39);
                max-width: unset;
                /* transition: var(--transition) linear; */
}
#top-banner-7 .top-banner__bg-1,
#top-banner-8 .top-banner__bg-1,
#top-banner-9 .top-banner__bg-1 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: 600px;
                bottom: -65px;
                width: calc(var(--index) * 33);
                max-width: unset;
                z-index: 1;
}

#top-banner-1 .top-banner__bg-2 {
                position: absolute;
                right: 70px;
                bottom: 0;
                width: calc(var(--index) * 26);
                max-width: 570px;
                z-index: 1;
}
#top-banner-2 .top-banner__bg-2 {
        position: absolute;
        right: -100px;
        bottom: -100px;
        width: calc(var(--index) * 30);
        max-width: 1024px;
        z-index: 1;
}
#top-banner-6 .top-banner__bg-2 {
                position: absolute;
                left: 30%;
                bottom: 0;
                width: calc(var(--index) * 26);
                max-width: unset;
                z-index: 1;
}
#top-banner-7 .top-banner__bg-2,
#top-banner-8 .top-banner__bg-2,
#top-banner-9 .top-banner__bg-2 {
                position: absolute;
                left: 688px;
                bottom: 0;
                width: calc(var(--index) * 23);
                max-width: unset;
                z-index: 1;
}

#top-banner-1 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -450px;
                bottom: 0;
                width: calc(var(--index) * 20);
}
#top-banner-2 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -350px;
                bottom: 0;
                width: calc(var(--index) * 15);
}
#top-banner-3 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -460px;
                bottom: 129px;
                width: calc(var(--index) * 26);
}
#top-banner-4 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -322px;
                bottom: 38px;
                width: calc(var(--index) * 15);
}
#top-banner-5 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -330px;
                bottom: 6px;
                width: calc(var(--index) * 16);
}
#top-banner-6 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -330px;
                bottom: 6px;
                width: calc(var(--index) * 16);
}
#top-banner-7 .top-banner__bg-3,
#top-banner-8 .top-banner__bg-3,
#top-banner-9 .top-banner__bg-3 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: -330px;
                bottom: 6px;
                width: calc(var(--index) * 16);
}

#top-banner-1 .top-banner__bg-4 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: 2vw;
                bottom: 325px;
                width: calc(var(--index) * 8);
                z-index: 0;
}
#top-banner-2 .top-banner__bg-4 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -10vw;
                bottom: 45px;
                width: calc(var(--index) * 8);
                z-index: 0;
}
#top-banner-3 .top-banner__bg-4 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: -7vw;
                bottom: -10px;
                width: calc(var(--index) * 15);
                z-index: 0;
                rotate: 15deg;
}
#top-banner-5 .top-banner__bg-4 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: 3vw;
                bottom: -10px;
                width: calc(var(--index) * 15);
                z-index: 0;
                rotate: -6deg;
}
#top-banner-7 .top-banner__bg-4,
#top-banner-8 .top-banner__bg-4,
#top-banner-9 .top-banner__bg-4 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                left: 26vw;
                bottom: 102px;
                width: calc(var(--index) * 15);
                z-index: 0;
                rotate: -6deg;
}

#top-banner-1 .top-banner__bg-5 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: 60px;
                bottom: -10px;
                width: calc(var(--index) * 3);
}
#top-banner-5 .top-banner__bg-5 {
                --x: 0px;
                --y: 0px;
                translate: var(--x) var(--y);
                will-change: translate;
                position: absolute;
                right: 60px;
                bottom: -10px;
                width: calc(var(--index) * 3);
}

.top-banner__video-link {
                background-color: #fff;
                display: flex;
                align-items: center;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 360px;
                height: 140px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                font-size: 16px;
                border-radius: var(--bd-rs-xl);
                padding: 8px;
                justify-content: flex-end;
                gap: 30px;
                transition: var(--transition);
                display: none;
}
.top-banner__video-link:hover {
                box-shadow: 0 0 30px color-mix(in srgb, var(--main-color), transparent 50%);
}
.top-banner__video-link-image {
                border-radius: var(--bd-rs-md);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                height: 100%;
                width: 123px;
}
.play-button {
                width: 40px;
                height: 40px;
                background-repeat: no-repeat;
                background-position: center;
                background: url(../img/new/play-button.png);
                position: absolute;
                right: 108px;
                bottom: 50px;
}
.link_full {
                position: absolute;
                inset: 0;
}

/* <<<<<<<<<< БАННЕРЫ */
/* <<<<<<<<<<<<<<<<<< */

.button {
                border-radius: var(--bd-rs);
                white-space: nowrap;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 16px 70px;
                font-family: var(--roboto);
                border: 1px solid var(--transparent);
                line-height: 1em;
                font-weight: 600;
                transition: calc(var(--transition) / 2);
                width: fit-content;
                background: var(--main-gradient);
                color: var(--lite);
                font-weight: 600;
                font-size: 26px;
                transition: var(--transition);
                cursor: pointer;
}

.button_std {
                max-width: 200px;
                width: 100%;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                font-size: 16px;
                line-height: 100%;
                font-weight: 700;
}

.button_link {
                width: 100%;
                text-align: center;
                font-size: 24px;
                line-height: 100%;
                font-weight: 700;
                padding: 15px 40px;
                background: var(--main-color);
}

.button:hover {
                opacity: 0.8;
}

.image {
                overflow: hidden;
                border-radius: var(--bd-rs);
}

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

.image_cover img {
                object-fit: cover;
}

.why-us__inner {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
}

.why-us__card {
                border-radius: var(--bd-rs-xl);
                height: 258px;
                display: flex;
                align-items: center;
                padding: 30px;
                width: 0;
                flex-grow: 1;
                flex-shrink: 1;
                overflow: clip;
}

.why-us__card:nth-child(1) {
                width: auto;
                /* min-width: 50%;
                max-width: 60%;
                flex-basis: 760px; */
                width: clamp(100px, 55%, 760px);
}

.why-us__card:nth-child(2) {
                width: auto;
                /* min-width: 30%;
                max-width: 40%;
                flex-basis: 560px; */
                width: clamp(100px, 40%, 560px);
}

.why-us__card:nth-child(3) {
                width: auto;
                /* min-width: 10%;
                max-width: 30%;
                flex-basis: 275px; */
                width: clamp(100px, 20%, 275px);
}

.why-us__card:nth-child(4) {
                width: auto;
                /* min-width: 10%;
                max-width: 30%;
                flex-basis: 275px; */
                width: clamp(100px, 20%, 275px);
}

.why-us__card:nth-child(5) {
                width: auto;
                /* min-width: 10%;
                max-width: 50%;
                flex-basis: 460px; */
                width: clamp(100px, 35%, 460px);
}

.why-us__card:nth-child(6) {
                width: auto;
                /* min-width: 10%;
                        max-width: 30%;
                        flex-basis: 275px; */
                width: clamp(100px, 20%, 275px);
}

.why-us__card-title {
                font-weight: 600;
                font-size: 32px;
                line-height: 1.4;
                text-transform: uppercase;
                margin-bottom: 18px;
                font-family: RobotoCondensed, sans-serif !important;
}

.why-us__card-decorate {
                display: flex;
                flex-grow: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 250px;
                font-weight: 600;
                min-width: 155px;
}

.why-us__card-decorate img {
                width: 100%;
                height: auto;
                flex-shrink: 0;
}

.theme_full .why-us__card-decorate {
                color: rgba(255, 255, 255, 0.4666666667);
}

.theme_lite .why-us__card-decorate {
                color: #c6d0b6;
                z-index: -1;
}

.title_section {
                text-align: center;
                font-weight: 800;
                font-size: 36px;
                position: relative;
                width: fit-content;
                margin: 0 auto;
                margin-bottom: 24px;
                text-decoration: underline;
                text-decoration-skip-ink: none;
                text-decoration-color: color-mix(
                                in srgb,
                                var(--main-color),
                                transparent 90%
                );
                text-underline-offset: -0.2em;
                text-decoration-thickness: 0.4em;
}
.title_section.text-left {
                margin-left: 0;
                margin-right: 0;
                text-align: left;
}

.title_section_left {
                margin: 0 auto 7px 0;
}

/* .title_section::before {
                display: block;
                content: "";
                position: absolute;
                top: 24px;
                left: 0;
                right: 0;
                width: 100%;
                height: 19px;
                border-radius: var(--bd-rs-sm);
                background: var(--main-color);
                opacity: 0.09;
} */
.serv-price {
                padding-bottom: 0;
}

.serv-price__inner {
                background-image: url(../img/new/price-bg.png);
                background-size: auto;
                background-repeat: no-repeat;
                background-position: center top 250px;
                padding-bottom: 54px;
}

.serv-price__list {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 80px 200px;
                align-items: start;
}

.serv-price__item {
                padding: 16px 32px;
                background-color: rgba(255, 255, 255, 0.3333333333);
                backdrop-filter: blur(8px);
                border-radius: var(--bd-rs-md);
                box-shadow: 0 1px 12px rgba(64, 64, 64, 0.2);
                font-size: 20px;
}

.serv-price__item-title {
                font-weight: 700;
                font-size: 20px;
                line-height: 1.4;
                background: var(--main-gradient);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 8px;
}

.process-implant {
                padding: 100px 0;
}

.process-implant__inner {
                position: relative;
}

.process-implant__illustrate {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: -1;
                top: 200px;
}

.process-implant__bg-1 {
                /* position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); */
}

.process-implant__content {
                font-size: 20px;
                display: flex;
                flex-direction: column;
                gap: 40px;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                height: 600px;
                align-content: space-between;
}

.process-implant__item-title {
                font-weight: 700;
                font-size: 20px;
                line-height: 1.4;
                background: var(--main-gradient);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 8px;
}

.process-implant__item {
                width: 30%;
                border-bottom: 1px solid #c6c6c6;
                position: relative;
}

.process-implant__item .arrow-line {
                position: absolute;
                height: 0;
                width: 150px;
                border-bottom: 1px solid #c6c6c6;
                bottom: -1px;
}

.process-implant__item .arrow-line span {
                position: absolute;
                top: 0;
                translate: 0 -50%;
                height: 60px;
                width: 60px;
                border-radius: 50%;
                background: var(--main-gradient);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 48px;
                color: white;
                font-weight: 600;
                rotate: calc(-1 * var(--rotate));
}

.process-implant__item[data-process-count="1"] .arrow-line {
                --rotate: 45deg;
                right: 0;
                translate: 100%;
                rotate: var(--rotate);
                transform-origin: left;
}

.process-implant__item[data-process-count="1"] .arrow-line span {
                right: 0;
                translate: 50% -50%;
}

.process-implant__item[data-process-count="2"] .arrow-line {
                --rotate: -45deg;
                right: 0;
                translate: 100%;
                rotate: var(--rotate);
                transform-origin: left;
}

.process-implant__item[data-process-count="2"] .arrow-line span {
                right: 0;
                translate: 50% -50%;
}

.process-implant__item[data-process-count="3"] .arrow-line {
                --rotate: -45deg;
                left: 0;
                translate: -100%;
                rotate: var(--rotate);
                transform-origin: right;
}

.process-implant__item[data-process-count="3"] .arrow-line span {
                left: 0;
                translate: -50% -50%;
}

.process-implant__item[data-process-count="4"] .arrow-line {
                --rotate: 45deg;
                left: 0;
                translate: -100%;
                rotate: var(--rotate);
                transform-origin: right;
}

.process-implant__item[data-process-count="4"] .arrow-line span {
                left: 0;
                translate: -50% -50%;
}

.aesthetic__inner {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 32px;
}

.aesthetic__item {
                padding: 36px 0 0 0;
                background-image: url(../img/new/aesthetic-decor.png);
                background-repeat: no-repeat;
                background-position: right 24px bottom 32px;
                font-size: 18px;
                position: relative;
}

.aesthetic__item-border {
                padding: 70px 50px 90px;
                border-radius: var(--bd-rs-sm);
                border: 1px solid rgba(0, 0, 0, 0.2);
                height: 100%;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.0666666667);
}

.aesthetic__item-title {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                display: block;
                color: #fff;
                font-weight: 700;
                font-size: 40px;
                background: var(--main-gradient);
                display: flex;
                align-items: center;
                justify-content: center;
                width: 312px;
                height: 66px;
                border-radius: var(--bd-rs);
}

.aesthetic__gallery {
                display: flex;
                flex-wrap: wrap;
                gap: 32px;
                margin: 40px 0;
}

.aesthetic__gallery > * {
                width: calc((100% - 96px) / 4);
}

.aesthetic__gallery-image {
                border-radius: var(--bd-rs-md);
                box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
                overflow: hidden;
                color: #fff;
}

.icv__circle {
                background-color: var(--main-color);
                width: 40px;
                height: 40px;
}

.icv__arrow-wrapper path {
                stroke: #fff;
}

.aesthetic-gallery-button {
                margin: 0 auto;
                display: flex;
                border-radius: var(--bd-rs-sm);
}

.premies {
                padding-top: 0;
}

.premies__inner {
                display: flex;
                align-items: stretch;
                justify-content: center;
                gap: 32px;
       /*         height: 450px;*/
}

.premies__item {
                flex-grow: 0;
}
.premies__item-image {
/*                aspect-ratio: 0.8;
                width: auto;
                height: 100%;*/
                margin-top: 30px;
                box-shadow: 0 0 8px #00000011;
}

.premies__item img {
                width: 100%;
                height: 100%;
                object-fit: cover !important;
}


.social-section {
}

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

.social-section__link {
                width: 124px;
                height: 124px;
                filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
                transition: var(--transition);
}

.social-section__link:hover {
                scale: 0.9;
}

.social-section__link img,
.social-section__link svg {
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block;
}

.why-us-lite {
}

.why-us-lite .section__header {
                margin-bottom: 120px;
}

.why-us-lite__inner {
                background-image: url(../img/new/why-us-lite-bg.jpg);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 310px;
                margin: 40px 0;
}

.why-us-lite__inner .my-container {
                position: relative;
                height: 100%;
}

.why-us-lite__card {
                background-color: #fff;
                border: 1px solid #00000011;
                border-radius: var(--bd-rs);
                padding: 28px 35px;
                max-width: 600px;
                position: absolute;
                top: 50%;
                left: -15px;
                translate: 0 -50%;
                height: calc(100% + 80px);
                max-width: 640px;
                background-image: url(../img/new/why-us-lite-card-bg.png);
                background-repeat: no-repeat;
                background-position: right -30px bottom -30px;
                box-shadow: 0 0 16px #00000011;
}

.why-us-lite__card p {
                margin: 0;
}

.why-us-lite__card p:not(:last-child) {
                margin-bottom: 16px;
}

.links__list {
                display: flex;
                flex-wrap: wrap;
                gap: 25px;
                padding: 0;
                align-items: center;
                justify-content: center;
}

.welcome {
}

.welcome__video-block {
                position: relative;
                margin-top: 110px;
}

.welcome__video {
                border-radius: var(--bd-rs-sm);
                width: 100%;
                object-fit: cover;
                height: 100%;
                display: block;
}

.welcome__video-wrap {
                position: relative;
                max-width: 940px;
                margin-left: auto;
                display: block;
}

.welcome__video-wrap::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 60px;
                height: 60px;
                background: url(../img/play-btn.svg) 50%;
                background-size: cover;
}

.welcome__card {
                border-radius: var(--bd-rs-sm);
                background-color: #fff;
                border: 1px solid #00000011;
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                translate: 0 -50%;
                width: 570px;
                box-shadow: 0 0 16px #00000011;
                padding: 40px 16px 16px 40px;
                z-index: 1;
                background-image: url(../img/new/why-us-lite-card-bg.png);
                background-repeat: no-repeat;
                background-position: right -30px bottom -30px;
}

.welcome__card-title {
                color: var(--main-color);
                font-family: var(--gilroy);
                font-weight: 900;
                font-size: 20px;
                line-height: 1.2;
}

/* Замена стандартных цифр списка на кастомные */
.prepare__steps {
                list-style: none;
                counter-reset: step;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 32px;
                padding: 0;
                margin-bottom: 70px;
                flex-wrap: wrap;
}
.prepare__steps_theme_1 {
                gap: 10px;
}
.prepare__steps_theme_2 {
                max-width: 1100px;
                margin: 0 auto;
}
.prepare__steps_theme_2 .prepare__step {
                width: calc((100% - (32px * 1)) / 2);
}

.prepare__inner + .section__header {
                margin-top: 100px;
}

.prepare__step {
                counter-increment: step;
                position: relative;
                padding-left: 30px;
                display: flex;
                align-items: center;
                gap: 24px;
                width: calc((100% - (32px * 2)) / 3);
                padding: 0;
                font-size: 20px;
                line-height: 1.4;
}
.prepare__steps_theme_1 .prepare__step {
                width: 100%;
}

.prepare__step a {
                color: inherit;
                text-decoration: underline;
                text-decoration-thickness: 0.5px;
                text-underline-offset: 3px;
}

.prepare__step a:hover {
                color: var(--main-color);
}

.prepare__step::before {
                content: counter(step);
                width: 100px;
                height: 100px;
                border-radius: 50%;
                background: var(--main-gradient);
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 64px;
                line-height: 20px;
                flex-shrink: 0;
                flex-grow: 0;
                font-weight: 800;
}
.prepare__steps_theme_1 .prepare__step::before {
                font-size: 38px;
                height: 64px;
                width: 64px;
}

.prepare__description {
/*        height: 543px; */
                display: flex;
                align-items: center;
                position: relative;
}

.prepare__description-card {
                width: 100%;
                border: 1px solid #00000011;
                box-shadow: 0 0 8px #00000011;
                padding: 40px;
                font-size: 16px;
                margin-top: 80px;
                border-radius: var(--bd-rs-sm);
                color: #4d4d4d;
                background-repeat: no-repeat;
                background-position: center bottom -30px;
}
.prepare__description-card_wide{
                background-position: right 40px bottom -30px;

}

.prepare__description-card > * {
                max-width: 520px;
}

.prepare__description-card > p {
                margin-bottom: 0;
}

.prepare__description-title {
                color: var(--main-color);
                font-family: var(--gilroy);
                font-weight: 900;
                font-size: 24px;
                margin-bottom: 25px;
}

.prepare__description-illustrate {
                aspect-ratio: 1;
                max-width: 480px;
                position: absolute;
                top: 50%;
                right: 58px;
                translate: 0 -50%;
}

#koronki {
                margin-bottom: 160px;
}

#karies .article__inner,
#koronki .article__inner {
                position: relative;
                margin-left: auto;
                max-width: 768px;
}

#karies .underline-decor,
#koronki .underline-decor {
                margin-bottom: 160px;
}

#karies .article__illustrate,
#koronki .article__illustrate {
                max-width: 650px;
                aspect-ratio: 1;
                position: absolute;
                top: 0;
                left: -100%;
                translate: 100px 0;
                display: flex;
                justify-content: center;
                align-items: center;
}

#karies .article__illustrate .image,
#koronki .article__illustrate .image {
                width: 100%;
                height: 100%;
}

#karies .underline-decor,
#koronki .underline-decor {
                border-bottom: 1px solid var(--bd);
                padding-bottom: 16px;
                position: relative;
}

#karies .underline-decor::before,
#koronki .underline-decor::before {
                --rotate: -30deg;
                content: "";
                display: block;
                border-bottom: 1px solid var(--bd);
                position: absolute;
                height: 0;
                width: 200px;
                left: 0;
                bottom: -1px;
                translate: -100% 0;
                transform-origin: right;
                rotate: var(--rotate);
                z-index: 10;
}

.article__title {
                font-size: 32px;
                font-weight: 900;
                margin-bottom: 16px;
                font-family: var(--gilroy);
}

.reviews {
}

.reviews__inner {
                display: flex;
                flex-wrap: wrap;
                gap: 25px;
                margin-top: 110px;
}

.reviews__item {
/*        background-image: url(../img/new/rev-decor.png);   */
                background-repeat: no-repeat;
                background-position: right 30px bottom 30px;
                border: 1px solid #00000011;
                box-shadow: 0 0 8px #00000011;
                padding: 13px 54px 24px;
                font-size: 18px;
                width: calc((100% - (25px * 1)) / 2);
}

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

.reviews__item-avatar {
                width: 68px;
                height: 68px;
                background-image: url(../img/new/ava_lorem.jpeg);
                background-repeat: no-repeat;
                background-size: cover;
}

.reviews__item-meta {
                line-height: 1.2;
                display: flex;
                flex-wrap: wrap;
                gap: 4px 9px;
                align-items: center;
}

.reviews__item-name {
                width: 100%;
}

.reviews__item-rating {
                width: 75px;
                height: 15px;
                background-image: url(../img/new/stars-grey.png);
                background-position: 0 0;
                background-repeat: no-repeat;
                position: relative;
                flex-grow: 0;
                flex-shrink: 0;
}

.reviews__item-rating-state {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 75px;
                height: 15px;
                width: calc(var(--state) * 100% / 5);
                background-image: url(../img/new/stars-full.png);
                background-position: 0 0;
                background-repeat: no-repeat;
}

.reviews__item-date {
                font-size: 16px;
                color: #4d4d4d;
}

.reviews__item-body {
                line-height: 1.4;
}

.reviews__footer {
}

.reviews__refer {
                max-width: 100px;
                width: fit-content;
}

.reviews-button {
                margin: 0 auto;
                display: flex;
                border-radius: var(--bd-rs-sm);
                margin-top: 44px;
}

.professional {
}

.professional__inner {
                display: grid;
                grid-template-columns: 450px 1fr;
                gap: 60px;
                margin-top: 70px;
                align-items: start;
}

.pro-card {
                border-radius: var(--bd-rs-xl);
                border: 1px solid var(--bd);
                box-shadow: 0 0 8px #00000011;
                padding: 24px;
                max-width: 450px;
}

.pro-card__image {
                aspect-ratio: 0.86;
                width: 100%;
                margin-bottom: 24px;
}

.pro-card__body {
}

.pro-card__title {
                font-size: 24px;
                font-weight: 600;
                margin: 0;
                margin-bottom: 10px;
}

.pro-card__text {
                font-size: 16px;
                color: var(--secondary-color);
                margin: 0;
}

.professional__stack {
}

.professional__cards {
                display: flex;
                gap: 16px;
}

.professional__cards > * {
                width: calc((100% - (16px * 2)) / 3);
}

.pro-card_sm .pro-card__title {
                font-size: 15px;
                margin-bottom: 13px;
}

.pro-card_sm .pro-card__text {
                font-size: 12px;
}

.pro-card_sm .pro-card__image {
                margin-bottom: 18px;
}

.professional__stack-text-top {
                font-size: 24px;
                line-height: 1.4;
                background: var(--main-gradient);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
}

.professional__stack-text-bottom {
                font-size: 18px;
                line-height: 1.6;
                color: #4d4d4d;
}

.serv-price {
}

.serv-price__inner {
                background-image: url(../img/new/price-bg.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                padding: 60px 0;
}

.serv-price__list {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 80px;
}

.serv-price {
}

.other-services {
}
.other-services__inner {
}
.other-services__list {
                display: grid;
                grid-template-columns: repeat(
                                var(--horisontal-columns, auto-fit),
                                minmax(clamp(200px, 17%, 400px), 1fr)
                );
                gap: 15px 18px;
}
.other-services__item a {
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--main-color);
                border-radius: var(--bd-rs-md);
                border: 1px solid var(--main-color);
                height: 54px;
                transition: var(--transition);
                font-weight: 600;
                font-size: 18px;
                line-height: 1;
                text-align: center;
}
.other-services__item a:hover {
                background-color: var(--main-color);
                color: #fff;
}
.links__list {
                display: flex;
                gap: 16px;
                align-items: center;
                flex-wrap: wrap;
                justify-content: center;
}
.links__item {
}
.links__item-link {
                font-size: 24px;
                color: #fff;
                font-weight: 600;
                background-image: var(--main-gradient);
                border: 1px solid var(--sub-color);
                padding: 8px 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 66px;
                border-radius: var(--bd-rs-md);
                transition: var(--transition);
}
.links__item-link:hover {
                opacity: 0.8;
}
#koronki-2 .article-content {
                padding-left: 80px;
                margin-top: 60px;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
}
.article__list {
                display: grid;
                height: fit-content;
}
.article__list_simple {
                max-width: 550px;
}
.article__list-item {
                display: grid;
                position: relative;
                padding-left: 40px;
                font-size: 20px;
}
.article__list-item::before {
                content: "";
                position: absolute;
                left: 0;
                top: 5px;
                width: 19px;
                height: 19px;
                background-image: var(--main-gradient);
                border-radius: 50%;
}
.item-title {
                font-size: 20px;
                line-height: 1.4;
                color: var(--main-color);
                font-weight: 600;
                margin: 0;
}
.article-content p:not(.item-title) {
                margin-top: 9px;
                line-height: 1.4;
}
.article__lllustrate {
                position: relative;
}
#koronki-2 .article__lllustrate .image {
                position: absolute;
                right: -232px;
                width: calc(var(--index) * 38);
                top: calc(var(--index) * -6);
}
.article-content_theme_1 {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(min(355px, 100%), 1fr));
                gap: 30px;
                padding: 0;
                gap: 20px;
}
.link_category {
                width: fit-content;
                padding-inline: 20px;
                margin-left: 40px;
                margin-bottom: 36px;
}
.article-content.article-content_theme_1 p {
                margin-top: 0;
}
.article-content_theme_2 {
                max-width: 1100px;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(min(355px, 100%), 1fr));
                gap: 30px;
                padding: 0;
                gap: 20px;
}
.prepare__steps_theme_3 {
                flex-direction: column;
                align-items: flex-start;
                margin: 0;
}
.prepare__steps_theme_3 .prepare__step {
                max-width: 925px;
                width: 100%;

}
.article-content strong {
                color: var(--main-color);
}
.article-content .title_h3 {
                margin-bottom: 32px;
}
.title_h3 {
                font-weight: 800;
                font-size: 32px;
                color: #252525;
                font-family: var(--gilroy);
}
#viniry-2{
                background-color: #F0EDF4;
}
.article:has(.article__bg-layer){
                /* overflow: clip; */
}
.article .my-container{
                position: relative;
}
.article__bg-layer{
                position: absolute;
                inset: 0;
}
.article__bg-image{
                position: absolute;
                bottom: -54px;
                right: 0;
                translate: 50% 0;
                width: calc(var(--index) * 34);
}

.facts__list {
                display: flex;
                flex-wrap: wrap;
                gap: 16px 32px;
                align-items: center;
                justify-content: center;
}
.facts__item {
        display: flex;
        align-items: center;
        /* width: min(650px, 50%); */
        width: min(650px, 100%);
        border: 1px solid var(--main-color);
        border-radius: var(--bd-rs-md);
        height: 112px;
        font-size: 20px;
        padding: 20px;
        line-height: 1.4;
        gap: 16px;
}
.facts__item p:not(.facts__item-title) {
        flex: 1 0 70%;
}
.facts__item-title {
                color: var(--main-color);
                font-weight: 600;
                text-wrap: balance;
                flex: 1 0 25%;
}
.prepare__step-title{
                font-weight: 400;
                color: var(--main-color);
}
#viniry-4 .prepare__step{
                font-size: 18px;
}
#viniry-4 .prepare__description-card > * {
        max-width: 100%;
}
#koronki-2{
                margin-bottom: 100px;
}
@media (1440px >= width) {
                .why-us__card-title {
                                font-size: 25px;
                }

                .serv-price__list {
                                gap: 80px clamp(10px, 10%, 200px);
                }

                #karies .article__illustrate,
                #koronki .article__illustrate {
                                left: -85%;
                }
                .top-banner__inner {
                                height: calc(100vh - 160px);
                }
}
@media (850px > height) {
                .top-banner__inner {
                                height: 70vh;
                }
}

@media (1300px >= width) {
                .process-implant__content {
                                gap: 16px;
                                height: 800px;
                }

                .why-us-lite__card {
                                left: 20px;
                }
                .professional__cards > * {
                                width: calc((100% - 16px) / 2);
                }
                .professional__cards > *:nth-child(3) {
                                display: none;
                }
                .article__bg-image {
                                position: absolute;
                                bottom: -54px;
                                right: 0;
                                translate: 30% 0;
                                width: calc(var(--index) * 20);
                }
}

@media (1150px >= width) {
                .why-us__card:nth-child(1),
                .why-us__card:nth-child(2),
                .why-us__card:nth-child(3),
                .why-us__card:nth-child(4),
                .why-us__card:nth-child(5),
                .why-us__card:nth-child(6) {
                                width: calc((100% - 18px) / 2);
                }

                .serv-price__list {
                                grid-template-columns: 100%;
                                gap: 40px;
                }

                .serv-price__inner {
                                background-size: 120%;
                }

                .serv-price__item {
                                max-width: 570px;
                }

                .serv-price__item p {
                                margin: 0;
                                line-height: 1.2;
                                margin-top: 7px;
                }

                .serv-price__item:nth-child(even) {
                                margin-left: auto;
                }

                .aesthetic__inner {
                                gap: 24px;
                }

                .aesthetic__gallery {
                                gap: 24px;
                }

                .aesthetic__gallery > * {
                                width: calc((100% - (24px * 2)) / 3);
                }

                .aesthetic__gallery-image:nth-child(4) {
                                display: none;
                }

                .premies__inner {
                                gap: 20px;
                }

                .welcome__video-wrap {
                                position: relative;
                                max-width: 700px;
                                margin-left: auto;
                                display: block;
                                aspect-ratio: 1;
                }

                .prepare__steps {
                                flex-direction: column;
                                margin: 0 auto;
                                max-width: 450px;
                                margin-bottom: 70px;
                }
                .prepare__steps_theme_1 {
                                max-width: 790px;
                }

                .prepare__step {
                                width: 100%;
                                line-height: 1.4;
                }
                .prepare__steps_theme_2 {
                                max-width: unset;
                                flex-direction: row;
                }

                .prepare__steps_theme_2 .prepare__step {
                                width: calc((100% - (32px * 1)) / 2);
                }

                .prepare__description-card {
                                padding-left: 24px;
                }

                .prepare__description-card > * {
                                max-width: 55%;
                }

                .prepare__description-illustrate {
                                max-width: 380px;
                                right: 0;
                }

                #karies .article__inner,
                #koronki .article__inner {
                                max-width: 768px;
                                width: 60%;
                }

                #karies .article__illustrate,
                #koronki .article__illustrate {
                                left: -500px;
                                translate: 0 0;
                }

                #karies .underline-decor::before,
                #koronki .underline-decor::before {
                                --rotate: -45deg;
                                width: 150px;
                }

                .reviews__inner {
                                max-width: 658px;
                                margin-left: auto;
                                margin-right: auto;
                }

                .reviews__item {
                                width: 100%;
                }

                .professional__cards > * {
                                width: 100%;
                }
                .professional__cards > *:nth-child(2) {
                                display: none;
                }
                #top-banner-1 .top-banner__bg-2 {
                                right: -160px;
                }
                .top-banner__ratings .ratings-image-lg {
                                display: none;
                }
                .top-banner__ratings .ratings-image-sm {
                                display: block;
                }
                .top-banner__ratings-image {
                                width: 128px;
                                height: 75px;
                }
                .top-banner__ratings {
                                gap: 24px;
                }
                #top-banner-1 .top-banner__gallery-image {
                                width: 150px;
                                height: 94px;
                }
                .top-banner__button {
                                margin-bottom: 64px;
                }
                #top-banner-1 .top-banner__gallery {
                                gap: 22px;
                }
                #top-banner-1 .top-banner__bg-4 {
                                right: 23vw;
                                bottom: 107px;
                                rotate: -45deg;
                }
                #top-banner-1 .top-banner__bg-5 {
                                right: 40vw;
                                bottom: 290px;
                                width: calc(var(--index) * 7);
                }
                #top-banner-2 .top-banner__ratings {
                                gap: 17px;
                                margin-bottom: 0;
                                order: 10;
                }
                #top-banner-2 .top-banner__content {
                                display: grid;
                }
                #top-banner-2 .top-banner__title {
                                margin-bottom: 40px;
                }
                #top-banner-2 .top-banner__list {
                                margin-bottom: 40px;
                }
                #top-banner-2 .top-banner__button {
                                margin-bottom: 40px;
                }
                #top-banner-2 .top-banner__bg-2 {
                                right: -4vw;
                                width: calc(var(--index) * 29);
                                max-width: 685px;
                }
                #top-banner-3 .top-banner__ratings {
                                right: 0;
                                top: unset;
                                translate: 0;
                                gap: 16px;
                                grid-auto-flow: column;
                                bottom: 0;
                }
                #top-banner-3 .top-banner__button {
                                margin-bottom: 0;
                }
                #top-banner-3 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 14vw;
                                bottom: 30px;
                                width: calc(var(--index) * 18);
                                z-index: 0;
                                rotate: 15deg;
                }
                #top-banner-4 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: -18vw;
                                bottom: -50px;
                                width: calc(var(--index) * 41);
                                max-width: 1500px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-5 .top-banner__button {
                                margin-bottom: 0;
                }
                #top-banner-5 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: -24%;
                                bottom: -44px;
                                width: calc(var(--index) * 32);
                                max-width: 910px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-5 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 3vw;
                                bottom: 40px;
                                width: calc(var(--index) * 11);
                                z-index: 0;
                                rotate: -6deg;
                }
                #top-banner-5 .top-banner__ratings {
                                display: none;
                }
                #top-banner-5 .top-banner__buttons {
                                margin-bottom: 250px;
                }
                #top-banner-6 .top-banner__ratings {
                                display: none;
                }
                #top-banner-6 .top-banner__title br {
                                display: inline;
                }
                #top-banner-6 .top-banner__slogan {
                                white-space: unset;
                                position: absolute;
                                left: 330px;
                                top: 74px;
                                width: 180px;
                }
                #top-banner-6 .top-banner__bg-2 {
                                position: absolute;
                                left: 266px;
                                bottom: 0;
                                width: 72vw;
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-6 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 275px;
                                bottom: 12px;
                                width: 78vw;
                                rotate: -10deg;
                                max-width: unset;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-6 .top-banner__title {
                                margin-bottom: 40px;
                }

                #top-banner-7 .top-banner__ratings,
                #top-banner-8 .top-banner__ratings,
                #top-banner-9 .top-banner__ratings {
                                position: absolute;
                                bottom: 0;
                                right: 0;
                }
                #top-banner-7 .top-banner__button,
                #top-banner-8 .top-banner__button,
                #top-banner-9 .top-banner__button {
                                margin-bottom: 0;
                }
                #top-banner-7 .top-banner__bg-1,
                #top-banner-8 .top-banner__bg-1,
                #top-banner-9 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 490px;
                                bottom: 51px;
                                width: calc(var(--index) * 28);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-2,
                #top-banner-8 .top-banner__bg-2,
                #top-banner-9 .top-banner__bg-2 {
                                position: absolute;
                                left: 447px;
                                bottom: 70px;
                                width: calc(var(--index) * 22);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-4,
                #top-banner-8 .top-banner__bg-4,
                #top-banner-9 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 37vw;
                                bottom: 71px;
                                width: calc(var(--index) * 15);
                                z-index: 0;
                                rotate: -6deg;
                }
                .prepare__steps_theme_3 {
                                margin: 0;
                                max-width: 70%;
                }
                .title_section_left{
                                text-align: center;
                                margin-inline: auto;
                }
}

@media (920px >= width) {
                .process-implant__content {
                                font-size: 16px;
                                height: 700px;
                }

                .process-implant__item .arrow-line span {
                                height: 40px;
                                width: 40px;
                                font-size: 34px;
                }

                .welcome__video-block {
                                margin-top: 57px;
                                display: flex;
                                flex-direction: column-reverse;
                                gap: 16px;
                }

                .welcome__video-wrap {
                                max-width: unset;
                                aspect-ratio: unset;
                }

                .welcome__card {
                                top: unset;
                                left: unset;
                                translate: unset;
                                position: relative;
                                width: unset;
                                z-index: unset;
                }
                #top-banner-5 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 9vw;
                                bottom: -277px;
                                width: calc(var(--index) * 39);
                                max-width: 910px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-5 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 47vw;
                                bottom: -33px;
                                width: calc(var(--index) * 11);
                                z-index: 0;
                                rotate: -6deg;
                }
}
@media (880px >= width) {
                .professional__inner {
                                gap: 24px;
                }
                .professional__stack-text-top,
                .professional__stack-text-bottom {
                                font-size: 18px;
                }

                .top-banner__video-link > *:not(.play-button, a) {
                                display: none;
                }
                .top-banner__video-link .play-button {
                                position: static;
                }
                .top-banner__video-link {
                                width: fit-content;
                                height: fit-content;
                                background-color: transparent;
                                padding: 0;
                }
}

@media (768px >= width) {
                .why-us__card:nth-child(1),
                .why-us__card:nth-child(2),
                .why-us__card:nth-child(3),
                .why-us__card:nth-child(4),
                .why-us__card:nth-child(5),
                .why-us__card:nth-child(6) {
                                width: 100%;
                }

                .process-implant__content p:not(.title) {
                                font-size: 14px;
                }

                .aesthetic__item-title {
                                font-size: 30px;
                                width: 200px;
                                height: 50px;
                }

                .aesthetic__item {
                                padding: 24px 0 0 0;
                                font-size: 16px;
                }

                .aesthetic__item-border {
                                padding: 24px 16px 42px;
                }

                .title_section {
                                font-size: 24px;
                                margin-bottom: 7px;
                }

                .title_section::before {
                                top: 18px;
                                height: 10px;
                }

                .section__description {
                                font-size: 14px;
                }

                .button_link {
                                font-size: 16px;
                }

                .welcome__video-wrap::after {
                                left: unset;
                                top: unset;
                                transform: unset;
                                bottom: 40px;
                                right: 40px;
                }

                .prepare__step {
                                font-size: 18px;
                }

                .prepare__step::before {
                                width: 80px;
                                height: 80px;
                                font-size: 50px;
                }

                .prepare__description-card {
                                margin: 0;
                }

                .prepare__description-card > * {
                                max-width: 50%;
                }

                .prepare__description-illustrate {
                                max-width: 265px;
                }

                #karies .article__illustrate,
                #koronki .article__illustrate {
                                left: -390px;
                                translate: 0 120px;
                                max-width: 500px;
                }

                .reviews__inner {
                                margin-top: 46px;
                }

                .reviews__item {
                                font-size: 16px;
                                padding: 15px 15px 20px;
                }

                .reviews__item-avatar {
                                width: 53px;
                                height: 53px;
                }

                .reviews__item-date {
                                font-size: 14px;
                                color: #4d4d4d;
                }
                .professional__cards > * {
                                display: none;
                }
                .professional__inner {
                                grid-template-columns: repeat(2, 1fr);
                }
                .professional__stack-text-top,
                .professional__stack-text-bottom {
                                font-size: 16px;
                }
                .pro-card__title {
                                font-size: 16px;
                }
                .pro-card__text {
                                font-size: 14px;
                }
                .top-banner__title {
                                font-size: 46px;
                                margin-bottom: 20px;
                }
                #top-banner-1 .top-banner__slogan {
                                top: 8px;
                                left: 260px;
                                font-size: 18px;
                }
                .top-banner__list {
                                font-size: 16px;
                                width: 540px;
                                margin-bottom: 30px;
                }
                header {
                                padding-top: 36px;
                }
                #top-banner-2 .top-banner__bg-2 {
                                right: -12vw;
                                width: calc(var(--index) * 29);
                }
                #top-banner-3 .top-banner__button {
                                margin-bottom: 150px;
                }
                #top-banner-3 .top-banner__ratings {
                                right: unset;
                                left: 0;
                                top: unset;
                }
                #top-banner-4 .top-banner__text {
                                max-width: 400px;
                                font-size: 16px;
                }
                #top-banner-4::before {
                                content: "";
                                display: block;
                                position: absolute;
                                inset: 0;
                                background: linear-gradient(to bottom, #f0edf4 40%, transparent 60%);
                                z-index: 1;
                }
                #top-banner-4 .top-banner__button {
                                margin-bottom: 280px;
                }
                #top-banner-4 .top-banner__title {
                                margin-bottom: 40px;
                }
                #top-banner-4 .top-banner__text {
                                margin-bottom: 40px;
                }
                #top-banner-5 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: -21vw;
                                bottom: -277px;
                                width: calc(var(--index) * 45);
                                max-width: 910px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-5 .top-banner__bg-5 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 190px;
                                bottom: 30px;
                                width: calc(var(--index) * 5);
                }
                #top-banner-5 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 34vw;
                                bottom: -33px;
                                width: calc(var(--index) * 13);
                                z-index: 0;
                                rotate: -6deg;
                }
                #top-banner-6 .top-banner__button {
                                margin-bottom: 240px;
                }
                #top-banner-6 .top-banner__slogan {
                                white-space: unset;
                                position: absolute;
                                left: 261px;
                                top: 55px;
                                width: 156px;
                                font-size: 20px;
                }
                #top-banner-6 .top-banner__bg-2 {
                                position: absolute;
                                left: 103px;
                                bottom: -62px;
                                width: 100%;
                                max-width: unset;
                                z-index: 1;
                                max-width: 552px;
                }
                #top-banner-6 .top-banner__bg-1 {
                                display: none;
                }
                #top-banner-7 .top-banner__button,
                #top-banner-8 .top-banner__button,
                #top-banner-9 .top-banner__button {
                                margin-bottom: 30px;
                }
                #top-banner-7 .top-banner__ratings,
                #top-banner-8 .top-banner__ratings,
                #top-banner-9 .top-banner__ratings {
                                position: absolute;
                                bottom: -50px;
                                right: unset;
                                left: 0;
                }
                #top-banner-7 .top-banner__bg-1,
                #top-banner-8 .top-banner__bg-1,
                #top-banner-9 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 267px;
                                bottom: 51px;
                                width: calc(var(--index) * 28);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-2,
                #top-banner-8 .top-banner__bg-2,
                #top-banner-9 .top-banner__bg-2 {
                                position: absolute;
                                left: 299px;
                                bottom: 78px;
                                width: calc(var(--index) * 20);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-4,
                #top-banner-8 .top-banner__bg-4,
                #top-banner-9 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 23vw;
                                bottom: 66px;
                                width: calc(var(--index) * 15);
                                z-index: 0;
                                rotate: -6deg;
                }
                #top-banner-7 .top-banner__title,
                #top-banner-8 .top-banner__title,
                #top-banner-9 .top-banner__title {
                                margin-bottom: 40px;
                }
                #top-banner-7 .top-banner__list,
                #top-banner-8 .top-banner__list,
                #top-banner-9 .top-banner__list {
                                margin-bottom: 40px;
                }
                #top-banner-7 .top-banner__slogan,
                #top-banner-8 .top-banner__slogan,
                #top-banner-9 .top-banner__slogan {
                                position: absolute;
                                top: 55px;
                                left: 277px;
                                text-transform: uppercase;
                                line-height: 1;
                                font-size: 20px;
                                font-weight: 800;
                                font-family: var(--gilroy);
                                color: var(--dark);
                                margin: 0;
                                width: 120px;
                }
                #koronki-2 .article-content {
                                padding-left: 0;
                }
                .article__list-item {
                                font-size: 16px;
                }
                .item-title {
                                font-size: 18px;
                }
                #koronki-2 .article__lllustrate .image {
                                position: absolute;
                                right: -172px;
                                width: calc(var(--index) * 38);
                                top: calc(var(--index) * -6);
                }
                .links__item-link {
                                font-size: 20px;
                                height: 40px;
                                border-radius: var(--bd-rs-sm);
                                transition: var(--transition);
                }
                .article-content_theme_1 {
                                gap: 32px;
                }
                .article-content_theme_1 .article__list-item::before {
                                top: 50%;
                                transform: translateY(-50%);
                }
                .article-content_theme_1 .article__list-item p {
                                margin: 0;
                }
                .article-content_theme_1 .article__list {
                                gap: 8px;
                }
                .link_category {
                                margin-bottom: 20px;
                                margin-left: 0;
                }
                .prepare__steps_theme_3 {
                                margin: 0;
                                max-width: 100%;
                }
                .prepare__steps_theme_3 .prepare__step:nth-last-child(1),
                .prepare__steps_theme_3 .prepare__step:nth-last-child(2)
                {
                                max-width: 70%;
                }
                .article__bg-image {
                                position: absolute;
                                bottom: -54px;
                                right: 0;
                                translate: 25% 0;
                                width: calc(var(--index) * 22);
                }
                .article-content .title_h3 {
                                font-size: calc(var(--index) * 1.5);
                }
                .facts__item {
                                font-size: 18px;
                }
}

@media (670px >= width) {
                .process-implant__item[data-process-count="1"] .arrow-line {
                                --rotate: 70deg;
                }

                .process-implant__item[data-process-count="2"] .arrow-line {
                                --rotate: -70deg;
                }

                .process-implant__item[data-process-count="3"] .arrow-line {
                                --rotate: -70deg;
                }

                .process-implant__item[data-process-count="4"] .arrow-line {
                                --rotate: 70deg;
                }

                .aesthetic__inner {
                                grid-template-columns: 100%;
                }

                .aesthetic__gallery > * {
                                width: calc((100% - (24px * 1)) / 2);
                }

                .aesthetic__gallery-image:nth-child(3) {
                                display: none;
                }

                .why-us-lite__card {
                                left: 20px;
                                right: 20px;
                                height: auto;
                }
                #top-banner-1 .top-banner__gallery {
                                gap: 15px;
                }
                .top-banner__ratings {
                                gap: 10px;
                }
                #top-banner-1 .top-banner__ratings {
                                gap: 10px;
                }
                .top-banner__ratings-image {
                                width: 103px;
                                height: 54px;
                }
                .top-banner__gallery-image {
                                width: 97px;
                                height: 61px;
                }
                .top-banner__title {
                                font-size: 30px;
                }
                #top-banner-2 .top-banner__title {
                                font-size: 26px;
                }
                #top-banner-1 .top-banner__slogan {
                                top: 2px;
                                left: 170px;
                                font-size: 13px;
                }
                .top-banner__list > li::before {
                                width: 16px;
                                height: 16px;
                }
                .top-banner__list > li {
                                padding-left: 28px;
                }
                #top-banner-1 .top-banner__list > li {
                                position: relative;
                                padding-left: 28px;
                                width: 100%;
                                font-size: 14px;
                                line-height: 1.1;
                }
                .top-banner__list > li {
                                position: relative;
                                padding-left: 28px;
                                width: 100%;
                                font-size: 14px;
                                line-height: 1.1;
                }
                .top-banner__list {
                                width: 100%;
                                max-width: 400px;
                }
                .top-banner__button,
                .top-banner__button_lite {
                                font-size: 14px;
                                padding: 10px 36px;
                                border-radius: var(--bd-rs-sm);
                }
                #top-banner-1 .top-banner__button {
                                margin-bottom: 30px;
                }
                .top-banner__ratings {
                                right: unset;
                                left: 0;
                                bottom: 27px;
                }
                #top-banner-1 .top-banner__ratings {
                                right: unset;
                                left: 0;
                                bottom: 120px;
                }
                #top-banner-1 .top-banner__bg-2 {
                                width: calc(var(--index) * 30);
                }
                #top-banner-1 .top-banner__bg-1 {
                                right: -44vw;
                                bottom: -20px;
                }
                #top-banner-1 .top-banner__bg-4 {
                                right: 45vw;
                                bottom: 107px;
                                width: calc(var(--index) * 6);
                                rotate: -30deg;
                }
                #top-banner-1 .top-banner__bg-5 {
                                right: 20vw;
                                bottom: 500px;
                                width: calc(var(--index) * 7);
                }
                #top-banner-2 .top-banner__button {
                                margin-bottom: 240px;
                }
                #top-banner-2 .top-banner__bg-2 {
                                right: 4vw;
                }
                #top-banner-2 {
                                overflow: clip;
                }
                #top-banner-5 .top-banner__slogan {
                                font-size: 16px;
                }
                #top-banner-6 .top-banner__slogan {
                                white-space: unset;
                                position: absolute;
                                left: 169px;
                                top: 37px;
                                width: 109px;
                                font-size: 14px;
                }
                #top-banner-6 .top-banner__bg-2 {
                                position: absolute;
                                left: 50%;
                                bottom: -62px;
                                translate: -50% 0;
                                width: 100%;
                                max-width: unset;
                                z-index: 1;
                                max-width: 600px;
                }
                #top-banner-7 .top-banner__slogan,
                #top-banner-8 .top-banner__slogan,
                #top-banner-9 .top-banner__slogan {
                                position: absolute;
                                top: 37px;
                                left: 184px;
                                text-transform: uppercase;
                                line-height: 1;
                                font-size: 14px;
                                font-weight: 800;
                                font-family: var(--gilroy);
                                color: var(--dark);
                                margin: 0;
                                width: 120px;
                }
                #top-banner-7 .top-banner__button,
                #top-banner-8 .top-banner__button,
                #top-banner-9 .top-banner__button {
                                margin-bottom: 30px;
                }
                #top-banner-7 .top-banner__bg-1,
                #top-banner-8 .top-banner__bg-1,
                #top-banner-9 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 130px;
                                bottom: 51px;
                                width: calc(var(--index) * 28);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-2,
                #top-banner-8 .top-banner__bg-2,
                #top-banner-9 .top-banner__bg-2 {
                                position: absolute;
                                left: 144px;
                                bottom: 78px;
                                width: calc(var(--index) * 20);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-4,
                #top-banner-8 .top-banner__bg-4,
                #top-banner-9 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 1vw;
                                bottom: 78px;
                                width: calc(var(--index) * 15);
                                z-index: 0;
                                rotate: -6deg;
                }

                .prepare__steps_theme_2 {
                                flex-direction: column;
                }
                .prepare__steps_theme_2 .prepare__step {
                                width: 100%;
                }
                .facts__item {
                                padding: 4px 8px;
                                font-size: 16px;
                                height: auto;
                }
}

@media (580px >= width) {
                .why-us__card:nth-child(1),
                .why-us__card:nth-child(2),
                .why-us__card:nth-child(3),
                .why-us__card:nth-child(4),
                .why-us__card:nth-child(5),
                .why-us__card:nth-child(6) {
                                width: 100%;
                }

                .serv-price__item {
                                font-size: 16px;
                                padding: 20px 10px;
                }

                .serv-price__list {
                                gap: 9px;
                }

                .serv-price__item p:not(.title) {
                                font-size: 14px;
                }

                .process-implant__illustrate {
                                top: 150px;
                }

                .process-implant__bg-1 {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                width: 130vw;
                }

                .process-implant__item {
                                width: 34%;
                }

                .why-us-lite__card {
                                font-size: 14px;
                }

                #karies .article__inner,
                #koronki .article__inner {
                                position: relative;
                                margin-left: unset;
                                max-width: 768px;
                                width: 100%;
                }

                #karies .article__illustrate,
                #koronki .article__illustrate {
                                max-width: 650px;
                                aspect-ratio: 1;
                                position: static;
                                top: unset;
                                left: unset;
                                translate: unset;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                }

                #karies .article__illustrate .image,
                #koronki .article__illustrate .image {
                }

                #karies .underline-decor,
                #koronki .underline-decor {
                                border-bottom: none;
                                padding-bottom: 16px;
                                position: relative;
                                margin-bottom: 0;
                }

                #karies .underline-decor::before,
                #koronki .underline-decor::before {
                                display: none;
                }

                .article__title {
                                font-size: 20px;
                }
                #top-banner-1 .top-banner__gallery {
                                display: none;
                }
                #top-banner-1 .top-banner__ratings {
                                bottom: 27px;
                }
                #koronki-2 .article-content {
                                grid-template-columns: 100%;
                }
                #koronki-2 .article__lllustrate .image {
                                position: relative;
                                top: 0;
                                left: 50%;
                                translate: -53% 0;
                                width: 214vw;
                }
                .links__item-link {
                                font-size: 14px;
                                height: 26px;
                }
                .links__list {
                                gap: 7px;
                }
}

@media (500px >= width) {
                .process-implant__item {
                                width: 100%;
                                border: none;
                }

                .process-implant__content {
                                flex-direction: column;
                }

                .process-implant__item[data-process-count="1"] .arrow-line,
                .process-implant__item[data-process-count="2"] .arrow-line,
                .process-implant__item[data-process-count="3"] .arrow-line,
                .process-implant__item[data-process-count="4"] .arrow-line {
                                --rotate: 0deg;
                                width: 0;
                                left: 20px;
                                right: unset;
                                top: -7px;
                }

                .process-implant__item .arrow-line span {
                                height: 32px;
                                width: 32px;
                                font-size: 25px;
                }

                .process-implant__inner {
                                display: grid;
                                gap: 20px;
                }

                .process-implant__illustrate {
                                top: 0;
                                position: relative;
                                order: 2;
                                scale: 1.4;
                }

                .process-implant__content {
                                margin-top: 30px;
                                order: 0;
                                height: unset;
                }

                .process-implant__bg-1 {
                                position: relative;
                                top: unset;
                                left: unset;
                                transform: unset;
                                width: 100%;
                }

                .aesthetic__gallery > * {
                                width: 100%;
                }

                .aesthetic__gallery-image:nth-child(3) {
                                display: block;
                }

                .aesthetic__gallery-image:nth-child(4) {
                                display: block;
                }

                .aesthetic__item-title {
                                font-size: 20px;
                                width: 210px;
                                height: 36px;
                                border-radius: var(--bd-rs-sm);
                }

                .aesthetic__item {
                                padding: 18px 0 0 0;
                                font-size: 14px;
                }

                .aesthetic__item-border {
                                padding: 24px 16px 42px;
                }

                .mobile-scroll {
                                overflow: auto;
                                margin: 0 -20px;
                }

                .premies__inner {
                                width: 660px;
                }

                .social-section__link {
                                width: 84px;
                                height: 84px;
                }

                .why-us-lite__card {
                                padding: 26px 14px;
                                position: relative;
                                width: 100%;
                                left: auto;
                                right: auto;
                                translate: none;
                                top: auto;
                }

                .why-us-lite__inner {
                                background-image: none;
                                height: auto;
                                margin: 0;
                }

                .why-us-lite .section__header {
                                margin-bottom: 40px;
                }

                .button_link {
                                font-size: 14px;
                }

                .links__list {
                                gap: 12px;
                }

                .button_link {
                                padding: 9px 17px;
                                border-radius: var(--bd-rs-sm);
                }

                .welcome__card {
                                padding: 24px 20px 16px;
                }

                .prepare__steps {
                                gap: 30px;
                }

                .prepare__step {
                                font-size: 14px;
                }
                .prepare__steps_theme_2 .prepare__step::before {
                                width: 32px;
                                height: 32px;
                                font-size: 25px;
                }

                .prepare__step::before {
                                width: 60px;
                                height: 60px;
                                font-size: 40px;
                }

                .prepare__description {
                                display: grid;
                                gap: 16px;
                                grid-auto-rows: min-content;
                }

                .prepare__description-card {
                                margin: 0 -20px;
                                width: auto;
                                font-size: 14px;
                                padding: 40px 20px 20px;
                                border: none;
                                background-position: right bottom -55px;
                }

                .prepare__description-card > * {
                                max-width: unset;
                }

                .prepare__description-title {
                                font-size: 20px;
                }

                .prepare__description-illustrate {
                                max-width: 265px;
                                position: relative;
                                width: 100%;
                                top: unset;
                                right: unset;
                                left: unset;
                                translate: none;
                                margin: 0 auto;
                }

                .reviews__inner {
                                margin-top: 30px;
                }

                .reviews__item {
                                font-size: 14px;
                }

                .reviews__item-date {
                                font-size: 12px;
                }
                .professional__inner {
                                grid-template-columns: 100%;
                                padding-top: 100px;
                                position: relative;
                                margin-top: 0;
                }
                .professional__stack-text-top {
                                position: absolute;
                                top: 0;
                                left: 20px;
                }
                #top-banner-2 .top-banner__bg-2 {
                                right: -19vw;
                                width: calc(var(--index) * 43);
                                bottom: 0px;
                }
                #top-banner-2 .top-banner__button {
                                margin-bottom: 240px;
                }
                #top-banner-2 .top-banner__list {
                                margin-bottom: 16px;
                }
                #top-banner-2 .top-banner__title {
                                margin-bottom: 16px;
                }
                .top-banner__video-link {
                                bottom: 265px;
                }
                #top-banner-3 .top-banner__bg-4 {
                                right: 11vw;
                                bottom: 65px;
                                width: calc(var(--index) * 14);
                }
                #top-banner-5 .top-banner__buttons {
                                margin-bottom: 280px;
                                gap: 8px;
                }
                #top-banner-5 .top-banner__buttons * {
                                padding-inline: 16px;
                }
                #top-banner-5 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: -11vw;
                                bottom: -100px;
                                width: calc(var(--index) * 42);
                                max-width: 910px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-5 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 29vw;
                                bottom: 27px;
                                width: calc(var(--index) * 15);
                                z-index: 0;
                                rotate: -6deg;
                }
                #top-banner-5 .top-banner__bg-5 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: 27px;
                                bottom: 37px;
                                width: calc(var(--index) * 9);
                }
                #top-banner-5 .top-banner__slogan {
                                font-size: 14px;
                }
                #top-banner-6 .top-banner__bg-2 {
                                position: absolute;
                                left: 50%;
                                bottom: 0;
                                translate: -50% 0;
                                width: 110%;
                                z-index: 1;
                                max-width: 600px;
                }
                #top-banner-7 .top-banner__bg-1,
                #top-banner-8 .top-banner__bg-1,
                #top-banner-9 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: 68px;
                                bottom: 17px;
                                width: calc(var(--index) * 34);
                                max-width: unset;
                                z-index: 1;
                                rotate: 17deg;
                }
                #top-banner-7 .top-banner__bg-2,
                #top-banner-8 .top-banner__bg-2,
                #top-banner-9 .top-banner__bg-2 {
                                position: absolute;
                                left: 146px;
                                bottom: 10px;
                                width: calc(var(--index) * 24);
                                max-width: unset;
                                z-index: 1;
                }
                #top-banner-7 .top-banner__bg-4,
                #top-banner-8 .top-banner__bg-4,
                #top-banner-9 .top-banner__bg-4 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                left: -4vw;
                                bottom: 84px;
                                width: calc(var(--index) * 15);
                                z-index: 0;
                                rotate: -6deg;
                }
                .prepare__steps_theme_1 .prepare__step::before {
                                font-size: 25px;
                                height: 32px;
                                width: 32px;
                }
                .prepare__steps_theme_1 .prepare__step {
                                flex-direction: column;
                                gap: 0;
                                align-items: flex-start;
                }
                .item-title {
                                font-size: 16px;
                                padding-left: 36px;
                }
                .article__list-item {
                                font-size: 14px;
                                padding-left: 0;
                }
                .article__list-item::before {
                                width: 16px;
                                height: 16px;
                                top: 1px;
                }
                .article-content_theme_1 .article__list-item {
                                padding-left: 30px;
                }
                .article__bg-layer {
                                position: relative;
                                height: auto;
                                order: 2;
                                margin-top: -54px;
                }
                .article__bg-layer .article__bg-image{
                                position: relative;
                                height: auto;
                                width: 100%;
                                translate: 0 0;
                }
                #viniry-2 .my-container:has(.article__bg-layer){
                                display: grid;
                }
                .prepare__steps_theme_3 .prepare__step{
                                gap: 16px;
                }
                .prepare__steps_theme_3 .prepare__step::before {
                                width: 32px;
                                height: 32px;
                                font-size: 25px;
                                align-self: start;
                }
                .prepare__steps_theme_3 .prepare__step:nth-last-child(1), .prepare__steps_theme_3 .prepare__step:nth-last-child(2) {
                                max-width: 100%;
                }
                .facts__item {
                                font-size: 14px;
                                border-radius: var(--bd-rs);
                }
                .facts__item p{
                                margin: 0;
                }
}

@media (425px >= width) {
                .why-us__card-title {
                                font-size: 16px;
                                margin-bottom: 9px;
                }

                .why-us__card {
                                padding: 30px 22px;
                                position: relative;
                                height: unset;
                }

                .why-us__card.theme_full .why-us__card-content {
                                max-width: 70%;
                }

                .why-us__card p {
                                margin: 9px 0;
                }

                .why-us__card-decorate {
                                position: absolute;
                                right: 10px;
                                top: 0;
                                bottom: 0;
                                font-size: 160px;
                                line-height: 1;
                                max-width: 100px;
                                min-width: 50px;
                }

                .serv-price__inner {
                                background-size: 150%;
                }
                .professional__stack-text-top {
                                font-size: calc(var(--index) * 1.3);
                }
                #top-banner-4 .top-banner__bg-1 {
                                --x: 0px;
                                --y: 0px;
                                translate: var(--x) var(--y);
                                will-change: translate;
                                position: absolute;
                                right: -30vw;
                                bottom: -50px;
                                width: calc(var(--index) * 41);
                                max-width: 1500px;
                                /* transition: var(--transition) linear; */
                }
                #top-banner-4 .top-banner__title {
                                margin-bottom: 30px;
                }
                #top-banner-4 .top-banner__text {
                                margin-bottom: 30px;
                }
}


/* DORABOTKI */
.cb-wrap span{
                color: #fff;
}
.cb-wrap.variant span{
                color: #4d4d4d;
}
.cb-wrap input{
                accent-color: rgb(245, 176, 49);
}
/* DORABOTKI */

/* ANIMATE MENU BUTTON */
@media (992px < width){
        .button-icon-parent {
                display: flex;
                align-items: center;
                padding-top: 4px;
                margin-right: 24px !important;
                margin-left: -10px;
        }

                .f_header .button-icon-parent{
                                margin-right: unset !important;
                margin-left: unset;
                }
        .button-icon-parent > a {
            color: #ffffff !important;
            background: var(--main-gradient);
            text-decoration: none;
            padding: 0 1em !important;
            height: 32px;
            line-height: 1;
            border-radius: 100px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: fit-content;
            gap: 8px;
            transition: 250ms;
        }
                .current-menu-item.button-icon-parent > a {
            color: #f1f1f1 !important;
        }
        .button-icon-parent > a:hover{
                opacity: 0.7;
        }
        .button-icon-parent > a > span {
            line-height: 1;
        }

        .icon-animate {
            --size: 16px;
            height: var(--size);
            width: var(--size);
            overflow: clip;
            position: relative;
        }
        .icon-animate__stack {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: var(--size);
            width: 100%;
            translate: 0 var(--size, 16px);
            animation-name: icon-animate;
            animation-duration: 5000ms;
            animation-timing-function: ease-in-out;
            animation-delay: 200ms;
            animation-iteration-count: infinite;
            animation-direction: normal;
            animation-fill-mode: none;
        }
        .icon-animate__stack > * {
            flex-shrink: 0;
        }

        @keyframes icon-animate {
            0% {
                translate: 0 var(--size);
                opacity: 0;
            }
            5% {
                opacity: 1;
                translate: 0 0;
            }
            45% {
                opacity: 1;
                translate: 0 0;
            }
            50% {
                opacity: 0;
                translate: 0 calc(-1 * var(--size));
            }
            55% {
                opacity: 1;
                translate: 0 calc(-2 * var(--size));
            }
            95% {
                opacity: 1;
                translate: 0 calc(-2 * var(--size));
            }
            100% {
                opacity: 0;
                translate: 0 calc(-3 * var(--size));
            }
        }
}
/* ANIMATE MENU BUTTON */