* {
    box-sizing: border-box;
}

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

body {
    width: 480px;
    margin: auto;
    font-family: 'Inter';
    font-size: 20px;
    color: #000;
}

section,
header {
    position: relative;
}

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: 1fr 1fr;
}

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

h2.title{
    padding: 0 32px;
font-size: 35px;
line-height: 42px;
    text-align: center;
}

h2.title span ,
h2.title em {
font-weight: 300;
}

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: 35px;
line-height: 42px;
    text-align: center;
}

h3 span {
font-weight: 300;

}

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

}

.button {
    z-index: 2;
    height: 80px;
    min-width: 277px;
    width: fit-content;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
font-size: 25px;
background: linear-gradient(180deg, #FF0099 0%, #B6144E 100%);
border-radius: 20px;
    
    color: #fff;
}

.button span {
    transform: rotate(45deg);
    font-weight: 400;
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 5px;
}

.left-prod {
    text-align: center;
    /* font-weight: 500; */
font-size: 16px;
line-height: 19px;
color: rgba(0, 0, 0, 0.48);

    text-transform: uppercase;
    margin-top: 20px;
}

.left-prod span {

color: #4273D4;

}

video {
    margin: 20px auto 0;
    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 {
        line-height: 1;
    margin-top: 27px;
    padding: 0 52px;
font-weight: 800;
font-size: 40px;
/* line-height: 48px; */
    /* text-transform: uppercase; */
}

.sect1 .main_title h1 em {
font-weight: 500;
}
.sect1 .main_title h1 span {
font-weight: 300;
font-size: 30px;
line-height: 36px;
    text-transform: lowercase;
}

.sect1 .main_title h2 {
    margin-top: 32px;
    padding: 0 32px;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
}

.sect1 .main-benef {    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin:23px 18px 0;
    /* gap: 40px; */
    color: #000;
    background: #FFFFFF;
border-radius: 5px;
}
.sect1 .main-benef .benef {
    display: grid;
        align-items: center;
    justify-items: center;
    grid-template-rows: 52px auto ;
    padding:0px 17px;
    background: #FFFFFF;
    border-radius: 8px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
font-style: italic;
}
.sect1 .main-benef div {
    margin-top: 5px;
}
.sect1 .main-benef div em {
/* font-style: italic; */
font-weight: 600;
font-size: 14px;
line-height: 17px;
}

.sect1 .promo-group {
    margin-top: 455px;
    font-weight: 400;
font-size: 16px;
    
    justify-content: space-between;
    /* align-items: flex-end; */
    padding: 0 32px;
}

.sect1 .promo-group .left-side {
    text-align: left;
}
.sect1 .promo-group .left-side .promo-text {
    background: linear-gradient(129.4deg, #FFA722 27.45%, #DD6928 75.19%);
    border-radius: 8px;
    padding: 2px 10px 2px;
    
    width: fit-content;

    display: flex;
    gap: 8px;
    align-items: center;

    font-weight: 700;
font-size: 16px;
text-transform: uppercase;
    color: white;
}

.sect1 .promo-group .left-side .promo-perc {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.sect1 .promo-group .left-side .promo-perc .img-perc {
    position: relative;
    top: -7px;
}

.sect1 .promo-group .left-side .promo-perc span {
    display: flex;
    gap: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sect1 .promo-group .left-side .promo-perc span strong {
    font-size: 40px;
}
.sect1 .promo-group .left-side .cost {
    /* justify-content: flex-start; */
    margin-top: 14px;
    gap: 8px;
}
.sect1 .promo-group .left-side .cost .price-new {
    font-size: 30px;
    font-weight: 700;
}
.sect1 .promo-group .left-side .cost .price-old {
font-size: 18px;
color: rgba(0, 0, 0, 0.53);

}

.sect1 .promo-group .right-side {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sect1 .promo-group .right-side .promo-text {
    text-align: center;
    max-width: 192px;
font-style: italic;
font-weight: 700;
font-size: 14px;
line-height: 17px;
}
.sect1 .promo-group .right-side .promo-text span {
color: #FF005C;
}

.sect1 .promo-group .right-side .img-group {
    align-items: flex-end;
}
.sect1 .promo-group .right-side .img-group div {
    font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #FF005C;
position: relative;
    bottom: 2px;
}
.sect1 .promo-group .right-side .price-new {
    font-weight: 700;
    font-size: 27px;
    /* line-height: 40px; */
    margin-top: 15px;
}

.sect1 .promo-group .right-side .price-old {
    font-weight: 400;
    font-size: 20px;
    /* line-height: 30px; */
    /* margin-top: 10px; */
color: rgba(255, 255, 255, 0.74);
}

.sect1 .review-preview {
    
    text-align:left;
margin: 28px 32px 0;
padding: 20px 21px;
display: flex;
justify-content: space-between;
align-items: center;

/* width: 416px; */
background: #FFFFFF;
border-radius: 5px;
filter: drop-shadow(0px 2px 10px #E8E8E8);
}
.sect1 .review-preview .title {
    font-family: Modern Antiqua;
font-weight: 500;
font-size: 24px;
line-height: 27px;

color: #3A1986;

}
.sect1 .review-preview .reviewed {
gap: 14px;
}
.sect1 .review-preview .reviewed .stars_rev {
gap: 2px;
}
.sect1 .review-preview .reviewed .count {
    color: #000;
font-size: 14px;
line-height: 17px;
}

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

/* .btn_between {
    position: relative;
}

.btn_between .button {
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
} */

.sect-bg {
    /* margin-top: -1px; */
    /* display: inline-block; */
}

.sect2 {
    /* overflow: hidden; */
    /* padding: 56px 0 63px; */
}


.sect2 h2.title {
    margin-top: 56px;
}

.sect2 h2.title em {
    display: block;
    border-bottom: 2px dashed #5279DE;
        width: fit-content;
        max-width: 100%;
    margin: auto;
        /* margin-top: 49px; */
}

.sect2 video {
    border-radius: 8px;
    margin-top: 32px;

}

.sect2 .gif {
    display: block;
}

.sect2 h3 {
    text-transform: uppercase;
    margin-top: 77px;
}
.sect2 .benefits {
    margin-top: 41px;
    width: 223px;
    margin-left: 35px;
    text-align: center;
    padding: 20px 17px 25px;
    background: #FFFFFF;
border-radius: 5px;
}
.sect2 .benefits .benef + .benef {
    margin-top: 15px;
}
.sect2 .benefits .benef img {
        margin: auto;
        filter: drop-shadow(0px 2px 10px #CBCBCB);
}
.sect2 .benefits .benef p {
    margin-top: 5px;
    font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.sect2 .benefits .benef p strong {
color: #8DBF00;
}




.sect3 {
    text-align: center;
    padding: 66px 0 0px;
}

.sect3 h2.title {
    /* margin-top: 56px; */
    padding: 0 45px;
}
.sect3 h2.title em {
font-weight: 600;
font-size: 32px;
line-height: 39px;
color: #000000;
}

.sect3 video {
    border-radius: 8px;
    margin-top: 53px;
    filter: drop-shadow(0px 2px 10px #CBCBCB);
}

.sect3 .img-group {
margin-top: 73px;
position: relative;
}
.sect3 .img-group h3 {
    position: absolute;
}
.sect3 .img-group .img-text {
    position: absolute;
    left: 206px;
    right: 32px;
    top: 163px;
    text-align: left;
}
.sect3 .img-group .img-text h4 {
    font-size: 18px;
line-height: 22px;
}
.sect3 .img-group .img-text h4 span {
    font-style: italic;
font-weight: 600;
color: #FF005C;
}
.sect3 .img-group .img-text p {
    margin-top: 12px;
font-weight: 300;
font-size: 18px;
line-height: 22px;
}

.sect3 .button {
    margin-top: 48px;
}
.sect3 .left-prod {
    color: rgba(0, 0, 0, 0.48);
}

.sect4 {
    text-align: center;
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
    color: #FFFFFF;
}

.sect4 h2.title {
    margin-top: 56px;

}

.sect4 h2.title em {
color: #FFFFFF;
font-weight: 600;
}

.sect4 .ingridients {
padding: 0 32px;
margin-top: 27px;
}
.sect4 .ingridients .ingr {
background: rgba(255, 255, 255, 0.21);
border-radius: 5px;
padding: 5px;
gap: 26px;
min-height: 94px;
}
.sect4 .ingridients .ingr + .ingr {
margin-top: 5px;
}
.sect4 .ingridients .ingr .text {
    width: 265px;
    text-align: left;
}
.sect4 .ingridients .ingr .text h4 {
font-style: italic;
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
.sect4 .ingridients .ingr .text p {
    margin-top: 3px;
font-style: italic;
font-size: 14px;
line-height: 17px;
}

.sect4 .button {
    margin-top: 230px;
}
.sect4 .left-prod {
color: rgba(255, 255, 255, 0.89);
}



.sect5 {
    padding: 57px 0px 71px;
    overflow: hidden;
}

.sect5 h2.title {

}
.sect5 h2.title em {
font-style: italic;
font-weight: 600;
color: #000;
}

.sect5 .other-products {
    margin: 51px 0px 0;
    position: relative;
    color: #fff;
}
.sect5 .other-products img {
margin: auto;
filter: drop-shadow(0px 0px 25px rgba(194, 194, 194, 0.48));
}
.sect5 .other-products h4 {
    position: absolute;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    z-index: 2;
    inset: 14px 0 0;
}
.sect5 .other-products h4 span {
font-family: 'Modern Antiqua';
}
.sect5 .other-products .products {
    position: absolute;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    bottom: 39px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 53px;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.sect5 .other-products + h3 {
    margin-top: 51px;
    font-size: 24px;
line-height: 29px;
}
.sect5 .other-products + h3 span {
font-style: italic;
font-weight: 600;
color: #4544BB;
}
.sect5 h3 + img {
    margin-top: 45px;
}
.sect5 .bestseller {
    font-size: 18px;
line-height: 22px;
font-weight: 300;
padding: 0 32px;
gap: 12px;
}



#review-sect {
    /* padding-top: 49px; */
    /* padding-bottom: 66px; */
}

#review-sect h2.title {
    margin-top: 49px;

}
#review-sect h2.title em {
font-weight: 600;
color: #000000;
}

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

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

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

#review-sect .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    position: relative;
    bottom: unset;
    gap: 7px;
    justify-content: center;
    margin-top: 31px;
}

#review-sect .swiper-pagination-bullet {
  width: 14px;
height: 14px;
    opacity: 1;
    background: #D9D9D9;

}

#review-sect .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 14px;
height: 14px;
    box-sizing: initial;
    background: #B3F300;
    opacity: unset;
    border: unset;
}

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

/* --swiper-navigation-sides-offset: 10px; */

.swiper-slide-prev {
margin-left: 14px
}

#review-sect .revSwiper {
    margin-top: 50px;
    padding: 0px 32px;
    /* padding: 0px 16px; */
    height: 100%;
}

#review-sect .revSwiper .swiper-slide {
    height: auto !important;
    text-align: center;
}

#review-sect .revSwiper .review_card {
    max-width: 416px;
    min-height: 614px;
    /* padding: 35px 33px 40px; */
    height: 100%;

border-radius: 8px;
filter: drop-shadow(0px 2px 10px #CBCBCB);
background: #fff;
    text-align: initial;
    position: relative;
}

#review-sect .revSwiper .review_card .person {
    display: flex;
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
    margin-top: 48px;
    padding: 0 33px;
}

#review-sect .revSwiper .review_card .person .name {
font-weight: 600;
font-size: 20px;
line-height: 24px;
}

#review-sect .revSwiper .review_card .person .verified {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    margin-top: 7px;
    display: flex;
    gap: 8px;
    color: #ABABAB;
}

#review-sect .revSwiper .review_card .reviewed {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-weight: 700;
font-size: 14px;
line-height: 17px;
}
#review-sect .revSwiper .review_card .stars_rev {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

