@charset "utf-8";
:root {
     --roz: #e60074;
}
body {
    font-family: "Onest", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    overflow-x: hidden;
    color: #fff;
    background-color: #0e124d;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    text-rendering: optimizeSpeed;
    min-width: 320px;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}
html {
    scroll-behavior: smooth;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 70;
}
.header__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 120px;
    max-width: 1110px;
}
.header__phone-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px;
}
.header__phone {
    margin-right: 44px;
}
.header__phone a {
    font-weight: 500;
    font-size: 19px;
    color: #fff;
}
.header__phone a:hover {
    transition: .4s;
    color: #00a5c1;
}
.header__email a:hover {
    transition: .4s;
    color: #00a5c1;
}
.header__social a.header__wa:hover {
    transition: .4s;
    background: #74df87;
}
.header__social a.header__tg:hover {
    transition: .4s;
    background: #5da7e1;
}
.swiper-arrow:hover {
    background: var(--roz);
    transition: .4s;
}
.product-card__minus:hover svg path {
    fill: #00a5c1 !important;
}
.product-card__minus:hover svg circle {
    stroke: #00a5c1 !important;
}
.product-card__plus:hover svg path {
    fill: #00a5c1 !important;
}
.product-card__plus:hover svg circle {
    stroke: #00a5c1 !important;
}
.title-block__sub a:hover {
    border-color: transparent;
}
.header__email {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__nav ul li:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.09548 12.8948H0L4.90452 0.894775H8L3.09548 12.8948Z' fill='%23E60074' style='fill:%23E60074;fill:color(display-p3 0.9020 0.0000 0.4549);fill-opacity:1;' /%3E%3C/svg%3E");
    background-size: 8px;
    width: 8px;
    height: 13px;
    display: inline-block;
    margin: 0 16px;
}
.header__nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__nav ul li:first-child:before {
    content: none;
}
.header__nav ul li a {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: .4s;
    transition: .4s;
}
.header__nav ul li a:hover {
    color: #00a5c1;
    -webkit-transition: .4s;
    transition: .4s;
}
.header__callback {
    margin-bottom: 17px;
}
.header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header__social a {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background: #2f89ce;
}
.header__social a.header__wa {
    background: #48c95f;
}
.header__social a svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.btn {
    background: var(--roz);
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    padding: 0 29px;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
}
.btn:hover,
.btn:focus,
.btn:active {
    color: #fff;
    background: #00a5c1;
    -webkit-transition: .4s;
    transition: .4s;
}
.product-card__minus:hover svg path,
.product-card__plus:hover svg path {
    fill: #00a5c1;
}
.tab-nav li a:hover {
    color: var(--roz);
}
.hero__title {
    font-weight: 300;
    font-size: 53px;
    line-height: 119%;
    letter-spacing: 0.23em;
    text-transform: uppercase;
    color: #fff;
}
.hero__sub {
    font-weight: 400;
    font-size: 29px;
    color: #00a5c1;
    margin-bottom: 38px;
}
.hero {
    position: relative;
    padding: 170px 0 0;
}
.hero__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
}
.feature-item {
    position: relative;
    -webkit-backdrop-filter: blur(52px);
            backdrop-filter: blur(52px);
    background: rgba(21, 25, 85, 0.28);
    margin-bottom: 20px;
    padding: 24px 24px 24px 70px;
    min-height: 200px;
}
.feature__col {
    width: 33.33%;
    padding: 0 12px;
}
.feature-item__icon {
    position: absolute;
    top: 24px;
    left: 24px;
}
.feature-item__title {
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    margin-bottom: 14px;
}
.feature-item__text {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.light-1 {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.light-2 {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.light-3 {
    position: absolute;
    top: -130px;
    left: 95px;
    pointer-events: none;
}
.hero .container {
    position: relative;
    z-index: 2;
}
.hero__in {
    position: relative;
    z-index: 3;
}
.hero__girl {
    position: absolute;
    bottom: 72px;
    right: -60px;
    pointer-events: none;
}
.hero__girl img {
    width: 710px;
}
.service-item {
    background: #0d1039;
}
.service-item:hover .service-item__img img {
    height: 190px;
    clip-path: polygon( 0% 0%,100% 0%,100% 84.804%,50% 100%,0% 84.804%,0% 0%);
}
.service-item__img img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.service-item__img {
    min-height: 220px;
}
.service-item__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 108%;
    text-align: center;
    color: #fff;
    height: 60px;
    margin-bottom: 16px;
}
.service-item__short {
    font-weight: 400;
    font-size: 14px;
    color: #a1a5f0;
    height: 40px;
    margin-bottom: 20px;
}
.service-item__in {
    position: relative;
    padding: 0 20px 160px;
}
.service-item__btn {
    position: absolute;
    bottom: 20px;
    left: 24px;
    right: 24px;
    width: auto;
}
.service-item__btn .btn {
    height: 41px;
    line-height: 41px;
    width: 100%;
}
.service-char {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.service-item__bottom {
    position: absolute;
    bottom: 90px;
    left: 24px;
    right: 24px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.service-item__price {
    background: #323ad1;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px;
    text-align: center;
}
.service-char svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.service-item__price span.service-price__from {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding-top: 4px;
}
.service-item__price span:last-child {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    background-color: var(--roz);
}
.twentytwenty-handle {
    background-color: var(--roz); /* Цвет кнопки */
    border-radius: 0;
    width: 46px; /* Ширина кнопки */
    height: 20px; /* Высота кнопки */
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.twentytwenty-overlay {
    background: transparent;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
    opacity: 1;
}
.case-item__slider img {
    width: 100%;
    height: 370px;
    -o-object-fit: cover;
       object-fit: cover;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
    margin-bottom: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
    margin-top: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.twentytwenty-right-arrow {
    display: none;
}
.twentytwenty-handle:hover {
    background: #fff;
}
.twentytwenty-left-arrow {
    position: relative;
    border: none;
    left: 0;
    margin-left: 0;
    text-align: center;
    width: 46px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 6px;
}
.twentytwenty-left-arrow:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 8px;
    background-size: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='8' viewBox='0 0 28 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646447 3.64645C0.451184 3.84171 0.451184 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646447 3.64645ZM27.3536 4.35355C27.5488 4.15829 27.5488 3.84171 27.3536 3.64645L24.1716 0.464466C23.9763 0.269204 23.6597 0.269204 23.4645 0.464466C23.2692 0.659728 23.2692 0.976311 23.4645 1.17157L26.2929 4L23.4645 6.82843C23.2692 7.02369 23.2692 7.34027 23.4645 7.53553C23.6597 7.7308 23.9763 7.7308 24.1716 7.53553L27.3536 4.35355ZM1 4.5H27V3.5H1V4.5Z' fill='white' style='fill:white;fill-opacity:1;' /%3E%3C/svg%3E");
}
.twentytwenty-handle:hover .twentytwenty-left-arrow:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 8' fill='none'%3E%3Cpath d='M0.646447 3.64645C0.451184 3.84171 0.451184 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4 4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646447 3.64645ZM27.3536 4.35355C27.5488 4.15829 27.5488 3.84171 27.3536 3.64645L24.1716 0.464466C23.9763 0.269204 23.6597 0.269204 23.4645 0.464466C23.2692 0.659728 23.2692 0.976311 23.4645 1.17157L26.2929 4 23.4645 6.82843C23.2692 7.02369 23.2692 7.34027 23.4645 7.53553C23.6597 7.7308 23.9763 7.7308 24.1716 7.53553L27.3536 4.35355ZM1 4.5H27V3.5H1V4.5Z' fill='%23e60074'/%3E%3C/svg%3E");
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 30px;
    font-size: 16px;
    padding: 6px 8px;
    background: #323ad1;
    line-height: 1.2;
    letter-spacing: normal;
}
.cases {
    background: #0d1039;
    padding: 50px 0;
}
.case-item {
    background: #0e124d;
    height: 100%;
}
.case-item__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 39px 32px 32px;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.case-item__title {
    height: 60px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
}
.cases-slider .swiper-slide {
    height: auto;
}
.case-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
}
.case-chars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
}
.case-char {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    white-space: nowrap;
}
.case-char svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
h2 {
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin: 0 0 45px;
}
.feedback__in {
    background: #0d1039;
}
.feedback__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 107%;
    color: #fff;
    margin-bottom: 24px;
}
.feedback__sub {
    background: #00a5c1;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    white-space: nowrap;
    border-radius: 40px;
    padding: 8px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 34px;
}
.feedback__in {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.feedback__content {
    width: 60%;
    padding: 60px 85px;
}
.feedback__img {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    height: auto;
}
.feedback__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.feedback__light {
    position: absolute;
    bottom: 0;
    left: 0;
}
.feedback__content {
    position: relative;
    z-index: 2;
}
.feedback__img {
    position: relative;
    z-index: 2;
}
.footer__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
}
.footer__text {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 28px;
}
.footer__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer__policy a {
    font-weight: 400;
    font-size: 13px;
    color: #00a5c1;
    transition: .4s;
}
.footer__policy a:hover {
    transition: .4s;
    color: var(--roz);
}
.footer-pay__img img {
    width: 190px;
}
.map {
    height: 530px;
}
.contacts {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 37px 42px 57px;
    background: #0d1039;
}
.contacts__logo {
    margin-bottom: 55px;
}
.contacts__phones-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-bottom: 27px;
}
.contacts__phones a {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    transition: .4s;
}
.contacts__phones a:hover {
    color: #00a5c1;
    transition: .4s;
}
.contacts__schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    font-size: 14px;
    margin-bottom: 20px;
}
.schedule-text {
    font-weight: 500;
}
.contacts__address {
    font-size: 15px;
    color: #fff;
    margin-bottom: 24px;
}
.contacts__email a {
    font-weight: 400;
    font-size: 15px;
    color: #00a5c1;
}
.contacts__email a:hover {
    transition: .4s;
    color: var(--roz);
}
.faq {
    position: static;
}
.faq__decor-wrapper {
    position: relative;
}
.faq__in {
    position: relative;
}
.faq h2 {
    position: relative;
    z-index: 2;
}
.faq__list {
    position: relative;
    z-index: 2;
}
.faq-light-1 {
    position: absolute;
    bottom: -150px;
    left: 0;
    pointer-events: none;
}
.faq-light-2 {
    position: absolute;
    bottom: -350px;
    left: 0;
    pointer-events: none;
}
.steps {
    padding: 70px 0;
}
.title-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    margin-bottom: 64px;
}
.steps__list {
    position: relative;
}
.title-block__sub a {
    display: inline-block;
    font-weight: 400;
    font-size: 22px;
    color: #00a5c1;
    border-bottom: 1px dashed;
}
.title-block h2 {
    text-align: left;
    margin: 0;
}
.step-item__numb {
    font-weight: 900;
    font-size: 67px;
    color: #00a5c1;
    margin-bottom: 14px;
}
.step-item__text {
    font-weight: 400;
    font-size: 19px;
    color: #fff;
}
.steps .container {
    position: relative;
}
.steps .steps__decor-1 {
    position: absolute;
    top: -344px;
    right: -50px;
    pointer-events: none;
}
.steps .steps__decor-1 img {
    width: 450px;
    height: auto;
}
.steps .steps__decor-2 {
    position: absolute;
    bottom: -115px;
    left: 120px;
    pointer-events: none;
}
.steps .steps__decor-2 img {
    width: 300px;
    height: auto;
}
.cases {
    position: relative;
    overflow: hidden;
}
.reviews {
    padding: 50px 0 100px;
}
.review-item__img img {
    width: 100%;
    height: 401px;
    -o-object-fit: cover;
       object-fit: cover;
}
.reviews-slider .swiper-slide {
    height: auto;
}
.review-item {
    height: 100%;
}
.review-item__in {
    padding: 24px;
    background: #0d1039;
}
.review-item__author {
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    margin-bottom: 11px;
}
.review-item__service {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    opacity: .5;
    height: 40px;
}
.client-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 162px;
    background: #fff;
}
.client-item img {
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-height: 80px;
}
.clients {
    padding-bottom: 150px;
}
.feedback__title span {
    color: #00a5c1;
    font-weight: bold;
}
.sale-block .feedback__sub {
    margin-bottom: 52px;
}
.feedback__list li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background-size: 21px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='11' r='10.5' fill='%2300A5C1' style='fill:%2300A5C1;fill:color(display-p3 0.0000 0.6471 0.7569);fill-opacity:1;' /%3E%3Cpath d='M5.79311 10.9165L9.32328 14.2587L15.2069 7.01733' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2.5' stroke-linecap='round' /%3E%3C/svg%3E");
}
.feedback__list li {
    position: relative;
    padding-left: 36px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 14px;
}
.feedback__list {
    margin-bottom: 52px;
}
.feedback__btn .btn {
    height: 60px;
    line-height: 60px;
    padding: 0 96px;
    font-size: 25px;
}
footer {
    padding: 26px 0;
}
header {
    -webkit-transition: .4s;
    transition: .4s;
}
header.bg {
    background: rgba(21, 25, 85, 0.84);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    -webkit-transition: .4s;
    transition: .4s;
}
header .header__in,
.header__phone-email,
.header__callback {
    -webkit-transition: .4s;
    transition: .4s;
}
header.bg .header__in {
    height: 90px;
    -webkit-transition: .4s;
    transition: .4s;
}
header.bg .header__phone-email {
    margin-bottom: 12px;
    -webkit-transition: .4s;
    transition: .4s;
}
header.bg .header__callback {
    -webkit-transition: .4s;
    transition: .4s;
    margin-bottom: 12px;
}
.feature-item_1 {
    position: relative;
}
.feature-item__decor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.feature-item__decor svg {
    width: 100%;
    height: auto
}
.feature-item.feature-item_1 {
    padding: 0;
    background: rgba(21, 25, 85, 0.28);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    clip-path: url(#f1);
    min-height: 384px;
}
.feature-item.feature-item_2 {
    padding: 0;
    background: rgba(0, 165, 193, 0.2);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    clip-path: url(#f2);
    min-height: 296px;
    position: relative;
    padding-top: 95px;
    margin-top: -95px;
}
.feature-item.feature-item_3 {
    padding: 100px 0 0;
    background: rgba(21, 25, 85, 0.28);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    clip-path: url(#f3);
    min-height: 280px;
    margin-top: 361px;

}
.feature-item__in {
    position: relative;
    z-index: 2;
    padding: 24px 24px 24px 70px;
}
.feature-item__decor_2 {
    position: absolute;
    top: 74px;
    left: 0;
    pointer-events: none;
}
.feature-item__decor_2 img {
    width: 460px;
}
.mask-svg {
    position: absolute;
    width: 0;
    height: 0;
}
.feature-item__wrap {
    position: relative;
}
.services {
    position: relative;
}
.services h2 {
    text-align: left;
    margin-bottom: 33px;
}
.services .container {
    position: relative;
    z-index: 2;
}
.services__light {
    position: absolute;
    top: -100px;
    left: calc(50% - 600px);
    pointer-events: none;
}
.swiper-arrow {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #323ad1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}
.swiper-arrow svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.services-slider {
    position: relative;
}
.swiper-nav .swiper-prev {
    position: absolute;
    top: 45px;
    left: 6px;
    z-index: 3;
}
.swiper-nav .swiper-next {
    position: absolute;
    top: 45px;
    right: 6px;
    z-index: 3;
}
.example {
    padding: 60px 0;
}
.tab {
    display: none;
}
.tab.active {
    display: block;
}
.example .edot {
    opacity: 1;
}
.example.animate .edot {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.comparison__table {
    position: relative;
    height: 700px;
    overflow: hidden;
}
.comparison__table:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 192px;
    background: -webkit-gradient(linear, left bottom, left top, from(#0e124d), to(rgba(14, 18, 77, 0)));
    background: linear-gradient(0deg, #0e124d 0%, rgba(14, 18, 77, 0) 100%);
    z-index: 2;
}
.js-show-all:before {
    content: 'Показать всю таблицу';
}
.comparison__bottom {
    text-align: center;
}
.comparison__btn {
    margin-bottom: 20px;
}
.comparison__sub {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    opacity: .5;
}
.comparison__table {
    margin-bottom: 20px;
}
.comparison.active .comparison__table {
    height: auto;
}
.comparison.active .comparison__table:before {
    content: none;
}
.comparison.active .js-show-all:before {
    content: 'Скрыть';
}
.swiper-nav.cases-nav .swiper-prev {
    top: 338px;
}
.swiper-nav.cases-nav .swiper-next {
    top: 338px;
}
.reviews-nav.cases-nav .swiper-prev {
    top: 175px;
}
.reviews-nav.cases-nav .swiper-next {
    top: 175px;
}
.clients-nav.cases-nav .swiper-prev {
    top: 60px;
}
.clients-nav.cases-nav .swiper-next {
    top: 60px;
}
main {
    overflow: hidden;
}
.map {
    position: relative;
}
.contacts__in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
}
.services-list .service-item {
    margin-bottom: 23px;
}
.example__light-1 {
    position: absolute;
    top: 0;
    left: -100px;
    pointer-events: none;
}
.example .container {
    position: relative;
}
.prices .container {
    position: relative;
    z-index: 3;
}
.cases .container {
    position: relative;
}
.cases__light {
    pointer-events: none;
    position: absolute;
    top: -100px;
    left: 30%;
}
.reviews .container {
    position: relative;
}
.reviews {
    position: relative;
}
.reviews__light {
    pointer-events: none;
    position: absolute;
    top: -100px;
    left: 0;
}

/* 33524 */
/* text block */
.text-block h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    text-transform: none;
    margin: 0 0 20px;
}
.text-block h3 {    
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    text-transform: none;
    margin: 0 0 20px;
}
.text-block h4 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 20px;
}
.text-block p + h2,
.text-block ul + h2,
.text-block p + h3,
.text-block ul + h3 {
    margin-top: 40px;
}
.text-block p {
    margin-bottom: 32px;
}
.text-block li {
    margin-bottom: 8px;
}
.text-block ol {
    padding-left: 0;
    margin: 0 0 20px;
}
.text-block ul {
    margin-bottom: 20px;
}
.text-block ul li {
    list-style: none;
    padding-left: 17px;
    position: relative;
}
.text-block ul li:before {
    position: absolute;
    top: 11px;
    left: 0;
    content: '';
    width: 3px;
    height: 3px;
    background: var(--roz);
    border-radius: 50%;
}
.text-block img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
}
.text-block a {
    font-weight: bold;
    color: var(--roz);
    border-bottom: 1px solid;
}
.text-block .article-content__list li a {
    color: #393742;
    border-bottom: none;
}


/* radio */
.checkmark:after, .checkradio:after {
    content: "";
}
.checkbox-label:hover input~.checkmark,.checkmark{
    background-color:#ddd
}
.checkbox, .radio {
    margin-bottom: 22px;
}
.checkbox, .radio {
    display: block;
}
.checkbox-label{
    display:inline-block;
    position:relative;
    padding-left:35px!important;
    line-height:25px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:14px;
    -webkit-user-select:none;
       -moz-user-select:none;
            -ms-user-select:none;
        user-select:none
}
.checkbox-label input{
    position:absolute;
    opacity:0;
    width: 0;
}
.checkmark {
    position:absolute;
    top:0;
    left:0;
    height:24px;
    width:24px;
    border-radius: 4px;
    border: 2px solid transparent;
    background-color: #0d1039;
}
.checkbox-label input:checked~.checkmark:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid var(--roz);
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
}
.checkmark:after {
    position:absolute;
    display:none
}
.checkbox-label input:checked~.checkmark:after, .radio {
    display: block;
}
.form-group {
    position: relative;
}
input:not(:-moz-placeholder-shown) ~ .floating-label {
  top: 2px;
  bottom: 10px;
  left: 25px;
  font-size: 11px;
  opacity: 1;
}
input:not(:-ms-input-placeholder) ~ .floating-label {
  top: 2px;
  bottom: 10px;
  left: 25px;
  font-size: 11px;
  opacity: 1;
}
input:focus ~ .floating-label,
input:not(:placeholder-shown) ~ .floating-label {
  top: 2px;
  bottom: 10px;
  left: 25px;
  font-size: 11px;
  opacity: 1;
}
.floating-label {
  position: absolute;
  pointer-events: none;
  left: 16px;
  top: 18px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.floating-label span {
    color: #fff;
}
.modal {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,.5);
    padding: 20px;
}

.modal-content {
    position: relative;
    width: 100%;
    max-width: 920px;
    max-height: 100%;
    margin: 0 auto;
    background: #0e124d;
    -webkit-animation: slideIn .3s;
    animation: slideIn .3s;
    border-radius: 0;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1)
}

.modal-content h2 {
    color: #007568
}

.modal-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 30px;
    color: var(--black)
}

