* {
    scroll-behavior: auto !important;
    font-family: "Inter", sans-serif;
    font-family: "Raleway", sans-serif;
    accent-color: #70bdfa;
    font-variant-numeric: lining-nums;
    letter-spacing: -0.01em
}

img {
    max-width: 100%
}

body {
    padding: 0;
    margin: 0
}

input.error,
textarea.error,
select.error,
select.error + .select2,
input[type=checkbox].error + .box
{
    outline: 1px solid red
}

.disabled {
    opacity: .35;
    pointer-events: none
}

a#toTop {
    position: fixed;
    z-index: 9999;
    right: 0;
    opacity: 1;
    color: #39c388;
    padding: 0;
    width: 70px;
    font-size: 50px;
    height: 70px;
    cursor: pointer;
    transform: translateY(50%);
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

nav {
    position: fixed;
    z-index: 10;
    left: 50%;
    right: 0;
    height: 85px;
    background-color: #ffffff;
    padding: 0 0;
    display: flex;
    align-items: center;
    transition: .3s linear;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1420px;
    padding: 0 2%;
    gap: 30px;
    border-radius: 30px;
    box-shadow: 0 5px 20px #00000012;
    justify-content: space-between;
}

nav .logo {
    display: flex;
    align-items: center;
    color: #000000;
    background: #ffffff00;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 600;
    display: flex;
    gap: 10px;
    flex: none;
}

nav .logo img {
    height: 45px
}

nav .phones {
    /* width: 200px; */
    display: flex;
    flex-direction: column
}

nav .links {
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    gap: clamp(10px, 1.5vw, 30px);
}

nav .links li {
    list-style: none
}

nav .links a {
    display: block;
    font-size: 18px;
    color: #3e4744;
    text-decoration: none;
    position: relative
}

nav a {
    text-decoration: none;
    color: initial;
    font-size: 18px;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    flex-direction: column
}

nav .links a:hover {
    color: #49eba5
}

nav .links a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4ef7af;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s
}

nav .links a:hover::before {
    visibility: visible;
    transform: scaleX(1);
    color: #1d1d1d
}

#nav-toggle {
    position: absolute;
    top: -100px
}

nav .icon-burger {
    display: none;
    position: absolute;
    right: 2%;
    top: 15%;
    transform: translateY(-50%)
}

nav .icon-burger .line {
    width: 26px;
    height: 2px;
    background-color: #008a5f;
    margin: 5px;
    transition: all .5s ease-in-out
}

@media screen and (max-width:1200px) {
    nav .logo {
        /* width: 150px; */
    }

    nav .phones {
        /* width: 150px; */
    }

    nav .links {
        float: none;
        position: fixed;
        z-index: 9;
        left: 0;
        right: 0;
        top: 70px;
        bottom: 100%;
        width: auto;
        height: auto;
        flex-direction: column;
        justify-content: space-evenly;
        background-color: rgba(0, 0, 0, .8);
        overflow: hidden;
        transition: all .5s ease-in-out
    }

    nav .links a {
        font-size: 20px
    }

    nav:checked~.links {
        bottom: 0
    }

    nav .icon-burger {
        display: block
    }

    nav:checked~.icon-burger .line:nth-child(1) {
        transform: translateY(2px) rotate(225deg)
    }

    nav:checked~.icon-burger .line:nth-child(3) {
        transform: translateY(-10px) rotate(-225deg)
    }

    nav:checked~.icon-burger .line:nth-child(2) {
        opacity: 0
    }
}

label {
    display: inline
}

h1 {
    font-size: clamp(2.1875rem, 1.7548076923076923rem + 1.9230769230769231vw, 4.0625rem);
    font-weight: 600;
    line-height: 1.1
}

h2 {
    font-size: clamp(1.625rem, 1.4221153846153846rem + 1.8461538461538463vw, 3.7375rem);
    font-weight: 600;
    line-height: 1.2
}

.descr {
    font-size: clamp(0.9375rem, 0.8798076923076923rem + 0.2564102564102564vw, 1.1875rem);
    font-weight: 400
}

.main-section {
    height: 700px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-top: 100px;
    background: #f8f8f8;
    background-size: contain;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    color: #0e0e0e
}

.main-section::before {
    content: "";
    width: 100%;
    height: 1250px;
    position: absolute;
    transform: rotate(307deg);
    left: 990px;
    z-index: 0;
    background-size: contain;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: -86px -910px
}

.main-section ul {
    display: flex;
    padding: 0;
    list-style: none;
    flex-direction: column
}

.main-section ul li {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px
}

.main-section ul li img {
    filter: invert(44%) sepia(84%) saturate(2239%) hue-rotate(88deg) brightness(118%) contrast(116%)
}

.button-order {
    background: #2fda81;
    width: max-content;
    padding: 15px 50px;
    color: #000000;
    font-weight: 600;
    border: 1px #70bdfa solid;
    border-radius: 5px;
    box-shadow: 9px 10px 49px #70bdfa5e;
    cursor: pointer;
    transition: .3s linear;
    width: 100%;
    border-radius: 20px;
    font-size: 20px
}

.button-order:hover {
    transition: .3s linear;
    background: #ffffff;
    color: #000;
    border: 1px #000 solid
}

.button-view {
    width: max-content;
    padding: 15px 60px;
    z-index: 1;
    color: #70bdfa;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s linear;
    border: 1px #70bdfa solid
}

.button-view:hover {
    transition: .3s linear;
    background: #70bdfa;
    border: 1px #70bdfa solid;
    color: #000
}

.button-view-mini {
    width: max-content;
    padding: 12px 20px;
    color: #000000;
    font-weight: 700;
    cursor: pointer;
    transition: .3s linear;
    border-radius: 15px;
    background: #4ef7af
}

.button-view-mini:hover {
    transition: .3s linear;
    background: #000000 !important;
    color: #fff !important;
    transform: translateY(-5px);
}

.about {
    position: relative
}

section {
    padding: 55px
}

.description {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600
}

.pretitle {
    font-size: 14px;
    font-weight: 600;
    color: #7cacff;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-left: 30px #7cacff solid;
    padding-left: 10px
}

.preimushestva {
    font-size: 16px;
    background: #e6fef4;
    padding: clamp(20px, 1.5vw, 35px);
    border-radius: clamp(10px, 1.5vw, 20px);
    height: 100%;
    font-weight: 400;
    position: relative
}

.preimushestva img {
    filter: brightness(0.5);
    position: absolute;
    z-index: 0;
    opacity: .3;
    width: clamp(40px, 3.5vw, 80px);
    bottom: 10px;
    right: 4px;
    filter: invert(85%) sepia(14%) saturate(1756%) hue-rotate(91deg) brightness(101%) contrast(94%)
}

.preimushestva .content {
    z-index: 1;
    display: block;
    position: relative
}

.preimushestva strong {
    color: #70bdfa
}

.preimushestva .title {
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.3;
    font-size: clamp(1.375rem, 1.3456591639871383rem + 0.12861736334405144vw, 1.5rem)
}

.advance-block {
    height: 100%;
    position: relative
}

