* {
    box-sizing: border-box;
}

a {
    text-decoration: unset;
    color: unset;
}

body {
    width: 480px;
    margin: auto;
    font-family: Raleway;
    font-variant-numeric: lining-nums proportional-nums;

    font-size: 20px;
    /* color: #fff; */
}

section,
header {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.float {
    z-index: -1;
    position: absolute;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
}

.flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.grid-col-2x {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

.grid-row-2x {
    display: grid;
    grid-template-rows: auto 1fr;
}

h2.title {
    padding: 0 26px;
    color: #070707;
        text-align: center;
        font-size: 32px;
        font-weight: 800;

}

h2.title span {

}

h2.title strong {
    /* text-transform: uppercase; */
    font-weight: 800;

}

p.sect-text {
    padding: 0 32px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px;
    text-align: center;
}

h3 {
    padding: 0 32px;
    font-size: 30px;
    line-height: 36px;
    text-align: center;

}

section>.content {
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    /* bottom: 0  */
    /* inset: 0px; */

}

form button, .button {
    z-index: 2;
    height: 84px;
    min-width: 334px;
    width: fit-content;
    max-width: 420px;
    margin: auto;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    /* background: radial-gradient(ellipse at 48% -70%, #ef2525 0%, transparent 50%), radial-gradient(ellipse at 48% 120%, #ef2525 -40%, transparent 61%), linear-gradient(172deg, #3C0000 -20%, #FB0000 51.04%, #490000 120%); */
    background: radial-gradient(50% 50% at 50% -20%, #E2B776 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 120%, #E2B776 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(107deg, #BC8C44 -7.01%, #E2B776 53.46%, #BC874A 121.15%);

border-radius: 20px;
    filter: drop-shadow(0px 4px 0px #795A2F);
    box-shadow: 0px 20px 20px rgb(0 0 0 / 10%);


    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 26px;
    color: #fff;

    position: relative;
    isolation: isolate;

    overflow: hidden;
}


.button span {
    position: absolute;
    inset: 0;
    top: 58px;
}

.button svg {
    margin-left: 20px;
}


form button::before, .button::before {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}


video {
    margin: 20px auto;
    border-radius: 20px;
    display: block;
}

img {
    display: block;
}

img.gif {
    border-radius: 20px;
    margin: auto;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li img {
    display: block;
}

.img_group {
    position: relative;
}

.sect1 {
    text-align: center;
}

.sect1 .main_title {}

.sect1 .main_title h1 {
    margin-top: 68px;
    padding-inline: 32px;
    color: #FFF;
    font-size: 48px;
    line-height: 48px;
}

.sect1 .main_title h1 strong {
    font-weight: 800;
    text-transform: uppercase;
    display: block;
}

.sect1 .main_title h1 span {}

.sect1 .subtitle {
    margin-top: 24px;
    margin-inline: 80px;
    margin-inline: 55px;
padding: 12px 16.5px;
border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: radial-gradient(51.87% 51.87% at 49.84% 53.75%, rgba(0, 0, 0, 0.09) 0%, rgba(255, 255, 255, 0.09) 100%);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(25px);

        gap: 10px;
}
.sect1 .subtitle p {
    color: #FFF;
    font-size: 17px;
    text-align: left;
}


.sect1 .cta-group {
    position: absolute;
    top: 775px;
    inset-inline: 0;
}

.sect1 .cta-group .hotsale {
color: #000;
    font-size: 14px;
    font-weight: 600;
    gap: 9px;

        background: -webkit-linear-gradient(0deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}
.sect1 .promo-group .discount {
    margin-top: 32px;
    border-radius: 24.5px;
    background: #000;
    color: #fff;
    padding: 12px 18px;
    position: relative;
    width: fit-content;
    margin-inline: auto;
    font-size: 20px;
    flex-shrink: 0;
}

.sect1 .promo-group .discount strong {
    font-weight: 600;
}

.sect1 .promo-group .discount svg {
    position: absolute;
    top: -10px;
    right: 7px;
}

.sect1 .promo-group .price-group.flex-row {
    margin-top: 23px;
    gap: 74px;
    font-size: 18px;
    color: #141414;

}

.sect1 .promo-group .left-side {}

.sect1 .promo-group .left-side .old-price {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 45px;
}


.sect1 .promo-group .right-side {}

.sect1 .promo-group .right-side .new-price {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
}

.sect1 .button {
    margin-top: 16px;
}

.left-prod {
    margin-top: 27px;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
}

/* var2 */

.var2.sect1 .main_title h1 {
color: #000;
}
.var2.sect1 .subtitle {
    background: #FFF;
}
.var2.sect1 .subtitle p {
color: #000;
}


/* var3 */

.var3.sect1 .subtitle {
border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(0, 0, 0, 0.13);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(25px);
}
.var3.sect1 .benef-group {
    margin-top: 39px;
    margin-left: 330px;
    border-radius: 50px 0px 0px 50px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.21) 3.17%, rgba(0, 0, 0, 0.09) 107.04%);
        backdrop-filter: blur(25px);
        padding: 31px 24px;
        padding: 31px 20px;
}
.var3.sect1 .benef-group .benef {
color: #FFF;
    font-size: 15px;
    font-weight: 500;
}
.var3.sect1 .benef-group .benef + .benef {
    margin-top: 33px;
}
.var3.sect1 .benef-group .benef p {
    margin-top: 6px;
}

.sect2 {
    text-align: center;
    padding-block: 61px;
    background: #FFF;
    padding-inline: 32px;
}
.sect2 .float {
    position: absolute;
    top: 276px;
    left: 0;
}
.sect2 h2.title {
    padding: 0 58px;
}

.sect2 h2.title span {}

.sect2 h2.title strong {
    text-transform: uppercase;
}

.sect2 .subtitle {
    margin-top: 24px;
        font-size: 22px;
}

.sect2 video.gif {
    margin-top: 24px;
width: 100%;
    /* width: -webkit-fill-available; */
    margin-inline: auto;
    border-radius: 30px;
}
.sect2 .benef-group {
    margin-top: 24px;
    gap: 8px;
}

.sect2 .benef-group .benef {
    padding: 16px 12px 37px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.sect2 .benef-group .benef h4 {
    margin-top: 11px;
        font-size: 18px;
}
.sect2 .benef-group .benef p {
    margin-top: 20px;
        font-size: 15px;
        font-weight: 300;
}
.sect2 .button {
    margin-top: 24px;
}

section.brands {
    height: 149px;
    display: flex;
}

section.brands h3 {
    font-family: Inter;
    color: #000;
    font-size: 24px;
    font-weight: 800;
    position: absolute;
    inset: 0;
    z-index: 2;
    line-height: normal;
    filter: drop-shadow(0px 0px 13px #ffffffc4);
    background: linear-gradient(90deg, transparent 5%, #ffffffc4 40%, #ffffffc4 60%, transparent 95%);
}

section.brands h3 span {
    font-weight: 400;
}

section.brands .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.sect3 {
    text-align: center;
    color: #000;
    padding-block: 61px 58px;
    border-radius: 30px;
        background: linear-gradient(180deg, #FFF 32.76%, #FFCF88 100%);
    }

.sect3 h2.title {
}


.sect3 h2.title span {}

.sect3 h2.title strong {
    display: block;
}
.sect3 .subtitle {
    margin-top: 24px;
    padding-inline: 32px;
    font-size: 18px;
        font-style: normal;
        font-weight: 300;
}

.sect3 .float {
bottom: 0;
left: 0;
}
.sect3 .results {
    margin-top: 24px;
    margin-inline: 51px;
}
.sect3 .results .img-group {
    border-radius: 20px;
        border: 1px solid rgba(226, 183, 118, 0.12);
        background: rgba(254, 250, 226, 0.51);
        gap: 14px;
        padding: 13px 14px;
        padding-right: 19px;
}
.sect3 .results .img-group + .img-group {
    margin-top: 12px;
}
.sect3 .results .img-group img {
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.10));
}
.sect3 .results .img-group p {
    font-size: 16px;
    text-align: left;
}

.sect3 .review-ab {
margin-top: 30px;
margin-inline: 32px;
}
.sect3 .review-ab .rev {
border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.sect3 .review-ab .rev {
    margin-top: 30px;
}
.sect3 .review-ab .rev .text {
    padding: 24px 20px 30px;
}
.sect3 .review-ab .rev .text .name {
    gap: 8px;
    font-size: 18px;
        font-weight: 700;
}
.sect3 .review-ab .rev .text p {
    margin-top: 16px;
    font-size: 16px;
}


.sect3 .button {
    margin-top: 44px;
}

.sect3 .left-prod {
    /* margin-top: 27px; */
    color: #fff;
}


.sect4 {
    text-align: center;
    padding-block: 61px 45px;
    background: #fff;
    isolation: isolate;
}
.sect4 .float {
    position: absolute;
    top: 220px;
    inset-inline: 0;
}

.sect4 h2.title {
}


.sect4 h2.title span {
}

.sect4 .subtitle {
    margin-top: 24px;
    margin-inline: 32px;
        font-size: 18px;
        font-weight: 300;
}

.sect4 .capsule {
position: relative;
    isolation: isolate;
    }
.sect4 .capsule > img {
    margin-inline: auto;
        z-index: -2;
        position: relative;
}
.sect4 .capsule .nr > span {
    width: 45px;
    height: 45px;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    position: absolute;
    background: #fff;
    border-radius: 50vw;
        transition: background-color 0.3s, color 0.5s;
        font-family: Inter;
            font-size: 24px;
            font-weight: 700;
}
.sect4 .capsule .nr {
    width: 45px;
    height: 45px;
    position: absolute;
}
.sect4 .capsule .nr.active > span {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 3;
}
.sect4 .capsule .nr > span::before ,
.sect4 .capsule .nr > span::after {
    content: '';
        position: absolute;
        transform: scale(0);
        opacity: 0;
        transition: transform 0.3s, opacity 0.5s;
        transition-timing-function: ease-out;
        }
.sect4 .capsule .nr.active > span::before {
    /* content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' fill='none' viewBox='0 0 65 65' %3e%3cg stroke='black' %3e%3ccircle cx='32.5' cy='32.5' r='27' /%3e%3ccircle cx='32.5' cy='32.5' r='32.25' stroke-width='.5' /%3e%3c/g%3e%3c/svg%3e"); */
    content: '';
        position: absolute;
        border: 1px solid black;
        inset: -5px;
        border-radius: 50vw;
        opacity: 1;
        transform: scale(1);

}
.sect4 .capsule .nr.active > span::after {
    content: '';
        position: absolute;
        border: 0.5px solid black;
        inset: -10px;
        border-radius: 50vw;
        opacity: 1;
        transform: scale(1);

}

.sect4 .capsule .nr.nr1 {
    top: 134px;
        left: 154px;
}
.sect4 .capsule .nr.nr2 {
    top: 219px;
        left: 318px;
}
.sect4 .capsule .nr.nr3 {
    top: 307px;
        left: 84px;
}
.sect4 .capsule .nr.nr4 {
    top: 360px;
        left: 273px;
}
.sect4 .capsule .nr .tooltip {
display: none;
}
.sect4 .capsule .nr.active .tooltip {
display: flex;
position: absolute;
width: 314px;
border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 16px 12px;
    gap: 12px;
    text-align: left;
        left: 0;
            bottom: 25px;
                z-index: 2;
}
.sect4 .capsule .nr.active.nr2 .tooltip {
    inset: unset;
    right: 0;
        top: 60px;
}
.sect4 .capsule .nr.active.nr3 .tooltip {
    left: 30px;
        bottom: 60px;
}
.sect4 .capsule .nr.active.nr4 .tooltip {
    inset: unset;
        right: -65px;
        bottom: 40px;
}
.sect4 .capsule .nr.active .tooltip img {
    flex-shrink: 0;
        height: 100%;
}
.sect4 .capsule .nr.active .tooltip h4{
    font-size: 16px;
}
.sect4 .capsule .nr.active .tooltip p{
    margin-top: 8px;
    font-size: 16px;
        font-weight: 500;
}

.sect4 .button {
    margin-top: 10px;
}

.sect4 .left-prod {
}

/* var3 */

.var3.sect4 .capsule .nr:not(.active)>span::before {
    content: '';
    position: absolute;
    border: 1px solid #fff;
    inset: -5px;
    border-radius: 50vw;
    opacity: 1;
    transform: scale(1);
}
.var3.sect4 .capsule .nr:not(.active)>span::after {
    content: '';
    position: absolute;
    border: 0.5px solid #fff;
    inset: -10px;
    border-radius: 50vw;
    opacity: 1;
    transform: scale(1);
}

.sect5 {
    text-align: center;
    /* padding-top: 55px; */
    /* padding-bottom: 71px; */
}

.sect5 h2.title {
    margin-top: 61px;
    padding-inline: 40px;
}

.sect5 h2.title span {
    background: linear-gradient(180deg, #AA7B45 0%, #D69738 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.sect5 h2.title strong {
    color: #FF5E85;
}
.sect5 h2.title del {
    position: relative;
    text-decoration: unset;
}
.sect5 h2.title del::before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.2' viewBox='0 0 174 43' width='174' height='43'%3E%3Cpath d='M120.5 18.4c-.2.1-6.1.3-13.3.5-7.1.2-19.2.5-26.9.8-7.8.3-16.8.6-20.3.8-3.5.2-7.1.4-8.3.5-1.1.1-12.9.9-26.3 1.6C4.7 23.8 1 24.1 1 24.8c-.1.4.3 1.1.6 1.4.5.5 3.5.6 11.9.5 6.2 0 14.3-.2 18-.5 3.7-.2 14.4-1 23.8-1.7 9.3-.6 24.6-1.6 34-2 9.3-.5 20.4-1.1 24.4-1.3 4.2-.2 15-.3 24.1-.1 9 .1 17.4.3 18.4.4 1.1.1 5.5.3 9.6.3 6.5.1 7.5 0 7.6-.8.1-.5-.3-.8-1.3-.8-.8 0-5.9-.3-11.6-.7-5.7-.4-16.9-.9-25-1.1-8.2-.1-14.9-.1-15 0z' style='fill:%23fd0b0b'/%3E%3C/svg%3E");
 inset-inline: 0;
        margin-top: 2px;
        margin-left: -7px;
    /* scale: .85 1; */
    transform-origin: left;
}
.sect5 .subtitle {
    margin-top: 24px;
    padding-inline: 74px;
    font-size: 18px;
}
.sect5 .description {
    margin-inline: 32px;
    margin-top: 24px;
    padding:27px 18px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    font-size: 16px;
}
.sect5 .compare {
    margin-top: 24px;
        margin-inline: 32px;
        padding: 35px 38px;
        padding: 35px 34px;
border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.sect5 .compare h3 {
    font-size: 24px;
    font-weight: 800;
}
.sect5 .compare > .flex-row {
    gap: 20px;
    margin-top: 36px;
    justify-content: start;
}
.sect5 .compare > .flex-row:nth-of-type(odd) {
    font-weight: 600;
    margin-top: 30px;
}
.sect5 .compare > .flex-row:nth-of-type(odd) :first-child {
        font-size: 18px;
}
.sect5 .compare > .flex-row:nth-of-type(odd) :last-child {
    border-radius: 50px;
    background: #FFEDD1;
    padding: 8px;
    font-size: 14px;
}
.sect5 .compare > .flex-row:nth-of-type(even) {
    gap: 12px;
    margin-top: 10px;
    font-size: 16px;
}

.sect5 .cheap {
margin-top: 40px;
margin-inline: 32px;
}
.sect5 .cheap h3 {
padding-inline: 73px;
    padding-inline: 58px;
font-size: 24px;
}
.sect5 .img-group {
    margin-top: 24px;
    position: relative;
    color: #FFF;
}
.sect5 .img-group img {
    margin-inline: auto;
}
.sect5 .img-group .text {
    position: absolute;
    inset: 30px 0;
}
.sect5 .img-group .text .col {
    display: grid;

}
.sect5 .img-group .text .title {
        font-size: 24px;
        font-weight: 700;
}
.sect5 .img-group .text .title + .flex-col {
    margin-top: auto;
    font-size: 16px;
        font-weight: 500;
}
.sect5 .img-group .text .title + .flex-col :last-child {
        font-size: 32px;
        font-weight: 700;
}

.sect5 .button {
    margin-top: 40px;
}



.reviews-sect {
    padding-top: 55px;
    /* background: linear-gradient(180deg, #FFF 19.52%, #F3F3F3 94.65%, #F2F2F2 100%); */
}

.reviews-sect h2.title {
}
.reviews-sect .subtitle {
    margin-top: 24px;
    font-size: 20px;
    margin-inline: 81px;
    text-align: center;
}

.reviews-sect .review-chart {
    margin-top: 24px;
        margin-inline: 55px;
}

.reviews-sect .review-chart .total-stars {
    border-radius: 20px;
    background: #FFF;
    padding: 12px 19px 14px 25px;
        padding: 12px 9px 14px 19px;
    font-variant-numeric: lining-nums proportional-nums;
    gap: 11px;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.10)) drop-shadow(0px 9px 21px rgba(0, 0, 0, 0.10)) drop-shadow(0px 37px 37px rgba(0, 0, 0, 0.09)) drop-shadow(0px 84px 50px rgba(0, 0, 0, 0.05)) drop-shadow(0px 149px 60px rgba(0, 0, 0, 0.01)) drop-shadow(0px 233px 65px rgba(0, 0, 0, 0.00));
    margin-inline: 27px;
}

.reviews-sect .review-chart .total-stars div {
    font-size: 23.408px;
    font-weight: 600;
}

.reviews-sect .review-chart .total-stars p {
    color: #646464;
    font-size: 14.045px;
}

.reviews-sect .review-chart .grade-group {
border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    margin-top: 30px;
    padding: 24px;
    }

.reviews-sect .review-chart .grade {
    font-size: 16px;
}

.reviews-sect .review-chart .grade+.grade {
    margin-top: 14px;
}

.reviews-sect .review-chart .grade .grade-bar {
    margin-top: 12px;
}

.reviews-sect .review-chart .grade .grade-bar svg {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2px;

}

.swiper-slide {
    height: auto !important;
}

.swiper-slide.swiper-slide-active {
    opacity: 1;
    transition: 1s;
}

.swiper-slide:not(.swiper-slide-active) {
    /* opacity: .3; */
}

.reviews-sect .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    position: relative;
    bottom: unset;
    gap: 8px;
    justify-content: center;
    margin-top: 34px;
}

.reviews-sect .swiper-pagination-bullet {
    background: rgba(178, 178, 178, 0.40);
    width: 13px;
    height: 13px;

    opacity: unset;
    border: unset;
}

.reviews-sect .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    box-sizing: initial;
    background: #E2B776;
    opacity: unset;
    border: unset;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}


.swiper-slide-prev {
    /* opacity: 0.5; */
}

.swiper-slide-next {
    /* opacity: 0.5; */
}


.reviews-sect .swiper-button-next {
    right: 20px;
}

.reviews-sect .swiper-button-prev {
    left: 20px;
}

.reviews-sect .swiper-button-next,
.reviews-sect .swiper-button-prev {
    width: 39.892px;
    height: 39.892px;
    background-color: #E2B776;
    color: #FFF;
    border-radius: 50vw;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M8.45538 8.6534C8.8459 8.26287 8.8459 7.62971 8.45538 7.23918L2.09142 0.875221C1.70089 0.484697 1.06773 0.484697 0.677203 0.875221C0.286679 1.26575 0.286679 1.89891 0.677203 2.28943L6.33406 7.94629L0.677203 13.6031C0.286679 13.9937 0.286679 14.6268 0.677203 15.0174C1.06773 15.4079 1.70089 15.4079 2.09142 15.0174L8.45538 8.6534ZM6.97656 8.94629H7.74827V6.94629H6.97656V8.94629Z' fill='white'/%3E%3C/svg%3E");
    line-height: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M1.27509 8.6534C0.884567 8.26287 0.884567 7.62971 1.27509 7.23918L7.63905 0.875221C8.02958 0.484697 8.66274 0.484697 9.05327 0.875221C9.44379 1.26575 9.44379 1.89891 9.05327 2.28943L3.39641 7.94629L9.05327 13.6031C9.44379 13.9937 9.44379 14.6268 9.05327 15.0174C8.66274 15.4079 8.02958 15.4079 7.63905 15.0174L1.27509 8.6534ZM2.75391 8.94629H1.9822V6.94629H2.75391V8.94629Z' fill='white'/%3E%3C/svg%3E");
    line-height: 0;
}


.reviews-sect .revSwiper {
    margin-top: 30px;
    height: 100%;
    padding-bottom: 51px;
}

.reviews-sect .revSwiper .swiper-slide {
    height: auto !important;
}

.reviews-sect .revSwiper .swiper-slide .review_card {
    width: 393px;
    margin-inline: auto;
    background: #FFF;
    padding: 19px 29px 24px 16px;
    display: flex;

    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.reviews-sect .revSwiper .swiper-slide .review_card .avatar-group {
    /* flex-shrink: 0; */
    display: flex;
    flex-direction: column;
}

.reviews-sect .revSwiper .swiper-slide .review_card .avatar-group img.avatar {
    width: 31.635px;
    height: 31.635px;

}

.reviews-sect .revSwiper .swiper-slide .review_card .avatar-group .line {
    height: 100%;
    border: 2px solid #f1f1f1;
    border-right: unset;
    border-top: unset;
    width: 70%;
    margin-left: auto;
    margin-top: 29px;
    margin-bottom: 11px;
    border-bottom-left-radius: 12px;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .comment-text {
    border-radius: 10.367px;
    background: #FAFAFA;
    padding: 9px 14px 12px 7px;
    margin-left: 9px;
    position: relative;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .comment-text .name {
    font-size: 16px;
    font-weight: 700;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .comment-text p {
    margin-top: 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .comment-text .engagement {
    border-radius: 27.976px;
    background: #FFF;
    box-shadow: 0px 3.19727px 3.19727px 0px rgba(0, 0, 0, 0.10);
    color: #000;
    font-family: Roboto;
    font-size: 11.99px;
    font-weight: 400;
    padding: 1.78px 6px 1.78px 1.7px;
    gap: 1.58px;
    position: absolute;
    right: -5.33px;
    bottom: -3.54px;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .comment-text .engagement span {
    opacity: 0.6;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .interact {
    gap: 14px;
    justify-content: start;
    margin-top: 6px;
    margin-left: 16px;
    font-family: Roboto;
    font-size: 13.823px;
    font-weight: 600;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .interact .like {
    color: #3391FF;

}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .interact .reply {
    color: #000;
    opacity: 0.5;

}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .interact .date {
    opacity: 0.25;

}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .replies {
    margin-top: 7px;
    color: #000;
    font-family: Roboto;
    font-size: 13.823px;
    font-weight: 600;
    justify-content: start;

    opacity: 0.5;
    filter: blur(0.10367202758789062px);
    margin-left: 5px;
}

.reviews-sect .revSwiper .swiper-slide .review_card .comment-group .replies svg {
    width: 16px;
    position: relative;
    top: -1px;
    filter: blur(0.5px);
}

.reviews-sect .revSwiper .swiper-slide .review_card+.review_card {
    margin-top: 4px;
}

.reviews-sect .revSwiper .review_card .person {
    margin-top: 27px;
}

.reviews-sect .revSwiper .review_card .person .name {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

.reviews-sect .revSwiper .review_card .review-grade {
    gap: 10px;
    margin-top: 10px;
}

.reviews-sect .revSwiper .review_card .verified {
    margin-top: 27px;
    color: #FF4B6C;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
}


.reviews-sect .revSwiper .review_card .review_photo {
    border-radius: 15px;
}


.how2order {
    padding: 63px 32px 67px;
}


.how2order h2.title {
    font-size: 28px;
    font-weight: 800;
    color: #160F06;

}

.how2order .how_order {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 54px;
}

.how2order .order_step {
    display: grid;
    grid-template-rows: 43px auto 1fr;
    justify-items: center;
    /* height: 100%; */
    border-radius: 30px;
    background: #FFF;
    padding: 28px 18px 20px;
    justify-content: start;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 6px 14px 0px rgba(0, 0, 0, 0.10);
}

.how2order .order_step span {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;

}

.how2order .order_step p {
    /* font-weight: 700; */
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    text-align: center;
}


.sect1#order-form {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.79) 0%, #FFF 100%);

}

#order-form .cta-group .hotsale {
    background: -webkit-linear-gradient(0deg, transparent 0%, #fff 30%, #fff 70%, transparent 100%);
        -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}

#order-form .till-date {
    margin-top: 145px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #253B5E;
}

#order-form .till-date span {
    color: #0A8EBE;
}


#order-form>h3 {
    margin-top: 31px;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #1A2744;
    padding: 0 26px;
}

#order-form>h3 span {
    color: #0A8EBE;
}


#order-form .promo-group {
    height: 193.1px;
}

#order-form .promo-group .right-side .new-price {}



#order-form .specialist {
    margin-top: 50px;
display: flex;
margin-inline: 38px;
gap: 14px;
}
#order-form .specialist img {
    height: 100%;
}
#order-form .specialist .text-group {
    text-align: left;
}
#order-form .specialist .text-group .text {
}
#order-form .specialist .text-group .text p {
    margin-left: 10px;
    font-size: 16px;
        font-weight: 300;
}
#order-form .specialist .text-group .name {
    margin-top: 4px;
    font-size: 20px;
        font-weight: 700;
}
#order-form .specialist .text-group .speciality {
    margin-top: 12px;
    color: #606060;
        font-size: 12px;
        font-weight: 300;
}