.modal .form label,.modal .form__terms,.modal .form__terms a {
    color: var(--main)
}

.modal .form__terms {
    margin-left: 0
}

.modal .btn-main {
    width: 100%
}

.content {
    padding-bottom: 100px
}

.modal .close {
    display: inline-block;
    position: absolute;
    top: -60px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 8;
}

.modal .close::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    width: 22px;
    height: 2px;
    background: #fff;
}

.modal .close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 22px;
    height: 2px;
    background: #fff;
}
.modal .close:hover::before,
.modal .close:hover::after {
    background: var(--roz);
}

.panel-adaptive {
    position: fixed;
    top: 60px;
    right: 0;
    left: 100%;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding-bottom: 55px;
    overflow-y: auto;
    background: #0d1039;
    display: none;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.55,.085,.68,.53);
    transition: -webkit-transform .35s cubic-bezier(.55,.085,.68,.53);
    transition: transform .35s cubic-bezier(.55,.085,.68,.53);
    transition: transform .35s cubic-bezier(.55,.085,.68,.53), -webkit-transform .35s cubic-bezier(.55,.085,.68,.53);
    transform: translateZ(0);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

.modal .form__title {
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    margin-bottom: 8px;
}

.modal .form__sub {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-bottom: 33px;
}
.modal-form {
    position: relative;
    z-index: 2;
}
.modal-form__light {
    position: absolute;
    top: 0;
    left: 300px;
    pointer-events: none;
}
.modal__in {
    position: relative;
    overflow: hidden;
    padding: 40px 40px;
}
#lead-modal .modal__in {
    padding-left: 380px;
}
.modal__girl {
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.modal__girl img {
    width: 360px;
}
#success-modal .modal__in {
    min-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#success-modal .form__title {
    text-align: center;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 36px;
}
#success-modal .form__sub {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #fff;
}
.success-decor-1 {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.success-decor-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
}