.advance-block .number {
    font-size: 25px;
    color: #4ef7af;
    font-weight: 600;
    margin-bottom: 10px;
    background: #ddfef0;
    width: clamp(50px, 1.5vw, 60px);
    height: clamp(50px, 1.5vw, 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(10px, 1.5vw, 20px);
    margin-bottom: 0
}

.advance-block .title {
    font-weight: 600;
    line-height: 1.2;
    flex: 1;
    font-size: clamp(1.25rem, 1.1766479099678457rem + 0.3215434083601286vw, 1.4625rem)
}

.advance-block img {
    border-radius: clamp(15px, 1.5vw, 30px);
    border-bottom: 15px #4ef7af solid
}

.advance-block .description {
    font-size: 13px
}

.list-unstyled li {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: clamp(20px, 2.5vw, 40px);
    border-radius: 25px;
    font-size: 18px;
    max-width: 410px;
    color: #ffffff
}

.list-unstyled li ion-icon {
    font-size: 55px;
    color: #70bdfa
}

.slick-initialized .slick-slide {
    display: block;
    margin: 0 15px
}

.slick-next {
    right: 15px;
    z-index: 1
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: #70bdfa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 5px;
    z-index: 1
}

.block-usluga {}

.block-usluga .title {}

.price {
    font-weight: 700;
    font-size: 22px;
    background: #70bdfa00;
    padding: 3px 15px;
    width: max-content;
    margin-bottom: 20px;
    border: 1px #000000 solid;
    border-radius: 30px
}

.block-usluga img {}

.block-usluga ul {
    font-size: 14px;
    font-weight: 600
}

.review-img {
    margin: 0 auto;
    text-align: center;
    display: block
}

.pulse {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: #4ef7af;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.pulse ion-icon {
    font-size: 37px;
    color: #fff
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    font-weight: 600;
    display: grid;
    gap: clamp(15px, 1.5vw, 30px);
    margin-top: clamp(15px, 1.5vw, 30px);
    grid-template-columns: repeat(3, 1fr)
}

.list-icon span {
    height: clamp(35px, 2.5vw, 50px);
    position: relative;
    display: block;
    color: #3ce39b;
    width: clamp(35px, 2.5vw, 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4ef7af30;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 20px
}

.pulse::before,
.pulse::after {
    content: '';
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    border-radius: 50%;
    border: 1px solid #70bdfa;
    animation: calling 2s ease-in-out infinite
}

.pulse::after {
    animation: calling 2s ease-in-out .35s infinite
}

@keyframes calling {
    0% {
        width: calc(100%);
        height: calc(100%);
        opacity: 1
    }

    100% {
        width: calc(100% + 60px);
        height: calc(100% + 60px);
        opacity: 0
    }
}

a {
    color: rgb(65 65 65);
    text-decoration: none
}

.h6,
h6 {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 3px
}

footer {
    font-size: 14px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #acacac;
    margin-bottom: 0;
    background: #ffffff;
    padding: 60px 30px;
    padding-bottom: 20px
}

#countdown {
    background: #70bdfa;
    width: 300px;
    align-items: center;
    padding: 10px 20px;
    color: #000;
    display: flex;
    flex-direction: column
}

#countdown ul {
    margin-bottom: 0
}

#countdown ul li span {
    font-size: 32px
}

#countdown ul li {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 6px
}

.question {
    font-size: 22px;
    font-weight: 600;
    padding: 30px 80px 30px 40px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #fff;
    margin-bottom: 15px;
    border-radius: clamp(15px, 1.5vw, 30px);
    font-size: clamp(1.2625rem, 1.1891479099678456rem + 0.3215434083601286vw, 1.375rem);
}

.question::after {
    content: "\002B";
    position: absolute;
    right: 20px;
    color: #000000;
    transition: 0.2s;
    font-weight: 200;
    font-size: clamp(3.125rem, 2.684887459807074rem + 1.929260450160772vw, 5rem)
}

.question.active::after {
    transform: rotate(45deg)
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s
}

.answer {
    padding: 0 30px 20px;
    line-height: 1.5;
    color: #000;
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem)
}

.question.active+.answercont {
    margin-bottom: 20px
}

@media screen and (max-width:790px) {
    html {
        font-size: 14px
    }

    .wrapper {
        width: 80%
    }
}

.marka-div {
    padding: 0;
    filter: grayscale(0);
    border: 1px #dedede solid;
    overflow: hidden;
    border-radius: clamp(10px, 1.5vw, 30px)
}

.marka-div:hover {
    filter: grayscale(0)
}

.budget .item1 {
    display: flex
}

.budget .item1 .icon {
    font-size: 25px;
    margin-right: 20px;
    color: #70bdfa
}

.budget .item1 .block .title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2
}

.budget .item1 .block .text {
    color: #676767;
    font-size: 14px
}

.portfolio-block {
    position: relative;
    display: flex;
    cursor: pointer;
    justify-content: center;
    overflow: hidden;
    align-items: center
}

.portfolio-block .pic {
    transition: .3s linear;
    height: 100%;
    object-fit: cover !important;
    width: 100%
}

.portfolio-block:hover .pic {
    transform: scale(1.08);
    transition: .3s linear
}

.portfolio-block:hover .icon {
    transition: .3s linear;
    opacity: 1
}