#order-form .form-title {
    margin-top: 50px;
    color: #000;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}

#order-form .call-ring {
    font-size: 18px;
    font-weight: 300;
    margin-top: 16px;
    margin-inline: 45px;
}

#order-form .call-ring strong {
    color: #9A6F30;
    font-weight: 600;

}

#order-form .work-time {
    border-radius: 58px;
    background: #E2B776;

    margin-top: 36px;
    width: max-content;
    margin-inline: auto;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 14px 35px;
    gap: 17px;
}

#order-form form {
    margin-top: 30px;
    padding: 0 32px;
}
label.form-group+label.form-group {
    
}
label.form-group {
    
    
    align-items: center;
    position: relative;
}


/*#order-form form input[name="name"] {
    background: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' fill='none' viewBox='0 0 33 33' %3e%3ccircle cx='16.5' cy='16.5' r='16.5' fill='%23E2B776' /%3e%3cg fill='white' clip-path='url(%23a)' %3e%3cpath d='M10.061 23.103H22.94c.172 0 .332-.07.44-.193a.474.474 0 0 0 .117-.379 7.084 7.084 0 0 0-3.729-5.358 4.608 4.608 0 0 1-3.267 1.355 4.608 4.608 0 0 1-3.267-1.355 7.083 7.083 0 0 0-3.729 5.358.475.475 0 0 0 .117.38.584.584 0 0 0 .44.192Z' /%3e%3cpath d='M13.6 16.665a3.988 3.988 0 0 0 5.804 0 3.989 3.989 0 0 0 1.107-2.758 4.014 4.014 0 0 0-4.01-4.01 4.014 4.014 0 0 0-4.009 4.01 3.989 3.989 0 0 0 1.107 2.758Z' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a' %3e%3cpath fill='white' d='M0 0h14v14H0z' transform='translate(9.5 9.5)' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    background-position: 10px;
        background-color: white;
}

#order-form form input[name="phone"] {
    background: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' fill='none' viewBox='0 0 33 33' %3e%3ccircle cx='16.5' cy='16.5' r='16.5' fill='%23E2B776' /%3e%3cg clip-path='url(%23a)' %3e%3cpath fill='white' fill-rule='evenodd' d='M23.244 21.814c-.093.093-.205.212-.324.337-.296.315-.667.706-.9.865-1.221.835-2.856.435-4.012-.047-1.526-.635-3.187-1.807-4.678-3.298-1.493-1.492-2.664-3.153-3.3-4.678-.481-1.156-.881-2.792-.046-4.014.158-.232.55-.602.865-.9.126-.118.243-.23.336-.323a.88.88 0 0 1 1.243 0l2.248 2.248a.88.88 0 0 1 0 1.242l-.612.612a1.338 1.338 0 0 0-.237 1.582 8.982 8.982 0 0 0 3.734 3.732 1.338 1.338 0 0 0 1.581-.236l.611-.612a.88.88 0 0 1 1.243 0l2.248 2.248a.88.88 0 0 1 0 1.242Z' clip-rule='evenodd' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a' %3e%3cpath fill='white' d='M0 0h14v14H0z' transform='translate(9.5 9.5)' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    background-position: 10px;
        background-color: white;
}*/