input:not(:-moz-placeholder-shown)~.floating-label {
    top: 2px;
    bottom: 10px;
    left: 25px;
    font-size: 11px;
    opacity: 1
}

input:not(:-ms-input-placeholder)~.floating-label {
    top: 2px;
    bottom: 10px;
    left: 25px;
    font-size: 11px;
    opacity: 1
}

input:focus~.floating-label,input:not(:placeholder-shown)~.floating-label {
    top: 0px;
    left: 16px;
    font-size: 11px;
    opacity: 1
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 12px;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.floating-label span {
    color: red;
}
.panel-adaptive.panel-right {
    -webkit-transform: translateX(-100%) translateZ(0);
            transform: translateX(-100%) translateZ(0);
    -webkit-transition-duration: .63s;
            transition-duration: .63s;
    -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
            transition-timing-function: cubic-bezier(.23,1,.32,1); 
}
.panel-adaptive ul li {
    position: relative;
    list-style: none;
}
.panel-adaptive ul {
    padding: 40px 40px 30px;
    border-top: 1px solid rgba(255,255,255,.1);
}
.panel-adaptive ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 24px;
}
.panel__contacts {
    color: #fff;
    text-align: center;
}
.panel__contacts .footer__social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.panel__contacts .footer__phone {
    color: var(--gold);
}
.panel__bottom {
    padding: 0 40px;
}
.panel__callback {
    margin-bottom: 25px;
}
.panel__email {
    margin-bottom: 20px;
}
.panel__title {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 12px;
}
.panel__schedule {
    font-size: 14px;
}
header.animate {
    background: #0d1039;
}
.hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--purple);
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; 
}
.hamburger-box {
    width: 30px;
    height: 27px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; 
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}
.hamburger-inner::before {
    top: -10px; 
}
.hamburger-inner::after {
    bottom: -10px; 
}

