@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('./fonts/Montserrat-Italic.woff2') format('woff2');*/
/*    font-weight: 400;*/
/*    font-style: italic;*/
/*    font-display: swap;*/
/*}*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/**
  Нормализация блочной модели
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
    padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
    margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  dl
):where([class]) {
    margin-block: 0;
}

:where(dd[class]) {
    margin-left: 0;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
    list-style: none;
}

/**
  Упрощаем работу с изображениями
 */
img {
    display: block;
    max-width: 100%;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
    font: inherit;
}

:root {
    --color-light: #FFFFFF;

    --color-primary: #201F50;
    --color-gray: #888888;
    --color-text: #3C4852;
    --color-background: #0072BC;
    --color-background-lighter: #7ab5d9;
    --color-hover-button: #0E8BDC;
    --color-main-button: #EC008C;
    --color-hover-main-button: #C81474;
    --color-border: #E5E5E5;

    --border-radius: 12px;

    --border: 1px solid var(--color-border);

    --font-family-base: 'Montserrat', sans-serif;

    --input-height: 42px;

    --container-width: 1402px;
    --container-padding-x: 15px;

    --transition-duration: 0.2s;

    --header-height: 90px;
}

html {
    height: 100%;
    scroll-behavior: smooth;
    overscroll-behavior: none;
}

body {
    height: 100%;
    line-height: 1.5;
    overscroll-behavior: none;
    font-family: var(--font-family-base), sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text);
    background-color: var(--color-light);
}

svg *[fill] {
    fill: currentColor
}

svg *[stroke] {
    stroke: currentColor
}

a,
button,
input,
textarea,
svg * {
    transition-duration: var(--transition-duration);
}

svg * {
    transition-property: fill, stroke;
}

a {
    color: var(--color-text);
}

a:hover {
    color: var(--color-gray);
}

p {
    margin-block: 0;
}


.container {
    max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
    margin-inline: auto;
    padding-inline: var(--container-padding-x);
}

.container-wide {
    max-width: 1920px;
    margin-inline: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--color-text);
}


h1 {
    font-size: 45px;
}

.hidden_two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.headtel{
	position:relative;
	z-index: 999;
}

.header {
    width: 100%;
    height: 686px;
    margin-bottom: 10px;
    /*background: linear-gradient(60deg, #007BCA 0%, #0A48A0 52%, #0952C7 100%);*/
    background: white;
    border-bottom-left-radius: 238px;
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;

    .header-top {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 14px 135px;
        /*background-color: rgba(255, 255, 255, 0.7);*/
        background: rgba(0, 114, 188, 0.1);

        .header-logo_img {
            width: 172px;
            height: 45px;
        }

        .header-slogan {
            width: 293px;
            color: var(--color-primary);
            font-weight: Bold;
            font-size: 16px;
            text-align: right;
            line-height: 1.2;
            align-content: center;
        }
    }

    .header-main {
        padding: 0 134px;

        .header-face {
            display: flex;
            position: absolute;
            /*margin-right: 15%;*/
            align-items: center;
            right: 0;

            &:before {
                content: '';
                height: 526px;
                width: 575px;
                position: absolute;
                bottom: 65px;
                right: 225px;
                border-radius: 63px 63px 0 0;
                background-color: rgba(229, 241, 248, 1);
            }
            &::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 125px;
                height: 123px;
                left: 98px;
                top: 330px;
                z-index: 1;
                rotate: 180deg;
                background-size: cover;
                opacity: 1;
                background-image: url('../img/flower.svg');
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }

            .header-face_img {
                top: -60px;
                right: -30px;
                position: relative;
                z-index: 2;

            }
        }

        .header-staj {
            width: fit-content;
            display: flex;
            flex-flow: column;
            /*margin-right: 7%;*/
            left: -50px;
            /*padding-top: 40px;*/
            color: var(--color-primary);
            font-size: 16px;
            float: right;
            text-align: center;
            align-items: center;
            position: relative;

            &::before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100px;
                height: 97px;
                right: -140px;
                top: 68px;
                opacity: 1;
                background-size: cover;
                background-image: url('../img/flower.svg');
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }

            &::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 75px;
                height: 73px;
                right: -95px;
                top: 330px;
                background-size: cover;
                opacity: 1;
                background-image: url('../img/flower.svg');
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }

            .header-staj_text {
                line-height: 1;
                margin-top: 5px;
                color: var(--color-hover-main-button);
            }

            .header-staj_img {
                margin-top: 40px;
            }
        }

        .header-title {
            color: var(--color-primary);

            .header-title-main {
                font-size: 128px;
                width: 525px;
                color: var(--color-primary);
                /*margin-left: -10px;*/
                line-height: 1;
                margin-top: 25px;
                font-weight: bold;
                z-index: 2;
                position: relative;
            }

            .header-title-detail {
                display: block;
                font-size: 50px;
                color: var(--color-primary);
                margin-left: -2px;
                line-height: 1;
                width: 574px;
                font-weight: bold;
                z-index: 2;
                position: relative;
                .header-title-detail-count {
                    margin-left: 3px;
                }
                .rub {
                    font-size: 30px;
                }
            }



            &::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100px;
                height: 97px;
                left: 325px;
                top: 87px;
                z-index: 1;
                /*rotate: 180deg;*/
                background-size: cover;
                opacity: 1;
                background-image: url('../img/flower.svg');
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }
        }

        .header-upper-title {
            color: var(--color-primary);
            width: 515px;
            display: block;
            position: relative;
            font-size: 20px;
            top: 30px;
            text-align: left;
            line-height: 1.4;
        }

        .header-under-title {
            margin-top: 10px;
            color: var(--color-primary);
            width: 488px;
            display: block;
            position: relative;
            font-size: 18px;
            text-align: left;
            line-height: 1.4;

            &::before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100px;
                height: 95px;
                left: -110px;
                opacity: 1;
                top: -70px;
                background-size: cover;
                background-image: url(../img/flower.svg);
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }
        }

        .header-button {
            margin-top: 30px;
            margin-bottom: 90px;
            width: 290px;
            height: 60px;
            border-radius: 99px;
            border: 0 solid;
            background-color: var(--color-main-button);
            color: white;
            font-size: 16px;
            z-index: 2;
            position: relative;
            transition: all .3s ease;

            &:hover {
                background-color: var(--color-hover-main-button);
            }
        }

        .header-positive {
            z-index: 3;
            position: relative;
            width: 570px;

            .positive-list,
            .positive-list-second {
                color: var(--color-primary);
                position: relative;
                font-size: 16px;
                text-align: left;

                .positive-list_point {
                    width: 23px;
                    height: 23px;
                    background: rgba(236, 0, 140, 0.4);
                    opacity: 1;
                    position: absolute;
                    border-radius: 50%;
                }

                .positive-list_point_center {
                    width: 14px;
                    height: 14px;
                    background: var(--color-main-button);
                    opacity: 1;
                    position: absolute;
                    top: 4.5px;
                    left: 4.5px;
                    border-radius: 50%;
                }

                .positive-list_text {
                    margin-left: 30px;

                }
            }

            .positive-list-second {
                margin-top: 10px;
            }

            &::before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100px;
                left: -117px;
                top: -217px;
                height: 97px;
                background-size: cover;
                opacity: 1;
                background-image: url('../img/flower.svg');
                filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
            }

        }

        /*.header-star {*/
        /*    z-index: 3;*/
        /*    color: var(--color-primary);*/
        /*    position: absolute;*/
        /*    bottom: 5px;*/
        /*    left: 250px;*/
        /*    font-size: 14px;*/
        /*    text-align: left;*/
        /*}*/
    }
}