input::-webkit-input-placeholder {
    color: #253B5E;
    opacity: 0.5;
}

#order-form form input:not([type="radio"])+input:not([type="radio"]) {
    margin-top: 20px;
}


#order-form form button {
    outline: unset;
    margin-top: 35px;
    border: unset;
}

#order-form .left-prod {}


#order-form .ssl-group {
    margin-top: 56px;

}

#order-form .ssl-group .ssl-title {
    font-size: 20px;
    gap: 6px;

}

#order-form .ssl-group .ssl-title span {
    color: #40A52F;
}

#order-form .ssl-group>p {
    margin-top: 7px;
    color: #64656B;
    font-size: 12px;

}

#order-form .guarantee {
    margin-top: 31px;
    border-radius: 15px;
    background: #EDEDED;
    padding: 24px 13px 18px;
    margin-inline: 32px;
    gap: 22px;
    text-align: left;
}

#order-form .guarantee .text div {
    color: #2F2F2F;
    font-size: 15px;
}

#order-form .guarantee .text p {
    color: #8E8E8E;
    font-size: 12px;
    margin-top: 6px;
}

#order-form .guarantee .g-return {
    gap: 4px;
}

#order-form .guarantee .g-pay {
    gap: 12px;
}

#order-form .help-email {
    margin-top: 40px;
    margin-inline: 32px;
    font-size: 15px;
}