/* Elastic Reverse */
.hamburger--elastic-r .hamburger-inner {
    top: 5px;
    -webkit-transition-duration: 0.275s;
            transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}
.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; 
}
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
            transform: translate3d(0, 10px, 0) rotate(-135deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; 
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0; 
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
            transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
            transition-delay: 0.075s; 
}
.header__mobile-panel {
    display: none;
    margin-left: auto;
    gap: 10px;
}
.header__btns svg,
.footer__contact svg {
    position: relative;
    top: -1px;
}

.header__menu_mob {
    display: none;
}
.screen__down a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    text-transform: uppercase;
    font-size: 18px;
}
.screen__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
}
.screen__header .screen__sub {
    margin: 0;
}
.contacts__sub {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 6px;
}
.contacts__tel {
    font-size: 24px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.header__phone-mobile {
    display: none;
}
.bottom-form__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 68px;
    line-height: 112%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    background: linear-gradient(318deg, #767676 70%, #007861 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title-img {
    margin-left: auto;
}
.bottom-form__title-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.bottom-form {
    padding: 80px 0 360px;
    background: #fff;
    overflow: hidden;
}
.title-img {
    padding-right: 80px;
}
.bottom-form__title-block {
    margin-bottom: 30px;
}
.bottom-form__sub {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #4b4b4b;
    margin-bottom: 20px;
}
.c-form .form-group input {
    background: #f9f9f9;
    border: none;
}
.bottom-form {
    position: relative;
}
.bottom-form__img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.bottom-form__img img {
    max-width: 100%;
}

.form-group {
    margin-bottom: 30px;
}
.form input[type="email"],
.form input[type="text"],
.form select {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    line-height: 48px;
    background: #0d1039;
    color: #fff;
    border: none;
    border-bottom: 1px solid #3038d2;
    border-radius: 0;
}
.form textarea {
    width: 100%;
    border-radius: 0;
    padding: 16px;
    background: #0d1039;
    border: none;
    color: #fff;
    border-bottom: 1px solid #3038d2;
}
.form-sumbit .btn {
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    padding: 0 90px;
    font-size: 25px;
    color: #fff;
}
.form input:hover,
.form input:focus,
.form input:active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.form textarea:hover,
.form textarea:focus,
.form textarea:active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.form textarea::-webkit-input-placeholder {
    color: #fff;
}

.form textarea:-ms-input-placeholder {
    color: #fff;
}

.form textarea::-ms-input-placeholder {
    color: #fff;
}

.faq__item {
    border: 1px solid transparent;
    margin-bottom: 14px;
}
.faq__item:hover {
    border: 1px solid var(--roz);
    transition: .4s;
}
.faq__item:hover .faq__question:after {
    content: '';
    position: absolute;
    top: 37px;
    right: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='11' x2='22' y2='11' stroke='%23e60074' style='stroke:%23e60074;stroke-opacity:1;' stroke-width='2'/%3E%3Cline x1='11' y1='22' x2='11' y2='-4.37114e-08' stroke='%23e60074' style='stroke:%23e60074;stroke-opacity:1;' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-size: 22px;
    width: 22px;
    height: 22px;
    -webkit-transition: .5s;
    transition: .5s;
}
.faq__question {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 50px 35px 25px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
}

.faq__question:after {
    content: '';
    position: absolute;
    top: 37px;
    right: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='11' x2='22' y2='11' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2'/%3E%3Cline x1='11' y1='22' x2='11' y2='-4.37114e-08' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-size: 22px;
    width: 22px;
    height: 22px;
    -webkit-transition: .5s;
    transition: .5s
}

.faq__item.active .faq__question:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .5s;
    transition: .5s
}
.faq {
    position: relative;
}