.content {
    overflow: hidden;
    .why-braces {
        background-image: none !important;
    }

    .why-braces,
    .what-is-braces {
        position: relative;
        /*background-image: url(img/tooth-flow.png);*/
        background-size: 1440px;
        background-position: center;
        background-repeat: no-repeat;
        font-size: 16px;
        display: block;
        margin-bottom: 25px;
        color: black;

        .why-braces-img {
            display: none;
        }

        .why-braces-title,
        .what-is-braces-title {
            line-height: 1.1;
            padding-top: 70px;
            font-size: 64px;
            text-transform: uppercase;
            color: var(--color-primary);
            font-weight: 100;
            text-align: center;
        }

        .why-braces-main {
            margin-top: 50px;
            gap: 2% !important;
        }


        .why-braces-main,
        .what-is-braces-main {
            display: flex;
            justify-content: center;
            line-height: 1.4;
            margin-top: 30px;

            .why-braces-list,
            .why-braces-list-2 {
                width: 362px;
                align-content: center;
                gap: 40px;
                display: flex;
                flex-wrap: wrap;

                .text {
                    font-size: 20px;
                    line-height: 1.4;
                    color: var(--color-primary);

                    p {
                        font-size: 16px;
                        padding-top: 10px;

                    }

                    .text-point {
                        &::before {
                            content: '';
                            width: 60px;
                            height: 57px;
                            margin-top: -15px;
                            transform: translateX(-36%);
                            background: #e8f2fa;
                            opacity: 1;
                            position: absolute;
                            border-radius: 50%;
                            z-index: -2;
                        }

                        &::after {
                            content: '';
                            width: 28px;
                            height: 28px;
                            background: #b2d5ea;
                            opacity: 1;
                            position: absolute;
                            margin-top: 0px;
                            transform: translateX(-20%);
                            border-radius: 50%;
                            z-index: -1;
                        }
                    }

                }
            }

            .why-braces-list {
                padding: 0 0 17px 22px !important;
            }

            .why-braces-list-2 {
                padding: 0 22px 17px 22px !important;
                gap: 50px !important;
            }

            .what-is-braces-text {
                width: 333px;
                align-content: center;
                margin-right: 20px;

                .text-1 {
                    font-size: 16px;
                    display: block;
                    margin-bottom: 10px;
                    color: black;
                }

                .text-2 {
                    display: block;
                    width: 302px;
                    font-size: 14px;
                    color: var(--color-gray);
                }
            }

            .why-braces-imgs {
                width: 415px;
                height: 556px;

                .why-braces-tooth_img {
                    height: 100%;
                }

                .why-braces-lines_img {

                }

            }

            .what-is-braces-imgs {

                position: relative;
                width: 324px;
                height: 392px;
                &:before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    left: -725px;
                    top: -150px;
                    width: 386px;
                    height: 376px;
                    background-size: cover;
                    opacity: 1;
                    background-image: url('../img/flower.svg');
                    filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
                }
                &:after {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 386px;
                    height: 376px;
                    right: -750px;
                    top: -27px;
                    background-size: cover;
                    opacity: 1;
                    background-image: url('../img/flower.svg');
                    filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
                }
                .what-is-braces-img {

                }
                .what-is-braces-tooth_img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: auto;
                }

                .what-is-braces-lines_img {
                    position: absolute;
                    top: 77px;
                    left: 203px;
                    height: auto;
                }
            }

            .why-braces-lines {
                width: 306px;
                display: flex;
                gap: 25px;
                flex-wrap: wrap;
                align-content: center;

                .line {
                    display: flex;
                    background-color: #f2f8fc;
                    border-radius: 10px;
                    .line-count {
                        font-size: 60px;
                        padding-left: 15px;
                        padding-right: 20px;
                        font-weight: 900;
                        color: var(--color-background);
                    }

                    .line-text {
                        line-height: 1.4;
                        font-size: 12px;
                        align-content: center;
                        color: var(--color-primary);
                    }
                }
            }
            .what-is-braces-lines {
                width: 310px;
                display: flex;
                gap: 20px;
                margin-bottom: 140px;
                flex-wrap: wrap;
                align-content: center;
                margin-left: 5px;
                .line {
                    display: flex;
                    background-color: #f2f8fc;
                    border-radius: 10px;
                    &.third {
                        position: absolute;
                        bottom: 35px;
                        width: 306px;
                    }
                    .line-count {
                        font-size: 60px;
                        padding-left: 15px;
                        padding-right: 20px;
                        font-weight: 900;
                        color: var(--color-background);
                    }

                    .line-text {
                        padding-right: 5px;
                        line-height: 1.4;
                        font-size: 14px;
                        align-content: center;
                        color: vaR(--color-primary);
                    }
                }
            }
        }
    }

    .answer {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: 562px;
        background-image: url(../img/girl-3.png);
        background-color: rgba(217, 234, 245, 100%);
        background-position: left 70px center;

        .answer-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 40%, rgba(217, 234, 245, 100%) 50%);

            .answer-main {
                width: 470px;
                height: inherit;
                right: 0;
                position: inherit;
                margin-right: 200px;
                align-content: center;

                .answer-title {
                    font-size: 40px;
                    line-height: 1.1;
                    color: var(--color-primary);
                    font-weight: 400;
                    margin-bottom: 10px;

                    .em {
                        font-family: 'Montserrat', sans-serif; /* Курсивный текст */
                        font-style: italic; /* Курсивный стиль */
                    }
                }

                .answer-text {
                    line-height: 1.4;
                    font-size: 16px;
                    color: var(--color-primary);
                }

                .answer-form {
                    margin-top: 20px;

                    .answer-form-phone {
                        .phone {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                            letter-spacing: 2px;

                        }
                    }

                    .answer-form-fio {
                        margin-bottom: 15px;

                        .fio {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                        }
                    }
                }

                .answer-button {
                    margin: 20px 0;
                    width: 100%;
                    height: 60px;
                    border-radius: 99px;
                    border: 0 solid;
                    background-color: var(--color-main-button);
                    color: white;
                    font-size: 16px;
                    z-index: 2;
                    position: relative;
                    transition: all .3s ease;

                    &:hover {
                        background-color: var(--color-hover-main-button);
                    }
                }

                .answer-footer {
                    display: block;
                    width: 274px;
                    font-size: 12px;
                    line-height: 1.4;
                }
            }
        }

        &::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
        }
    }

    .slider {
        position: relative;
        margin: 50px auto 0;
        width: 1170px; /* Ширина слайдера */
        height: 475px; /* Высота слайдера */
        overflow: hidden;
        background-color: white;
        color: white;

        .slider-content {
            flex: 1;
            position: absolute;
            width: 100%;
            height: 82%;
            background-color: #0072bd;
            border-radius: 20px;

            .slide {
                /*display: none; !* Скрываем все слайды по умолчанию *!*/
                height: 100%;
                font-size: 24px;
                text-align: center;
                opacity: 0;
                position: relative;
                justify-content: center;

                .slide-content {
                    width: 476px;
                    padding: 0;
                    margin: auto 0 auto 40px;
                    text-align: left;
                    line-height: 1.4;
                    transition: all .3s ease;

                    .slide-sale {
                        display: block;
                        font-size: 22px;
                        margin-bottom: 15px;
                    }

                    hr {
                        margin: 10px 0;
                    }

                    .description {
                        display: flex;
                        /*flex-wrap: wrap;*/
                        /*justify-content: space-between;*/
                        /*opacity: 0;*/
                        transition: opacity 0.3s ease;

                        .slide-content-description-left {
                            /*display: inline-block;*/
                            /*text-align: left;*/
                            text-transform: uppercase;
                            font-size: 44px;
                            font-weight: bold;

                            span {
                                font-size: 22px;
                                font-weight: 400;
                            }
                        }
                    }

                    .description-text {
                        font-size: 16px;
                    }

                    .slide-button {
                        width: 282px;
                        height: 60px;
                        border-radius: 99px;
                        border: 1px solid white;
                        font-weight: 500;
                        font-size: 16px;
                        color: white;
                        margin-top: 15px;
                        background-color: #0072bd;

                        &:hover {
                            background-color: var(--color-main-button);
                            border: 1px solid var(--color-main-button);
                        }
                    }

                }

                .slide-img {
                    display: flex;


                    .img-mobile {
                        display: none;
                    }
                }
            }

            .slide.active {
                display: flex; /* Показываем только активный слайд */
                opacity: 1;
                position: relative;
                z-index: 1;
                justify-content: center;

                .description,
                .slide-content-title {
                    opacity: 1;
                    transition: opacity 0.3s ease;
                }

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 240px;
                    height: 467px;
                    top: -50px;
                    right: 0;
                    opacity: 1;
                    background-size: cover;
                    background-image: url('../img/flower.svg');
                }
            }


        }


        .controls {
            position: absolute;
            right: 10px;
            bottom: 0;

            .prev {
                margin-right: 15px;
            }

            .prev,
            .next {
                z-index: 1;
                height: 56px;
                border-radius: 99px;
                width: 56px;
                background-color: unset;
                border: 1px solid var(--color-background);
                background-repeat: no-repeat;
                background-size: 21px 21px;
                background-position: center;
                transition: all .3s ease;

                &:hover {
                    background-color: #b2d4ea;
                }
            }

            .prev::before {
                content: '';
                width: 32px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-left.svg);
            }

            .next::before {
                content: '';
                width: 28px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-right.svg);
            }
        }

        .dots {
            position: absolute;
            bottom: 25px;
            left: 10px;
            display: flex;
            gap: 10px;

            .dot {
                height: 11px;
                background-color: rgba(0, 114, 188, 0.3);
                width: 11px;
                border-radius: 50%;
                display: inline-block;
                transition: transform 0.3s ease, background-color 0.3s ease; /* Анимация при изменении */
            }

            .dot.active {
                background-color: rgba(0, 114, 188, 0.3);
                transform: scale(2.1); /* Увеличение активной точки */

                &::before {
                    content: '';
                    display: block;
                    height: 11px;
                    width: 11px;
                    transform: scale(0.5);
                    border-radius: 99px;
                    background-color: var(--color-background);
                }
            }
        }


    }

    .result {
        position: relative;
        background-size: auto 87%;
        overflow: hidden;
        height: 673px;
        width: 1172px;
        margin: 20px auto;
        background-image: url(../img/operation-blur.png);
        background-position: left bottom;
        border-radius: 20px;
        background-repeat: no-repeat;
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);

        .result-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 44%, rgba(242, 248, 252, 100%) 58%);

            .img-mobile {
                display: none;
            }

            .result-title {
                display: block;
                position: relative;
                text-align: center;
                line-height: 1.1;
                font-size: 64px;
                margin-top: 20px;
                color: var(--color-primary);
                text-transform: uppercase;
                font-weight: 100;

            }

            .result-main {
                right: 0;
                bottom: 100px;
                position: inherit;
                align-content: center;
                width: 378px;
                margin-right: 100px;

                .result-list {
                    .text {
                        font-size: 16px;
                        line-height: 1.6;
                    }
                }

                .result-button {
                    margin-top: 50px;
                    margin-bottom: 10px;
                    width: 330px;
                    height: 60px;
                    border-radius: 99px;
                    border: 0 solid;
                    background-color: var(--color-background);
                    color: white;
                    font-size: 16px;
                    z-index: 2;
                    position: relative;
                    transition: all .3s ease;

                    &:hover {
                        background-color: var(--color-hover-button);
                    }
                }
            }
        }
    }

    .indications {
        width: 1020px;
        height: 738px;
        margin: 40px auto 60px;

        .cards {
            display: flex;
            border-radius: 15px;
            /*box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);*/
            padding: 30px 20px 20px;
            margin-bottom: 20px;

            .card-content {
                margin-left: 20px;
                background-color: #f2f8fc;
                border-radius: 20px;
                z-index: 1;
                display: flex;
                flex-direction: column;
                gap: 40px;
                padding: 45px 0 45px 50px;

                h3 {
                    margin: 0 0 10px;
                    font-size: 20px;
                    line-height: 1.1;
                    font-weight: bold;
                    color: var(--color-primary);
                }

                .text {
                    font-size: 20px;
                    line-height: 1.5;
                    font-weight: 500;
                    color: var(--color-primary);

                    .text-point {
                        &::before {
                            content: '';
                            width: 60px;
                            height: 57px;
                            margin-top: -14px;
                            transform: translateX(-36%);
                            background: #dcecf6;
                            opacity: 1;
                            position: absolute;
                            border-radius: 50%;
                            z-index: -2;
                        }

                        &::after {
                            content: '';
                            width: 28px;
                            height: 28px;
                            background: #a9d0e9;
                            opacity: 1;
                            position: absolute;
                            margin-top: 1px;
                            transform: translateX(-20%);
                            border-radius: 50%;
                            z-index: -1;
                        }
                    }
                }
            }

            &.gray {
                background-color: #f9f9f9;
            }

            &.blue {
                background-color: #f2f8fc;
            }
        }


        .indications-title {
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 60px 0 0px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;
        }

    }

    .pay-after {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: 621px;

        background-image: url(../img/pay-after.png);
        background-position: right center;
        background-repeat: no-repeat;

        .pay-after-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to left, rgba(255, 255, 255, 0) 44%, rgba(217, 234, 245, 100%) 54%);

            .pay-after-main {
                width: 470px;
                height: inherit;
                left: 0;
                position: inherit;
                margin-left: 140px;

                align-content: center;

                .pay-after-title {
                    font-size: 40px;
                    line-height: 1.1;
                    color: var(--color-primary);
                    font-weight: 400;
                    margin-bottom: 10px;

                    .em {
                        font-family: 'Montserrat', sans-serif; /* Курсивный текст */
                        font-style: italic; /* Курсивный стиль */
                    }
                }

                .pay-after-text {
                    display: block;
                    width: 401px;
                    line-height: 1.4;
                    font-size: 16px;
                    color: var(--color-primary);
                }

                .pay-after-form {
                    margin-top: 20px;

                    .pay-after-form-phone {
                        .phone {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                            letter-spacing: 2px;

                        }
                    }

                    .pay-after-form-fio {
                        margin-bottom: 15px;

                        .fio {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                        }
                    }
                }

                .pay-after-button {
                    margin-top: 20px;
                    margin-bottom: 10px;
                    width: 100%;
                    height: 60px;
                    border-radius: 99px;
                    border: 0 solid;
                    background-color: var(--color-background);
                    color: white;
                    font-size: 16px;
                    z-index: 2;
                    position: relative;
                    transition: all .3s ease;

                    &:hover {
                        background-color: var(--color-hover-button);
                    }
                }

                .pay-after-footer {
                    display: block;
                    font-size: 11px;
                    line-height: 1.4;
                }
            }
        }

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 45%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
        }
    }

    .price {
        width: 1165px;
        height: 640px;
        border-radius: 20px;
        margin: 70px auto;
        opacity: 1;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        background: #f2f8fc;
        top: 0;
        left: 0;
        color: var(--color-primary);

        .price-header {
            display: flex;
            justify-content: space-between;
            padding: 40px 80px;
            align-items: center;

            .price-title {
                font-size: 64px;
                font-weight: bold;
                line-height: 1.1;
                text-transform: uppercase;
            }

            .price-text {
                font-size: 16px;
                font-weight: 400;
                line-height: 1.4;
                width: 390px;
                text-align: right;
            }
        }

        .price-table {
            .price-table-topic {
                &.active {
                    background-color: #cee4f3;
                }

                .topic {
                    display: flex;
                    height: 80px;
                    padding: 0 80px;
                    width: 100%;
                    position: relative;

                    .topic-column {
                        display: flex;


                        .topic-title {
                            font-size: 34px;
                            line-height: 1.4;
                            font-weight: bold;
                            display: flex;
                            align-items: center;

                            p {
                                font-size: 18px;
                                font-weight: 400;
                                padding: 10px 0 0 10px;
                            }

                            &.sub {
                                width: 475px;
                                font-weight: 600;
                                font-size: 18px;
                                line-height: 1.4;
                            }
                        }

                        .topic-count {
                            font-size: 18px;
                            line-height: 1.4;
                            font-weight: 400;
                            display: flex;
                            padding: 12px 12px 0;
                            align-items: center;

                            &.sub {
                                width: 280px;
                                font-weight: 600;
                                font-size: 18px;
                                line-height: 1.4;
                            }

                            p {
                                font-size: 22px;
                            }
                        }

                        &.aligners {
                            .topic-title {
                                width: 475px;
                            }

                            .topic-count {
                                width: 280px;
                            }
                        }

                        .dots {
                            font-size: 48px;
                        }
                    }
                }
            }
        }

        .price-include {
            padding: 10px 80px;

            .price-include-text {
                font-size: 18px;
                line-height: 1.4;
            }

            hr {
                background-color: var(--color-primary);
            }

            .price-star {
                font-size: 16px;
                line-height: 1.4;
            }

        }


        .price-title {
            font-size: 50px;
            font-weight: bold;
            line-height: 1.4;
            display: block;
            position: relative;
            /*margin: 10px 0 35px;*/
            text-align: center;
        }

        .dots_empty {
            flex-grow: 1;
        }

        .dots {
            flex-grow: 1;
            margin: 0 5px;
            font-size: 48px;
        }

        .dots::after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            /* Многоточие */
            background: repeating-linear-gradient(to right, transparent, transparent 2px, /* Прозрачный участок */ #90a0a9 0px, /* Точка */ #90a0a9 4px /* Прозрачный участок после точки */);
        }
    }

    .slider2 {
        position: relative;
        margin: 0 auto;
        width: 1170px; /* Ширина слайдера */
        height: 660px; /* Высота слайдера */
        overflow: hidden;
        background-color: white;
        color: white;

        .slider-title {
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 0 0 20px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;
        }

        .slider-content {
            flex: 1;
            display: block;
            /*width: 100%;*/
            /*height: 63%;*/
            background-color: #0072bd;
            border-radius: 20px;
            margin: 0 auto;
            height: 423px;
            width: 733px;
            position: relative;

            .slide {
                height: 100%;
                font-size: 24px;
                text-align: center;
                opacity: 0;
                position: absolute;

                .slide-content {
                    flex: 1;
                    padding: 0;
                    text-align: left;
                    line-height: 1.4;
                    transition: all .3s ease;

                    margin: auto 0 auto 40px;

                    .slide-content-top {
                        display: flex;
                        width: fit-content;
                        margin-bottom: 20px;

                        .img {

                        }

                        .top-info {
                            margin-left: 15px;
                            line-height: 1.4;
                            align-content: end;

                            .info-title {
                                font-size: 16px;
                                font-weight: bold;
                            }

                            .info-text {
                                font-size: 16px;
                                font-weight: 400;
                            }
                        }
                    }

                    .slide-description {
                        border: 1px solid rgba(999, 999, 999, .5);
                        font-size: 14px;
                        padding: 15px 20px 0 20px;
                        line-height: 1.4;
                        text-align: left;
                        width: 455px;
                        height: 206px;
                        border-radius: 20px;

                        .slide-description-text {

                        }
                    }

                    hr {
                        margin: 10px 0;
                    }

                    .slide-content-title {
                        font-weight: 300;
                        text-transform: uppercase;
                        font-size: 20px;
                        opacity: 0;
                        transition: opacity 0.3s ease;
                    }

                    .description-middle-hr {
                        margin: 14px 0;
                    }

                    .description {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        opacity: 0;
                        transition: opacity 0.3s ease;

                        .slide-content-description-left {
                            display: inline-block;
                            text-align: left;

                            .description-title {
                                text-transform: uppercase;
                                font-size: 30px;
                                font-weight: bold;
                                margin-top: 2px;
                            }

                            .description-middle-title {
                                text-transform: uppercase;
                                font-size: 44px;
                                font-weight: bold;
                            }

                            .description-text {
                                font-size: 16px;
                            }
                        }

                        .slide-content-description-middle {
                            .description-title {
                                text-transform: uppercase;
                                font-size: 50px;
                                font-weight: bold;
                                width: 100%;
                                gap: 20px;
                                align-items: center;
                                display: flex;
                            }

                            .description-text {
                                font-size: 16px;
                                font-weight: 400;
                            }
                        }

                        .slide-content-description-right {
                            display: inline-block;
                            text-align: right;

                            .description-price {
                                font-size: 40px;
                                font-weight: bold;
                                line-height: 1;
                            }

                            .description-text {
                                font-size: 16px;
                            }
                        }
                    }

                    .description-text {
                        font-size: 16px;
                    }
                }

                .slide-img {
                    /*flex: 1.2;*/
                    margin: 0 auto;
                    padding: 0;
                    align-content: center;

                    .slide-img-content {
                        width: 580px;
                        text-transform: uppercase;
                        display: flex;
                        flex-direction: column;
                        margin: auto;

                        .content-text {
                            font-size: 20px;
                            font-weight: 300;
                            line-height: 1.4;
                        }

                        .content-title {
                            font-size: 30px;
                            font-weight: bold;
                            line-height: 1.3;
                        }
                    }

                    .slide-img-hr {
                        height: 1px;
                        border: none;
                        background-color: rgba(999, 999, 999, 0.5);
                        margin: 5px 30px 5px;
                    }

                    .slide-img-image {
                        display: flex;
                        gap: 15px;
                        justify-content: space-evenly;

                        .img-after,
                        .img-before {
                            position: relative;

                            &::before {
                                display: block;
                                font-size: 11px;
                                font-weight: bold;
                                width: 106px;
                                height: 24px;
                                background-color: white;
                                color: #0E8BDC;
                                position: absolute;
                                bottom: -2px;
                                left: 50%;
                                align-content: center;
                                border-radius: 20px;
                                transform: translateX(-50%);
                            }
                        }

                        .img-before {
                            opacity: 0;
                            transition: all .3s ease;

                            &::before {
                                content: 'До лечения';
                            }
                        }

                        .img-after {
                            opacity: 0;
                            transition: all .3s ease;

                            &::before {
                                content: 'После';
                            }
                        }
                    }

                }
            }

            .slide.active {
                display: flex; /* Показываем только активный слайд */
                opacity: 1;
                position: relative;
                z-index: 1;
                margin: auto;

                .description,
                .slide-content-title {
                    opacity: 1;
                    transition: opacity 0.3s ease;
                }

                .slide-img {
                    .slide-img-image {
                        .img-after,
                        .img-before {

                            opacity: 1;
                            transition: all .3s ease;
                        }
                    }
                }

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 240px;
                    height: 422px;
                    top: -65px;
                    right: -22px;
                    opacity: 1;
                    background-size: cover;
                    background-image: url('../img/flower.svg');
                }
            }


        }


        .controls {
            position: absolute;
            bottom: 0;
            margin: 0 auto;
            display: flex;
            left: 0;
            right: 0;
            width: 733px;
            justify-content: end;

            .prev {
                margin-right: 15px;
            }

            .prev,
            .next {
                z-index: 1;
                height: 56px;
                border-radius: 99px;
                width: 56px;
                background-color: unset;
                border: 1px solid var(--color-background);
                background-repeat: no-repeat;
                background-size: 21px 21px;
                background-position: center;
                transition: all .3s ease;

                &:hover {
                    background-color: #b2d4ea;
                }
            }

            .prev::before {
                content: '';
                width: 32px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-left.svg);
            }

            .next::before {
                content: '';
                width: 28px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-right.svg);
            }
        }

        .dots {
            bottom: 25px;
            left: 10px;
            display: flex;
            gap: 10px;
            position: absolute;
            right: 0;
            margin: 0 auto;
            width: 733px;
            justify-content: left;

            .dot {
                height: 11px;
                background-color: rgba(0, 114, 188, 0.3);
                width: 11px;
                border-radius: 50%;
                display: inline-block;
                transition: transform 0.3s ease, background-color 0.3s ease; /* Анимация при изменении */
            }

            .dot.active {
                background-color: rgba(0, 114, 188, 0.3);
                transform: scale(2.1); /* Увеличение активной точки */

                &::before {
                    content: '';
                    display: block;
                    height: 11px;
                    width: 11px;
                    transform: scale(0.5);
                    border-radius: 99px;
                    background-color: var(--color-background);
                }
            }
        }
    }

    .slider3 {
        position: relative;
        margin: 60px auto 0;
        width: 1170px; /* Ширина слайдера */
        height: 710px; /* Высота слайдера */
        overflow: hidden;
        background-color: white;
        color: white;

        .slider-title {
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 0 0 40px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;
        }

        .slider-content {
            flex: 1;
            position: absolute;
            width: 100%;
            height: 65%;
            border-radius: 20px;

            .slide {
                height: 100%;
                text-align: center;
                opacity: 0;
                position: absolute;
                justify-content: space-between;

                .slide-card {
                    .slide-content {
                        flex: 1;
                        padding: 0;
                        text-align: left;
                        margin: 10px 0 0;
                        line-height: 1.4;
                        transition: all .3s ease;
                        color: var(--color-primary);

                        .slide-title {
                            font-size: 14px;
                            line-height: 1.4;
                            opacity: .5;
                            transition: opacity .5s ease;
                        }

                        .slide-text {
                            font-size: 14px;
                            line-height: 1.4;
                        }

                    }

                    .slide-img {
                        background-color: #dbe5ee;
                        border-radius: 20px;

                        img {
                            opacity: .5;
                            transition: opacity .5s ease;
                        }


                    }
                }
            }

            .slide.active {
                display: flex; /* Показываем только активный слайд */
                opacity: 1;
                position: relative;
                z-index: 1;

                .slide-img {
                    background-color: #dbe5ee;
                    border-radius: 20px;

                    img {
                        opacity: 1;
                        transition: opacity .5s ease;
                    }
                }

                .slide-content {
                    .slide-title {
                        opacity: 1;
                        transition: opacity .5s ease;
                    }
                }
            }
        }


        .controls {
            position: absolute;
            right: 10px;
            bottom: 0;

            .prev {
                margin-right: 15px;
            }

            .prev,
            .next {
                z-index: 1;
                height: 56px;
                border-radius: 99px;
                width: 56px;
                background-color: unset;
                border: 1px solid var(--color-background);
                background-repeat: no-repeat;
                background-size: 21px 21px;
                background-position: center;
                transition: all .3s ease;

                &:hover {
                    background-color: #b2d4ea;
                }
            }

            .prev::before {
                content: '';
                width: 32px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-left.svg);
            }

            .next::before {
                content: '';
                width: 28px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-right.svg);
            }
        }

        .dots {
            position: absolute;
            bottom: 25px;
            left: 10px;
            display: flex;
            gap: 10px;

            .dot {
                height: 11px;
                background-color: rgba(0, 114, 188, 0.3);
                width: 11px;
                border-radius: 50%;
                display: inline-block;
                transition: transform 0.3s ease, background-color 0.3s ease; /* Анимация при изменении */
            }

            .dot.active {
                background-color: rgba(0, 114, 188, 0.3);
                transform: scale(2.1); /* Увеличение активной точки */

                &::before {
                    content: '';
                    display: block;
                    height: 11px;
                    width: 11px;
                    transform: scale(0.5);
                    border-radius: 99px;
                    background-color: var(--color-background);
                }
            }
        }
    }

    .economy {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: 643px;
        margin-top: 60px;
        background-image: url(../img/cold-girl.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-color: #cde3f3;

        .economy-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            .economy-main {
                width: 470px;
                height: inherit;
                right: 0;
                position: inherit;
                margin-right: 150px;
                align-content: center;
                padding: 20px;

                .economy-title {
                    font-size: 40px;
                    line-height: 1.1;
                    color: var(--color-primary);
                    font-weight: 400;
                    margin-bottom: 15px;
                }

                .economy-text {
                    line-height: 1.6;
                    font-size: 16px;
                    width: 390px;
                    display: block;
                    margin-bottom: 25px;
                    color: var(--color-primary);
                }

                .economy-button {
                    width: 282px;
                    height: 60px;
                    border-radius: 99px;
                    border: 1px solid var(--color-gray);
                    font-weight: 500;
                    font-size: 16px;
                    color: var(--color-gray);
                    margin-top: 8px;
                    background-color: unset;

                    &:hover {
                        background-color: var(--color-main-button);
                        border: 1px solid var(--color-main-button);
                        color: white;
                    }
                }

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 78%;
                    height: 50%;
                    top: 359px;
                    right: -180px;
                    opacity: 1;
                    background-size: cover;
                    background-image: url('../img/flower.svg');
                    filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
                }
            }

        }
    }

    .slider4 {
        position: relative;
        height: 738px;
        overflow: hidden;
        background-color: white;
        color: white;

        .slider-title {
            padding-top: 80px;
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 0 0 40px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;

            &::before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100px;
                top: 170px;
                height: 97px;
                left: 220px;
                background-size: cover;
                background-image: url(../img/flower.svg);
                filter: brightness(45%) saturate(100%) invert(65%) sepia(90%) saturate(250%) hue-rotate(260deg);

            }

            &::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 125px;
                right: 160px;
                rotate: 33deg;
                top: 205px;
                height: 121px;
                background-size: cover;
                background-image: url(../img/flower.svg);
                filter: brightness(45%) saturate(100%) invert(65%) sepia(90%) saturate(250%) hue-rotate(260deg);

            }
        }

        .slider-content {
            flex: 1;
            position: absolute;
            width: 100%;
            height: 65%;
            border-radius: 20px;
            display: flex;
            justify-content: center;

            .slide {
                padding: 15px;
                background-color: var(--color-background-lighter);
                border-radius: 30px;
                text-align: center;
                opacity: 0;
                position: absolute;
                justify-content: space-between;
                width: 580px;
                height: 380px;
                box-shadow: 0 5px 25px rgba(122, 181, 217, 1);

                .slide-card {
                    background-color: var(--color-background);
                    border-radius: 20px;

                    .slide-content {
                        padding: 25px 40px;
                        text-align: left;
                        line-height: 1.4;
                        transition: all .3s ease;
                        color: white;

                        .slide-hr {
                            margin: 15px 0;
                            height: 1px;
                        }

                        .slide-title {
                            display: block;
                            text-align: center;
                            font-size: 20px;
                            line-height: 1.2;
                            opacity: 0;
                            transition: opacity .5s ease;
                        }

                        .slide-subtitle {
                            display: block;
                            text-align: center;
                            font-size: 16px;
                            line-height: 1.2;
                            opacity: 0;
                            transition: opacity .5s ease;
                        }

                        .slide-text {
                            font-size: 14px;
                            line-height: 1.4;
                            opacity: 0;
                            transition: opacity .5s ease;
                            height: 210px;
                            overflow: auto;
                            padding-right: 7px;

                            &::-webkit-scrollbar {
                                width: 9px; /* Ширина вертикальной полосы прокрутки */
                                height: 100px; /* Высота горизонтальной полосы прокрутки */
                            }

                            /* Стили для области отслеживания (фона) */

                            &::-webkit-scrollbar-track {
                                background: #4999cd; /* Цвет фона полосы прокрутки */
                                border-radius: 10px; /* Закругление углов области отслеживания */
                            }

                            ::-webkit-scrollbar-thumb {
                                background: #4999cd;
                                border-radius: 10px;
                            }

                            /*!* Стили для Firefox *!*/
                            scrollbar-color: #4999cd transparent;
                            scrollbar-width: auto;
                        }
                    }
                }
            }

            .slide.active {
                display: flex; /* Показываем только активный слайд */
                opacity: 1;
                position: relative;
                z-index: 1;

                .slide-content {
                    .slide-subtitle,
                    .slide-text,
                    .slide-title {
                        opacity: 1;
                        transition: opacity .5s ease;
                    }
                }

            }
        }


        .controls {
            position: absolute;
            top: 56%;
            display: flex;
            right: 24%;
            left: 24%;
            justify-content: space-between;

            &::before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 142px;
                top: -25px;
                left: -275px;
                height: 138px;
                rotate: 35deg;
                background-size: cover;
                background-image: url(../img/flower.svg);
                filter: brightness(45%) saturate(100%) invert(65%) sepia(90%) saturate(250%) hue-rotate(260deg);

            }

            &::after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 75px;
                right: -120px;
                top: 160px;
                height: 73px;
                background-size: cover;
                background-image: url(../img/flower.svg);
                filter: brightness(45%) saturate(100%) invert(65%) sepia(90%) saturate(250%) hue-rotate(260deg);

            }

            .prev {
                margin-right: 15px;
            }

            .prev,
            .next {
                z-index: 1;
                height: 56px;
                border-radius: 99px;
                width: 56px;
                background-color: unset;
                border: 1px solid var(--color-background);
                background-repeat: no-repeat;
                background-size: 21px 21px;
                background-position: center;
                transition: all .3s ease;

                &:hover {
                    background-color: #b2d4ea;
                }
            }

            .prev::before {
                content: '';
                width: 32px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-left.svg);
            }

            .next::before {
                content: '';
                width: 28px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-right.svg);
            }
        }

        .dots {
            position: absolute;
            bottom: 25px;
            display: flex;
            gap: 10px;
            left: 0;
            right: 0;
            justify-content: center;

            .dot {
                height: 11px;
                background-color: rgba(0, 114, 188, 0.3);
                width: 11px;
                border-radius: 50%;
                display: inline-block;
                transition: transform 0.3s ease, background-color 0.3s ease; /* Анимация при изменении */
            }

            .dot.active {
                background-color: rgba(0, 114, 188, 0.3);
                transform: scale(2.1); /* Увеличение активной точки */

                &::before {
                    content: '';
                    display: block;
                    height: 11px;
                    width: 11px;
                    transform: scale(0.5);
                    border-radius: 99px;
                    background-color: var(--color-background);
                }
            }
        }
    }

    .helpful {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: 555px;
        width: 1170px;
        margin: 60px auto;
        border-radius: 20px;
        background-color: #324b6f;

        &::before {
            content: '';
            position: absolute;
            background-size: auto 100%;
            width: 80%;
            height: 100%;
            background-image: url(../img/face.png);
            background-repeat: no-repeat;
            overflow: auto;
            z-index: 1;
        }

        &::after {
            content: '';
            position: absolute;
            top: -5%;
            left: 28%;
            transform: translateX(-50%) rotate(-18deg);
            width: 45%;
            height: 150%;
            background-color: rgba(0, 114, 188, 0.7);
            z-index: 0;
            border-radius: 50%;
            filter: blur(30px);
        }

        .helpful-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 40%, rgba(50, 75, 111, 100%) 66%);

            .helpful-main {
                width: 470px;
                height: inherit;
                right: 0;
                position: inherit;
                align-content: center;

                .helpful-title {
                    font-size: 40px;
                    line-height: 1.1;
                    color: white;
                    font-weight: 400;
                    margin-bottom: 15px;
                }

                .helpful-text {
                    line-height: 1.6;
                    font-size: 16px;
                    width: 367px;
                    display: block;
                    margin-bottom: 25px;
                    color: white;
                }

                .helpful-button {
                    width: 282px;
                    height: 60px;
                    border-radius: 99px;
                    border: 1px solid white;
                    font-weight: 500;
                    font-size: 16px;
                    color: white;
                    margin-top: 8px;
                    background-color: unset;

                    &:hover {
                        background-color: var(--color-main-button);
                        border: 1px solid var(--color-main-button);
                        color: white;
                    }
                }
            }

        }
    }

    .waiting {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: 519px;
        width: 1170px;
        margin: 60px auto;
        border-radius: 20px;

        .waiting-title {
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 0 0 30px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;
        }

        .waiting-background {
            position: relative;
            display: flex;
            justify-content: space-between;

            .waiting-img {
                .img {
                    object-fit: cover;
                    border-radius: 20px;
                }
            }

            .waiting-main {
                width: 440px;
                height: inherit;
                right: 0;
                position: inherit;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-content: center;

                .waiting-list {
                    width: 381px;
                    height: 219px;

                    .title {
                        line-height: 1.4;
                        font-size: 16px;
                        color: var(--color-primary);
                        display: block;
                        margin-bottom: 15px;
                        text-align: left;

                    }

                    .text {
                        line-height: 1.4;
                        font-size: 16px;
                        display: block;
                        margin-bottom: 25px;
                        color: var(--color-gray);

                    }
                }

                .waiting-button {
                    margin-top: 20px;
                    width: 330px;
                    height: 60px;
                    border-radius: 99px;
                    border: 0 solid;
                    background-color: var(--color-background);
                    color: white;
                    font-size: 16px;
                    z-index: 2;
                    position: relative;
                    transition: all .3s ease;

                    &:hover {
                        background-color: var(--color-hover-button);
                    }
                }
            }

        }
    }

    .adresa_clinic {
        position: relative;
        background-size: auto 100%;
        overflow: hidden;
        height: auto;
        width: 1170px;
        margin: 60px auto;
        border-radius: 20px;

        .adresa_clinic-title {
            display: block;
            position: relative;
            text-align: center;
            line-height: 1.1;
            font-size: 64px;
            margin: 0 0 30px;
            color: var(--color-primary);
            text-transform: uppercase;
            font-weight: 100;
        }
		
		.clinic{
			
			.clinic_metro_image{
				display: inline-block;
				margin-right:5px;
			}
			
			.clinic_about{
				display: inline-block;
				
				.clinic_name h5{
					font-size: 22px;
					margin-bottom: -3px;
				}	
				
				.clinic_title{
					font-size: 22px;
				}
			}
		}
		
	}

    .clarification {
        margin: 0 135px 30px;
        font-size: 12px;
        line-height: 1.4;

        hr {
            margin: 15px 0;
        }
    }

    .form {
        position: fixed;
        background-size: auto 110%;
        overflow: hidden;
        width: 1170px;
        height: 636px;
        background-image: url(../img/call.svg);
        background-position: left center;
        box-shadow: 0 0 200px 100px rgba(122, 181, 217, 1);
        border: 0 solid;
        border-radius: 20px;

        .form-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 40%, rgba(217, 234, 245, 100%) 50%);

            .form-main-header {
                display: flex;
                justify-content: space-between;

                .header-logo_img {
                    margin-bottom: 40px;
                }
            }

            .close-button {
                width: 40px;
                height: 40px;
                border-radius: 20px;
                border: 1px solid #0072BC;
                background-color: transparent;
                cursor: pointer;
                position: absolute !important;
                outline: none;
                transition: transform .3s ease;
                right: 0;
            }

            .close-button::before,
            .close-button::after {
                content: '';
                position: absolute;
                width: 30px;
                height: 1px;
                background-color: #0072BC;
                transform-origin: center;
            }

            .close-button::before {
                transform: translate(-50%, -50%) rotate(45deg); /* Первая линия крестика под углом 45 градусов */
            }

            .close-button::after {
                transform: translate(-50%, -50%) rotate(-45deg); /* Вторая линия крестика под углом -45 градусов */
            }

            .close-button:hover::before {
                transition: transform .3s ease;
                transform: translate(-50%, -50%) rotate(-135deg); /* Вращение первой линии при наведении */
            }

            .close-button:hover::after {
                transition: transform .3s ease;
                transform: translate(-50%, -50%) rotate(-225deg); /* Вращение второй линии при наведении */

            }

            .close-button:not(:hover)::before {
                transition: transform .3s ease;
                transform: translate(-50%, -50%) rotate(45deg);
            }

            .close-button:not(:hover)::after {
                transition: transform .3s ease;
                transform: translate(-50%, -50%) rotate(-45deg);
            }

            .form-main {
                width: 470px;
                height: inherit;
                right: 0;
                position: inherit;
                margin-right: 80px;
                align-content: center;

                .form-title {
                    font-size: 40px;
                    line-height: 1.1;
                    color: var(--color-primary);
                    font-weight: 400;
                    margin-bottom: 10px;

                    .em {
                        font-family: 'Montserrat', sans-serif; /* Курсивный текст */
                        font-style: italic; /* Курсивный стиль */
                    }

                }

                .form-text {
                    line-height: 1.4;
                    font-size: 16px;
                    color: var(--color-primary);
                }

                .form-form {
                    margin-top: 20px;

                    .form-form-phone {
                        .phone {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                            letter-spacing: 2px;

                        }
                    }

                    .form-form-fio {
                        margin-bottom: 15px;

                        .fio {
                            height: 50px;
                            width: 100%;
                            border-radius: 6px;
                            border: 0 solid;
                            padding-left: 30px;
                        }
                    }
                }

                .form-button {
                    margin-top: 20px;
                    margin-bottom: 10px;
                    width: 100%;
                    height: 60px;
                    border-radius: 99px;
                    border: 0 solid;
                    background-color: var(--color-background);
                    color: white;
                    font-size: 16px;
                    z-index: 2;
                    position: relative;
                    transition: all .3s ease;

                    &:hover {
                        background-color: var(--color-hover-button);
                    }
                }

                .form-footer {
                    width: auto !important;
                    font-size: 11px !important;
                    display: block;
                    line-height: 1.4;
                }
            }
        }

        &::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(10px);
        }

    }

    .form-response {
        position: fixed;
        background-size: auto 110%;
        overflow: hidden;
        width: 1170px;
        height: 636px;
        padding-top: 150px;
        backdrop-filter: blur(8px);
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 200px 100px rgba(122, 181, 217, 0.5);
        border: 0 solid;
        border-radius: 20px;
        .form-background {
            display: block;
            align-content: center;
            width: 100%;
            height: 100%;
            text-align: center;
            .form-icon {
                margin: auto;
            }
            .form-title {
                font-weight: 700;
                font-size: 60px;
                color: var(--color-primary);
            }
            .form-subtitle {
                font-weight: 400;
                font-size: 20px;
                line-height: 22px;
                color: var(--color-primary);
            }
            .close-button {
                line-height: 15px;
                padding-top: 10px;
                margin-top: 90px;
                margin-bottom: 10px;
                width: 470px;
                height: 60px;
                border-radius: 99px;
                border: 0 solid;
                background-color: var(--color-background);
                color: white;
                font-size: 16px;
                font-weight: 500;
                z-index: 2;
                position: relative;
                transition: all .3s ease;
                p {
                    font-size: 10px;
                    font-weight: 500;
                }
                &:hover {
                    background-color: var(--color-hover-button);
                }
            }
        }
    }

    .dialog {
        opacity: 0; /* Начальная непрозрачность */
        transition: opacity 0.5s ease; /* Переходы для плавного появления */
        display: block; /* Чтобы правильно работали переходы и transform */
        pointer-events: none; /* Чтобы изначально нельзя было взаимодействовать с элементом */
    }

    .dialog[open] {
        opacity: 1; /* Конечная непрозрачность */
        pointer-events: auto; /* Возвращаем возможность взаимодействия */
    }
}