#order-form .footer-links {
    margin-top: 23px;
    font-size: 15px;
    font-weight: 400;
    line-height: 50px;
    margin-inline: 100px;
    flex-wrap: wrap;
}

#order-form .footer-links a:not(:last-child) {
    flex-basis: 50%;
}


.cut_price {
    position: relative;
}

.cut_price::before {
    content: '';
    background: #fff;
    height: 2px;
    width: 100%;
    transform: rotate(-20deg);
    position: absolute;
    bottom: 14px;
    left: 1px;
    right: 0;
}

footer {
    /* background: #eee; */
    padding-top: 5px;
    margin-top: 39px;
}

.aar {
    padding: 20px 0 30px;
    font-size: 15px;
    text-align: center;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    /* background: #eee; */
}

.aar a {
    color: rgba(255, 255, 255, 0.48);

}

.aar p {
    color: rgba(147, 147, 147, 0.77);

}


.scroll_down {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.49em;
    text-transform: uppercase;
    color: #EC7969;
    text-align: center;
    /* margin-top: 110px; */
}



/* var1 */
.aar {
    margin-top: 0px;
    position: relative;
}


/* var2 */

.var2.sect1#order-form {
        padding-bottom: 150px;
        background: #f7f7f7;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
}
.var2.sect1#order-form img[src*="bg"] {
        clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 90%);
            position: relative;
            z-index: -1;
}
.var2.aar {
    margin-top: 0px;
}