.faq__answer {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .7s;
    transition: .7s;
    position: relative;
}

.faq__item.active .faq__answer {
    max-height: 100%;
    -webkit-transition: .5s;
    transition: .5s
}

.faq__numb {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    text-align: center;
    color: #4b4b4b;
    opacity: .2
}

.faq__answer {
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding-left: 25px;
    padding-right: 50px
}
.faq {
    padding: 100px 0;
}
.faq__item {
    position: relative;
    background: #0d1039;
}

/* select */
.select-custom {
    position: relative;
    z-index: 6;
}
.select-custom.active {
    z-index: 13;
}
.select-custom__input {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    line-height: 48px;
    background: #1c206b;
    color: #fff;
    border: none;
    border-bottom: 1px solid #3038d2;
    border-radius: 0;
    cursor: pointer;
}
.select-custom__input:before {
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='9' viewBox='0 0 18 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.92 0.949219L10.4 7.46922C9.62996 8.23922 8.36996 8.23922 7.59996 7.46922L1.07996 0.949219' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-size: 18px;
    width: 18px;
    height: 9px;
    content: '';
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s;
}
.select-custom__drop {
    background: #13175d;
}
.select-custom__option {
    padding: 16px;
    cursor: pointer;
}
.select-custom .select-custom__drop {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    display: none;
}
.select-custom.active .select-custom__drop {
    display: block;
}
label {
    display: inline-block;
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    margin-bottom: 15px;
}
.calc {
    background: #0d1039;
    padding: 78px 0 90px;
    position: relative;
}
.calc-form .form-group {
    margin-bottom: 46px;
}
.product-card__qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #1c206b;
    border-bottom: 1px solid #3038d2;
}
.product-card__input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 48px;
    line-height: 48px;
}
.form .product-card__qty input {
    font-size: 16px;
    width: 100%;
    background: transparent;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff;
    text-align: center;
}
.product-card__minus {
    width: 50px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.product-card__plus {
    width: 50px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.calc__form {
    padding-left: 560px;
}
.calc__in {
    position: relative;
}
.calc__girl {
    position: absolute;
    bottom: -90px;
    left: 0;
    pointer-events: none;
}
.calc__girl img {
    width: 580px;
}
.calc__form h2 {
    text-align: left;
}
.calc__totals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-bottom: 12px;
}
.calc__sub {
    font-weight: 400;
    font-size: 14px;
    color: #a1a5f0;
}
.calc-cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.calc-cost__from {
    padding-top: 6px;
    font-weight: 500;
    font-size: 21px;
    text-align: center;
    color: #fff;
}
.calc-cost__value {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}
.calc__btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.calc__btn .btn {
    width: 100%;
    font-weight: 500;
    font-size: 25px;
    color: #fff;
    height: 60px;
    line-height: 60px;
}
.services {
    padding: 100px 0 60px;
}
.tab img {
    width: 100%;
}
.tab {
    position: relative;
}
.edot {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.edot-pin {
    position: relative; /* Родитель для псевдоэлемента */
    width: 22px;
    height: 22px;
    background: var(--roz);
    border-radius: 50%;
    border: 5px solid #fff;
    cursor: pointer;
    z-index: 2; /* Убедимся, что основной элемент выше пульсации */
}

.edot-pin::after {
    content: '';
    position: absolute;
    top: 50%; /* Центрирование по вертикали */
    left: 50%; /* Центрирование по горизонтали */
    transform: translate(-50%, -50%); /* Точное центрирование */
    width: 22px; /* Совпадает с основным кругом */
    height: 22px;
    background: var(--roz);
    border: 5px solid #fff;
    border-radius: 50%;
    opacity: 0; /* Начальное состояние */
    z-index: -1; /* Расположить позади основного элемента */
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(.58); /* Центрированный масштаб */
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2); /* Увеличенный масштаб */
        opacity: 0.5;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.4); /* Возврат к исходному размеру */
        opacity: 0;
    }
}