#review-sect .revSwiper .review_card .person .stars_rev img {
    width: 18px;
    height: 18px;
}

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

#review-sect .revSwiper .review_card p {
    margin-top: 19px;
    /* font-weight: 500; */
    padding: 0 33px;
font-size: 16px;
line-height: 19px;
}

.sect7 {
    padding: 54px 32px 77px;
}

.sect7 h2 {
    text-align: left;
    text-transform: uppercase;
}

.sect7 h2 em {
    color: #000000;
}

.sect7 .how_order {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 48px;
    align-items: baseline;
}

.sect7 .order_step {
    display: flex;
    gap: 9px;
    background: #F0F0F0;
    backdrop-filter: blur(260px);
    border-radius: 20px;
    padding: 18px 13px;
    height: 150px;
    flex-direction: column;
    border: 1px solid #fff;
}
.sect7 .order_step:nth-of-type(2):after {
    background: linear-gradient(180deg, #5279DE 54.44%, #D9D9D9 54.49%);
}
.sect7 .order_step:nth-of-type(3):after {
    background: linear-gradient(0deg, #5279DE 53.35%, #D9D9D9 53.39%);
}
.sect7 .order_step:nth-of-type(4):after {
    background:linear-gradient(270deg, #5279DE 35.77%, #D9D9D9 35.8%);
}

.sect7 .order_step span {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
color: #FF005C;

    font-style: italic;
font-weight: 600;
font-size: 40px;
line-height: 48px;
}

.sect7 .order_step p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.sect1#order-form {
}
.sect1#order-form .content {
    height: 100%;
}

/*.sect1#order-form h3 {
    margin-top: 298px;
    font-size: 24px;
    line-height: 29px;
}*/


#order-form .form-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-top: 57px;
    margin-bottom: 20px;
}