.portfolio-block .icon {
    position: absolute;
    width: 60px;
    filter: invert(1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: .3s linear;
    opacity: .5
}

.portfolio-block .descr {
    font-size: 19px;
    font-weight: 400;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 1
}

.portfolio-block .descr .works {
    font-size: 16px;
    font-weight: 700;
    color: #70bdfa
}

.portfolio-block .descr .text {
    font-size: 13px
}

.podl {
    background: rgb(28, 31, 33);
    background: -moz-linear-gradient(0deg, rgba(28, 31, 33, 1) 0, rgba(226, 124, 41, 0) 70%);
    background: -webkit-linear-gradient(0deg, rgba(28, 31, 33, 1) 0, rgba(226, 124, 41, 0) 70%);
    background: linear-gradient(0deg, rgba(28, 31, 33, 1) 0, rgba(226, 124, 41, 0) 70%);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 0
}

.subtext {
    max-width: 650px;
    margin: 20px auto;
    text-align: center;
    color: #484848;
    font-weight: 400;
    font-size: clamp(1.125rem, 1.0809887459807075rem + 0.19292604501607719vw, 1.3125rem);
    margin-top: clamp(15px, 1.5vw, 20px)
}

.subtext span {
    background: #d4fdec;
    padding: 4px 10px;
    border-radius: 10px;
    font-weight: 500;
    font-size: clamp(1.125rem, 1.0809887459807075rem + 0.19292604501607719vw, 1.3125rem);
    color: #000;
    cursor: pointer
}

.left-header{
    display: flex;
    justify-content: flex-start;
    gap: clamp(5px, 1.5vw, 10px);
    font-weight: 700;
    font-size: 20px;
    max-width: 200px;
    line-height: 1.1;
    align-items: center;
}
.left-header span{
     font-weight: 700;
     font-size: 19px;
     /* max-width: 160px; */
     line-height: 1.1;
     align-items: center;
}

.adr {
    font-size: 12px;
    color: #262626;
    font-weight: 700
}

.main-section ul li img {
    height: 26px;
    width: 26px
}

.main-section .buttons .button-order {
    margin-right: 1rem
}

.subtext2 {
    width: 100%;
    margin: 0 auto;
    color: #000000;
    font-size: 18px;
    text-align: center
}

.budget:last-child {
    margin-bottom: 0 !important
}

.logosa {
    position: absolute;
    right: 20px;
    width: 500px;
    opacity: .2;
    z-index: 0;
    top: 60px
}

.form-block {
    padding: 50px;
    max-width: 1070px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    border: 1px #fff solid;
    background: #fff
}

.form-block h2 {}

.form-block .text {
    font-size: clamp(0.8125rem, 0.7692307692307693rem + 0.19230769230769232vw, 1rem);
    font-weight: 500
}

.form-block .button-order {
    background: #70bdfa;
    color: #ffffff;
    border: 1px #70bdfa solid
}

.morequest-block {
    background: #ffffff;
    height: 100%;
    color: #000;
    border: 1px #ffffff solid;
    padding: 30px;
    z-index: 1;
    position: relative
}

.morequest-block h4 {
    font-weight: bold;
    font-size: clamp(1.5625rem, 1.3894230769230769rem + 0.7692307692307693vw, 2.3125rem);
    color: #000;
    margin-bottom: 15px
}

.morequest-block .text {
    font-size: 14px;
    color: #747474;
    margin-bottom: 20px
}

.morequest-block .label {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

.morequest-block input {
    width: 100%;
    padding: 20px;
    border: 1px #dedede solid
}

.morequest-block .dopinfo {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    margin-top: 23px;
    margin-bottom: 15px
}

.morequest-block .dopinfo .icons {
    font-size: 22px;
    color: #70bdfa
}

.morequest-block .dopinfo .icons img {
    width: 20px;
    vertical-align: baseline;
    margin-right: .5rem
}

.map-block .info-block {
    position: absolute;
    left: 80px;
    top: 60px
}

.map-block .morequest-block {
    background: #ffffff;
    height: 100%;
    color: #000;
    border: 1px #ffffff solid;
    padding: 30px;
    z-index: 1;
    width: 450px;
    box-shadow: 1px 1px 47px #02020259;
    position: relative
}

.map-block .morequest-block h4 {
    font-weight: bold;
    font-size: 37px;
    color: #000;
    margin-bottom: 15px
}

.map-block .morequest-block .text {
    font-size: 14px;
    color: #747474;
    margin-bottom: 20px
}

.map-block.morequest-block .label {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

.map-block .morequest-block input {
    width: 100%;
    padding: 20px;
    border: 1px #dedede solid
}

.map-block .morequest-block .dopinfo {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px
}

.map-block .morequest-block .dopinfo .icons {
    font-size: 22px;
    color: #70bdfa
}

.map-block .morequest-block .dopinfo a {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.map-block .morequest-block .dopinfo .uniq {
    font-size: 15px;
    color: #0d6efd;
    border-bottom: 1px #0d6efd dashed
}

.marquee {
    overflow: hidden;
    background: #0a0a0a;
    color: #ffffff;
    white-space: nowrap;
    margin-top: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(1.875rem, 1.5815916398713825rem + 1.2861736334405145vw, 3.125rem)
}

.marquee__track {
    display: flex;
    width: max-content;
    animation: scroll var(--speed, 20s) linear infinite
}

.marquee__content {
    display: inline-flex;
    gap: 50px;
    padding-right: 50px
}

@keyframes scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-1 * var(--offset)))
    }
}

.prep-hero {
    position: relative;
    width: 100%;
    background: url(https://img.freepik.com/fotos-premium/retrato-de-mulher-jovem-atraente-de-mulher-de-negocios-bem-sucedida-com-estilo-de-moda-sorrindo-rosto-feliz_361816-15844.jpg?w=1480);
    border-radius: 25px;
    padding: 100px 20px;
    overflow: hidden;
    max-width: 1780px;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 20px;
    background: #4ef7af24
}

.prep-hero__inner {
    position: relative;
    max-width: 1390px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: clamp(300px, 70vw, 870px) 1fr;
    gap: 10px
}

.prep-hero__bg-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(transparent 95%, rgb(0 0 0 / 1%) 95%), linear-gradient(90deg, transparent 95%, rgb(0 0 0 / 2%) 95%);
    background-size: 60px 60px;
    pointer-events: none;
    z-index: 1
}

.prep-hero__shape {
    position: absolute;
    width: 700px;
    height: 380px;
    background: #ffffff;
    border-radius: 230px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(12deg);
    z-index: 2;
    filter: blur(1px)
}

.prep-hero__content {
    position: relative;
    z-index: 5;
    padding-top: clamp(20px, 3.5vw, 100px);
    padding-bottom: 20px
}

.prep-hero__content h1 {
    margin-bottom: clamp(15px, 1.5vw, 25px);
    line-height: 1.15
}

.prep-hero__content h1 span {
    font-weight: 700;
    line-height: 1;
    color: #000000;
    display: block;
    font-size: clamp(2.525rem, 2.038183279742765rem + 2.572347266881029vw, 5.325rem)
}

.prep-hero__content .subtitle {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    margin-bottom: 30px
}

.btn-main {
    display: inline-block;
    padding: 16px 34px;
    background: #000;
    color: #fff;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s
}

.btn-main:hover {
    opacity: .8
}

@keyframes floatSticker {
    0% {
        transform: rotate(var(--r)) translateY(0px)
    }

    50% {
        transform: rotate(calc(var(--r) + 3deg)) translateY(-6px)
    }

    100% {
        transform: rotate(var(--r)) translateY(0px)
    }
}

.sticker {
    position: absolute;
    padding: 10px 28px;
    background: #fff;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    white-space: nowrap;
    z-index: 6;
    --r: -7deg;
    animation: floatSticker 3.4s ease-in-out infinite;
    max-width: 230px;
    white-space: normal;
    line-height: 1.2;
    display: flex;
    gap: 10px;
    align-items: center
}

.sticker img {
    width: 30px;
    height: 30px
}

.sticker-right {
    --r: 6deg
}

.s1 {
    top: 160px;
    right: 320px;
    animation-delay: .1s
}

.s2 {
    top: 265px;
    right: 395px;
    animation-delay: 2s;
    background: none;
    --r: 7deg;
    color: #000000;
    background: #ffffff
}

.s3 {
    top: 390px;
    right: 250px;
    animation-delay: .7s;
    background: #ffffff;
    color: #050505;
    --r: 3deg
}

.s4 {
    top: 110px;
    right: 55px;
    animation-delay: .2s;
    background: #ffffff;
    color: #000000;
    --r: -12deg
}

.s5 {
    top: 225px;
    right: -5px;
    animation-delay: .6s;
    --r: -2deg;
    background: #00000000;
    color: #000000;
    border: 2px #000000 solid
}

.s6 {
    top: 295px;
    right: 115px;
    animation-delay: .9s;
    --r: 9deg
}

.s7 {
    top: 415px;
    right: 25px;
    animation-delay: 1.2s;
    --r: -8deg;
    background: none;
    border: 2px #000000 solid;
    color: #000000
}

.photo {
    position: absolute;
    width: 180px;
    height: 130px;
    background: #fff;
    padding: 8px;
    border-radius: 14px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 6;
    transform: rotate(-6deg);
    animation: floatSticker 4.5s ease-in-out infinite
}

.photo-right {
    transform: rotate(6deg)
}

.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.photo-left {
    bottom: -30px;
    left: 150px
}

.photo-right {
    top: 270px;
    right: 210px
}