/* var3 */

.var3.sect1#order-form  {
        margin-bottom: -60px;
            
}
.var3.aar {
            position: relative;
}




.sect1#order-form .pick-title {
    margin-top: 56px;
    margin-inline: 32px;
color: #000;
    font-size: 24px;
    font-weight: 800;
    margin-top: -180px;

    margin-top: 730px;
    z-index: 2;
    position: relative;
}

.sect1#order-form .pick-offer {
    margin-top: 35px;
    margin-inline: 16px;
    gap: 12px;

}

.sect1#order-form .pick-offer .offer {
    border-radius: 20px;
        border: 1px solid #E3E3E3;
        background: #F8F8F8;
    position: relative;
    padding: 16px 16px;
    min-height: 99px;
        display: flex;
            flex-direction: column;
            justify-content: space-between;
}


.sect1#order-form .pick-offer .offer+.offer {
    margin-top: 22px;
}

.sect1#order-form .pick-offer .offer .grid-col-2x > :nth-child(odd) {
    text-align: left;
}
.sect1#order-form .pick-offer .offer .grid-col-2x > :nth-child(even) {
    text-align: right;
    justify-content: end;
}
.sect1#order-form .pick-offer .offer .grid-col-2x > :nth-child(even) {
    text-align: right;
    justify-content: end;
}