#order-form form {
    margin-top: 33px;
    z-index: 2;
    position: relative;
    padding: 0 33px;
}

#order-form form input:not([type="radio"]) {
    width: 100%;
    display: block;
    padding: 26.5px 15px;
    margin-bottom: 11px;
    outline: unset;
    /* color: #fff; */
    border: unset;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

background: #FFFFFF;
border: 1px solid #D7D7D7;
border-radius: 8px;
margin-bottom: 0px;
}


#order-form form button {
    outline: none;
    color: white;
    border: unset;
    min-width: 329px;
    /* width: 100%; */
    margin-top: 30px;
}

#order-form form .left-prod {
    color: white;
}


.cut_price {
    position: relative;
}

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

footer {
    margin-top: 49px;
    padding: 20px 0;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    /* position: absolute; */
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    /* background: #464646; */
}

footer a {
color: rgba(0, 0, 0, 0.74);
}

footer p {
color: rgba(0, 0, 0, 0.51);
font-weight: 500;
font-size: 14px;
line-height: 17px;
margin-top: 11px;
}


.scroll_down {
    font-family: 'Gilroy';
    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; */
}



#order-form .swatchs {
    margin-top: 30px;
    display: flex;
    padding: 0 32px;
        justify-content: space-between;
}

.form-card {
    width: 50%;
        width: 194px;
    /* padding: 0 4px; */
}