@media (max-width:992px) {
    .prep-hero__content h1 {
        font-size: 50px
    }

    .photo {
        width: 150px;
        height: 110px
    }
}

@media (max-width:768px) {
    .prep-hero {
        padding: 80px 10px;
        padding-bottom: 10px;
    }

    .prep-hero__shape {
        width: 460px;
        height: 300px
    }

    .prep-hero__content h1 {
        font-size: 33px;
        text-align: center;
        color: #00c789
    }

    .prep-hero__content .subtitle {
        font-size: 16px;
        text-align: center
    }

    .photo-left {
        bottom: 20px;
        left: 20px
    }

    .photo-right {
        top: auto;
        bottom: 20px;
        right: 20px
    }

    .sticker {
        font-size: 13px;
        padding: 7px 14px
    }

    .s1 {
        top: 20px;
        left: 10px
    }

    .s2 {
        top: 80px;
        left: 20px
    }

    .s3 {
        top: 140px;
        left: 10px
    }

    .s4 {
        top: 20px;
        right: 10px
    }

    .s5 {
        top: 80px;
        right: 20px
    }

    .s6 {
        top: 140px;
        right: 10px
    }

    .s7 {
        top: 200px;
        right: 20px
    }
}

@media (max-width:480px) {
    .photo {
        display: none
    }

    .sticker {
        transform: scale(.85)
    }
}

.form-panel {
    display: flex;
    gap: 10px;
    padding: 0
}

.form-panel input {
    color: rgb(0 0 0);
    border: 1px solid #c5c5c5;
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
    outline: none;
    padding: 0 20px;
    width: 100%;
    line-height: 1.15 !important;
    margin: 0 !important
}

.iti {
    width: 100%;
    font-weight: 600
}

.form p {
    vertical-align: middle;
    color: #1e1e20ad;
    font-size: 18px;
    line-height: 1.3;
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 500
}

.form-button {
    line-height: 1.55;
    font-weight: 600;
    border-radius: 14px;
    background-color: #00df9a;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    color: #fff;
    padding: 11px 30px;
    width: max-content;
    margin: 0 auto;
    margin-top: 0;
    cursor: pointer;
    font-size: 19px
}

.form-button:hover {
    background-color: #464654
}

.personality {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 10px
}

.form-container {
    border-radius: 20px 20px 20px 20px;
    background-color: #0000006b;
    background-position: center center;
    border-color: #878787;
    border-style: solid;
    gap: 5px;
    padding: 30px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    box-shadow: 0 13px 20px #0000000d;
    border: 1px #00df9a2e solid
}

.nice-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 0
}

.nice-check input {
    display: none
}

.nice-check .box {
    width: 20px;
    height: 20px;
    border: 2px solid #00000036;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s
}

.nice-check .box::after {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    transition: 0.2s;
    background: #4ef7af;
    border-radius: 3px
}

.nice-check input:checked+.box {
    border-color: #4ef7af
}

.nice-check input:checked+.box::after {
    transform: scale(1)
}

.h2-descr {
    max-width: 800px;
    padding-left: 0;
    margin-bottom: 0;
    margin: 0 auto;
    text-align: center;
    font-size: clamp(1.125rem, 1.0809887459807075rem + 0.19292604501607719vw, 1.3125rem)
}

.list-text {
    display: flex;
    flex-direction: column;
    gap: 0;
    color: #000000;
    font-size: clamp(1.3125rem, 1.2684887459807075rem + 0.19292604501607719vw, 1.5rem)
}

.list-text span {
    font-weight: 400;
    color: #0000009e;
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem)
}

.right-top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: clamp(15px, 1.5vw, 40px)
}

.right-top>*:nth-child(3) {}

.right-grid .block {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    background: #e8fef56e;
    padding: clamp(20px, 2.5vw, 40px);
    border-radius: 25px;
    backdrop-filter: blur(16px);
    border: 1px #00000014 solid
}

.right-grid .block .button-view-mini {
    width: max-content;
    padding: clamp(10px, 1.5vw, 15px) clamp(15px, 1.5vw, 30px);
    color: #000000;
    font-weight: 600;
    cursor: pointer;
    transition: .3s linear;
    border-radius: 15px;
    background: #4ef7af;
    font-size: clamp(1.0625rem, 1.0184887459807075rem + 0.19292604501607719vw, 1.25rem)
}

.right-grid .block .content {
    font-weight: 600;
    line-height: 1.2;
    padding-right: clamp(20px, 4.5vw, 100px);
    font-size: clamp(1.6875rem, 1.584807073954984rem + 0.45016077170418006vw, 2.125rem)
}

.right-grid .block .content p {
    font-size: 15px;
    font-weight: 400;
    margin-top: clamp(15px, 1.5vw, 20px);
    line-height: 1.4;
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem)
}

.right-grid .block .miniature {
    width: clamp(60px, 5.5vw, 80px);
    position: absolute;
    right: 20px;
    filter: invert(85%) sepia(14%) saturate(1756%) hue-rotate(91deg) brightness(101%) contrast(94%);
    top: 20px;
    z-index: -1;
    opacity: .4
}

.right-bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.right-grid {}

.form-select {
border: 1px #878787 solid;
    font-weight: 600;
    padding: 10px 20px;
    height: 46px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    border: 1px #878787 solid;
    font-weight: 600;
    padding: 10px 20px;
    height: 46px;
}.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
}.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    border-radius: 5px;
}
.ref {
    background: #4ef7af;
    padding: 50px;
    border-radius: 25px;
    display: flex;
    gap: 35px;
    position: relative;
    margin-top: clamp(20px, 3.5vw, 50px);
    align-items: center;
    background-image: linear-gradient(transparent 95%, rgb(0 0 0 / 5%) 95%), linear-gradient(90deg, transparent 95%, rgb(0 0 0 / 5%) 95%);
    background-size: 40px 40px;
    pointer-events: none
}

.ref__image {
    width: 300px;
    height: 260px;
    border-radius: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 1px 7px 20px rgba(1, 1, 1, 0.2);
    z-index: 2;
    background-image: url("https://img.freepik.com/fotos-gratis/mulher-bonita-vestida-formalmente-no-escritorio-com-laptop_273609-4632.jpg?t=st=1765441246~exp=1765444846~hmac=4710e5e1d1e1d7a308261e0ea86dbc0b69198597824954a11bc2ec0dd335e6e4&w=1480");
    position: absolute;
    left: 50px
}

.ref__content {
    z-index: 3;
    padding-left: clamp(0px, 18.5vw, 330px)
}

.ref__content p {
    font-size: clamp(1rem, 0.9413183279742765rem + 0.2572347266881029vw, 1.25rem);
    margin-bottom: 0
}

.ref__content h2 {
    font-size: 50px;
    margin: 0;
    line-height: 1.2;
    margin-bottom: 5px
}

@media (max-width:992px) {
    .ref {
        padding: 25px
    }

    .ref__content h2 {
        font-size: 40px
    }

    .ref__image {
        left: 40px
    }
}

@media (max-width:768px) {
    .ref {
        flex-direction: column;
        text-align: center;
        padding: clamp(25px, 1.5vw, 40px) clamp(25px, 1.5vw, 40px);
        gap: 20px
    }

    .ref__image {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto
    }

    .ref__content h2 {
        font-size: 32px
    }
}

@media (max-width:480px) {
    .ref__image {
        width: 100%;
        height: 180px
    }

    .ref__content h2 {
        font-size: 26px
    }
}