.edot-tooltip {
    display: none;
}
.edot-tooltip {
    display: block;
    background: var(--roz);
    padding: 6px 10px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
}
.edot-1 {
    position: absolute;
    top: 19%;
    left: 18%;
}
.edot-2 {
    position: absolute;
    top: 20%;
    left: 38%;
}
.edot-3 {
    position: absolute;
    top: 33%;
    left: 43%;
}
.edot-4 {
    position: absolute;
    top: 41%;
    left: 2%;
}
.edot-5 {
    position: absolute;
    top: 46%;
    left: 12%;
}
.edot-6 {
    position: absolute;
    top: 61%;
    left: 18%;
}
.edot-7 {
    position: absolute;
    top: 55%;
    left: 36%;
}
.edot-8 {
    position: absolute;
    top: 83%;
    left: 24%;
}
.edot-9 {
    position: absolute;
    top: 85%;
    left: 40%;
}
.edot-10 {
    position: absolute;
    top: 43%;
    left: 68%;
}
.edot-11 {
    position: absolute;
    top: 53%;
    left: 87%;
}

.edot-12 {
    position: absolute;
    top: 29%;
    left: 16%;
}
.edot-13 {
    position: absolute;
    top: 25%;
    left: 26%;
}
.edot-14 {
    position: absolute;
    top: 18%;
    left: 37%;
}
.edot-15 {
    position: absolute;
    top: 21%;
    left: 53%;
}
.edot-16 {
    position: absolute;
    top: 25%;
    left: 69%;
}
.edot-17 {
    position: absolute;
    top: 46%;
    left: 38%;
}
.edot-18 {
    position: absolute;
    top: 47%;
    left: 53%;
}
.edot-19 {
    position: absolute;
    top: 52%;
    left: 70%;
}
.edot-20 {
    position: absolute;
    top: 60%;
    left: 19%;
}
.edot-21 {
    position: absolute;
    top: 68%;
    left: 59%;
}
.edot-22 {
    position: absolute;
    top: 84%;
    left: 52%;
}