.form-card-all {
    /* padding: 8px 7px; */
}

.form-card-wrap {
    display: block;
    background: linear-gradient(175.95deg, #cfcdca 1.74%, #f5f4fa 96.69%);
    background: whitesmoke;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    padding: 0 0 32px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.form-card-top {
background: #F1A533;
    -webkit-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
        color: white;
}

.form-card-info {
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    padding-bottom: 15px;
    min-height: 260px;
    background: linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%);
border: 2px solid #E3E3E3;
}
.swatch-2 .form-card-info {
    background: radial-gradient(135.92% 162.74% at 18.03% 34.38%, #FFFFFF 0%, #F4E9BE 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
border: 1px solid #CDCDCD;
border: 2px solid #E3E3E3;
}

.form-card-tit {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 10px 8px;
}

.form-card-tit b {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
}

.form-card-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 134px;
    height: 134px;
    margin-bottom: 13px;
    position: relative;
}

.form-card-img img {
    width: 100%;
}

.form-card .form-card-img img {
    border-bottom: 1px solid #E3E3E3;
}


.form-card-img .free-txt {
    position: absolute;
    top: 102px;
    right: 43px;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    color: #FFA800;
}

.form-card-sub {
    display: block;
    text-transform: uppercase;
    margin: 0 0 12px;

    font-weight: 900;
font-size: 16px;
line-height: 19px;
}
.form-card-sub span {
color: #FFA800;
}

.form-card-price {
    display: block;
font-size: 28px;
line-height: 34px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 18px;

}

.form-card-old {
    display: block;
font-size: 14px;
line-height: 17px;
    font-weight: normal;
color: #6C6C6C;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
}
.form-card-perpc {
    margin-top: 18px;
    display: block;
font-weight: 300;
font-size: 14px;
line-height: 17px;
font-style: italic;
}

.form-card-bottom {
    height: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
background: #878787;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 10px 9px;
    white-space: nowrap;
    z-index: 10;
}

.form-card-bottom span {
    border-bottom: 1px solid #000;
        border-bottom: 1px solid #fff;
    color: white;
}


.form-card.active .form-card-wrap {
filter: drop-shadow(0px 0px 20px rgba(210, 150, 93, 0.67));
}

.form-card .check-ico {
    display: none;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
    min-width: 22px;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.7227' cy='11.211' r='10.4922' fill='%23E6E6E6'/%3E%3Cg clip-path='url(%23clip0_2078_25445)'%3E%3Cpath d='M9.55771 13.4764L6.60299 10.4511C6.43966 10.2839 6.17463 10.2839 6.01131 10.4511L4.54828 11.9492C4.38495 12.1165 4.38495 12.3879 4.54828 12.5551L7.503 15.5806L9.26165 17.3814C9.42498 17.5487 9.69001 17.5487 9.85333 17.3814L11.612 15.5806L18.0931 8.94422C18.2564 8.77698 18.2564 8.50561 18.0931 8.33837L16.63 6.84027C16.4667 6.67303 16.2017 6.67303 16.0384 6.84027L9.55771 13.4764Z' fill='%23E2810E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2078_25445'%3E%3Crect width='13.7898' height='13.7898' fill='white' transform='translate(4.42578 4.91406)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form-card.active {
        transform: scale(1.07);
}
.form-card.active .form-card-info {
    border: 2px solid #FFA800;
}
.form-card.active .form-card-img img {
    border-bottom: 1px solid #FFA800;
}
.form-card.active .check-ico {
display: block;
}
.form-card.active .form-card-bottom  {
    background: #DEA000;
}
.form-card.active .form-card-bottom span {
    border: unset;
}

.succes_form h3 {
    margin: 0;
}





.offer-image[data-v-37eed8a0] {
    border-radius: 5px;
    vertical-align: middle;
    min-width: 55px;
}

.preview-select-option[data-v-5ca01260] {
    font-size: 16px;
    border-radius: 3px;
    min-width: 100px;
}

.preview-offer[data-v-81be86e6] {
    cursor: pointer;
    border-radius: 5px;
}

#easysell *,
#easysell :after,
#easysell :before {
    box-sizing: border-box;
}

#easysell p {
    margin-top: 0;
    margin-bottom: 1rem;
}