.price-block {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: clamp(10px, 1.5vw, 20px)
}

.price-new {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    font-size: clamp(1.5625rem, 1.4259708737864079rem + 0.5825242718446602vw, 2.125rem)
}

.price-old {
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    opacity: 0.7;
    position: relative;
    top: -2px;
    font-size: clamp(0.9375rem, 0.8919902912621359rem + 0.1941747572815534vw, 1.125rem)
}

.wh-container {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: clamp(15px, 1.5vw, 25px)
}

.logo-marquee {
    padding: 2.5rem 0;
    position: relative
}

.logo-marquee--gradient {
    background-image: linear-gradient(90deg, #fff 5%, hsla(200, 9%, 93%, 0) 10%), linear-gradient(270deg, #fff 5%, hsla(200, 9%, 93%, 0) 10%);
    top: 2.5rem;
    height: 64px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.logo-marquee--marquee {
    display: flex;
    overflow: hidden;
    user-select: none
}

.logo-marquee--marquee-group {
    animation: scroll-left 30s linear infinite;
    display: flex;
    flex-shrink: 0;
    width: auto
}

@media (prefers-reduced-motion) {
    .logo-marquee--marquee-group {
        animation-play-state: paused
    }
}

.logo-marquee--marquee-group img {
    height: 64px;
    padding: 0 40px;
    width: auto
}

@media (max-width:991.98px) {
    .logo-marquee--marquee-group img {
        height: 56px;
        padding: 0 30px
    }
}

@media (max-width:767.98px) {
    .logo-marquee--marquee-group img {
        height: 48px;
        padding: 0 20px
    }
}

@keyframes scroll-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.col {
    flex: 1 0 0;
    flex-direction: column;
    padding: clamp(25px, 3.5vw, 60px)
}

.two-columns {
    max-width: 1600px;
    display: grid;
    grid-template-columns: 613px 1fr;
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.two-columns .form {
    bottom: 0;
    z-index: 3;
    right: 0;
    padding: 30px 70px;
    font-size: 24px
}

.two-columns .left {
    background: #ddfef0;
    display: flex;
    background-image: url(/img/test/womanizer.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0
}

.two-columns .right {
    background: #000000;
    display: flex;
    justify-content: center;
    color: #ffffff;
    padding-bottom: clamp(20px, 13.5vw, 140px);
}

.two-columns h2 {
    color: #000;
    margin-bottom: 30px
}

.two-columns .right h2 {
    color: #fff
}

.form-section {
    background: #ffef75;
    padding: 40px 20px
}.form-section h4{
       flex: 1;
    font-size: clamp(0.875rem, 0.6402733118971061rem + 1.0289389067524115vw, 1.875rem);
}

.form-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-inner p {
    font-size: 22px;
    max-width: 70%
}

.btn {
    background: transparent;
    border: 2px solid #000;
    padding: 15px 40px;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase
}

@media (max-width:768px) {
    .two-columns {
        grid-template-columns: 1fr
    }

    .two-columns h2 {}

    .form-inner {
        flex-direction: column;
        gap: 20px;
        text-align: center
    }

    .form-inner p {
        max-width: 100%
    }
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(235 235 235 / 0);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 10px
}

.cities-section {
    padding: 40px 0
}

.cities-section h3 {
    font-size: 26px;
    margin-bottom: 20px
}

.cities-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 20px;
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 40px
}

.city {
    color: #00000096;
    text-decoration: none;
    font-size: 14px;
    padding: 0 0;
    display: block;
    transition: 0.2s ease
}

.city:hover {
    color: #4ef7af
}

.wrapper {
    max-width: 980px;
    margin: 0 auto;
    margin-top: clamp(25px, 3.5vw, 60px)
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    border: 1px #878787 solid
}

.form-label {
    margin-bottom: .5rem;
    margin-bottom: 0;
    font-size: 14px
}

.form-control {
    font-weight: 600;
    padding: 10px 20px;
}

@media (max-width:1024px) {
    .cities-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:768px) {
    .cities-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:480px) {
    .cities-grid {}
}

.pulse-star {
    animation: pulse 1.8s infinite linear;
    opacity: .1 !important;
    width: 20px !important
}

@keyframes pulse {
    0% {
        transform: scale(1) rotate(45deg)
    }

    50% {
        transform: scale(1.18) rotate(45deg)
    }

    100% {
        transform: scale(1) rotate(45deg)
    }
}

.steps-section {
    padding: clamp(35px, 3.5vw, 100px) clamp(35px, 3.5vw, 35px);
    background: #4ef7af3d;
    background-size: 30px 30px;
    position: relative;
    border-radius: clamp(20px, 1.5vw, 50px);
    max-width: 1710px;
    margin: clamp(20px, 1.5vw, 40px) auto
}

.steps-title {
    text-align: center
}

.steps-wrapper {
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    height: 250px
}

.steps-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px
}

.step-item {
    position: absolute;
    width: 260px;
    text-align: center
}

.step-item h3 {
    margin: 10px 0 5px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: clamp(1.35rem, 1.1766479099678457rem + 0.3215434083601286vw, 1.5625rem)
}

.step-item p {
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.0425rem);
    color: #000000;
    font-weight: 400;
    text-align: center
}

.step-circle {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #4ef7af;
    color: #000000;
    font-size: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-weight: 700
}

.step-1 {
    left: -3%;
    top: 30px
}

.step-2 {
    left: 19%;
    top: 65px
}

.step-3 {
    left: 40%;
    top: 50px
}

.step-4 {
    left: 60%;
    top: 40px
}

.step-5 {
    left: 80%;
    top: 80px
}

@media (max-width:900px) {
    .steps-wrapper {
        height: auto;
        padding-bottom: clamp(10px, 1.5vw, 60px)
    }

    .steps-line {
        display: none
    }

    .step-item {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: clamp(25px, 1.5vw, 40px);
        width: 100%
    }
}

.seo ul li {
    list-style: none;
    font-weight: 500;
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem);
    display: flex;
    counter-increment: section;
    position: relative;
    gap: 15px;
    margin-bottom: 10px;
    align-items: flex-start
}

.seo ul li:before {
    font-size: clamp(0.8875rem, 0.7494774919614148rem + 0.68585209003215437vw, 1.1425rem);
    width: clamp(20px, 2.5vw, 28px);
    height: clamp(20px, 2.5vw, 28px);
    line-height: 1;
    margin-bottom: 0;
    content: counter(section);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border-radius: 8px;
    flex-shrink: 0;
    font-weight: 600;
    background: #4ef7af;
    font-size: 16px
}

.seo p {
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem)
}

.form {
    border-radius: 30px 30px 30px 30px;
    background-color: #4ef7af;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 50px;
    vertical-align: middle;
    width: 1230px;
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px
}

.form h3 {
    z-index: 3;
    font-size: 37px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
    line-height: 1.1
}

.form p {
    vertical-align: middle;
    color: #1e1e20ad;
    font-size: 18px;
    line-height: 1.3;
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 500
}

.form .form-container {
    border-radius: 20px 20px 20px 20px;
    background-color: #00000052;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    gap: 10px;
    padding: 10px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    max-width: 1000px
}

.form .form-panel {
    display: flex;
    gap: 10px;
    padding: 0
}

