:root {
    --lite: #fff;
    --main-color: #f04e23;
    --sub-color: #f69333;
    --sub-color-1: #f26f31;
    --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;

    scroll-behavior: smooth;
}


.top-address-link{
        display: contents;
        span{
                transition: 250ms;
        }
        &:hover span{
                color: #f04e23;
        }
}
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: 30px;
        }

        .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 {
    text-transform: uppercase;
    font-size: 50px;
    color: var(--main-color);
    line-height: 1.1;
    font-weight: 800;
    max-width: 600px;
}
#top-banner-1 .top-banner__title {
        width: min-content;
        margin-bottom: 32px;
}
#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: rgb(253 237 233);
        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: 18px;
        /* display: flex; */
        /* flex-direction: column; */
        /* gap: 40px; */
        /* flex-wrap: wrap; */
        /* align-items: center; */
        /* justify-content: space-between; */
        /* height: 600px; */
        /* align-content: space-between; */
        /* NEW GRID SYSTEM */
        display: grid;
        grid-template-rows: repeat(2, minmax(260px, 1fr));
        grid-auto-flow: column;
}

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

.process-implant__item {
        /* width: 30%; */
        width: 100%;
        max-width: 420px;
        line-height: 1.2;
        border-bottom: 1px solid #c6c6c6;
        position: relative;
}
.process-implant__item:nth-child(n+3){
        margin-left: auto;
}
.process-implant__item:nth-child(odd){
        align-self: start;
}
.process-implant__item:nth-child(even){
        align-self: end;
}

.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%;
        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-image: url(../img/new/why-us-lite-card-bg.png);
        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;
}

.single-services .s-con.no-photo {
	margin-bottom: 64px;
}

.single-services .accordion .button2 {
	font-size: 22px;
        font-weight: 600;
}
.single-services .accordion .accordion-content p {
	font-size: 20px;
        margin-top: 1em;
        font-weight: 400;
        font-family: RobotoCondensed, sans-serif;
        opacity: 0.8;
}


@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: 100vh;
        }
}

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

        .process-implant__item {
                max-width: calc(100vw / 3.8);
        }
}

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

        #top-banner-8 .top-banner__bg-2 {
                left: 580px;
                bottom: 0;
        }

        #top-banner-8 .top-banner__ratings {
                bottom: -130px;
                left: 0;
                right: unset;
        }
        #top-banner-8 .top-banner__ratings-image{
                background-color: #fff;
        }
        #top-banner-8 .top-banner__ratings-image:first-child {
                img{
                        scale: 0.83;
                }
        }

}

@media (920px >= width) {
        .process-implant__content {
                font-size: 16px;
                /* height: 700px; */
        }
        .process-implant__illustrate {
                scale: 0.7;
        }
        .process-implant__content {
                grid-template-rows: repeat(2, minmax(230px, 1fr));
                row-gap: 64px;
        }
        .process-implant__item .arrow-line span {
                height: 40px;
                width: 40px;
                font-size: 34px;
        }
        .process-implant__item {
                max-width: calc(100vw / 3.8);
        }
        .process-implant__item:nth-child(-n+2) p{
                width: 110%;
        }

        .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;
        }
        #top-banner-8 .top-banner__bg-2 {
                left: 500px;
                bottom: 0;
        }
        .single-services .s-con.no-photo {
                margin-bottom: 32px;
        }

}
@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: 20px;
        }
        .prepare__steps {
                margin-bottom: 32px;
                gap: 0;
        }

        .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;
                translate: 25% 0;
        }
        #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: 230px;
        }
        #top-banner-7 .top-banner__ratings,
        #top-banner-8 .top-banner__ratings,
        #top-banner-9 .top-banner__ratings {
                position: absolute;
                bottom: 0;
                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;
        }
        #top-banner-8 .top-banner__bg-2 {
                left: calc(100% - 290px);
                bottom: 0;
        }
        .single-services .def-top .dt-left {
                max-width: unset;
        }
        .single-services .accordion .button2 {
                font-size: 20px;
        }
        .single-services .accordion .accordion-content p {
                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: 230px;
        }
        .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: -20% 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: 290px;
        }
        #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;
        }
        .aesthetic__item {
                font-size: 20px;
        }
        #top-banner-8{
                /* padding-block: 32px; */
        }
        #top-banner-8 .top-banner__inner,
        .top-banner__inner {
                height: auto;
                padding-block: 32px;
        }
        #top-banner-8 .top-banner__bg-2{
                bottom: 0;
        }
        #top-banner-8 .top-banner__ratings-image:first-child {
                img{
                        scale: 0.92;
                }
        }
        .process-implant__item {
                max-width: calc(100vw / 3);
        }
        .process-implant__item .arrow-line {
                width: 110px;
        }
        .process-implant__content {
                row-gap: 0px;
        }
}

@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;
        }
        .prepare__steps {
                margin-bottom: 0;
        }
        .process-implant__item {
                max-width: calc(100vw / 3);
                width: 100%;
        }
        .process-implant__content {
                gap: 0;
        }
        .process-implant__illustrate {
                opacity: 0.5;
        }
        .process-implant__bg-1 {
                width: 90vw;
        }
        .process-implant__item .arrow-line {
                width: 70px;
        }
}

@media (500px >= width) {
        .process-implant {
                padding: 64px 0 32px;
        }
        .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;
        }

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

        .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: 110px;
                height: 36px;
                border-radius: var(--bd-rs-sm);
        }

        .aesthetic__item {
                font-size: 18px;
        }

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

        .prepare__step {
                font-size: 18px;
        }
        .process-implant__content p:not(.title) {
                font-size: 18px;
                margin-block: 4px;
        }
        .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: -170px;
        }
        #top-banner-2 .top-banner__button {
                margin-bottom: 216px;
        }
        #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: -25% 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: 46px;
                bottom: 64px;
                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;
        }
        #top-banner-8 .top-banner__bg-2{
                bottom: 0;
        }
        .process-implant__illustrate {
                opacity: 1;
        }
        .process-implant__content {
                grid-template-columns: 100%;
                grid-auto-flow: row;
                grid-template-rows: auto;
        }
        .process-implant__item {
                max-width: 100%;
                width: 100%;
        }
        .process-implant__item:nth-child(odd) {
                align-self: unset;
        }
        .process-implant__item:nth-child(even) {
                align-self: unset;
        }
        .process-implant__item:nth-child(-n+2) p {
                width: 100%;
        }
        .process-implant__illustrate {
                scale: 1;
        }
}

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

        #top-banner-8 .top-banner__ratings {
                width: 100%;
                gap: 8px;
                justify-content: space-between;
                display: flex;
        }
        #top-banner-8 .top-banner__ratings-image {
                background-color: #fff;

        }

}


/* 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 */



@media only screen and (max-width: 768px) {
        #top-banner-3 .top-banner__inner {
                /* height:100vw; */
        }
}