#easysell small {
    font-size: .875em;
}

#easysell img {
    vertical-align: middle;
}

#easysell select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell select {
    text-transform: none;
}

#easysell select {
    word-wrap: normal;
}

#easysell select:disabled {
    opacity: 1;
}

#easysell .d-flex {
    display: flex !important;
}

#easysell .flex-fill {
    flex: 1 1 auto !important;
}

#easysell .flex-column {
    flex-direction: column !important;
}

#easysell .flex-shrink-1 {
    flex-shrink: 1 !important;
}

#easysell .flex-wrap {
    flex-wrap: wrap !important;
}

#easysell .align-items-start {
    align-items: flex-start !important;
}

#easysell .align-items-center {
    align-items: center !important;
}

#easysell .mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
}

#easysell .mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

#easysell .my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

#easysell .mt-4 {
    margin-top: 1.5rem !important;
}

#easysell .me-2 {
    margin-right: .5rem !important;
}

#easysell .mb-0 {
    margin-bottom: 0 !important;
}

#easysell .mb-1 {
    margin-bottom: .25rem !important;
}

#easysell .p-1 {
    padding: .25rem !important;
}

#easysell .p-2 {
    padding: .5rem !important;
    width: 100%;
}

#easysell .px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

#easysell .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

#easysell .pb-1 {
    padding-bottom: .25rem !important;
}