.form .form-panel input {
    color: rgb(48, 48, 48);
    border: 1px solid rgb(220, 220, 220);
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    height: 60px;
    outline: none;
    padding: 0 20px;
    width: 100%;
    line-height: 1.15 !important;
    margin: 0 !important
}

.form .personality {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.form .form-button {
    line-height: 1.55;
    font-weight: 600;
    border-radius: 12px;
    background-color: #1e1e20;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    color: #fff;
    padding: 10px 30px;
    width: max-content;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer
}

.form-section {
    padding: clamp(10px, 2.5vw, 25px) clamp(15px, 2.5vw, 40px);
    display: flex;
    justify-content: center;
    background: #000000;
    display: flex;
    flex-direction: row;
    max-width: 1120px;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 1320px;
    gap: clamp(10px, 1.5vw, 30px);
    align-items: center;
    width: 100%
}

.main-form {
    width: 100%;
    border-radius: 16px;
    display: flex;
    gap: 15px;
    align-items: center;
    flex: 1
}

.main-form button {
    width: 100%;
    padding: 14px 30px;
    font-size: 19px;
    font-weight: 600;
    background: #4ef7af;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.25s
}

.main-form button:hover {
    background: #36e59b
}

.main-form button:active {
    transform: scale(0.98)
}

.garant-section {
    background: #ffffff;
    padding: 60px 0;
    background-size: 30px 30px;
    position: relative;
    border-radius: 50px;
    max-width: 1710px;
    margin: 40px auto;
    background: #edfbf6;
    position: relative;
    overflow: hidden;
    border-radius: clamp(15px, 1.5vw, 40px)
}

.garant-list {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: clamp(35px, 3.5vw, 60px);
    flex-wrap: wrap
}

.garant-item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    border-left: 2px #4ef7af solid;
    padding-left: 30px;
    max-width: 390px
}

.garant-image img {
    width: 90px;
    height: 90px;
    object-fit: contain
}

.garant-title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: clamp(1.25rem, 1.1766479099678457rem + 0.3215434083601286vw, 1.5625rem)
}

.garant-desc {
    font-size: clamp(0.9875rem, 0.9494774919614148rem + 0.68585209003215437vw, 1.1425rem);
    line-height: 1.55;
    color: #333;
    font-weight: 500
}

@media (max-width:768px) {
    .garant-item {
        flex-direction: row;
        gap: 15px
    }

    .garant-image img {
        width: 70px;
        height: 70px
    }
}

.element {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px #dedede solid;
    margin-top: 15px;
}
.exams-section {
    margin-top: 40px;
    padding: 40px;
    background: #f3f7fb;
    border-radius: 20px;
}

.exams-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #1f2a44;
}

.exams-groups {
    display: grid;
    gap: 24px;
}

/* GROUP */
.exam-group {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.exam-group-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #2563eb;
}

/* LIST */
.exam-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ITEM */
.exam-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #f8fafc;
    border-radius: 10px;
    transition: background .2s ease;
}

.exam-item:hover {
    background: #eef4ff;
}

.exam-name {
    font-weight: 500;
    color: #1f2a44;
}

.exam-points {
    font-weight: 600;
    color: #2563eb;
    white-space: nowrap;
}

/* MOBILE */
@media (max-width: 768px) {
    .exams-section {
        padding: 24px;
    }

    .exam-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .exam-points {
        font-size: 14px;
    }
}

select {
    word-wrap: normal;
    color: rgb(48, 48, 48);
    border: 1px solid #c5c5c5;
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
    outline: none;
    padding: 0 10px;
    width: 100%;
    line-height: 1.15 !important;
    margin: 0 !important
}

.two-col-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 620px;
    margin-bottom: clamp(35px, 1.5vw, 40px)
}

.two-col-list li {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 21px;
    font-weight: 500;
    font-weight: 600;
    font-size: clamp(1.0625rem, 1.0038183279742765rem + 0.2572347266881029vw, 1.3125rem)
}

.two-col-list .icon {
    width: 20px;
    height: 20px;
    background: #4ef7af;
    border-radius: 30%;
    display: inline-block;
    flex: none;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    padding: 50px;
    overflow-y: auto
}

.modal-title {
    margin-bottom: 10px;
    line-height: var(--bs-modal-title-line-height);
    font-size: 31px;
    font-weight: 700;
    /* text-align: center; */
    line-height: 1.2
}
.form-side .modal-title {
      font-size: 32px;
      color: #0F2027;
      margin-bottom: 14px;
      letter-spacing: -0.02em;
      font-weight: 600;
      text-align: left;
      line-height: 1.2;
      font-size: clamp(2rem, 1.8532958199356913rem + 0.6430868167202572vw, 2.625rem);
}.form-side p {
    color: #64748B;
    font-size: 16px;
    line-height: 1.6;
    line-height: 1.7;
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem);
}

.btn-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.modal.show .modal-dialog {
    transform: none;
    max-width: 520px
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
    border-radius: 30px;
    overflow-y: auto
}

.containera {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    max-width: 1300px;
    width: 100%;
    background: white;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 0 8px 24px rgba(0, 0, 0, 0.04), 0 24px 60px rgba(0, 0, 0, 0.08);
    animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1)
}

.containera h2 {
    font-size: 40px;
    color: #fff;
    font-size: clamp(2rem, 1.8532958199356913rem + 0.6430868167202572vw, 2.625rem);
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px) scale(0.96)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.benefits-side {
    background: #41ba86;
    padding: 70px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    position: relative;
    overflow: hidden
}

.benefits-side::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 20% 50%, rgba(139, 233, 253, 0.15) 0, transparent 50%), radial-gradient(circle at 80% 80%, rgba(34, 211, 238, 0.1) 0, transparent 50%);
    animation: meshMove 25s ease-in-out infinite
}

.benefits-side::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.08) 0, transparent 70%);
    top: -200px;
    right: -200px;
    animation: pulse 8s ease-in-out infinite
}


header .messengers{
        display: flex;
    gap: 6px;
    margin-bottom: 0px;
}
.msg {
    width: 30px;
    height: 30px;
}
header .messengers .msg svg {
    width: 21px;
    height: 21px;
    fill: #ffffff;
}

/* контейнер */
.messenger-dropdown {
    position: relative;
}

/* кнопка */
.messenger-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    /* padding: 10px 16px; */
    border-radius: 10px;
    background: #2563eb00;
    color: #353535;
    border: none;
    font-weight: 600;
    cursor: pointer;
    font-size: clamp(1rem, 0.9706591639871383rem + 0.12861736334405144vw, 1.125rem);
}

.messenger-btn svg {
    transition: transform .2s;
}

/* дропдаун */
.messenger-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 220px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 40px rgba(0, 0, 0, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: .2s ease;
    z-index: 1000;
    padding: 20px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

/* активное состояние */
.messenger-dropdown.active .messenger-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.messenger-dropdown.active .messenger-btn svg {
    transform: rotate(180deg);
}

/* элементы */
.messenger-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    color: #111827;
    text-decoration: none;
    font-weight: 500;
}

.messenger-item:hover {
    background: #f3f4f6;
}