.sect1#order-form .pick-offer .offer .grid-col-2x:first-child > :nth-child(odd) {
    font-size: 18px;
    font-weight: 700;
}
.sect1#order-form .pick-offer .offer .grid-col-2x:first-child .price {
    gap: 12px;
}
.sect1#order-form .pick-offer .offer .grid-col-2x:first-child .new-price {
font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.sect1#order-form .pick-offer .offer .grid-col-2x:first-child .old-price {
color: #292929;

    font-size: 16px;
    font-weight: 500;
}
.sect1#order-form .pick-offer .offer .discount {
border-radius: 50px;
    background: #FFEDD1;
    padding: 6px;
    color: #B06117;
    font-size: 12px;
    letter-spacing: -0.228px;
    width: max-content;
}
.sect1#order-form .pick-offer .offer .discount strong {
    font-weight: 600;
}
.sect1#order-form .pick-offer .offer .grid-col-2x + .grid-col-2x > :nth-child(even){
font-size: 16px;
}
.sect1#order-form .pick-offer .offer .top {
    position: absolute;
    top: -11px;
    right: 0;
    padding: 4px 8px;
    border-radius: 50px;
        background: #55BF3B;
        display: flex;
        color: #FFF;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: -0.228px;
}

.sect1#order-form .pick-offer .offer .select-icon {
    content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' fill='none' viewBox='0 0 33 33' %3e%3ccircle cx='16.5' cy='16.5' r='16.5' fill='%23D9D9D9' /%3e%3ccircle cx='16.5' cy='16.5' r='10.5' fill='white' /%3e%3c/svg%3e");
    position: absolute;
    left: 0;
}

.sect1#order-form .pick-offer .offer .offer-title {
    font-size: 24px;
    font-weight: 300;
    margin-left: 56px;
}

.sect1#order-form .pick-offer .offer .perc {
    width: 94px;
    height: 94px;
    position: absolute;
    top: -18px;
    right: -10px;
    border-radius: 65px;
    background: linear-gradient(180deg, #FF96E8 0%, #AF7DFF 100%);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.10), 0px 12px 12px 0px rgba(0, 0, 0, 0.09), 0px 28px 17px 0px rgba(0, 0, 0, 0.05), 0px 50px 20px 0px rgba(0, 0, 0, 0.01), 0px 78px 22px 0px rgba(0, 0, 0, 0.00);
    backdrop-filter: blur(10px);

    color: #FFF;
    font-size: 30px;
    font-weight: 700;
}



.sect1#order-form .pick-offer .offer .offer-cost {
    margin-top: 30px;
    margin-inline: 32px;
    justify-content: space-between;
}

.sect1#order-form .pick-offer .offer .offer-cost .price-old {
    font-size: 24px;
    font-weight: 700;
}

.sect1#order-form .pick-offer .offer .offer-cost .price-old s {
    color: #C30E33;
    font-weight: 300;
}

.sect1#order-form .pick-offer .offer .offer-cost .price-new {
    color: #AE883E;
    font-size: 30px;
    font-weight: 800;
}

.sect1#order-form .pick-offer .offer .offer-selector {
    margin-top: 60px;
}

.sect1#order-form .pick-offer .offer .offer-selector h4 {
    font-size: 20px;
    font-weight: 600;
}

.sect1#order-form .pick-offer .offer .offer-selector .img-group {
    margin-top: 24px;
}

.sect1#order-form .pick-offer .offer .offer-selector ul.selector {
    position: absolute;
    margin-top: 20px;
    padding: 12px 24px;
    font-size: 20px;
    font-weight: 300;
    margin-inline: 100px;
    text-align: left;
    border-radius: 20px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    display: grid;
    gap: 30px;
    inset-inline: 0;
    z-index: 9;
    box-shadow: 0px 28px 20px #00000012;
}

.sect1#order-form .pick-offer .offer .offer-selector ul.selector::before {
    content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11' fill='none' viewBox='0 0 20 11' %3e%3cpath fill='black' d='M10 11 1.34 2.75h17.32L10 11Z' /%3e%3c/svg%3e");
    right: 18px;
    top: 10px;
    position: absolute;
    pointer-events: none;
}

.sect1#order-form .pick-offer .offer .offer-selector ul.selector.closed {
    box-shadow: unset;
}

.sect1#order-form .pick-offer .offer .offer-selector ul.selector.closed li {
    display: block;
}

.sect1#order-form .pick-offer .offer .offer-selector ul.selector.closed li:not(.selected) {
    display: none;
}