#easysell .fw-bold {
    font-weight: 700 !important;
}

#easysell .text-decoration-line-through {
    text-decoration: line-through !important;
}

#easysell .rounded {
    border-radius: .25rem !important;
}

#easysell .align-items-center {
    align-items: center !important;
}

#easysell .d-flex {
    display: flex !important;
}

.preview-offer{
        background: rgb(255, 255, 255);
            border-radius: 6px;
            border: 2px solid rgb(209, 209, 209);
}
.preview-offer.active{
    background: rgb(255, 240, 234);
        border-radius: 6px;
        border: 3px solid rgb(255, 0, 0);
}


.es-radio {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
}

.es-form-container label {
    text-transform: none !important;
}

input[type=radio] {
    width: 18px;
    height: 18px;
}


.shipping-container[data-v-3dcae728] {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}

.shipping-line[data-v-3dcae728] {
    cursor: pointer;
    border-top: 1px solid #d9d9d9;
}

.shipping-label[data-v-3dcae728] {
    cursor: pointer;
    margin-bottom: 0 !important;
}

.shipping-price[data-v-3dcae728] {
    text-align: right;
    font-weight: 500;
    color: #333;
}

.shipping-name[data-v-3dcae728] {
    margin-left: 15px;
    color: #545454;
}

input[type=radio][data-v-3dcae728] {
    width: 18px;
    height: 18px;
}

.es-radio {
    margin: 0 10px 0 0;
    padding: 10px;
    margin: 0 10px !important;
}

#easysell *,
#easysell :after,
#easysell :before {
    box-sizing: border-box;
}

#easysell label {
    display: inline-block;
}

#easysell input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell .g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

#easysell .d-flex {
    display: flex !important;
}

#easysell .flex-column {
    flex-direction: column !important;
}

#easysell .flex-grow-1 {
    flex-grow: 1 !important;
}

#easysell .align-items-center {
    align-items: center !important;
}

#easysell .mb-2 {
    margin-bottom: .5rem !important;
}

#easysell .px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

#easysell .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

#easysell .fw-bold {
    font-weight: 700 !important;
}





/*! CSS Used from: Embedded */
*,
*::before,
*::after {
    box-sizing: inherit;
}

@media all {
    ::selection {
        background-color: rgba(var(--color-foreground), .2);
    }

    div:empty {
        display: none;
    }

    *:focus {
        outline: 0;
        box-shadow: none;
    }

    input[type=checkbox] {
        display: inline-block;
        width: auto;
        margin-right: .5rem;
    }
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
}