.edot-23 {
    position: absolute;
    top: 25%;
    left: 21%;
}
.edot-24 {
    position: absolute;
    top: 47%;
    left: 38%;
}
.edot-25 {
    position: absolute;
    top: 35%;
    left: 75%;
}
.edot-26 {
    position: absolute;
    top: 64%;
    left: 18%;
}
.edot-27 {
    position: absolute;
    top: 87%;
    left: 38%;
}
.edot-28 {
    position: absolute;
    top: 77%;
    left: 72%;
}
.edot-29 {
    position: absolute;
    top: 20%;
    left: 2%;
}
.edot-30 {
    position: absolute;
    top: 55%;
    left: 18%;
}
.edot-31 {
    position: absolute;
    top: 79%;
    left: 17%;
}
.edot-32 {
    position: absolute;
    top: 61%;
    left: 33%;
}
.edot-33 {
    position: absolute;
    top: 83%;
    left: 36%;
}
.edot-34 {
    position: absolute;
    top: 23%;
    left: 72%;
}
.edot-35 {
    position: absolute;
    top: 76%;
    right: 10%;
}
.example h2 {
    position: relative;
    z-index: 2;
}
.example__in {
    position: relative;
    z-index: 2;
}
.example .container {
    position: relative;
}
.example__decor {
    position: absolute;
    top: -164px;
    left: 190px;
    pointer-events: none;
}
.example__decor img {
    width: 240px;
}
.calc__light {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.calc__in {
    position: relative;
    z-index: 2;
}
.example {
    background: #0e124d;
    position: relative;
    z-index: 3;
}
.prices {
    padding-bottom: 50px;
}
.tabs {
    position: relative;
}
.tab-nav {
    position: absolute;
    background: #fff;
    padding: 8px 11px;
    top: 25px;
    left: 30px;
    right: 30px;
    width: auto;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tab-nav li {
    width: 25%;
}
.tab-nav li a {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    height: 60px;
    line-height: 60px;
    width: 100%;
    font-weight: 500;
    font-size: 21px;
    color: #323ad1;
}
.tab-nav li a.active {
    background: #323ad1;
    color: #fff;
}

.comparison__table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.4fr 1fr 1fr 1fr;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
}

.comparison__header {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  color: #00a5c1;
  padding: 36px 20px 20px;
  background-color: #0d1039; 
}
.comparison__label,
.comparison__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.comparison__cell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.comparison__label {
    position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
.comparison__label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1400px;
    border: 1px dashed rgba(255,255,255,.2);
}

.comparison__label.comparison__section-title {
  font-weight: 600;
  font-size: 20px;
  color: #00a5c1;
  padding: 34px 0 20px;
}
.comparison__label.comparison__section-title:before {
    content: none;
}
.comparison__label.first-label:before {
    content: none;
}
.comparison__label.first-label {
    font-weight: 600;
    font-size: 19px;
    color: #fff;
}

.comparison__cell {
  text-align: center;
  padding: 14px 10px;
  background-color: #0d1039; 
}


.comparison__cell--price {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  color: #fff;
}

.comparison__cell--check {
  color: #fff;
}

.comparison__cell--cross {
  color: #fff;
}
.comparison__cell--check:before {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%2300A5C1' style='fill:%2300A5C1;fill:color(display-p3 0.0000 0.6471 0.7569);fill-opacity:1;' /%3E%3Cpath d='M5.79297 10.4164L9.32314 13.7586L15.2068 6.51721' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2.5' stroke-linecap='round' /%3E%3C/svg%3E");
    width: 21px;
    height: 21px;
    background-size: 21px;
}

.comparison__cell--cross:before {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%23E60074' style='fill:%23E60074;fill:color(display-p3 0.9020 0.0000 0.4549);fill-opacity:1;' /%3E%3Cpath d='M6.51709 7.24137L10.0473 10.5835L13.3964 7.24131' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2.5' stroke-linecap='round' /%3E%3Cpath d='M6.51709 14.2043L10.0473 10.8621L13.3964 14.2044' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='2.5' stroke-linecap='round' /%3E%3C/svg%3E");
    width: 21px;
    height: 21px;
    background-size: 21px;
}

.header__menu {
    display: none;
}
.header__social-mobile {
    display: none;
}

@media (max-width: 991px) {
    .service-item__price {
        padding: 10px 6px;
    }
    .service-item__price span:last-child {
        font-size: 20px;
    }
    .case-chars {
        font-size: 14px;
    }
    .container {
        max-width: 400px;
        margin: 0 auto;
    }
    .header__menu {
        display: block;
    }
    .panel-adaptive {
        display: block;
    }
    .header__email {
        display: none;
    }
    .header__phone-email {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 5px;
        margin-bottom: 0;
    }
    .header__social {
        gap: 6px;
    }
    .header__social a {
        width: 20px;
        height: 20px;
    }
    .header__social a svg {
        width: 12px;
        height: 12px;
    }
    .header__social-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header__nav {
        display: none;
    }
    .header__btns {
        display: none;
    }
    .header__phone a {
        font-size: 14px;
    }
    .footer__in {
        display: block;
    }
    .footer__text {
        font-size: 12px;
        line-height: 1.2;
    }
    .footer__pay {
        display: block;
        margin: 18px 0;
    }
    .footer-pay__text {
        margin-bottom: 6px;
    }
    header.bg .header__phone-email {
        margin: 0;
    }
    footer {
        padding: 18px 0 24px;
    }
    .header__in {
        height: 60px;
    }
    header.bg .header__in {
        height: 60px;
    }
    .header__brand img {
        width: 79px;
    }
    .hero {
        padding-top: 80px;
    }
    .hero__title {
        font-size: 24px;
    }
    .hero__sub {
        font-weight: 400;
        font-size: 13px;
        color: #00a5c1;
    }
    .hero__features {
        margin: 0;
        display: block;
    }
    .feature__col {
        width: 100%;
        padding: 0;
    }
    .feature-item.feature-item_1,
    .feature-item.feature-item_2,
    .feature-item.feature-item_3 {
        height: auto;
        -webkit-backdrop-filter: blur(52px);
                backdrop-filter: blur(52px);
        background: rgba(21, 25, 85, 0.28);
        clip-path: none;
        min-height: inherit;
        padding: 0;
        margin: 0 0 6px;
    }
    .feature-item__title {
        font-size: 14px;
    }
    .feature-item__text {
        position: relative;
        margin-left: -45px;
        font-size: 12px;
    }
    .feature-item {
        min-height: inherit;
        margin-bottom: 6px;
    }
    .hero__sub {
        margin-bottom: 60px;
    }
    .hero__girl {
        top: -38px;
        right: -40px;   
    }
    .hero__girl img {
        width: 240px;
    }
    h2 {
        font-weight: 400;
        font-size: 24px;
        line-height: 108%;
        color: #fff;
        margin-bottom: 16px;
    }
    .swiper-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 16px;
    }
    .swiper-nav .swiper-prev,
    .swiper-nav .swiper-next {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
    }
    .swiper-arrow {
        width: 32px;
        height: 32px;
    }
    .swiper-arrow svg {
        width: 11px;
        height: 11px;
    }
    .contacts {
        padding: 20px;
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
    .schedule-text {
        display: block;
    }
    .client-item {
        height: 102px;
    }
    .client-item img {
        max-width: 90%;
        max-height: 60px;
    }
    .clients {
        padding-bottom: 40px;
    }
    .faq__question {
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        padding: 20px 60px 20px 20px;
    }
    .faq__answer {
        font-size: 12px;
        color: #fff;
    }
    .faq__question:after,
    .faq__item:hover .faq__question:after {
        background-size: 15px;
        width: 15px;
        height: 15px;
        top: 21px;
        right: 22px;
    }
    .faq {
        padding: 50px 0;
    }
    .service-item__title {
        font-size: 18px;
    }
    .services h2 {
        text-align: center;
        margin-bottom: 16px;
    }
    .services {
        padding: 50px 0;
    }
    .calc__girl {
        display: none;
    }
    .calc__form {
        padding: 0;
    }
    .calc {
        padding: 22px 0;
    }
    .calc h2 {
        margin-bottom: 40px;
    }
    .calc-form .form-group {
        margin-bottom: 17px;
    }
    .calc__totals {
        display: block;
    }
    .calc-cost {
        margin-bottom: 24px;
    }
    .case-chars {
        display: block;
    }
    .case-item__in {
        padding: 15px;
    }
    .case-item__title {
        height: auto;
        font-size: 15px;
    }
    .case-item__bottom {
        gap: 15px;
    }
    .case-item__slider img {
        height: 160px;
    }
    .swiper-nav.cases-nav .swiper-prev,
    .swiper-nav.cases-nav .swiper-next {
        top: inherit;
    }
    .step-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        margin-bottom: 20px;
    }
    .step-item__numb {
        font-weight: 900;
        font-size: 27px;
        color: #00a5c1;
        width: 50px;
    }
    .step-item__text {
        font-weight: 400;
        font-size: 13px;
        color: #fff;
    }
    .title-block {
        display: block;
        margin-bottom: 32px;
    }
    .title-block h2 {
        margin-bottom: 7px;
    }
    .title-block__sub {
        font-size: 18px;
        color: #00a5c1;
    }
    .feedback__in {
        display: block;
    }
    .feedback__content,
    .feedback__img {
        width: 100%;
    }
    .feedback__img {
        height: 260px;
    }
    .feedback__img img {
        -o-object-position: top;
           object-position: top;
    }
    .feedback__content {
        padding: 20px;
    }
    .feedback__title {
        font-size: 20px;
    }
    .feedback__sub {
        white-space: wrap;
        text-align: center;
        margin-bottom: 18px;
        font-size: 14px;
    }
    .sale-block .feedback__sub {
        margin-bottom: 18px;
    }
    .feedback__list li {
        font-size: 14px;
    }
    .feedback__btn .btn {
        padding: 0 20px;
        width: 100%;
        font-size: 17px;
    }
    .calc__btn .btn {
        font-size: 17px;
    }
    .feedback__list {
        margin-bottom: 16px;
    }
    .comparison__in {
        position: relative;
        overflow-y: auto;
    }
    .comparison__table {
        width: 1000px;
    }
    .comparison__label {
        font-size: 13px;
    }
    .comparison__header {
        font-size: 16px;
    }
    .comparison__btn .btn {
        width: 100%;
    }
    .tab-nav {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        width: 600px;
        margin-bottom: 9px;
    }
    .tab-nav__in {
        overflow-y: auto;
    }
    .tab-nav li a {
        font-size: 16px;
    }
    .edot {
        display: block;
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        padding-left: 25px;
        margin-bottom: 8px;
    }
    .edot-pin {
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        border: 3px solid #fff;
    }
    .ex-item__image {
        margin-bottom: 16px;
    }
    .edot-tooltip {
        background: transparent;
        padding: 0;
        text-align: left;
    }
    .edot-tooltip br {
        display: none;
    }
    .comparison__label.first-label {
        font-size: 16px;
    }
    .form-sumbit .btn {
        font-size: 18px;
        padding: 0 20px;
        width: 100%;
    }
    .map {
        height: auto;
    }
    .contacts__in {
        position: relative;
        right: inherit;
    }
    #success-modal .form__title {
        font-size: 24px;
    }
    #success-modal .form__sub {
        font-size: 14px;
    }
    #success-modal .modal__in {
        padding: 60px 20px;
        height: auto;
        min-height: inherit;
    }
    .success-decor-1 img {
        max-width: 80px;
    }
    .modal__girl {
        display: none;
    }
    #lead-modal .modal__in {
        padding: 60px 20px;
    }
    .modal .form__title {
        font-size: 24px;
    }
    .modal .close {
        top: 5px;
    }
}
@media (max-width: 768px) {
}
@media (max-width: 500px) {
}
/* 267 */
@media (max-width: 400px) {
}

.qty-input::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.qty-input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ffffff;
}

.grecaptcha-badge {
  z-index: 5;  
}