footer {
    .footer {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 14px 135px;
        background-color: #cce3f2;

        .footer-logo_img {
            width: 172px;
            height: 45px;
        }

        .footer-slogan {
            width: 293px;
            color: var(--color-gray);
            font-weight: Bold;
            font-size: 16px;
            text-align: right;
            line-height: 1.2;
            align-content: center;
        }
    }
}

.input-container {
    position: relative;
    input {
        padding: 0 40px 0 20px!important;
    }
}
.clear-icon {
    position: absolute;
    right: 20px;
    top: 25px;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--color-gray);
    font-size: 18px;
    display: none;
}
.clear-icon.visible {
    display: block;
}
.error-message {
    color: red;
    display: none; /* Скрыть сообщение об ошибке по умолчанию */
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.desktop-show {
    display: block;
}

.mobile-show {
    display: none;
}

/* Мобилка для карточек */

/*@media (max-width: 480px) {*/
@media screen and (max-width: 640px) {
    .desktop-show {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }

    .header {
        margin-bottom: 0 !important;
        border-bottom-left-radius: 60px !important;
        height: 685px !important;
        background: #F6F6F6;

        .header-top {
            padding: 9px 20px 8px !important;

            .header-logo_img {
                width: 126px !important;
                height: 33px !important;
            }

            .header-slogan {
                width: 141px !important;
                font-size: 10px !important;
                text-wrap-style: balance !important;

            }
        }

        .header-staj {
            position: absolute !important;
            top: auto !important;
            bottom: 130px !important;
            left: 20px !important;
            /*rotate: 345deg !important;*/
            z-index: 2 !important;
            margin-right: 0 !important;

            .header-staj_img {
                width: 75px !important;
                height: 51px !important;
                /*margin-top: 22px !important;*/
            }

            .header-staj_text {
                font-size: 10px!important;
                width: 110px !important;
                margin-top: 3px !important;
            }

            &::before {
                width: 54px !important;
                height: 52px !important;
                right: 15px !important;
                top: -50px !important;
            }

            &::after {
                display: none !important;
            }
        }

        .header-main {
            padding: 0 20px !important;

            .header-face {
                position: absolute !important;
                margin-right: -15% !important;
                right: 0 !important;
                bottom: 0 !important;

                .header-face_img {
                    height: auto !important;
                    right: 55px !important;
                    top: 0 !important;
                    max-width: 160% !important;
                }
                &::after {
                    display: none;!important;
                }
                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 100px;
                    left: -300px;
                    top: 265px;
                    height: 97px;
                    background-size: cover;
                    background-image: url(../img/flower.svg);
                }
            }

            .header-upper-title {
                top: 15px !important;
                font-size: 14px !important;
                max-width: 340px !important;
                width: auto !important;
                display: block !important;
                line-height: 1.2 !important;
            }

            .header-title {
                .header-title-main {
                    font-size: 88px !important;
                    margin-top: 15px !important;
                    /*margin-left: -7px !important;*/
                    width: auto !important;
                }

                .header-title-detail {
                    font-size: 21px !important;
                    width: 250px !important;

                    .rub {
                        font-size: 13px !important;
                        margin-left: 7px !important;
                    }

                    .header-title-detail-text {
                        display: grid;
                    }

                    .header-title-detail-count {
                        /*margin-top: 5px !important;*/
                        /*font-size: 56px !important;*/
                        font-size: 24px !important;
                        font-weight: bold !important;
                        line-height: 1.1 !important;
                    }
                }

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 42px;
                    height: 41px;
                    left: 162px;
                    top: 285px;
                    z-index: 1;
                    rotate: 0deg;
                    background-size: cover;
                    background-image: url(../img/flower.svg);
                }

                &:after {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 52px;
                    height: 50px;
                    left: 295px;
                    top: 230px;
                    z-index: 1;
                    rotate: 180deg;
                    background-size: cover;
                    opacity: 1;
                    background-image: url(../img/flower.svg);
                    filter: brightness(0) saturate(100%) invert(60%) sepia(65%) saturate(185%) hue-rotate(160deg);
                }

            }

            .header-under-title {
                font-size: 13px !important;
                font-weight: bold !important;
                margin-top: 0px !important;

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 48px;
                    height: 46px;
                    left: 146px;
                    opacity: 0.5;
                    top: -73px;
                    background-size: cover;
                    background-image: url(../img/flower.svg);
                }
            }

            .header-star {
                left: 40px !important;
            }

            .header-button {
                width: 310px !important;
                position: absolute !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                margin: 20px auto 30px !important;

            }

            .header-positive {
                width: 190px !important;
                position: absolute !important;
                margin-top: 30px !important;
                bottom: auto !important;

                .positive-list,
                .positive-list-second {
                    font-size: 11px !important;

                    .positive-list_point {
                        width: 11px !important;
                        height: 11px !important;
                    }

                    .positive-list_point_center {
                        width: 6px !important;
                        height: 6px !important;
                        top: 2.5px !important;
                        left: 2.5px !important;
                    }

                    .positive-list_text {
                        display: block !important;
                        margin-left: 15px !important;
                        line-height: 1.1 !important;

                    }
                }

                &::before {
                    content: '';
                    position: absolute;
                    display: inline-block;
                    width: 41px;
                    height: 42px;
                    left: 135px;
                    opacity: 1;
                    /*rotate: 35deg;*/
                    top: -15px;
                    background-size: cover;
                    background-image: url(../img/flower.svg);
                }
            }
        }
    }

    .what-is-braces {
        background-image: none !important;
        height: 1055px !important;

        .what-is-braces-title {
            padding: 30px 0 !important;
            font-size: 36px !important;
        }

        .what-is-braces-main {
            display: block !important;
            margin-top: 0 !important;

            .what-is-braces-imgs {
                margin: 10px auto 20px !important;
                background-repeat: no-repeat !important;
                background-position: center center !important;
                background-image: url(../img/tooth-mobile.png) !important;
                width: 293px !important;
                height: 250px !important;
            }

            .what-is-braces-text {
                margin: 0 25px !important;
                width: auto !important;
                font-size: 16px !important;
                line-height: 1.2 !important;
            }

            .why-braces-lines,
            .what-is-braces-lines {
                width: auto !important;
                margin: 0 25px !important;
                gap: 15px !important;

                .line {
                    padding-right: 10px;
                    &.third {
                        position: relative!important;
                        bottom: 0!important;
                        width: 100% !important;
                    }
                    .line-count {
                        align-content: center!important;
                    }
                    .line-text {
                        padding: 10px !important;
                    }
                }
            }

        }
    }

    .answer {
        height: 725px !important;
        background-size: auto 75% !important;
        background-position: 25% -50% !important;
        top: 0 !important;
        background-image: none !important;

        &::before {
            content: none !important;

        }

        .answer-imgs {
            background-image: url(../img/girl-3.png);
            height: 45%;
            background-repeat: no-repeat;
            background-size: 100% !important;
            background-position: 50% 50% !important;
        }

        .answer-background {
            padding-top: 250px !important;

            /*position: relative !important;*/
            position: absolute !important;
            /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(217, 234, 245, 100%) 0%) !important;*/
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 26%, rgba(217, 234, 245, 100%) 36%) !important;


            .answer-main {
                align-content: start !important;

                width: auto !important;
                margin: 0 25px !important;

                .answer-title {
                    font-size: 30px !important;
                    margin: 10px 0 !important;
                }

                .answer-text {
                    font-size: 14px !important;
                    line-height: 1.2 !important;
                }

                .answer-form {

                }

                .answer-footer {
                    width: 274px !important;
                    text-align: center !important;
                    margin: 0 auto 20px !important;
                }
            }
        }
    }

    .why-braces {
        height: 100% !important;

        .why-braces-img {
            height: 310px !important;
            display: flex !important;
            padding: 20px 10px !important;
            position: relative !important;
            overflow: hidden !important;

            .why-braces-tooth_img {
                border-radius: 20px !important;
                object-fit: cover !important;
                height: 100% !important;
                position: relative !important;
                top: 0 !important;
                width: 100% !important;
                align-self: center !important;
            }
        }

        .why-braces-main {
            display: block !important;
            margin: 30px 10px !important;

            .why-braces-list-2,
            .why-braces-list {
                width: auto !important;
            }
        }

        .why-braces-imgs {
            display: none !important;
        }

        .why-braces-title {
            font-size: 36px !important;
            padding-top: 40px !important;

        }
    }

    .slider {
        width: 100% !important;
        margin: 40px auto 0 !important;
        height: 740px !important;

        .slider-content {
            position: initial !important;
            width: 100% !important;
            margin: 20px auto !important;
            height: 680px !important;

            .slide {
                height: auto !important;
                display: block !important;
                text-align: left !important;

                .slide-img {
                    display: block !important;

                    .img {
                        display: none !important;
                    }

                    .img-mobile {
                        display: block !important;
                        width: 100% !important;
                        max-width: 400px !important;;
                        margin: 0 auto !important;;
                    }

                    .slide-sale {
                        display: block !important;
                        font-size: 20px !important;
                        margin: 0 !important;
                        padding: 15px 25px !important;
                    }


                }

                .slide-content {
                    padding: 20px !important;
                    margin: 0 !important;
                    width: 100% !important;

                    .slide-content-title {
                        font-size: 16px !important;
                        padding: 0 0 10px 0 !important;
                    }

                    .description-title {
                        font-size: 20px !important;
                    }

                    .description {
                        flex-flow: nowrap !important;
                        text-align: center !important;
                        line-height: 1.1 !important;
                        /*text-align: center !important;*/
                        justify-content: center;

                        .slide-content-description-left {
                            line-height: 1.1 !important;
                            font-size: 37px !important;

                            .description-country {
                                font-size: 22px !important;
                            }

                            .plus {
                                font-size: 34px !important;
                            }
                        }
                    }

                    .description-price {
                        font-size: 25px !important;
                    }

                    .description-text {
                        font-size: 12px !important;
                    }

                    .slide-button {
                        width: 100% !important;
                        margin-top: 15px !important;

                    }
                }

                &:before {
                    width: 231px !important;
                    height: 229px !important;
                    top: 380px !important;
                    right: -65px !important;
                }
            }

        }

        .controls {
            position: absolute !important;
            bottom: 0 !important;
            left: 10px !important;
            right: 0px !important;
            display: flex !important;
            justify-content: space-between !important;
        }

        .dots {
            width: 100% !important;
            justify-content: center !important;
        }
    }

    .result {
        box-shadow: none !important;
        height: 790px !important;
        width: auto !important;
        margin: 20px 10px !important;
        background-image: none !important;

        .result-background {
            background-color: #f6fbfe !important;

            .img-mobile {
                display: block !important;
                width: 100% !important;
                max-width: 400px !important;
                margin: 0 auto !important;
            }

            .result-title {
                font-size: 36px !important;
                line-height: 1.1 !important;
                padding-top: 10px !important;
            }

            .result-main {
                padding: 15px !important;
                bottom: 0 !important;
                margin-right: 0 !important;
                width: auto !important;
                .result-button {
                    margin-top: 30px!important;
                }
                .result-list {
                    .text {
                        line-height: 1.4 !important;
                    }
                }
            }
        }
    }

    .slider5 {
        display: block;
        height: 584px;
        width: auto;
        margin: 10px;

        .slider-title {
            margin: 40px auto;
            text-align: center;
            font-weight: 100;
            line-height: 1.1;
            font-size: 36px !important;
            text-transform: uppercase;
        }

        .slider-content {
            height: 260px;
            position: relative;
            width: 100% !important;

            .slide {
                height: 240px;
                padding: 15px;
                display: block;
                align-content: center;
                border: 1px solid #e9e9ec;
                position: absolute;
                align-items: center;
                width: 100%;
                background: #f3f3f3;
                opacity: 0;
                box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
                border-radius: 20px;
                text-align: center;

                &.blue {
                    background: #e5f0f8 !important;
                    opacity: 0;
                    transition: opacity .5s ease;
                }

                .slide-title {
                    font-size: 18px !important;
                    font-weight: bold !important;
                    line-height: 1.1 !important;
                    opacity: 0;
                    transition: opacity .5s ease;
                }

                .slide-img {
                    display: flex;
                    position: relative;
                    justify-content: center;
                    opacity: 0;
                    transition: opacity .5s ease;
                }

                .slide-text {
                    font-size: 16px !important;
                    font-weight: 400 !important;
                    line-height: 1.2 !important;
                    opacity: 0;
                    transition: opacity .5s ease;
                }
            }

            .slide.active {
                display: block; /* Показываем только активный слайд */
                opacity: 1;
                position: absolute;
                z-index: 1;
                align-items: center;

                .slide-text,
                .slide-img,
                .slide-title {
                    opacity: 1 !important;
                    transition: opacity .5s ease;
                }
            }
        }

        .controls {
            position: absolute !important;
            left: 10px !important;
            right: 10px !important;
            display: flex !important;
            justify-content: space-between !important;

            .prev,
            .next {
                z-index: 1;
                height: 56px;
                border-radius: 99px;
                width: 56px;
                background-color: unset;
                border: 1px solid var(--color-background);
                background-repeat: no-repeat;
                background-size: 21px 21px;
                background-position: center;
                transition: all .3s ease;

                &:hover {
                    background-color: #b2d4ea;
                }
            }

            .prev::before {
                content: '';
                width: 32px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-left.svg);
            }

            .next::before {
                content: '';
                width: 28px;
                height: 30px;
                display: block;
                background-repeat: no-repeat;
                margin: auto;
                position: relative;
                background-image: url(../img/icons/arrow-right.svg);
            }
        }

        .dots {
            position: absolute;
            padding-top: 22px;
            left: 10px;
            display: flex;
            gap: 10px;
            width: 95% !important;
            justify-content: center !important;

            .dot {
                height: 11px;
                background-color: rgba(0, 114, 188, 0.3);
                width: 11px;
                border-radius: 50%;
                display: inline-block;
                transition: transform 0.3s ease, background-color 0.3s ease; /* Анимация при изменении */
            }

            .dot.active {
                background-color: rgba(0, 114, 188, 0.3);
                transform: scale(2.1); /* Увеличение активной точки */

                &::before {
                    content: '';
                    display: block;
                    height: 11px;
                    width: 11px;
                    transform: scale(0.5);
                    border-radius: 99px;
                    background-color: var(--color-background);
                }
            }
        }
    }

    .pay-after {
        height: 747px !important;
        background-size: auto 75% !important;
        background-position: 25% -50% !important;
        top: 0 !important;
        background-image: none !important;
        margin-top: 40px !important;

        &::before {
            content: none !important;

        }

        .pay-after-background {
            position: relative !important;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 28%, rgba(217, 234, 245, 100%) 36%) !important;

            .pay-after-imgs {
                background-image: url(../img/pay-after.png) !important;
                height: 36% !important;
                background-repeat: no-repeat !important;
                background-size: 115% !important;
                background-position: 10% 10% !important;
                position: relative !important;
                z-index: -1 !important;
            }

            .pay-after-main {
                align-content: start !important;

                width: auto !important;
                margin: 0 25px !important;

                .pay-after-title {
                    font-size: 30px !important;
                    margin: 10px 0 !important;
                }

                .pay-after-text {
                    font-size: 14px !important;
                    line-height: 1.1 !important;
                }

                .pay-after-form {

                }

                .pay-after-footer {
                    width: 274px !important;
                    text-align: center !important;
                    margin: 10px auto 10px !important;
                }
            }
        }
    }

    .price {
        width: auto !important;
        height: 640px !important;
        border-radius: 20px !important;
        margin: 30px 10px 20px !important;
        box-shadow: none !important;
        background: white !important;

        .price-header {
            justify-content: space-between !important;
            padding: 0px !important;
            flex-direction: column !important;

            .price-title {
                font-size: 36px !important;
            }

            .price-text {
                width: auto !important;
                padding: 20px 0 20px !important;
                text-align: center !important;
                background-color: #f2f8fc !important;
                border-top-left-radius: 20px !important;
                border-top-right-radius: 20px !important;
            }
        }

        .price-title {
            font-size: 36px !important;
            line-height: 1.4 !important;
            font-weight: bold !important;
            margin: 20px 0 !important;
        }

        .price-table {
            .price-table-topic {
                background: #f2f8fc !important;

                &.active {
                    background-color: #cee4f3 !important;
                }
            }

            .price-table-topic,
            .price-table-topic.active {
                line-height: .8 !important;
                display: block !important;
                padding: 10px !important;
                height: 80px !important;

                &.first {
                    border-top-right-radius: 20px;
                    border-top-left-radius: 20px;
                }

                .topic {
                    display: flex;
                    justify-content: space-between;
                    padding: 0 !important;

                    .topic-column {
                        display: block !important;

                        .topic-subtitle {
                            font-size: 14px !important;
                            line-height: 4.1 !important;
                            margin: 0 !important;
                            font-weight: 500;
                        }

                        .topic-count {
                            padding: 0 !important;
                            font-size: 14px !important;

                            &.rub {
                                display: block !important;
                                text-align: right !important;
                            }

                            p {
                                font-size: 14px !important;
                            }
                        }

                        .topic-title {
                            /*flex-direction: column !important;*/
                            /*justify-content: center !important;*/
                            font-size: 25px !important;
                            line-height: 1.4 !important;

                            p {
                                font-size: 14px !important;
                                padding: 0 !important;
                            }
                        }

                        .topic-title {
                            align-items: flex-start !important;
                        }

                        .topic-count {
                            align-items: flex-end !important;
                        }

                        .dots {
                            font-size: 36px !important;
                        }

                        .topic-count {

                        }
                    }
                }

            }
        }

        .price-include {
            background: #f2f8fc !important;
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
            padding: 10px 10px !important;

            .price-include-text {
                font-size: 14px !important;
            }

            .price-star {
                font-size: 14px !important;
            }

        }

        .price-description {
            padding: 0 !important;
            flex-flow: column-reverse !important;

            .price-description-text {
                .text-1 {
                    margin: 20px 0 !important;
                }

                width: 100% !important;

                .img {
                    height: 100% !important;
                    border-radius: 20px !important;
                }

            }
        }

        .price-table.mobile-show {
            .price-table-topic.titles {
                background-color: white !important;

                .topic-title {
                    display: block !important;
                    text-align: center !important;
                    width: 100% !important;

                    &.titles {
                        margin-top: 25px !important;
                    }
                }
            }

            .price-table-topic.active.aligners {
                &.first {
                    border-top-right-radius: 20px;
                    border-top-left-radius: 20px;
                }

            }

            .price-table-topic.aligners {
                height: auto !important;
                padding: 15px 10px !important;

                .dots {
                    font-size: 0 !important;
                    margin: 10px 0 !important;
                }

                &.last {
                    border-bottom-right-radius: 20px !important;
                    border-bottom-left-radius: 20px !important;
                }

                .topic {
                    .topic-title {
                        p {
                            padding: 10px 0 0 !important;
                            width: 50% !important;
                        }
                    }
                }
            }

            .price-table-topic {
                .topic {
                    .topic-content {
                        width: 100% !important;

                        .topic-count {
                            width: 100% !important;
                            justify-content: left !important;
                            flex-direction: row !important;
                            align-items: baseline !important;

                            p {
                                padding: 10px 0 0 5px !important;
                            }
                        }
                    }

                    .topic-title {
                        display: flex !important;
                        position: relative !important;
                        flex-direction: row !important;
                        justify-content: space-between !important;
                    }

                    .topic-text {
                        font-size: 15px !important;
                        font-weight: 600 !important;
                    }

                }
            }
        }
        .dots {
            font-size: 40px!important;
        }
    }

    .slider2 {
        width: auto !important;
        height: 560px !important;
        margin: 30px 10px !important;

        .slider-title {
            font-size: 36px !important;

        }

        .slider-content {
            width: 100% !important;
            height: 385px !important;

            .slide {
                position: absolute !important;
                /*flex-direction: column !important;*/
                flex-direction: row !important;
                height: auto !important;

                .slide-img {
                    display: block !important;
                    margin: 0 !important;
                    padding: 10px !important;
                    min-height: 530px !important;
                    align-content: baseline !important;

                    .slide-img-content {
                        width: auto !important;

                        margin-top: 10px !important;
                        /*flex-direction: column-reverse !important;*/
                        display: flex !important;

                        align-items: center !important;
                        text-align-last: center !important;

                        .content-text {
                            font-size: 16px !important;
                        }

                        .content-title {
                            font-size: 24px !important;
                            text-align: center !important;
                            line-height: 1.3 !important;

                        }
                    }

                    .slide-img-hr {

                    }

                    .slide-img-image {
                        .img-after,
                        .img-before {
                            margin-top: 10px !important;

                            img {
                                /*height: 100% !important;*/
                                width: 144px !important;
                                height: 108px !important;
                            }

                            &::before {
                                bottom: -8px !important;
                            }
                        }
                    }

                    .slide-description {
                        border: 1px solid rgba(999, 999, 999, .5);
                        font-size: 14px !important;
                        padding: 10px 15px !important;
                        line-height: 1.4 !important;
                        text-align: left !important;
                        width: auto !important;
                        border-radius: 20px !important;
                        margin-top: 15px !important;
                        z-index: 2 !important;
                        position: relative !important;
                        overflow: auto !important;
                        height: fit-content !important;

                        &.slide1 {
                            max-height: fit-content !important;
                        }

                        &.slide2 {
                            max-height: fit-content !important;
                        }

                        &.slide3 {
                            max-height: 220px !important;
                        }

                        &.slide4 {
                            max-height: 220px !important;
                        }

                        &.slide5 {
                            max-height: 220px !important;
                        }
                    }
                }

                .slide-content {
                    margin: 20px 10px 0 10px !important;

                    .slide-content-top {
                        .img {
                            border-radius: 20px !important;
                        }

                        .top-info {
                            align-content: center !important;
                            line-height: 1.2 !important;

                            p {
                                font-size: 14px !important;

                                span {
                                    font-size: 14px !important;
                                }
                            }
                        }
                    }
                }

                &:before {
                    content: none !important;
                    width: 210px !important;
                    height: 206px !important;
                    top: 180px !important;
                    right: -110px !important;
                }
            }
        }

        .controls {
            z-index: 2 !important;
            position: absolute !important;
            bottom: 0 !important;
            left: 0px !important;
            right: 0px !important;
            display: flex !important;
            justify-content: space-between !important;
            width: 100% !important;

        }

        .dots {
            bottom: 20px !important;
            width: 100% !important;
            justify-content: center !important;
        }
    }

    .slider3.mobile-show {
        width: auto !important;
        height: 760px !important;
        margin: 50px auto 0 !important;
        max-width: 340px;

        .slider-title {
            font-size: 36px !important;
            line-height: 1.1 !important;
            margin: 0 0 20px !important;
        }

        .slider-content {
            .slide {
                display: block !important;

                .slide-card {
                    .slide-img {
                        img {
                            margin: auto !important;
                            width: 100% !important;
                            height: 100% !important;
                            max-height: 490px !important;
                        }
                    }

                    .slide-content {
                        margin: 15px 0 0 !important;
                        text-align: center !important;

                        .slide-title {

                            font-size: 12px !important;
                        }

                        .slide-text {
                            font-size: 12px !important;
                        }
                    }
                }
            }

            .slide.active {
                display: block !important;
            }
        }

        .controls {
            position: absolute !important;
            bottom: 5px !important;
            left: 0px !important;
            right: 0px !important;
            display: flex !important;
            justify-content: space-between !important;
        }

        .dots {
            bottom: 23px !important;
            width: 100% !important;
            justify-content: center !important;
        }
    }

    .economy {
        background-size: auto 65% !important;
        height: 668px !important;
        width: auto !important;
        margin: 60px 0 0 !important;
        background-position: bottom !important;

        .economy-background {
            .economy-main {
                display: flex !important;
                justify-content: space-between !important;
                flex-direction: column !important;
                margin-right: 0 !important;
                width: 100% !important;

                .economy-title {
                    font-size: 30px !important;
                    line-height: 1.1 !important;
                }

                .economy-text {
                    font-size: 16px !important;
                    line-height: 1.4 !important;
                    width: 100% !important;

                }

                .economy-button {
                    margin-top: 20px !important;
                    margin-bottom: 10px !important;
                    width: 100% !important;
                    height: 60px !important;
                    border-radius: 99px !important;
                    border: 0 solid !important;
                    background-color: var(--color-background) !important;
                    color: white !important;
                    font-size: 16px !important;
                    z-index: 2 !important;
                    position: relative !important;
                    transition: all .3s ease !important;

                    &:hover {
                        background-color: var(--color-hover-button) !important;
                    }
                }

                &:before {
                    content: none !important;
                }
            }
        }
    }

    .slider4 {
        height: 720px !important;

        .slider-title {
            padding-top: 70px !important;
            font-size: 36px !important;
            margin: 0 0 20px !important;

            &:before {
                width: 57px !important;
                top: 20px !important;
                height: 55px !important;
                rotate: 35deg !important;
                right: 25px !important;
                left: auto !important;
            }

            &:after {
                width: 40px !important;
                left: 25px !important;
                rotate: 0deg !important;
                top: 155px !important;
                height: 39px !important;
            }
        }

        .slider-content {
            padding: 0 10px !important;
            height: 65% !important;

            .slide {
                height: 430px !important;

                .slide-card {
                    .slide-content {
                        padding: 15px 25px !important;

                        .slide-title {

                        }

                        .slide-subtitle {

                        }

                        .slide-hr {

                        }

                        .slide-text {
                            height: 270px !important;
                        }
                    }
                }
            }
        }

        .controls {
            position: absolute !important;
            bottom: 0 !important;
            left: 0px !important;
            right: 0px !important;
            display: flex !important;
            margin: 0 10px !important;
            top: auto !important;
            justify-content: space-between !important;

            &:after {
                width: 30px !important;
                right: 28px !important;
                top: -495px !important;
                height: 29px !important;
            }
        }

        .dots {
            bottom: 23px !important;
            width: 100% !important;
            justify-content: center !important;
        }
    }

    .helpful {
        border-radius: 0 !important;
        height: 667px !important;
        width: 100% !important;
        margin: 60px auto 20px !important;

        .helpful-background {
            background: none !important;

            .helpful-main {
                width: 100% !important;
                height: auto !important;
                right: 0 !important;
                text-align: center !important;
                margin-top: 30px !important;

                .helpful-title {
                    font-size: 30px !important;
                }

                .helpful-text {
                    font-size: 14px !important;
                    text-align: center !important;
                    margin: 15px 55px !important;
                    width: auto !important;

                }

                .helpful-button {

                }
            }
        }

        &:before {
            top: 231px !important;
            left: 0px !important;
            background-size: auto 70% !important;
            width: 110% !important;
            bottom: 0px !important;
            height: 77% !important;
            background-image: url(../img/face.png) !important;
            background-repeat: no-repeat !important;
            background-position: right !important;
            overflow: auto !important;
            transform: scale(-1, 1) rotate(0deg) !important;
            z-index: 1 !important;
        }

        &::after {
            top: 50% !important;
            left: 50% !important;
            width: 100% !important;
            height: 50% !important;
        }
    }

    .waiting {
        height: 870px !important;
        width: auto !important;
        margin: 40px 10px 40px !important;

        .waiting-title {
            font-size: 36px !important;
        }

        .waiting-background {
            flex-direction: column-reverse !important;

            .waiting-img {

            }

            .waiting-main {
                width: 100% !important;

                .waiting-list {
                    height: auto !important;
                    width: auto !important;
                }

                .waiting-button {
                    width: 100% !important;
                    margin: 0 0 40px !important;
                }
            }
        }
    }

	.adresa_clinic {
		position: relative;
		background-size: auto 100%;
		overflow: hidden;
		height: auto;
		width: auto !important;
		margin: 60px auto;
		border-radius: 20px;
	
		.adresa_clinic-title {
			display: block;
			position: relative;
			text-align: center;
			line-height: 1.1;
			font-size: 64px;
			margin: 0 0 30px;
			color: var(--color-primary);
			text-transform: uppercase;
			font-weight: 100;
		}
		
		.clinic{
			margin-bottom: 30px;
			text-align:center;
			
			.clinic_metro_image{
				width: auto;
				display: inline-block;
				margin-bottom: -20px;
			}
			
			.clinic_about{
				display: inline-block;
				margin:0 !important;
				padding:0 !important;
				
				.clinic_name{ 

					
					h5{
						font-size: 22px;
						margin-top: 5px;
						margin-bottom: -3px;
						padding: 0 !important;
					}
				}	
				
				.clinic_title{
					font-size: 22px;
				}
			}
		}
		
	}

    .clarification {
        margin: 0 10px 30px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .footer {
        padding: 14px 10px !important;

        .footer-logo {
            align-content: center !important;

            .footer-logo_img {
                width: 113px !important;
                height: 29px !important;
            }
        }

        .footer-slogan {
            font-size: 14px !important;
            width: auto !important;

        }
    }

    .form {
        height: 100% !important;
        background-size: auto 75% !important;
        background-position: 25% -50% !important;
        top: 0 !important;
        /*margin: 0!important;*/
        padding: 0 !important;
        width: 500px !important;
        border-radius: 0 !important;
        background-image: none !important;
        margin: auto !important;

        &::before {
            content: none !important;

        }

        &::backdrop {
            width: 100%;
        }

        .form-background {
            position: relative !important;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 21%, rgba(217, 234, 245, 100%) 29%) !important;

            .form-imgs {
                background-image: url(../img/call.svg);
                height: 30% !important;
                background-repeat: no-repeat !important;
                background-size: 100% !important;
                background-position: 10% 40% !important;
                position: relative !important;
                z-index: -1 !important;
            }

            .form-main {
                align-content: start !important;

                width: auto !important;
                margin: 0 25px !important;

                .form-main-header {
                    .close-button {
                        right: -5px !important;
                        top: -200px !important;
                    }
                }

                .form-title {
                    font-size: 30px !important;
                    margin: 0 0 10px 0 !important;
                }

                .form-text {
                    font-size: 14px !important;
                    line-height: 1.1 !important;
                }

                .form-form {

                }

                .form-footer {
                    width: 274px !important;
                    text-align: center !important;
                    margin: 10px auto 20px !important;
                }
            }

            .close-button {
                right: 20px !important;
                top: 20px !important;
            }
        }
    }
    .form-response {
        padding-top: 50px!important;
        .form-background {
            .close-button {
                margin-top: 40px!important;
                width: 100% !important;

            }
        }
    }
}