.es-offer-container[data-v-31ff1588] {
    border-radius: 5px;
    cursor: pointer;
    margin: 6px 0;
}

.bump-checkbox-container[data-v-31ff1588] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.bump-checkbox-container [data-v-31ff1588] {
    box-sizing: border-box;
}

.bump-checkbox-input[data-v-31ff1588] {
    position: absolute;
    visibility: hidden;
}

.bump-checkbox[data-v-31ff1588] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
}

.bump-checkbox span[data-v-31ff1588] {
    vertical-align: middle;
    transform: translateZ(0);
}

.bump-checkbox span[data-v-31ff1588]:first-child {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
}

.bump-checkbox span:first-child svg[data-v-31ff1588] {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transform: translateZ(0);
}

.bump-checkbox span[data-v-31ff1588]:last-child {
    padding-left: 8px;
    line-height: 18px;
}

.bump-checkbox:hover span[data-v-31ff1588]:first-child {
    border-color: #07f;
}

.bump-checkbox-input:checked+.bump-checkbox span[data-v-31ff1588]:first-child {
    background: #07f;
    border-color: #07f;
}

.bump-checkbox-input:checked+.bump-checkbox span:first-child svg[data-v-31ff1588] {
    stroke-dashoffset: 0;
}

#easysell *,
#easysell :after,
#easysell :before {
    box-sizing: border-box;
}

#easysell svg {
    vertical-align: middle;
}

#easysell input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell .d-flex {
    display: flex !important;
}

#easysell .align-items-center {
    align-items: center !important;
}

#easysell .text-secondary {
    color: #6c757d !important;
}


.es-button {
    height: unset;
    min-height: 50px;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
    margin: 20px 0;
    width: 100% !important;
    border: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.cart-shaker.es-animation-active {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

.cart-shaker.es-animation-active.es-animation-shakeLeftRight {
    animation: cqShakeLeftRight 1.64s cubic-bezier(.36, .07, .19, .97) both !important;
    animation-iteration-count: infinite!important;
}

#easysell button {
    border-radius: 0;
}

#easysell button:focus:not(:focus-visible) {
    outline: 0;
}

#easysell button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell button {
    text-transform: none;
}

#easysell [type=button],
#easysell button {
    -webkit-appearance: button;
}

#easysell [type=button]:not(:disabled),
#easysell button:not(:disabled) {
    cursor: pointer;
}

.es-cta-btn span,
.es-cta-btn div {
    color: #040303 !important;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, NaN) !important;
}


@keyframes cqShakeLeftRight {

    5%,
    45% {
        transform: translate3d(-1px, 0, 0);
    }

    10%,
    40% {
        transform: translate3d(2px, 0, 0);
    }

    15%,
    25%,
    35% {
        transform: translate3d(-4px, 0, 0);
    }

    20%,
    30% {
        transform: translate3d(4px, 0, 0);
    }
    46%,
    100% {
        transform: translate3d(2px, 0, 0);
    }
}






/*! CSS Used from: file:///C:/Users/work/Documents/Web%20Dev/2023/noiembrie/17.11/vaselineultra/css/style.css */
*,
*::before,
*::after {
    box-sizing: inherit;
}

@media all {
    ::selection {
        background-color: rgba(var(--color-foreground), .2);
    }

    div:empty,
    p:empty {
        display: none;
    }

    *:focus {
        outline: 0;
        box-shadow: none;
    }
}

.es-input {
    width: 100%;
    height: 45px;
    font-size: inherit !important;
}

.es-input::placeholder {
    color: #616161 !important;
    opacity: 1 !important;
}

.input-group {
    -moz-column-gap: 0;
    column-gap: 0;
    margin-bottom: 5px;
}

.input-group-text {
    width: 45px;
    background-color: #e1e1e1 !important;
    border: 1px solid silver !important;
    padding: 0 12px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.bi:before {
    font-size: 18px !important;
}

.bi:empty {
    display: block !important;
}

#easysell :empty {
    display: block !important;
}