/* иконки */
.icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.icon.tg { background: #2AABEE; }
.icon.wa { background: #25D366; }
.icon.mail { background: #6366f1; }

/* мобила */
@media (max-width: 768px) {
    .messenger-menu {
        right: auto;
        left: 0;
    }
}


.messengers {
    display: flex;
    gap: 14px;
    margin-bottom: 15px;
}

.msg {
    width: 40px;
    height: 40px;
    border-radius: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #f1f5f9; */
    transition: all 0.2s ease;
}

.msg svg {
    width: 26px;
    height: 26px;
    fill: #ffffff;
}

.msg.tg { background: #229ED9; }
.msg.wa { background: #25D366; }
.msg.max {/* background: #111827; */}

.msg:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

@keyframes meshMove {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg)
    }

    33% {
        transform: translate(30px, -30px) rotate(120deg)
    }

    66% {
        transform: translate(-20px, 20px) rotate(240deg)
    }
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.4
    }

    50% {
        transform: scale(1.1);
        opacity: 1
    }
}

.decorative-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(139, 233, 253, 0.06);
    backdrop-filter: blur(40px)
}

.shape-1 {
    width: 300px;
    height: 300px;
    top: 10%;
    left: -100px;
    animation: float1 20s ease-in-out infinite
}

.shape-2 {
    width: 200px;
    height: 200px;
    bottom: 15%;
    right: -80px;
    animation: float2 15s ease-in-out infinite
}

@keyframes float1 {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(50px, -50px)
    }
}

@keyframes float2 {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(-30px, 30px)
    }
}

.benefits-content {
    position: relative;
    z-index: 1
}

.logo-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    margin-bottom: 32px;
    font-size: 14px;
    color: #85ffca;
    font-weight: 500;
    animation: fadeInLeft 0.8s ease-out 0.2s both
}

.logo-badge::before {
    content: '✨';
    font-size: 16px
}

.benefits-side h1 {
    font-weight: 700;
    color: white;
    margin-bottom: 24px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    animation: fadeInLeft 0.8s ease-out 0.3s both;
    font-size: clamp(2.1875rem, 1.8794212218649518rem + 1.3504823151125402vw, 3.5rem)
}

.benefits-side .subtitle {
    color: rgb(255 255 255);
    margin-bottom: clamp(20px, 2.5vw, 50px);
    line-height: 1.7;
    animation: fadeInLeft 0.8s ease-out 0.4s both;
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem)
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.benefits-list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    animation: fadeInLeft 0.8s ease-out both;
    padding: 24px;
    background: rgb(50 50 50 / 19%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: clamp(15px, 1.5vw, 20px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1)
}

.benefit-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(139, 233, 253, 0.3);
    transform: translateX(8px)
}

.benefit-item:nth-child(1) {
    animation-delay: 0.5s
}

.benefit-item:nth-child(2) {
    animation-delay: 0.6s
}

.benefit-item:nth-child(3) {
    animation-delay: 0.7s
}

.benefit-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(139, 233, 253, 0.2) 0, rgba(34, 211, 238, 0.1) 100%);
    border: 1px solid rgba(139, 233, 253, 0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 26px;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)
}

.benefit-item:hover .benefit-icon {
    transform: scale(1.1) rotate(5deg)
}

.benefit-text h3 {
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.benefit-text p {
    color: rgb(255 255 255);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0
}

.form-side {
    padding: 70px 60px;
    display: flex;
    flex-direction: column;
    background: white
}

.form-header {
    margin-bottom: 15px;
    animation: fadeIn 0.8s ease-out 0.4s both
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.form-header h2 {
    font-size: 42px;
    color: #0F2027;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
    font-weight: 600
}

.form-header p {
    color: #64748B;
    font-size: 16px;
    line-height: 1.6;
    line-height: 1.7;
    font-size: clamp(1.0625rem, 1.0331591639871383rem + 0.12861736334405144vw, 1.1875rem)
}

.form-group {
    margin-bottom: 15px;
    animation: fadeInUp 0.6s ease-out both
}

.form-group:nth-child(1) {
    animation-delay: 0.5s
}

.form-group:nth-child(2) {
    animation-delay: 0.6s
}

.form-group:nth-child(3) {
    animation-delay: 0.7s
}

.form-group:nth-child(4) {
    animation-delay: 0.8s
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

label {
    display: block;
    margin-bottom: 0;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em
}

input,
select {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #878787;
    border-radius: 5px;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    background: #ffffff;
    color: #060606;
    font-weight: 600
}

input::placeholder {
    color: #000
}

input:focus,
select:focus {
    outline: none;
    border-color: #00f8ab;
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px)
}

input:hover,
select:hover {}

select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 50px;
    position: relative
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.submit-btn {
    width: 100%;
    padding: 18px;
    background: #4df1b2;
    color: #000000;
    border: none;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
    letter-spacing: -0.01em;
    margin-bottom: 10px
}

.submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(139, 233, 253, 0.3), transparent);
    transition: left 0.6s ease
}

.submit-btn:hover::before {
    left: 100%
}

.submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(15, 32, 39, 0.25), 0 4px 12px rgba(34, 211, 238, 0.15);
    transition: .3s linear;
    background: #000;
    color: #fff;
}

.submit-btn:active {
    transform: translateY(-1px)
}

.privacy-text {
    margin-top: 24px;
    font-size: 13px;
    color: #94A3B8;
    text-align: center;
    line-height: 1.6;
    animation: fadeIn 0.8s ease-out 1s both
}

.privacy-text a {
    color: #22D3EE;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease
}

.privacy-text a:hover {
    color: #0891B2
}

.success-message {
    display: none;
    text-align: center;
    padding: 60px 40px;
    animation: fadeIn 0.6s ease-out
}

.success-message.show {
    display: block
}

.success-icon {
    width: 96px;
    height: 96px;
    background: linear-gradient(135deg, #0F2027 0, #2C5364 100%);
    border-radius: 50%;
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    animation: scaleIn 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 8px 24px rgba(15, 32, 39, 0.2)
}

@keyframes scaleIn {
    from {
        transform: scale(0) rotate(-180deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(0deg);
        opacity: 1
    }
}

.success-message h2 {
    font-size: 32px;
    color: #0F2027;
    margin-bottom: 12px
}

.success-message p {
    color: #64748B;
    font-size: 16px
}

@media (max-width:968px) {
    .container {
        grid-template-columns: 1fr
    }

    .benefits-side {
        padding: clamp(25px, 2.5vw, 40px) clamp(25px, 2.5vw, 40px)
    }

    .benefits-side h1 {}

    .form-side {
        padding: 50px 40px
    }

    .form-header h2 {
        font-size: 36px
    }
}

input:valid {
    border-color: #878787
}

input:invalid:not(:placeholder-shown) {
    border-color: #EF4444
}

.main-button {
    line-height: 1.55;
    font-weight: 600;
    border-radius: 14px;
    background-color: #4df1b2;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    color: #000000;
    padding: clamp(10px, 1.5vw, 15px) clamp(25px, 1.5vw, 50px);
    width: max-content;
    margin: 0 auto;
    margin-top: 0;
    cursor: pointer;  transition: .3s linear;
    font-size: clamp(1.375rem, 1.3456591639871383rem + 0.12861736334405144vw, 1.4rem);
    max-width: 100%
}
.main-button:hover {
    transition: .3s linear;
     background-color: #000000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    color: #ffffff;
}

.main-pic {
    position: relative;
    width: 450px;
    top: 50px
}

.video-review-card {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08)
}

.video-preview {
    position: relative;
    height: 650px;
    background: #000;
    overflow: hidden
}

.video-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-overlay {
    position: absolute;
    inset: 0;
    background: rgb(25 76 54 / 41%);
    transition: .25s;
    z-index: 1
}

.video-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    border-radius: 29%;
    border: none;
    background: #42d796;
    color: #ffffff;
    font-size: 30px;
    cursor: pointer;
    z-index: 3;
    transition: .25s;
    box-shadow: 0 8px 74px 7px #37b37d
}

