/*: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;
}

html,
body {
    font-family: var(--roboto);
    color: var(--dark);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

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: 54px;
        padding-bottom: 54px;
    }

    .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__title {
    text-transform: uppercase;
    font-size: 60px;
    color: var(--main-color);
    line-height: 1.1;
    font-weight: 800;
}
#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);
}

.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: 0;
    width: calc(var(--index) * 24);
    max-width: 685px;
    z-index: 1;
}
#top-banner-6 .top-banner__bg-2 {
    position: absolute;
    left: 30%;
    bottom: 0;
    width: calc(var(--index) * 36);
    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);
}
.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: rgba(246, 147, 51, 0.4);
}

.title_section {
    text-align: center;
    font-weight: 800;
    font-size: 36px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 7px;
    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_left {
    margin: 0 auto 7px 0;
}

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

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

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

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

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

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

.process-implant__inner {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.premies {
    padding-top: 0;
}

.premies__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.premies__item {
}

.premies__item-image {
    max-width: 580px;
}

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

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

.reviews__item-name {
    width: 100%;
}

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

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

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

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

.reviews__footer {
}

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

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

.professional {
}

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

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

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

.pro-card__body {
}

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

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

.professional__stack {
}

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

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

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

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

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

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

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

.serv-price {
}

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

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

.serv-price {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .section__description {
        font-size: 14px;
    }

    .button_link {
        font-size: 16px;
    }

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

    .prepare__step {
        font-size: 18px;
    }

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

    .prepare__description-card {
        margin: 0;
    }

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

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

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

    .reviews__inner {
        margin-top: 46px;
    }

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

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

    .reviews__item-date {
        font-size: 14px;
        color: #4d4d4d;
    }
    .professional__cards > * {
        display: none;
    }
    .professional__inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .professional__stack-text-top,
    .professional__stack-text-bottom {
        font-size: 16px;
    }
    .pro-card__title {
        font-size: 16px;
    }
    .pro-card__text {
        font-size: 14px;
    }
    .top-banner__title {
        font-size: 46px;
        margin-bottom: 20px;
    }
    #top-banner-1 .top-banner__slogan {
        top: 8px;
        left: 260px;
        font-size: 18px;
    }
    .top-banner__list {
        font-size: 16px;
        width: 540px;
        margin-bottom: 30px;
    }
    header {
        padding-top: 36px;
    }
    #top-banner-2 .top-banner__bg-2 {
        right: -12vw;
        width: calc(var(--index) * 29);
    }
    #top-banner-3 .top-banner__button {
        margin-bottom: 150px;
    }
    #top-banner-3 .top-banner__ratings {
        right: unset;
        left: 0;
        top: unset;
    }
    #top-banner-4 .top-banner__text {
        max-width: 400px;
        font-size: 16px;
    }
    #top-banner-4::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, #f0edf4 40%, transparent 60%);
        z-index: 1;
    }
    #top-banner-4 .top-banner__button {
        margin-bottom: 280px;
    }
    #top-banner-4 .top-banner__title {
        margin-bottom: 40px;
    }
    #top-banner-4 .top-banner__text {
        margin-bottom: 40px;
    }
    #top-banner-5 .top-banner__bg-1 {
        --x: 0px;
        --y: 0px;
        translate: var(--x) var(--y);
        will-change: translate;
        position: absolute;
        right: -21vw;
        bottom: -277px;
        width: calc(var(--index) * 45);
        max-width: 910px;
        /* transition: var(--transition) linear; */
    }
    #top-banner-5 .top-banner__bg-5 {
        --x: 0px;
        --y: 0px;
        translate: var(--x) var(--y);
        will-change: translate;
        position: absolute;
        right: 190px;
        bottom: 30px;
        width: calc(var(--index) * 5);
    }
    #top-banner-5 .top-banner__bg-4 {
        --x: 0px;
        --y: 0px;
        translate: var(--x) var(--y);
        will-change: translate;
        position: absolute;
        right: 34vw;
        bottom: -33px;
        width: calc(var(--index) * 13);
        z-index: 0;
        rotate: -6deg;
    }
    #top-banner-6 .top-banner__button {
        margin-bottom: 240px;
    }
    #top-banner-6 .top-banner__slogan {
        white-space: unset;
        position: absolute;
        left: 261px;
        top: 55px;
        width: 156px;
        font-size: 20px;
    }
    #top-banner-6 .top-banner__bg-2 {
        position: absolute;
        left: 103px;
        bottom: -62px;
        width: 100%;
        max-width: unset;
        z-index: 1;
        max-width: 552px;
    }
    #top-banner-6 .top-banner__bg-1 {
        display: none;
    }
    #top-banner-7 .top-banner__button,
    #top-banner-8 .top-banner__button,
    #top-banner-9 .top-banner__button {
        margin-bottom: 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;
    }
}

@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: -50% 0;
        width: 100%;
        max-width: unset;
        z-index: 1;
        max-width: 600px;
    }
    #top-banner-7 .top-banner__slogan,
    #top-banner-8 .top-banner__slogan,
    #top-banner-9 .top-banner__slogan {
        position: absolute;
        top: 37px;
        left: 184px;
        text-transform: uppercase;
        line-height: 1;
        font-size: 14px;
        font-weight: 800;
        font-family: var(--gilroy);
        color: var(--dark);
        margin: 0;
        width: 120px;
    }
    #top-banner-7 .top-banner__button,
    #top-banner-8 .top-banner__button,
    #top-banner-9 .top-banner__button {
        margin-bottom: 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;
    }
}

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

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

    .serv-price__list {
        gap: 9px;
    }

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

    .process-implant__illustrate {
        top: 150px;
    }

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

    .process-implant__item {
        width: 34%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .aesthetic__gallery > * {
        width: 100%;
    }

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

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

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

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

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

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

    .premies__inner {
        width: 660px;
    }

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

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

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

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

    .button_link {
        font-size: 14px;
    }

    .links__list {
        gap: 12px;
    }

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

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

    .prepare__steps {
        gap: 30px;
    }

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

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

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

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

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

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

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

    .reviews__inner {
        margin-top: 30px;
    }

    .reviews__item {
        font-size: 14px;
    }

    .reviews__item-date {
        font-size: 12px;
    }
    .professional__inner {
        grid-template-columns: 100%;
        padding-top: 100px;
        position: relative;
        margin-top: 0;
    }
    .professional__stack-text-top {
        position: absolute;
        top: 0;
        left: 20px;
    }
    #top-banner-2 .top-banner__bg-2 {
        right: -19vw;
        width: calc(var(--index) * 43);
        bottom: -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: -50% 0;
        width: 110%;
        z-index: 1;
        max-width: 600px;
    }
    #top-banner-7 .top-banner__bg-1,
    #top-banner-8 .top-banner__bg-1,
    #top-banner-9 .top-banner__bg-1 {
        --x: 0px;
        --y: 0px;
        translate: var(--x) var(--y);
        will-change: translate;
        position: absolute;
        left: 68px;
        bottom: 17px;
        width: calc(var(--index) * 34);
        max-width: unset;
        z-index: 1;
        rotate: 17deg;
    }
    #top-banner-7 .top-banner__bg-2,
    #top-banner-8 .top-banner__bg-2,
    #top-banner-9 .top-banner__bg-2 {
        position: absolute;
        left: 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;
    }
}

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