.bi:before,
[class*=" bi-"]:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-person-circle:before {
    content: "\f4d7";
}

.bi-telephone-fill:before {
    content: "\f5b4";
}

.bi-geo-fill:before {
    content: "\f3e9";
}

.bi-geo:before {
    content: "\f3ea";
}

.bi-pin-map:before {
    content: "\f64c";
}

.bi-geo-alt-fill:before {
    content: "\f3e7";
}

#easysell *,
#easysell :after,
#easysell :before {
    box-sizing: border-box;
}

#easysell p {
    margin-top: 0;
    margin-bottom: 1rem;
}

#easysell button {
    border-radius: 0;
}

#easysell button:focus:not(:focus-visible) {
    outline: 0;
}

#easysell button,
#easysell input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell button {
    text-transform: none;
}

#easysell button {
    -webkit-appearance: button;
}

#easysell button:not(:disabled) {
    cursor: pointer;
}

#easysell .form-control {
    display: block;
    width: 100%;
    padding: 5px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid silver;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    #easysell .form-control {
        transition: none;
    }
}

#easysell .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

#easysell .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

#easysell .form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
}

#easysell .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    font-size: 18px;
}

#easysell .input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

#easysell .input-group>.form-control:focus {
    z-index: 3;
}

#easysell .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#easysell .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#easysell .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#easysell .flex-nowrap {
    flex-wrap: nowrap !important;
}

#easysell input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: ;
}


#easysell input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell button {
    border-radius: 0;
}

#easysell button:focus:not(:focus-visible) {
    outline: 0;
}

#easysell button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#easysell button {
    text-transform: none;
}

#easysell button {
    -webkit-appearance: button;
}

#easysell button:not(:disabled) {
    cursor: pointer;
}


.bi:before {
    font-size: 18px !important;
}

.bi:empty {
    display: block !important;
}

#easysell :empty {
    display: block !important;
}

.bi:before,
[class*=" bi-"]:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-person-circle:before {
    content: "\f4d7";
}

#easysell *,
#easysell :after,
#easysell :before {
    box-sizing: border-box;
}

/*! CSS Used fontfaces */
@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/fonts/bootstrap-icons.woff2) format("woff2"), url(https://easysell-analytics.pages.dev/fonts/bootstrap-icons.woff2) format("woff2");
}

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/fonts/bootstrap-icons.woff2) format("woff2"), url(https://easysell-analytics.pages.dev/fonts/bootstrap-icons.woff2) format("woff2");
}

.sect1 .promo-group .discount {
    border-radius: 24.5px;
    background: #000;
    color: #fff;
    /* box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.10); */
    padding: 10px 18px;
    position: relative;
    width: fit-content;
    margin-inline: auto;
    font-size: 20px;
    flex-shrink: 0;
    line-height: 28px;
}
.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 .right-side .new-price {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
}
.sect1 .promo-group .left-side .old-price {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 45px;
}
.footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 9px;
    margin-bottom: 13px;
}
.footer__links a {
    width: 46%;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    color: #000;
}
.surpriza.active .product-circle::after {
    content: '';
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='29' viewBox='0 0 33 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_899_19539)'%3E%3Cpath d='M27.4656 5.53426C26.7539 4.82169 25.5984 4.82214 24.8858 5.53426L13.2751 17.1454L8.11464 11.985C7.40207 11.2724 6.247 11.2724 5.53443 11.985C4.82186 12.6976 4.82186 13.8526 5.53443 14.5652L11.9847 21.0155C12.3408 21.3716 12.8077 21.5501 13.2746 21.5501C13.7415 21.5501 14.2089 21.372 14.5649 21.0155L27.4656 8.11442C28.1781 7.40235 28.1781 6.24679 27.4656 5.53426Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_899_19539' x='0' y='2' width='33' height='26.5469' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2.5'/%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.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_899_19539'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_899_19539' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}