.sect1#order-form .pick-offer .offer.active {
border-radius: 20px;
    border: 1px solid #FFC421;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.sect1#order-form .pick-offer .offer.active .select-icon {
    content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' fill='none' viewBox='0 0 41 41' %3e%3cg filter='url(%23a)' %3e%3ccircle cx='20.5' cy='16.5' r='16.5' fill='white' /%3e%3c/g%3e%3cg filter='url(%23b)' %3e%3ccircle cx='20.5' cy='16.5' r='10.5' fill='%23B893F3' /%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' width='41' height='41' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse' %3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeComposite in2='hardAlpha' operator='out' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend in2='BackgroundImageFix' mode='normal' result='effect1_dropShadow_1818_100' /%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_1818_100' mode='normal' result='shape' /%3e%3c/filter%3e%3cfilter id='b' width='29' height='29' x='6' y='6' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse' %3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix' /%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeComposite in2='hardAlpha' operator='out' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend in2='BackgroundImageFix' mode='normal' result='effect1_dropShadow_1818_100' /%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_1818_100' mode='normal' result='shape' /%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3e%3cfeOffset dy='4' /%3e%3cfeGaussianBlur stdDeviation='2' /%3e%3cfeComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic' /%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3e%3cfeBlend in2='shape' mode='normal' result='effect2_innerShadow_1818_100' /%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

/* var2 */

.var2.sect1#order-form .pick-offer .offer {
    flex-direction: row;
    padding: 25px 4px 14px;
    padding: 25px 4px 0px;
    max-height: 180px;
    justify-content: normal;
    gap: 10px;
}
.var2.sect1#order-form .pick-offer .offer .top {
    font-size: 14px;
}
.var2.sect1#order-form .pick-offer .offer:not(:first-of-type) img {
    position: relative;
    top: -28px;
}
.var2.sect1#order-form .pick-offer .offer .text {
    margin-left: -10px;
    text-align: left;
}
.var2.sect1#order-form .pick-offer .offer .text .title {
        font-size: 18px;
        font-weight: 700;
}
.var2.sect1#order-form .pick-offer .offer .text .discount {
    margin-top: 15px;
}
.var2.sect1#order-form .pick-offer .offer .text .price {
    margin-top: 15px;
    font-size: 18px;
        display: flex;
            gap: 12px;
}
.var2.sect1#order-form .pick-offer .offer .text .price s {
    color: #A0A0A0;
}
.var2.sect1#order-form .pick-offer .offer .radio {
    position: absolute;
    top: 18px;
    left: 18px;
content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26' %3e%3ccircle cx='13' cy='13' r='12.5' stroke='%23D0D0D0' /%3e%3c/svg%3e");
}
.var2.sect1#order-form .pick-offer .offer.active .radio {
content: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26' %3e%3ccircle cx='13' cy='13' r='12.5' fill='white' stroke='%23FFC421' /%3e%3ccircle cx='13' cy='13' r='8.667' fill='%23FFC628' /%3e%3c/svg%3e");
}

.input-group {
    position: relative;
    display: flex;
    
    align-items: stretch;
    width: 100%;
    
    -moz-column-gap: 0;
    column-gap: 0;
    margin-bottom: 5px;
}