.video-btn:hover {
    background: rgb(55 188 130);
    transform: scale(1.05)
}

.icon-pause {
    display: none
}

.video-review-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 26px 28px;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, .35), transparent);
    color: #fff;
    transition: .25s
}

.video-review-name {
    font-weight: 600;
    font-size: 22px
}

.video-review-rating {
    color: #4ef7af;
    font-size: 21px;
    margin: 4px 0
}

.video-review-rating span {
    color: rgba(255, 255, 255, .7);
    font-size: 17px;
    margin-left: 6px
}

.video-review-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 16px
}

.video-review-text {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .9)
}

.video-preview.is-touch.is-playing:not(.show-interface) .video-overlay,
.video-preview.is-touch.is-playing:not(.show-interface) .video-btn,
.video-preview.is-touch.is-playing:not(.show-interface) .video-review-info {
    opacity: 0;
    pointer-events: none
}

@media (hover:hover) and (pointer:fine) {

    .video-preview:hover .video-overlay,
    .video-preview:hover .video-btn,
    .video-preview:hover .video-review-info {
        opacity: 1;
        pointer-events: auto
    }

    .video-preview.is-playing:not(.is-touch):not(:hover) .video-overlay,
    .video-preview.is-playing:not(.is-touch):not(:hover) .video-btn,
    .video-preview.is-playing:not(.is-touch):not(:hover) .video-review-info {
        opacity: 0;
        pointer-events: none
    }
}

.video-preview.is-touch.show-interface .video-overlay,
.video-preview.is-touch.show-interface .video-btn,
.video-preview.is-touch.show-interface .video-review-info {
    opacity: 1;
    pointer-events: auto
}

@media(max-width:1200px) {
    .two-col-list {
        display: grid;
        gap: 10px 20px;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: clamp(35px, 1.5vw, 40px);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .ref__content {
        z-index: 3;
        padding-left: 0
    }

    .prep-hero__inner {
        grid-template-columns: 1fr;
        gap: 10px;
        display: flex;
        flex-direction: column
    }

    .main-pic {
        position: relative;
        width: 230px;
        display: block;
        margin: 0 auto;
        inset: initial
    }

    .list-unstyled {
        grid-template-columns: 1fr
    }

    .right-top {
        grid-template-columns: 1fr
    }

    .form-block {
        padding: 20px;
        text-align: center
    }

    .map-block .mp {
        height: 400px !important
    }

    .form-block .button-order,
    .form-block .button-view {
        width: 100%;
        padding: 15px 20px;
        text-align: center;
        margin: auto;
        margin-bottom: 10px
    }

    .logosa {
        position: absolute;
        right: 20px;
        width: 140px;
        opacity: .2;
        z-index: 0;
        top: 20px
    }

    .wrapper {
        width: 100%
    }

    section {
        padding: 20px 15px;
    }

    nav .logo {
        /* width: 100px; */
    }

    nav .phones {
        /* width: 280px; */
    }

    nav .logo img {
        height: 41px;
        width: 41px;
    }

    nav a {
        font-size: 15px;
        display: flex;
        /* align-items: center; */
    }

    .adr {
        font-size: 9px;
        color: #fff;
        font-weight: 600
    }

    nav {
        height: 60px;
        display: flex;
        padding: 0 4%;
        top: 10px !important;
        align-items: center;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        gap: 10px;
    }

    .main-section {
        margin: 0;
        padding: 20px;
        padding-top: 100px;
        height: 800px;
        flex-direction: column;
        background-size: cover
    }

    nav .icon-burger {
        position: relative;
        transform: translateY(-50%)
    }

    .subtext {}

    .form-buttons {
        flex-direction: column
    }

    .main-section ul {
        flex-direction: column
    }

    .main-section ul li {
        margin-bottom: 10px;
        align-items: center
    }

    .main-section ul li img {
        height: 30px;
        width: 30px
    }

    .main-section .buttons {
        flex-direction: column
    }

    .main-section .buttons .button-order,
    .main-section .buttons .button-view {
        width: 100%;
        padding: 15px 20px;
        text-align: center;
        margin: auto;
        margin-bottom: 10px
    }

    .main-section::before {
        content: "";
        background: url(../img/bg2.png);
        width: 100%;
        height: 1030px;
        position: absolute;
        transform: rotate(309deg);
        left: 900px;
        z-index: 0;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: -86px -910px
    }

    .preimushestva {
}

    .preimushestva .title {}

    p {}

    .subtext2 {
        font-size: 13px
    }

    .description {
        font-size: 13px;
        margin-bottom: 20px;
        font-weight: 600
    }

    .button-view-mini {
        text-align: center;
        width: max-content;
        font-size: 14px;
        padding: 10px 15px;
    }

    .block-usluga {
        height: 100%;
        padding: 20px;
        position: relative;
        border: 2px #70bdfa solid;
        color: #fff
    }

    .block-usluga .title {
        font-size: 22px
    }

    .mbmobile-4 {}

    .mt-5 {
        margin-top: 1.5rem !important
    }

    .advance-block {
        padding: 0;
        margin-bottom: clamp(25px, 1.5vw, 30px)
    }

    .advance-block .number {}

    .pulse {
        height: 60px;
        width: 60px
    }

    .pulse ion-icon {
        font-size: 27px;
        color: #fff
    }

    .budget .item1 .block .title {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 10px;
        line-height: 1.2
    }

    .budget .item1 .block .text {
        color: #676767;
        font-size: 13px
    }

    .mob-none {
        display: none
    }

    .question {
        padding: 10px 50px 10px 20px;
        display: flex;
        align-items: center;
        cursor: pointer;
        background: #fff;
        margin-bottom: 10px;
        border-bottom: 2px #4ef7af solid;
        line-height: 1.3
    }

    .answer {}

    .map-block .info-block {
        position: relative;
        left: 0;
        top: 0
    }

    .map-block .morequest-block {
        width: 100%;
        padding: 30px
    }

    .map-block .morequest-block .dopinfo a {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4
    }

    .map-block .morequest-block {
        width: 100%;
        padding: 30px
    }

    .map-block .morequest-block .dopinfo a {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4
    }

    .map-block .morequest-block .dopinfo .uniq {
        font-size: 14px;
        color: #0d6efd;
        border-bottom: 1px #0d6efd dashed
    }

    .prep-hero__content {
        order: 2
    }

    .main-button {
        width: 100%
    }

    .mb-mob-3 {
        margin-bottom: 15px
    }

    .two-columns .left {
        height: 350px
    }

    .pulse-star {
        animation: pulse 1.8s infinite linear;
        opacity: .1 !important;
        width: 20px !important
    }

    .containera {
        flex-direction: column;
        display: flex
    }.left-header span{
   display: none;
}
}

.select2-dropdown.select2-dropdown--below {
    z-index: 99999;
}

input[type="date"] {
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}