label.form-group .error-msg {
    display: none;
    color: #F03535;
    font-family: Raleway;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
    bottom: 0;
    left: 87px;
}
label.form-group .input-field .icon {
    border-radius: 4px 0px 0px 4px;
    background: #F3F1F1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
label.form-group .input-field {
    display: grid;
    
    grid-template-columns: 55px 1fr;
    margin-top: 14px;
}
label.form-group .input-field input {
    border-radius: 0px 4px 4px 0px;
    height: 100%;
    padding: 24px 15px;
    border: unset;
    border: 1px solid #D2D2D2;
    color: rgba(19, 19, 19);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
label.form-group .input-field .icon.name::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cg fill='%23464646' clip-path='url(%23a)'%3e%3cpath d='M13.467 12.91H1.247a.554.554 0 0 1-.418-.182.45.45 0 0 1-.11-.36 6.723 6.723 0 0 1 3.538-5.085 4.373 4.373 0 0 0 3.1 1.286c1.21 0 2.306-.492 3.1-1.286a6.722 6.722 0 0 1 3.54 5.085.451.451 0 0 1-.112.36.554.554 0 0 1-.418.183Z'/%3e%3cpath d='M10.113 6.8a3.784 3.784 0 0 1-5.507 0 3.786 3.786 0 0 1-1.05-2.618A3.809 3.809 0 0 1 7.36.38a3.809 3.809 0 0 1 3.804 3.804 3.786 3.786 0 0 1-1.05 2.618Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23464646' d='M0 0h13.286v13.286H0z' transform='matrix(-1 0 0 1 14 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
  
  label.form-group .input-field .icon.phone::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23464646' fill-rule='evenodd' d='M.256 12.314c.093.093.205.212.324.337.296.315.667.706.9.865 1.221.835 2.856.435 4.012-.047 1.526-.635 3.187-1.807 4.678-3.298 1.493-1.492 2.664-3.153 3.3-4.678.481-1.156.881-2.791.046-4.014-.158-.232-.55-.602-.865-.9-.126-.118-.243-.23-.336-.323a.88.88 0 0 0-1.243 0L8.824 2.504a.88.88 0 0 0 0 1.243l.612.61a1.338 1.338 0 0 1 .237 1.583 8.983 8.983 0 0 1-3.734 3.732 1.337 1.337 0 0 1-1.581-.236l-.611-.612a.88.88 0 0 0-1.243 0L.256 11.072a.88.88 0 0 0 0 1.242Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23464646' d='M0 0h14v14H0z' transform='matrix(-1 0 0 1 14 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  
  }
  
  label.form-group .input-field .icon.email::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cg fill='%23464646' clip-path='url(%23a)'%3e%3cpath d='M15.663 2.974c-2.196 1.86-6.049 5.131-7.181 6.151a.717.717 0 0 1-.485.208.716.716 0 0 1-.483-.206C6.38 8.105 2.527 4.833.33 2.974a.333.333 0 0 1-.047-.46A1.324 1.324 0 0 1 1.331 2h13.333c.409 0 .79.187 1.046.514.11.14.09.344-.047.46Z'/%3e%3cpath d='M.193 3.982a.332.332 0 0 1 .356.048C2.984 6.095 6.092 8.741 7.07 9.622c.549.496 1.31.496 1.86 0 1.043-.94 4.533-3.907 6.521-5.592a.333.333 0 0 1 .549.255v8.383c0 .735-.598 1.333-1.333 1.333H1.333A1.335 1.335 0 0 1 0 12.668V4.285a.333.333 0 0 1 .193-.303Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23464646' d='M0 0h16v16H0z' transform='matrix(-1 0 0 1 16 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
  
  label.form-group .input-field .icon.street::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath fill='%23464646' fill-rule='evenodd' d='M8.984.748a6.775 6.775 0 0 1 6.766 6.764c0 2.588-1.636 4.946-3.195 6.698a23.8 23.8 0 0 1-3.118 2.92.751.751 0 0 1-.901 0s-1.56-1.168-3.118-2.92c-1.56-1.752-3.195-4.11-3.195-6.698A6.77 6.77 0 0 1 8.983.748Zm.003 3.759a3.005 3.005 0 1 0 0 6.01 3.005 3.005 0 0 0 0-6.01Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  }
  
  label.form-group .input-field .icon.billing_city::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath stroke='%23464646' d='M9.137 16.73v-.001l.003-.002.012-.009.05-.038.19-.15a23.92 23.92 0 0 0 2.79-2.652c1.547-1.74 3.068-3.976 3.068-6.366a6.275 6.275 0 0 0-6.266-6.264 6.27 6.27 0 0 0-6.26 6.264c0 2.39 1.52 4.627 3.067 6.365a23.933 23.933 0 0 0 2.98 2.803l.05.038.012.009.002.002a.251.251 0 0 0 .302 0ZM6.508 5.033a3.505 3.505 0 1 1 4.957 4.957 3.505 3.505 0 0 1-4.957-4.957Z'/%3e%3ccircle cx='3.5' cy='3.5' r='3.5' fill='%23464646' transform='matrix(-1 0 0 1 13 4)'/%3e%3c/svg%3e");
  }
  
  label.form-group .input-field .icon.locality2::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath fill='%23464646' fill-rule='evenodd' d='M8.984.748a6.775 6.775 0 0 1 6.766 6.764c0 2.588-1.636 4.946-3.195 6.698a23.8 23.8 0 0 1-3.118 2.92.751.751 0 0 1-.901 0s-1.56-1.168-3.118-2.92c-1.56-1.752-3.195-4.11-3.195-6.698A6.77 6.77 0 0 1 8.983.748Zm.003 3.759a3.005 3.005 0 1 0 0 6.01 3.005 3.005 0 0 0 0-6.01Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  }
  
  label.form-group .input-field .icon.zip::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3e%3cpath fill='' d='M45 0H4a4 4 0 0 0-4 4v37a4 4 0 0 0 4 4h41V0Z'/%3e%3cpath fill='%23464646' d='M28.966 21.52h-2.92l-.64 2.74h2.62v2h-3.1l-.92 3.74h-2.16l.94-3.74h-2.4l-.9 3.74h-2.16l.92-3.74h-2.24v-2h2.72l.66-2.74h-2.44v-1.88h2.9l.94-3.84h2.16l-.96 3.84h2.4l.92-3.84h2.16l-.94 3.84h2.44v1.88Zm-5.7 2.74.64-2.74h-2.38l-.66 2.74h2.4Z'/%3e%3c/svg%3e");
  }
  label.form-group .input-field .icon.numar::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3e%3cpath fill='' d='M45 0H4a4 4 0 0 0-4 4v37a4 4 0 0 0 4 4h41V0Z'/%3e%3cpath fill='%23464646' d='M28.966 21.52h-2.92l-.64 2.74h2.62v2h-3.1l-.92 3.74h-2.16l.94-3.74h-2.4l-.9 3.74h-2.16l.92-3.74h-2.24v-2h2.72l.66-2.74h-2.44v-1.88h2.9l.94-3.84h2.16l-.96 3.84h2.4l.92-3.84h2.16l-.94 3.84h2.44v1.88Zm-5.7 2.74.64-2.74h-2.38l-.66 2.74h2.4Z'/%3e%3c/svg%3e");
    
}
label.form-group .input-field .icon.info::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.172 1.172C-1.19209e-07 2.343 0 4.229 0 8C0 11.771 -1.19209e-07 13.657 1.172 14.828C2.343 16 4.229 16 8 16H12C15.771 16 17.657 16 18.828 14.828C20 13.657 20 11.771 20 8C20 4.229 20 2.343 18.828 1.172C17.657 -1.19209e-07 15.771 0 12 0H8C4.229 0 2.343 -1.19209e-07 1.172 1.172ZM16.576 3.52C16.7032 3.67279 16.7646 3.86985 16.7466 4.06787C16.7286 4.26589 16.6327 4.44866 16.48 4.576L14.284 6.406C13.397 7.146 12.679 7.744 12.044 8.152C11.384 8.577 10.741 8.845 10 8.845C9.259 8.845 8.616 8.576 7.955 8.152C7.321 7.744 6.603 7.145 5.716 6.407L3.52 4.577C3.3671 4.4497 3.27104 4.26687 3.25294 4.06874C3.23484 3.8706 3.2962 3.6734 3.4235 3.5205C3.5508 3.3676 3.73363 3.27154 3.93176 3.25344C4.1299 3.23534 4.3271 3.2967 4.48 3.424L6.64 5.223C7.573 6 8.22 6.538 8.768 6.89C9.297 7.23 9.656 7.345 10.001 7.345C10.346 7.345 10.705 7.231 11.234 6.89C11.781 6.538 12.429 6 13.362 5.223L15.521 3.423C15.6739 3.29587 15.8711 3.23467 16.0691 3.25286C16.2671 3.27105 16.4488 3.36714 16.576 3.52Z' fill='%23646464'/%3E%3C/svg%3E");
    
}
label.form-group .input-field .icon.NR::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 17V7L11 17V7M15 17H20M15 10C15 10.7956 15.2634 11.5587 15.7322 12.1213C16.2011 12.6839 16.837 13 17.5 13C18.163 13 18.7989 12.6839 19.2678 12.1213C19.7366 11.5587 20 10.7956 20 10C20 9.20435 19.7366 8.44129 19.2678 7.87868C18.7989 7.31607 18.163 7 17.5 7C16.837 7 16.2011 7.31607 15.7322 7.87868C15.2634 8.44129 15 9.20435 15 10Z' stroke='%23505050' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    
}