html{
    padding:0 !important;
}
.skin-quiz{
    margin-top:0px !important;
    min-width: 100%;
    min-height: 100%;
/*     position: fixed; */
    top: 0;
    left: 0;

}
.greyed-out{
    color: #B5B5B5;
}
input[type=text] {
    z-index:0 !important;
}

.skin-quiz section.width-box.cart_products {
    padding: 0;
    margin-top:36px;
    position: relative;

}
.incorrect {
    color: #8B0E3A !important;
    font-weight:bold !important;
}
.bounce{
    animation-name: bounce;
    animation-duration: 1s;
    animation-delay: 0.25s;
}
@keyframes bounce {
    0% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
    37% {
        transform: translateX(5px);
        timing-function: ease-out;
    }
    55% {
        transform: translateX(-5px);
        timing-function: ease-in;
    }
    73% {
        transform: translateX(4px);
        timing-function: ease-out;
    }
    82% {
        transform: translateX(-4px);
        timing-function: ease-in;
    }
    91% {
        transform: translateX(2px);
        timing-function: ease-out;
    }
    96% {
        transform: translateX(-2px);
        timing-function: ease-in;
    }
    100% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
}
.bot_male {
    top: 187px;
    right: 118px;
    position: absolute;
    /* text-align: center; */
    width: 100px!important;
}

.skin-quiz section.width-box.cart_products h4 {
    margin: 0;
    text-align: center;
    font-size: 29px;
    font-weight: 600;
    text-transform: capitalize;
    color: #01385E;
    padding: 16px;
    background: #FFDED0;
    font-family: 'Playfair Display', serif;
}

.skin-quiz section.width-box.cart_products .left_content {
    width: 100%;
    height: 100%;
    background: #fcfcfc;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.skin-quiz section.width-box.cart_products .right_content {
    padding: 50px;
    width: 100%;
    margin-left: auto;
    text-align: center;
    height: calc(100% + 20%);
}

.skin-quiz section.width-box.cart_products .row {
/*     overflow: auto; */
}

.skin-quiz section.width-box.cart_products .right_content h5 {
    font-size: 26px;
    font-weight: 800;
    color: #01385E;
    font-family: 'Playfair Display', serif;
    margin: 0 0 20px;
}

.skin-quiz section.width-box.cart_products .right_content h5 span {
    position: relative;
    z-index: 1;
}

.skin-quiz section.width-box.cart_products .right_content h5 span {
    /* background: #FED0D0; */
    height: 20px;
    width: 100%;
    background: linear-gradient(to bottom, white 42%, #dff1ff 5%, #dff1ff 151%, white 95%);
    /* top: 9px; */
    position: relative;
    /* z-index: -1; */
    left: 0;
    margin: auto;
}

.skin-quiz section.width-box.cart_products .right_content p {
    color: #1C1111;
    margin: 0 0 33px;
    font-family: 'Helvetica-Oblique';
    font-weight: normal;
}

.skin-quiz section.width-box.cart_products .right_content ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    width: 80%;
    text-align: left;
}

.skin-quiz section.width-box.cart_products .right_content ul li {
    width: 297px;
    height: 48px;
    margin: 0 auto 13px;
    position: relative;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: 'Helvetica';
    font-weight: 500;
}

.skin-quiz section.width-box.cart_products .right_content ul li:last-child {
    margin-bottom: 0;
}

.skin-quiz section.width-box.cart_products .right_content ul li input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
}

.skin-quiz section.width-box.cart_products .right_content ul li span.check {
    border: 1px solid #B5B5B5;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 50px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.skin-quiz section.width-box.cart_products .right_content ul li input[type="radio"]:checked + .check {
    background:#FFDED0;
    border-color: #B5B5B5;
    transition: all .2s ease-in-out;
}

.skin-quiz section.width-box.cart_products .left_content .progress-bar {
    height: 11px;
    background: #FFF3F1;
    width:90%;
    transition:.4s width linear;
    border-radius: 50px;
    margin: 18px auto 0;
}

.skin-quiz section.width-box.cart_products .left_content .progress-bar span {
    height: 100%;
    background: #FFDED0;
    transition:.4s width linear;
    border-radius: 50px;
}

.skin-quiz section.width-box.cart_products .left_content h5 {
    margin: 44px 0 0;
    width: 100%;
    text-align: center;
    font-size: 21px;
    color: #413F3F;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.skin-quiz section.width-box.cart_products .right_content ul.preference li {
    width: 46%;
    height: 48px;
    margin: 0 0 13px;
    position: relative;
    border-radius: 50px;
    margin-right: 7%;
    font-size: 18px;
    font-family: 'Helvetica';
    font-weight: 500;
    display: inline-block;
}

.skin-quiz section.width-box.cart_products .right_content ul.preference li:nth-child(even) {
    margin-right: 0;
}

.skin-quiz section.width-box.cart_products .right_content ul.preference li:last-child {
    margin: 0 0 13px;
}


.skin-quiz section.width-box.cart_products .right_content ul.preference li input[type="checkbox"]:checked + .check {
    background:#FFDED0;
    border-color: #B5B5B5;
    transition: all .2s ease-in-out;
}


.skin-quiz section.width-box.cart_products .right_content ul.preference3 li input[type="checkbox"]:checked + .check {
    background:#FFDED0;
    border-color: #B5B5B5;
    transition: all .2s ease-in-out;
}

.skin-quiz section.width-box.cart_products .right_content button.btn {
    background: linear-gradient(90deg, rgba(252,220,202,1) 0%, rgba(249,176,174,1) 100%);
    border: 2px solid #f9acac;
    text-transform: uppercase;
    font-family: 'HelveticaNeue';
    width: 364px;
    font-size: 16px;
    height: 60px;
    border-radius: 0;
    margin: 24px 0 0;
}
.disclaimer-btn{
    background: linear-gradient(90deg, rgba(252,220,202,1) 0%, rgba(249,176,174,1) 100%);
    border: 2px solid #f9acac;
    text-transform: uppercase;
    font-family: 'HelveticaNeue';
    width: 364px;
    font-size: 16px;
    height: 60px;
    border-radius: 0;
    overflow: auto;
    margin: 24px 0 0;
}
.disclaimer-content{
    color:#1C1111;
    font-size: 1.75rem;
}

.skin-quiz section.width-box.cart_products .right_content h5.preference-head {
    color: #413F3F;
}

.skin-quiz section.width-box.cart_products .right_content h5.preference-head span::before {
    left: 0;
    bottom: -1px;
    width: 100%;
}

.skin-quiz section.width-box.cart_products .right_content .box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
}

.skin-quiz section.width-box.cart_products .right_content ul.preference3 li {
    width: 251px;
}

.skin-quiz section.width-box.cart_products .right_content ul.preference3 button.btn {
    width: 316px;
}


.skin-quiz section.width-box.cart_products .right_content ul.preference3 {
    margin-left: 54px;
}

.skin-quiz section.width-box.cart_products .right_content h5.preference-head3 {
    color: #413F3F;
}

.skin-quiz section.width-box.cart_products .right_content h5.preference-head3 span{
    width: 100%;
}

.skin-quiz section.width-box.cart_products .right_content form {
    width: 401px;
    margin: 115px auto 0;
}

.skin-quiz section.width-box.cart_products .right_content form input.form-control {
    border: none;
    border-bottom: 2px solid #ededed;
    border-radius: 0;
    text-align: center;
    color: #1C1111;
    font-size: 20px;
    font-family: 'HelveticaNeue';
    font-weight: 400;
    padding: 0 0 13px;
}

.skin-quiz section.width-box.cart_products .right_content form p {
    margin: 0;
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: 500;
    line-height: 30px;
}

.skin-quiz section.width-box.cart_products .right_content form p a {
    color: #217BC9;
}


.skin-quiz section.width-box.cart_products .right_content h5.preference-head4 span {
    width: 100%;
}

.skin-quiz section.width-box.cart_products .right_content h5.preference-head4 {
    color: #413F3F;
}

.cart_products {
    min-height: calc(100vh - 90px);
}

.skin-quiz section.width-box.cart_products .left_content .box {
    width: 88%;
}

.final.skin-quiz {
    background: #FFF6F4;
}

.hair-box form .form-group {
    margin: 0;
}

.skin-quiz section.width-box.cart_products .right_content.hair-box form {
    margin-bottom: 56px;
    margin-top: 42px;
}

.skin-quiz section.width-box.cart_products .right_content.hair-box.step-4 form {
    margin-top: 84px;
    margin-bottom: 0;
}

.skin-quiz section.width-box.cart_products .right_content.hair-box.step-4 form .form-group {
    margin-bottom: 45px;
}

.skin-quiz section.width-box.cart_products .right_content.hair-box.step-4 form button.btn {
    margin-top: 90px;
}

.skin-quiz section.width-box.cart_products .right_content.hair-box.step-4 form p a {
    color: #B39692;
}


.skin-quiz section.width-box.cart_products .right_content ul.preference3{width: auto;}

.skin-quiz section.width-box.cart_products .right_content ul.preference3 input.name {
    opacity: 1;
    border-radius: 50px;
    border: 1px solid #B5B5B5;
    background: #FEE8D8;
    font-size: 18px;
    text-align: center;
    font-family: 'Helvetica';
    cursor: auto;
    font-weight: 500;
}


/********Final page*********/

.final.skin-quiz {
    /* background: #e5f7ff; */
    background: #fff6f4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    min-height: 100vh;
}


.final.skin-quiz .box img.hair-logo {
    width: 78px;
    margin: 0 auto 67px;
}

.final.skin-quiz .box {
    text-align: center;
}

.final.skin-quiz .box p {
    font-size: 25px;
    color: #413F3F;
    font-family: 'Helvetica';
    font-weight: 500;
    margin: 0 0 37px;
}
.disclaimer-screen{
    margin-top: 0px !important;
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    background: #fff6f4;
}
.disclaimer-section{
    margin: 10% auto;
    width: 80%;
}

.final.skin-quiz .box .load-img {
    width: 232px;
}

.skin-quiz section.width-box.cart_products .right_content .box span.prod-img {
    padding: 0 70px;
    position: relative;
}


.skin-quiz section.width-box.cart_products .right_content .box span.prod-img img {
    height: 336px;
    position: relative;
}



.skin-quiz section.width-box.cart_products .right_content .box span.prod-img:before {content: '';width: 263px;height: 263px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;background: #F8F8F8;border-radius: 50%;}



@media  only screen and (max-width: 1024px) {

    .skin-quiz section.width-box.cart_products .right_content ul.preference li{font-size: 15px;}
    section.width-box.cart_products .right_content .box > img {width: 30%;}
    .skin-quiz section.width-box.cart_products .right_content ul{width: 100%;}
    .skin-quiz section.width-box.cart_products .row {height: calc(100vh - 16vh);}
    .skin-quiz section.width-box.cart_products .row .col-lg-8 {display: flex;align-items: center;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img {Padding: 0 20px;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img img {height: 246px;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img:before {    width: 178px;height: 178px;left: -30px;}

}


@media only screen and (max-width: 768px){
    .skin-quiz section.width-box.cart_products .right_content ul.preference3 input.name {
        font-size:12px;
    }
    .bot_male{
        top:127px;
        right:68px;
    }
    .skin-quiz{
        margin-top:0px !important;
        height: calc(100% - 100px);
        overflow-y: hidden !important;
    }

    .skin-quiz section.width-box.cart_products .row {
        height:auto;
    }
    .skin-quiz section.width-box.cart_products .row .col-lg-8{display: block;}

    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img img {height: 250px;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img:before {width: 188px;
        height: 188px;left:0;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img {padding: 0 50px;}

}




@media only screen and (max-width: 560px){
    .disclaimer-content{
        color:#1C1111;
        font-size: 14px;
    }

    .skin-quiz section.width-box.cart_products .right_content .box{
        margin-top:20px;
    }
    .skin-quiz{
        padding-top:20px !important;
    }

    .skin-quiz section.width-box.cart_products{
        min-height:100% !important;
        width:100% !important;
        margin-top:0 !important;
    }


    .skin-quiz section.width-box .row .col-lg-4{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .skin-quiz section.width-box .row .col-lg-8{
        height: auto;
        overflow: scroll;
    }


    .skin-quiz section.width-box.cart_products .left_content {
        padding: 15px 0 !important;
    }

    .skin-quiz section.width-box.cart_products .right_content .box > img {
        width: 138px !important;
    }



    .skin-quiz section.width-box.cart_products h4{font-size: 19px;padding: 12px;}
    .skin-quiz section.width-box.cart_products .right_content h5{font-size: 19px;margin-bottom: 10px;}
    .skin-quiz section.width-box.cart_products .right_content h5.preference-head span::before{
        left: 0; width: 105%;}
    .skin-quiz section.width-box.cart_products .right_content p{font-size: 12px;width: 90%;
        margin: 0 auto 24px;}
    .skin-quiz section.width-box.cart_products .right_content h5.preference-head3 span:before{width: 100%;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference li{width: 100%;margin-right: 3%;height: 36px;font-size: 14px;}
    section.width-box.cart_products h4{font-size: 19px !important;}
    .skin-quiz section.width-box.cart_products .right_content button.btn{height: 42px;width: 257px !important;font-size: 12px;margin-top: 9px;}
    .disclaimer-btn{height: 42px;width: 257px !important;font-size: 12px;margin-top: 9px;}
    .skin-quiz section.width-box.cart_products .left_content{flex-direction: row-reverse;padding: 15px 19px;background: #fff;}
    .skin-quiz section.width-box.cart_products .left_content h5{margin: 0;font-size: 14px;}
    .skin-quiz section.width-box.cart_products .left_content .progress-bar{height: 7px;width: 100%;margin-top: 12px;transition:.4s width linear;}
    .skin-quiz section.width-box.cart_products .left_content .box{width: 90%;}
    .skin-quiz section.width-box.cart_products .left_content img{width: 66px;margin-left: 25px;}
    .skin-quiz section.width-box.cart_products .right_content .box {flex-direction: column;}
    .skin-quiz section.width-box.cart_products .right_content .box > img{width: 178px;margin: 0 0 40px;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference3{margin: 0;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference3 li{width: 177px;}
    .skin-quiz section.width-box.cart_products .right_content form{width: 80%;
        margin-top: 55px;}
    .skin-quiz section.width-box.cart_products .right_content form input.form-control{font-size: 14px;}
    .skin-quiz section.width-box.cart_products .right_content form p{width: 100%;font-size: 12px;
        line-height: 20px;}
    .cart_products {min-height: calc(100vh - 60px);}
    .final .box p {font-size: 16px !important;margin-bottom: 0 !important;}
    .final .box img.hair-logo {width: 52px;margin-bottom: 45px;}
    .skin-quiz section.width-box.cart_products .right_content ul li{width: 221px;
        margin: 0 auto 13px;display: block;height: 36px;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference2 li:last-child{margin: 0 auto;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference li:nth-child(even){
        margin-right: auto;}
    .skin-quiz section.width-box.cart_products .right_content ul li{font-size: 14px;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box.step-4 form button.btn{margin-top: 62px;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box.step-4 form .form-group{margin-bottom: 30px;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box.step-4 form{margin-top: 52px;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box form{margin-top: 28px;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box h5.preference-head br{display:none}
    .skin-quiz section.width-box.cart_products .right_content ul{width: 90%;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference2 li {width: 221px;margin: 0 auto 13px;display: block;}
    .skin-quiz section.width-box.cart_products .right_content{padding: 25px 15px;}
    section.width-box.cart_products .right_content h5 + p br {display: none;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img img{height: 228px;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img:before{width: 178px;height: 178px;}
    .skin-quiz section.width-box.cart_products .right_content .box span.prod-img{margin-bottom: 40px;}

}


@media only screen and (max-width: 320px){
    .skin-quiz section.width-box.cart_products .right_content{height : calc(100% + 40%) !important; }
    .skin-quiz section.width-box .row .col-lg-4{position: static !important;}
    .skin-quiz section.width-box .row .col-lg-8 {height: calc(100vh - 37vh) !important;}
    .skin-quiz section.width-box.cart_products .right_content form p{font-size: 10px !important;}
    .skin-quiz section.width-box.cart_products .left_content h5{font-size: 12px;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference li{height: 30px;}
    .skin-quiz section.width-box.cart_products .right_content ul li{font-size: 12px !important;}
    .skin-quiz section.width-box.cart_products .right_content.skin-box, .skin-quiz section.width-box.cart_products .right_content.skin-box{padding: 50px 15px;}
    .skin-quiz section.width-box.cart_products .right_content button.btn{width: 90% !important;}
    .skin-quiz section.width-box.cart_products .right_content ul.preference3 button.btn{width: 100% !important;}
    .skin-quiz section.width-box.cart_products .right_content h5{font-size: 17px;}
    .skin-quiz section.width-box.cart_products .left_content{padding:15px !important;}

}


@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueMedium.eot);
    src: url(HelveticaNeueMedium.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueMedium.woff2) format('woff2'), url(HelveticaNeueMedium.woff) format('woff'), url(HelveticaNeueMedium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueThin.eot);
    src: url(HelveticaNeueThin.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueThin.woff2) format('woff2'), url(HelveticaNeueThin.woff) format('woff'), url(HelveticaNeueThin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueBold.eot);
    src: url(HelveticaNeueBold.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueBold.woff2) format('woff2'), url(HelveticaNeueBold.woff) format('woff'), url(HelveticaNeueBold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueLight.eot);
    src: url(HelveticaNeueLight.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueLight.woff2) format('woff2'), url(HelveticaNeueLight.woff) format('woff'), url(HelveticaNeueLight.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueRegular.eot);
    src: url(HelveticaNeueRegular.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueRegular.woff2) format('woff2'), url(HelveticaNeueRegular.woff) format('woff'), url(HelveticaNeueRegular.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueLight_1.eot);
    src: url(HelveticaNeueLight_1.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueLight_1.woff2) format('woff2'), url(HelveticaNeueLight_1.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueHeavy.eot);
    src: url(HelveticaNeueHeavy.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueHeavy.woff) format('woff'), url(HelveticaNeueHeavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueBold_1.eot);
    src: url(HelveticaNeueBold_1.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueBold_1.woff2) format('woff2'), url(HelveticaNeueBold_1.woff) format('woff'), url(HelveticaNeueBold_1.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueMedium_1.eot);
    src: url(HelveticaNeueMedium_1.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueMedium_1.woff2) format('woff2'), url(HelveticaNeueMedium_1.woff) format('woff'), url(HelveticaNeueMedium_1.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeue;
    src: url(HelveticaNeueItalic.eot);
    src: url(HelveticaNeueItalic.eot?#iefix) format('embedded-opentype'), url(HelveticaNeueItalic.woff2) format('woff2'), url(HelveticaNeueItalic.woff) format('woff'), url(HelveticaNeueItalic.ttf) format('truetype');
    font-weight: 100
}

@font-face {
    font-family: Helvetica-Oblique;
    src: url(Helvetica-Oblique.woff2) format('woff2'), url(Helvetica-Oblique.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

:root {
    --skin-primary: #f9acac;
    --hair-primary: #217bc9;
    --skin-accent: #e6f7ff;
    --hair-accent: #fee8d8;
    --hair-gradient: linear-gradient(3.79deg, #247ecb -24.81%, #abd3fe 66.6%);
    --skin-gradient: linear-gradient(90deg, rgba(252, 220, 202, 1) 0, rgba(249, 176, 174, 1) 100%);
    --nutra-primary: #ffc122;
    --ingredient-primary: #96c8bd;
    --ingredient-accent: #fdfad8;
    --nutra-accent: #e3fbeb;
    --nutra-gradient: linear-gradient(176.75deg, #fff5da 2.69%, #ffcb44 136.35%);
    --ingredient-gradient: linear-gradient(176.75deg, #e2faf3 10%, #96c8bd 100%)
}

.hair-color {
    color: #217bc9 !important
}

.skin-color {
    color: #f9acac !important
}

.nutra-color {
    color: var(--nutra-primary) !important
}

.ingredient-color {
    color: var(--ingredient-primary) !important
}

.hair-accent:after {
    background: var(--hair-accent) !important
}

.skin-accent:after {
    background: var(--skin-accent) !important
}

.nutra-accent:after {
    background: var(--nutra-accent) !important
}

.ingredient-accent:after {
    background: var(--ingredient-accent) !important
}

.hair-btn {
    background: var(--hair-gradient);
    border: 1px solid var(--hair-primary)
}

.skin-btn {
    background: var(--skin-gradient) !important;
    border: 2px solid var(--skin-primary) !important
}

.nutra-btn {
    background: var(--nutra-gradient) !important;
    border: 2px solid var(--nutra-primary) !important
}

.ingredient-btn {
    background: var(--ingredient-gradient) !important;
    border: 2px solid var(--ingredient-primary) !important
}

body {
    font-family: HelveticaNeue;
    line-height: normal
}

#bare-aware #shopify-section-announcement,
#bare-awareness #shopify-section-announcement,
#bare-tips #shopify-section-announcement,
#blog #shopify-section-announcement,
#hair-hacks #shopify-section-announcement,
#news #shopify-section-announcement {
    height: auto !important
}

.jdgm-subtab__name[data-tabname=shop-reviews] {
    display: none !important
}

.jdgm-subtab__count {
    display: none
}

.jdgm-subtab__name[data-tabname=product-reviews] {
    display: none !important
}

#judgeme_all_reviews_page {
    margin-top: 110px
}

#shopify-section-announcement,
#shopify-section-quizsetting {
    background-color: #0e3a5c;
    text-align: center;
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 99
}

ul.radio-inner1 {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 0 auto
}

ul.radio-inner1 li {
    text-align: center;
    width: 30%
}

ul.radio-inner1 li {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

ul.radio-inner1 li input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    height: 100%;
    width: 100%;
    opacity: 0
}

ul.radio-inner1 li span.brown {
    background: #5e2d18
}

ul.radio-inner1 li span {
    box-shadow: 0 0 0 3px #fff
}

ul.radio-inner1 li span {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: #fff 1px solid
}
/****SEARCHANIZE ON HEADER STYLE ***/
.searchanize-search{
    color:#01385e;
    cursor:pointer;
}
.searchanize_form{
    width: 100%;
    text-align: center;
}
.searchanize_form input{
    width: 80%;
    margin: 0 auto;
    height: 100%;
    background: #fff6f4;
    border: 0;
    border-bottom: 1px solid #01385e;
}
.searchanize_form input:-webkit-autofill,
.searchanize_form input:-webkit-autofill:hover,
.searchanize_form input:-webkit-autofill:focus,
.searchanize_form input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.searchanize_form button{
    background: none;
    border: none;
    outline: none;
}
.searchanize_form img{
    height:15px;
    width:15px;
}
form.search{
    width:100%;
}
form.search input{
    width:100%;
    height:60px;
}
.searchanize-search{
    position: absolute;
    right: 8%;
}
.search_nav{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 50px;
    position: fixed;
    background: #fff6f4;
    width: 100%;
    z-index: 12;
    top: 30px;
    left: 0;
}
.searchanize-search{
    display: none !important;
}
.desktop-show{
    display:block;
}
.search-desktop{
    width:auto !important;
    position: absolute;
    right: 9%;
}
.search-desktop input{
    height:auto !important;
    width:auto !important;

}
.search-desktop input{
    border: none;
    border-bottom: 1px solid #01385e;
    background: #fff6f4;
}
.search-desktop button{
    background: none;
    border: none;
    outline: none;
}
@media only screen and (max-width: 560px) {
    .search_nav {
        height: 50px !important;
        top: 30px !important;
    }
    .desktop-show{
        display:none;
    }
}
@media only screen and (max-width:767px) {
    .searchanize-search{
        display:block !important;
        position: relative;
        left: 35%;
    }
}
/****SEARCHANIZE ON HEADER STYLE END ***/

@media only screen and (min-width:768px) {
    ul.radio-inner1 {
        margin: 0 !important;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start
    }
    ul.radio_skin_analysis {
        align-items: flex-start !important;
        justify-content: flex-start !important
    }
    ul.radio_skin_analysis li {
        align-items: center !important
    }
    ul.radio-inner1 li {
        width: 25%;
        align-items: center
    }
}

ul.radio-inner1 li span.grey {
    background: #dad2ca
}

ul.radio-inner1 li input[type=radio]:checked+span {
    box-shadow: 0 0 0 2px #ffca28
}
/*search results page css */
.page-width{
    /* margin-top: 145px; */
}
header.section-header{
    top:100px !important;
}
#search-results header{
    background: #fff6f4;
}
@media only screen and (max-width: 767px){
    header.section-header{
        top:75px !important;
    }
    header.section-header h1{
        font-size:1rem;
    }
}
div.snize.snize-search-results.snize-mobile-design#snize_results{
    padding:1em;
}

/*search results page css end */

ul.radio-inner1 li label {
    font-size: 12px;
    color: #413f3f;
    margin: 10px 0
}

#challenge {
    padding-top: 150px
}

#slider {
    width: 100%
}

#slider li {
    width: 20%
}

a.mb-scrollButtons {
    background:transparent url("{{ 'arrows.png' | asset_url }}") no-repeat
}

.slide-left {
    background-size: cover
}

.slide-right {
    background-size: cover
}

.bottom-box .fa-search {
    background:url("{{ 'SearchPeach.png' | asset_url }}") 0 0 no-repeat
}

.bottom-box .fa-search:before {
    opacity: 0;
    visibility: hidden
}

.wzrk-powered {
    display: none
}

.fa-shopping-bag {
    background:url("{{ 'ShoppingBag.png' | asset_url }}") 0 0 no-repeat;
    display: inline-block;
    height: 21px
}

.fa-user-o {
    background:url("{{ 'Account.png' | asset_url }}") 0 0 no-repeat;
    display: inline-block;
    height: 21px;
    width: 20px
}

.fa-times {
    background:url("{{ 'Cross.png' | asset_url }}") 0 0 no-repeat
}

.fa-bars:before,
.fa-shopping-bag:before,
.fa-times:before,
.fa-user-o:before {
    opacity: 0;
    visibility: hidden
}

#refer-your-friends-amp-family-bare-anatomy .navbar.navbar-expand-lg.nav_default {
    margin-top: 0
}

.login_work #loginbutton {
    width: 234px;
    text-align: center;
    border-radius: 45px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: 0;
    color: #fde2c7 !important;
    border: 2px solid #fde2c7;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 20px;
    cursor: pointer;
    font-family: helvetica;
    height: 48px;
    line-height: 23px
}

.login_work .input-box .errors ul li {
    list-style-type: none
}

.log-in-link {
    font-size: 19px !important;
    font-weight: 300 !important;
    text-decoration: underline;
    font-family: HelveticaNeue !important;
    text-transform: uppercase;
    cursor: pointer
}

.opt-link {
    margin: 5px 0 30px 0
}

a.use_otp {
    text-decoration: underline;
    cursor: pointer
}

.otp-fail {
    color: red;
    font-size: 14px
}

.otp-nofail {
    display: block;
    text-align: right;
    font-size: 11px;
    padding-top: 1px;
    color: red
}

.input-box.otp_error {
    margin-bottom: 5px
}

.input-box.failure_otp {
    margin-bottom: 0
}

#loginbox #custom_otp .target_line {
    border-bottom: red 1px solid
}

.account-links a {
    text-decoration: underline
}

a.customer_forgot {
    position: absolute;
    bottom: 10px;
    right: 0
}

#custom_otp #otp_target {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #fde2c7;
    border-bottom: #fff4eb 1px solid;
    padding: 0 6px 12px;
    bottom: 0;
    background: #0f3a5d
}

#custom_otp .input-box input {
    background: 0;
    border: 0;
    border-bottom: #fff4eb 1px solid;
    padding: 10px 10px 10px 0;
    color: #fde2c7;
    font-size: 14px;
    box-sizing: border-box;
    outline: 0
}

span.code {
    position: absolute;
    bottom: 32px;
    left: 0;
    font-size: 24px;
    transition: right .2s;
    padding-left: 10px;
    color: #01385e
}

span.code:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    left: 0;
    bottom: -10px
}

label#CustomerEmailNumber-error {
    left: 0;
    right: auto
}

label#CustomerOtp-error {
    right: auto;
    left: 0
}

.cust_class {
    padding-left: 50px !important
}

.errors li {
    color: red;
    list-style: none
}

span.otp-failing {
    color: red
}

.input-box.failure_otp.here_otp {
    margin-bottom: 10px
}

.for_success {
    color: #0aa20a
}

.banner_section {
    background: #fadfd8;
    padding: 30px 50px
}

.nav-link {
    font-size: 12px;
    color: #000;
    font-weight: 300
}

.nav-link-white {
    color: #fff !important
}

.main_bg {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative
}

.skin_analysis {
    text-align: right
}

.skin_analysis button {
    padding: 17px 20px;
    border: #d69991 2px solid;
    background: #fff;
    font-size: 18px;
    color: #1c1111;
    text-transform: uppercase;
    font-weight: 300;
    background: linear-gradient(to right, #ffddcb, #ffafae);
    font-weight: 400
}

.skin_analysis button a {
    color: #1c1111
}

.personalized_skincaretitle {
    padding: 80px 0;
    font-size: 32px;
    font-weight: 500;
    color: #000;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif
}

.personalized_skincaretitle span {
    font-size: 27px;
    color: #f1c9c3;
    display: block
}

.subtitle {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #000;
    padding-bottom: 60px;
    margin: 0
}

.what_we_deliver {
    background: #f8f8f8;
    padding: 80px 0
}

.card {
    background: 0;
    border: 0;
    text-align: center
}

.card-img-top {
    width: 100%;
    text-align: center;
    margin-bottom: 20px !important
}

.what_we_deliver_prt2 .card {
    margin-bottom: 20px
}

.card-title {
    font-size: 30px;
    color: #000;
    font-family: 'Nanum Myeongjo', serif;
    margin: 0;
    padding-top: 15px
}

.card-img-top img {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.what_we_deliver_prt2 .card h5.card-title2 {
    margin-bottom: 0
}

p.card-text {
    margin: 15px 0;
    font-size: 22px;
    line-height: 32px;
    font-weight: 300
}

.what_we_deliver .card-body .card-text {
    max-width: 430px;
    max-height: 60px;
    display: inline-block;
    padding: 0
}

.what_we_deliver .card {
    max-width: 430px;
    margin: 0 auto
}

.what_we_deliver_prt2 .card p.card-text {
    margin-top: 15px
}

.card-body {
    padding: 0
}

.skincare_ingredients {
    padding: 80px 0
}

.ingredient_text {
    font-size: 45px;
    font-family: 'Nanum Myeongjo', serif;
    background: #f2cac4;
    height: calc(100% - 13px);
    padding: 43px 29px
}

.ingredient_text p {
    text-align: left;
    color: #fff;
    line-height: 56px;
    padding: 0;
    font-size: 32px;
    font-weight: 800
}

.ingredient_images {
    margin-bottom: 15px;
    width: 144px;
    height: 116px;
    margin: 16px auto
}

span.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.ingredient_images_bare {
    margin-bottom: 15px;
    width: 144px;
    height: 116px;
    margin: 16px auto
}

.ingredient_images img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ingredient_images_bare img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ingredient_title {
    font-size: 24px;
    font-weight: 800;
    font-family: 'Nanum Myeongjo', serif;
    padding: 15px 10px
}

.ingredient_detail p {
    font-size: 24px;
    padding: 0;
    font-weight: 300
}

.ingredient_types {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%
}

.ingredient_types .card.peach {
    background: #fcf1d9;
    width: 31%;
    margin: 0 13px 13px 0
}

ul.ticker {
    margin-bottom: 100px
}

ul.ticker li {
    display: inline-block;
    margin: 0 24px
}

.mb-10 {
    margin-bottom: 100px
}

.step_regime {
    padding: 75px 0;
    background: #fafafa
}

.step_regime h5 {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Nanum Myeongjo', serif;
    text-align: center
}

.step_regime h5 span {
    display: block;
    font-size: 27px;
    color: #f1c9c3
}

h3.product_title {
    color: #b39692;
    font-size: 27px;
    margin-bottom: 65px;
    font-weight: 300
}

.img-left {
    height: 200px;
    width: 210px;
    background-position: center;
    position: absolute;
    top: -15px
}

.img-right {
    height: 200px;
    width: 210px;
    background-position: center;
    position: absolute;
    top: -15px;
    right: 4px
}

.img-left.custom_product_number {
    height: 200px;
    width: 210px;
    background-position: center;
    position: absolute;
    top: -46px
}

.img-right.custom_product_number {
    height: 200px;
    width: 210px;
    background-position: center;
    position: absolute;
    top: -46px
}

.product_subtitle {
    font-size: 18px;
    color: #a8a8a8;
    line-height: 40px;
    margin-bottom: 40px
}

.product-image {
    padding: 75px;
    display: inline-block;
    width: 499px;
    height: 499px;
    margin: 0 auto;
    text-align: center
}

.product-image img {
    height: 100%
}

.product_detail {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%
}

ul.product_advantages li {
    list-style: none;
    font-size: 14px;
    line-height: 35px;
    color: #0a0c04;
    font-weight: 300
}

.what_we_deliver_prt2 {
    padding: 76px 0;
    background: #fff6f4
}

.card-title2 {
    font-size: 18px;
    line-height: 1.1;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700
}

.news {
    width: 160px
}

.news-scroll a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: 300
}

.dot {
    height: 2px;
    width: 6px;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 5px !important;
    background-color: #000;
    display: inline-block
}

.like_to_know {
    position: relative
}

.about_product {
    width: 60%;
    margin: 150px auto
}

ul.dtail_about_product li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 40%;
    font-size: 22px;
    line-height: 32px;
    text-align: center
}

ul.dtail_about_product li span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Nanum Myeongjo', serif;
    margin-bottom: 20px
}

ul.dtail_about_product li.step-1 {
    position: absolute;
    top: 45%;
    left: 0
}

ul.dtail_about_product li.step-2 {
    position: absolute;
    top: 20%;
    right: 5%
}

ul.dtail_about_product li.step-3 {
    position: absolute;
    left: 4%;
    top: 77%
}

ul.dtail_about_product li.step-4 {
    position: absolute;
    top: 60%;
    right: 0
}

.step-1 span.title {
    position: absolute;
    display: block;
    font-size: 42px;
    top: 161px;
    left: 28px;
    color: #b39692;
    font-weight: 300
}

.step-1 span.sub_title {
    position: absolute;
    top: 223px;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    text-align: left;
    left: 291px;
    font-weight: 500
}

.step-1 span.title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 119px;
    background: #fff;
    top: 45px;
    left: 275px
}

.step-2 span.title {
    position: absolute;
    display: block;
    font-size: 42px;
    top: 229px;
    right: 38px;
    color: #b39692;
    font-weight: 300
}

.step-2 span.sub_title {
    position: absolute;
    top: 296px;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    text-align: right;
    right: 275px
}

.step-2 span.title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 164px;
    background: #fff;
    top: 52px;
    right: 269px
}

.step-3 span.title {
    position: absolute;
    display: block;
    font-size: 42px;
    bottom: 82px;
    left: 128px;
    color: #b39692;
    font-weight: 300
}

.step-3 span.sub_title {
    position: absolute;
    bottom: -16px;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    text-align: left;
    left: 458px
}

.step-3 span.title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 154px;
    background: #fff;
    bottom: -25px;
    left: 329px
}

.breaking-news.bg-white {
    margin-bottom: 100px
}

.skin_analysis {
    margin-bottom: 30px
}

.mobile_view_about_product {
    display: none
}

.nav-link {
    text-decoration: underline
}

.card-text span {
    position: relative;
    z-index: 0;
    display: inline-block;
    font-weight: 600;
    line-height: 1
}

.card-text span:after {
    position: absolute;
    content: "";
    background: #fcf1d9;
    width: 100%;
    z-index: -21;
    top: 0;
    bottom: 0;
    left: 2px
}

.skin_analysis button a:hover {
    text-decoration: none
}

.banner-main {
    background: #f2f2f2;
    margin-top: 80px
}

.hide-in-desktop {
    display: none
}

.top-header {
    padding: 80px 0 30px;
    position: relative
}

.logo-head {
    text-align: center
}

.right-top-nav {
    text-align: right;
    padding-right: 0;
    margin-right: 30px
}

.right-top-nav a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
    font-weight: 300;
    letter-spacing: 1.5px
}

.nav-bar ul {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.nav-bar ul li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px 10px 10px;
    display: inline-block;
    text-decoration: none;
    margin-right: 67px;
    letter-spacing: 1.5px
}

.nav-bar ul li:last-child a {
    margin-right: 0
}

img.mob-logo {
    display: none
}

.banner-bottom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.banner-bottom-nav a {
    width: 25%;
    text-align: center;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 18px 10px 18px;
    text-decoration: none;
    word-break: break-word;
    font-weight: 500;
    letter-spacing: 1px
}

#my-referral .navbar.navbar-expand-lg.nav_default {
    margin-top: 0
}

.banner-bottom-nav a.pink_banner {
    background: linear-gradient(to right, #ffdccb, #ffb0af);
    border: 2px solid #ffadad
}

.banner-bottom-nav a.blue_banner {
    background: linear-gradient(to right, #a6d0fc, #247ecb);
    cursor: pointer;
    border: 2px solid #207bc9
}

.breaking-news.bg-white {
    margin: 30px 0
}

.banner-bottom-nav a.yellow_banner {
    background: linear-gradient(to right, #ffe9b7, #fec02e);
    border: 2px solid #febf2d
}

.banner-bottom-nav a.green_banner {
    background: linear-gradient(to right, #d4ecae, #77907b);
    border: 2px solid #748d79
}

.sidebar-navigation {
    position: fixed;
    right: -455px;
    bottom: 0;
    top: 0;
    background: #fff;
    width: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
    z-index: 9999
}

.sidebar-content {
    background: #fff4eb;
    padding-top: 20px
}

.sidebar-navigation.active {
    width: 455px;
    opacity: 1;
    visibility: visible;
    right: -15px
}

.side-top-login {
    padding: 10px 20px;
    text-align: right
}

.side-top-login a {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    padding: 5px 5px;
    text-decoration: underline;
    font-weight: 300;
    font-family: HelveticaNeue;
    margin-left: 15px
}

.side-top-login .active {
    font-weight: 700
}

.sidenav-close {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 19px;
    z-index: 1;
    cursor: pointer
}

.sidebar-contact {
    background: #fff;
    padding: 20px 20px
}

.sidebar-contact h6 {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0 0 8px
}

.sidebar-contact ul {
    list-style: none;
    padding-left: 20px;
    margin: 0
}

.sidebar-contact ul li {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 2px
}

.sidebar-content div#accordion {
    width: 100%;
    padding: 20px 30px;
    border: 0
}

.card-header {
    background: 0;
    border: 0;
    height: auto;
    line-height: normal;
    text-align: left;
    padding: 0
}

a.card-title {
    width: 94%;
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-right: 0;
    padding-top: 0;
    font-family: NanumMyeongjo;
    text-decoration: none;
    color: #000 !important;
    cursor: pointer;
    padding: 0 0 20px;
    letter-spacing: 1.35px
}

ul.sidedrop-link li {
    margin: 0
}

ul.sidedrop-link li a {
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 500;
    color: #000;
    text-align: left;
    width: 100%;
    display: inline-block;
    line-height: 1.1;
    font-size: 16px;
    padding-left: 20px;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    letter-spacing: 1.35px
}

.faq_skin_homepage {
    padding: 50px 0 50px;
    position: relative
}

.faq_skin_homepage h3 {
    font-size: 18px;
    margin: 0 0 50px;
    text-align: center;
    letter-spacing: 1.5px;
    font-weight: 300
}

.faq_skin_homepage ul#accordion li {
    background: #fff8f2;
    list-style: none;
    margin-bottom: 20px;
    padding: 20px 20px 10px;
    color: #6e6e6e;
    font-size: 14px
}

.faq_skin_homepage ul#accordion {
    border: 0
}

.faq_skin_homepage ul#accordion li span.fa {
    color: #888685 !important;
    font-weight: 300;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 5px
}

.faq_skin_homepage div[data-toggle=collapse] {
    cursor: pointer;
    padding: 0 15px 10px 0;
    position: relative
}

.faq_skin_homepage .collapse:not(.show) {
    display: none
}

.accordion .card-header:after {
    font-family: FontAwesome;
    content: "\f068";
    float: right;
    font-size: 12px;
    margin-top: 3px
}

.accordion .card-header.collapsed:after {
    content: "\f067"
}

h2.banner-head {
    text-align: center;
    color: #fff;
    font-size: 27px;
    margin: 101px 0 150px;
    line-height: 40px;
    height: 260px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Iowan Old Style";
    opacity: 0
}

.personalize-section {
    padding: 80px 0 80px;
    position: relative
}

.per-block {
    text-align: center
}

.per-block h5 {
    font-weight: 500;
    color: #000;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 30px;
    line-height: 15px;
    letter-spacing: 1.5px
}

.per-block h6 {
    color: #8b0e3a;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

.per-block p {
    font-size: 14px;
    color: #959595;
    font-weight: 300;
    padding: 5px 0;
    margin-top: 30px;
    font-weight: 500
}

.per-block h6 span {
    font-weight: 700
}

.per-block img {
    width: 200% !important;
    max-width: inherit;
    text-align: center;
    margin: 0 -51px
}

.step_regime.skin-regime {
    background: #fff6ea
}

.skin-regime h5 {
    color: #8b0e3a
}

.skin-regime h5 span {
    color: #01385e
}

.step_regime.skin-regime h5 span {
    display: inline-block
}

.easy-to-reach {
    text-align: center;
    padding: 20px 0 40px
}

.step_regime.skin-regime h5 span.back-color-text {
    color: #8b0e3a;
    font-size: 32px;
    font-weight: 700
}

img.easy-mob {
    display: none
}

.easy-to-reach h5 {
    text-align: center;
    font-size: 18px;
    letter-spacing: .15px;
    color: #000;
    margin-bottom: 25px;
    font-weight: 300;
    margin: 10px 0 70px;
    letter-spacing: 1.5px
}

.everything-give {
    padding: 50px 0 50px;
    position: relative
}

.everything-give h5 {
    text-align: center;
    font-size: 18px;
    letter-spacing: .15px;
    color: #000;
    margin-bottom: 25px;
    font-weight: 300;
    margin: 10px 0 70px;
    letter-spacing: 1.5px
}

.every-first {
    background: #efd6cf;
    text-align: center;
    margin-bottom: 15px;
    position: relative
}

.every-first img {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto
}

a.every-fir-btn {
    box-shadow: none;
    background: linear-gradient(to right, #ffddcb, #ffafae);
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    outline: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #1c1111;
    font-size: 14px;
    text-transform: uppercase;
    border: #d69991 2px solid;
    padding: 10px 56px;
    width: 350px;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    letter-spacing: 1.5px
}

.every-second {
    background: #d3ecff;
    margin-bottom: 15px;
    text-align: center;
    position: relative
}

.every-second img {
    display: block;
    margin: 0 auto;
    height: auto;
    width: auto
}

a.every-sec-btn {
    box-shadow: none;
    background: linear-gradient(to right, #a9d1fd, #257dcb);
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    outline: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #1c1111;
    font-size: 14px;
    text-transform: uppercase;
    border: #257dcb 2px solid;
    padding: 10px 56px;
    width: 350px;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    letter-spacing: 1.5px
}

.every-third {
    background: #ffd97e;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}

.every-third img {
    display: block;
    height: auto;
    margin: 0 auto
}

a.every-thr-btn {
    box-shadow: none;
    background: linear-gradient(to right, #ffe9b7, #fec43e);
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    outline: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #1c1111;
    font-size: 14px;
    text-transform: uppercase;
    border: #fdcd4d 2px solid;
    padding: 10px 56px;
    width: 350px;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    letter-spacing: 1.5px
}

.every-four {
    background: #e6eddb;
    text-align: center;
    margin-bottom: 15px;
    position: relative
}

.every-four img {
    display: block;
    height: auto;
    margin: 0 auto
}

a.every-four-btn {
    box-shadow: none;
    background: linear-gradient(to right, #d4ecae 10%, #768f7a 95%);
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    outline: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #1c1111;
    font-size: 14px;
    text-transform: uppercase;
    border: #5e7263 2px solid;
    padding: 10px 56px;
    width: 350px;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    letter-spacing: 1.5px
}

.five_star_review {
    padding: 50px 0 50px;
    position: relative
}

.five_star_review:before {
    content: '';
    background: #fff6ea;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 55%
}

.five_star_review h5 {
    font-size: 36px;
    line-height: 37px;
    color: #8b0e3a;
    text-align: center;
    font-size: 26px;
    color: #01385e;
    font-weight: 300
}

.five_star_review h5 span {
    line-height: 33px;
    color: #8b0e3a;
    text-align: center;
    font-weight: 300
}

span.five_designation {
    margin-bottom: 20px;
    display: block
}

.five_author-box {
    font-size: 14px;
    text-align: left
}

.five_author-box span {
    display: block;
    line-height: 1.4
}

span.five_designation {
    margin-bottom: 13px
}

.five_star_review h5 span.back-color-text {
    color: #8b0e3a
}

span.back-color-text {
    position: relative;
    display: inline-block;
    line-height: 1;
    z-index: 0
}

span.back-color-text:after {
    position: absolute;
    content: "";
    background: #ffdbbc;
    width: 100%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 2px
}

.five_star_review h5 span.home-blue {
    color: #01385e;
    font-size: 32px
}

.five_star_review h5 {
    line-height: 37px;
    text-align: center;
    font-size: 27px;
    color: #01385e;
    font-weight: 300;
    margin: 0 0 70px;
    position: relative;
    font-family: 'Nanum Myeongjo', serif
}

.five_star_small_head {
    text-align: center;
    font-size: 18px;
    color: #000;
    padding: 5px 0;
    margin-top: 30px;
    font-weight: 300;
    margin: 0 0 50px;
    position: relative;
    letter-spacing: 1.5px
}

.star_first_main {
    background: #fff;
    display: flex;
    align-items: flex-end;
    padding: 10px
}

.star_first {
    display: inline-block;
    width: 50%
}

.star_second {
    display: inline-block;
    width: 50%;
    vertical-align: baseline;
    padding-left: 20px
}

.five_star_block {
    box-shadow: 0 2px 7px -1px #000;
    position: relative
}

.star_second .rating {
    font-size: 0;
    margin-bottom: 10px;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin: 0
}

.star_second .rating span.fill {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAF1QTFRF//Tr/+Ge/9Nk/+zK/85O/9+V//Pq/9Jf/96R/9uF/9uE/9qC/9qA/9h5/9uG/+On/85S/+zM/+zL//Lj/9Ji/+zN/85Q/+Cb/9Nj/+vH/9Rp/92L//Li/9Jg/+i64Xv+4wAAAHRJREFUeJxVjVkOgCAMRCuOKwoq7gr3P6aY4sL7aOZN0paISRKKESL2FEijIgOyv+cFUOScy6qWTQtP28halaQ7/Og0US8+F8O9ZNTjyoSbkl2+T0YuxscnL/PsxxSKBVi3bQWWUOw4/DVzYGc/rePg7El0AZDvBL2/R6dXAAAAAElFTkSuQmCC) center center no-repeat
}

.star_second .rating span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAIAAABiEdh4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOhJREFUeJyNkrsOgkAURPn/P0A63okF8QEiIgYNoVALY6HBQrFAAyYU2kChjqDEwKLc3OLuzJzN7mapxy2q9tKdoYkWRVQlgUc3BULfo7PC0Ahwp1YOYPgP3K8hz7E5gAHLMuBMzPFQM3V1NOgbWk/tKPRXqV0FIiwEEEOYWi9chmHoBoUYwq8jRb4ni/zvNAJR9gbvO6TxyTK0ujQsBAiXxlmraYi1ryTyXBWASAYux10RamVVLGERgLlj5zY+xXm/RWPIFVgEoC1L8GxTT+Pg8xIBlhBhlYEkDgSOPWxW1b8AEVby2eUJLwlGelTrPjQAAAAASUVORK5CYII=) center center no-repeat
}

.five_author-box .designation,
.five_author-box .title {
    font-size: 13px;
    letter-spacing: .3pt;
    color: #000;
    display: block;
    font-weight: 300
}

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

.five_author-box ul li.active {
    color: #8b0e3a
}

.five_author-box ul li {
    line-height: 1.3;
    margin-bottom: 2px
}

p.review_content {
    text-align: center;
    background: #01385e;
    color: #fff;
    height: 260px;
    padding: 20px 20px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700
}

.read_more_review a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 40px;
    margin-bottom: 60px;
    display: inline-block;
    letter-spacing: 1.5px
}

.clean_ingredients .read_more_review a {
    color: #1c1111;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 30px;
    margin-bottom: 60px;
    display: inline-block;
    line-height: 20px
}

.bare_in_numbers {
    background: #01385e;
    padding: 100px 0 80px;
    position: relative
}

.number_block {
    text-align: center;
    margin-bottom: 20px
}

.number_block h3 {
    color: #ffdbbc;
    margin: 0 0 10px;
    font-size: 36px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700
}

.number_block p {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 2px;
    line-height: 24px
}

.bare_in_numbers h2 {
    font-size: 18px;
    margin-bottom: 70px;
    text-align: center;
    color: #fff6ea;
    font-weight: 300;
    letter-spacing: 1.5px
}

body#bareanatomydev .breaking-news.bg-white {
    margin: 30px 0
}

body#bareanatomydev .news-scroll a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}

.owl-carousel.owl-theme.owl-carousel-2.product-icon-img li.list-inline-item>img {
    width: auto !important;
    height: auto !important;
    min-width: unset
}

.product-p .product_subtitle {
    font-size: 14px !important;
    line-height: normal;
    color: #212529
}

section.abt-pr-dv.text-center.pd-50.pdb-0.desktop_description {
    margin-top: 75px
}

section.abt-pr-dv.text-center.pd-50.pdb-0.desktop_description p span {
    font-family: HelveticaNeue;
    font-size: 21px
}

.card.peach.hyaluronic {
    background: #f9ece4
}

.card.peach.resorcinol {
    background: #f5dedb
}

.card.peach.peptides {
    background: #f4ecea
}

.card.peach.lactic-acid {
    background: #f0e5db
}

.email_section {
    position: relative;
    text-align: center;
    padding: 40px 0 80px
}

.email-head {
    color: #413f3f;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 27px;
    margin: 0 0 40px;
    font-weight: 600;
    text-transform: uppercase
}

form.email_signup {
    width: 100%;
    align-items: center;
    justify-content: center
}

form.email_signup input[type=email] {
    width: 70%;
    font-size: 16px;
    padding: 10px 10px 10px;
    border: #d69991 2px solid;
    outline: 0;
    min-height: 50px;
    display: inline-block;
    float: left;
    color: #1c1111
}

form.email_signup button {
    box-shadow: none;
    background: linear-gradient(to right, #ffddcb, #ffafae);
    font-weight: 500;
    color: #1c1111;
    font-size: 16px;
    text-transform: uppercase;
    border: #d69991 2px solid;
    padding: 10px 16px;
    width: auto;
    display: inline-block;
    outline: 0
}

form.email_signup p.form-message.form-message--success {
    width: 100%;
    color: green;
    font-size: 18px;
    flex-basis: 100%;
    outline: 0;
    color: #1c1111;
    padding: 10px 5px;
    border-radius: 5px
}

form.email_signup .input-error-message {
    display: block;
    float: none;
    clear: both;
    text-align: center;
    text-transform: capitalize;
    color: red;
    margin: 6px 0 0 !important;
    clear: both;
    display: inline-block;
    font-size: 15px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 100%;
    padding: 9px 5px
}

.pr-logo .owl-item .item {
    height: 100% !important;
    width: 100% !important
}

.notified-text {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    margin: 40px 0 3px;
    color: #413f3f;
    clear: both;
    display: inline-block;
    width: 100%
}

.order-text {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 3px;
    color: #413f3f
}

.main_bg.banner-white .step-1 span.title:after,
.main_bg.banner-white .step-2 span.title:after,
.main_bg.banner-white .step-3 span.title:after {
    background: #d5b9ae
}

.main_bg.banner-white .step-1 span.sub_title,
.main_bg.banner-white .step-2 span.sub_title,
.main_bg.banner-white .step-3 span.sub_title {
    color: #d5b9ae
}

.main_bg.banner-white .step-3 span.title {
    right: -5px;
    left: unset;
    bottom: 140px
}

.main_bg.banner-white .step-3 span.title:after {
    left: -20px
}

.main_bg.banner-white .step-3 span.sub_title {
    left: unset;
    right: 230px;
    text-align: right;
    bottom: 50px
}

.main_bg.banner-white .step-2 span.title {
    right: -5px;
    left: unset;
    right: 370px;
    top: 256px
}

.main_bg.banner-white .step-2 span.sub_title {
    left: unset;
    right: 590px;
    text-align: right;
    top: 320px
}

.main_bg.banner-white .step-1 span.title {
    top: 361px
}

.main_bg.banner-white .step-1 span.title:after {
    left: 195px
}

.main_bg.banner-white .step-1 span.sub_title {
    top: 423px;
    left: 231px
}

.email_section p.form-message.form-message--success {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 20px 0 10px;
    font-size: 18px
}

.email_section p.form-message.form-message--success strong {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    color: #bc0101
}

.main_bg.banner-white.banner-mob {
    display: none
}

.efficiency-sec {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Nanum Myeongjo', serif;
    color: #fff;
    background: #f2cac4;
    padding: 50px 10px 50px
}

.efficiency-sec p {
    margin: 0;
    padding: 0;
    line-height: 1.1
}

.efficiency-sec p span {
    color: #000;
    display: block
}

.web-pop-main {
    background: #dfd8d3
}

.popup-content {
    padding: 30px 10px 20px;
    margin-bottom: 20px
}

.popup-content h4 {
    font-size: 25px;
    text-align: center;
    font-weight: 300;
    margin: 0 0 10px
}

.popup-content p {
    font-size: 15px;
    text-align: center;
    font-weight: 300;
    margin: 0 0 10px;
    letter-spacing: 1.5px
}

form.web-popup-form {
    text-align: center;
    width: 80%;
    margin: 10px auto 40px
}

form.web-popup-form input,
form.web-popup-form input#homepopemail {
    background: 0;
    border: 0;
    border-bottom: 1px solid #707070;
    font-size: 12px;
    color: #8d8d8d;
    font-weight: 300;
    width: 67%;
    outline: 0
}

form.web-popup-form button {
    box-shadow: none;
    background: linear-gradient(to right, #ffddcb, #ffafae);
    font-weight: 500;
    color: #1c1111;
    height: 50px;
    text-transform: uppercase;
    border: #d69991 2px solid;
    padding: 9px 3px 9px;
    display: inline-block;
    border-radius: 40px;
    font-size: 12px;
    line-height: 1;
    height: auto;
    width: 85px
}

form.web-popup-form label.error {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0
}

.popup-content h6 {
    font-weight: 500;
    font-family: 'Nanum Myeongjo', serif;
    text-align: center;
    font-size: 20px;
    color: #000
}

.popup-content h6 span {
    font-weight: 600;
    color: #000;
    margin-top: 1px;
    display: block
}

.web-popup-img {
    text-align: center
}

.web-popup-img img {
    width: 50% !important;
    margin: 0 auto
}

form.web-popup-form p.form-message.form-message--success {
    color: green;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px
}

form.web-popup-form p.form-message.form-message--success strong {
    display: block;
    line-height: 1
}

form.email_signup label.error {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 60px;
    font-size: 14px
}

.bg-yellow {
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/Category_Nutra_banner_Desktop.jpg?v=1613646783);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.skin_analysis.nutra-page-btn button {
    background: linear-gradient(to right, #ffe9b7, #fec43e);
    border: #fdcd4d 2px solid;
    background-image: linear-gradient(to right, #ffe9b7 10%, #fec43e 95%);
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500
}

.nutra-yellow {
    color: #fec030 !important
}

.nutra_per_skin .card-img-top {
    margin-bottom: 1px !important
}

.nutra_block_skin .ingredient_text {
    background: #fec236 !important
}

.nutra_block_skin .card.peach {
    background: #fde4c6 !important
}

.nutra_block_skin .card.peach.hyaluronic {
    background: #ffdbd5 !important
}

.nutra_block_skin .card.peach.resorcinol {
    background: #fed2a3 !important
}

.nutra_block_skin .card.peach.peptides {
    background: #ffddc7 !important
}

.nutra_block_skin .card.peach.fruitenzymes {
    background: #cdf1e5 !important
}

.nutra_block_skin .card.peach.lactic-acid {
    background: #febfb0 !important
}

.nutra_exclusive_for_you .product_title {
    color: #fec030;
    margin: 0 0 10px
}

.what-we-del-bg {
    background: #fff8ea
}

.last_product_nutra ul.dtail_about_product li.step-1 {
    top: 44%
}

.last_product_nutra ul.dtail_about_product li.step-4 {
    top: 53%
}

.main_bg.back-image-none {
    background-image: none !important
}

.prod-price h4 {
    color: #fec030;
    font-size: 18px;
    font-weight: 700
}

.prod-price h6 {
    color: #fec030;
    font-size: 18px;
    font-weight: 300
}

.prod-price {
    margin-bottom: 30px;
    letter-spacing: 1px
}

.nutra-por-btn {
    display: flex;
    align-items: flex-end
}

.nutra-por-btn a.know-ore {
    font-size: 18px;
    font-weight: 700;
    color: #fec030;
    text-decoration: underline;
    margin-left: 40px;
    vertical-align: bottom
}

.product_detail.text-right.prod-det-2 .nutra-por-btn a.know-ore {
    margin-left: 0;
    margin-right: 40px
}

.personalized_skincare.last_product_nutra .about_product {
    width: 100%;
    margin: 100px auto 100px
}

.personalized_skincare.last_product_nutra .about_product img {
    width: 100%
}

.nutra_per_skin h5.card-title {
    font-size: 20px;
    font-weight: 700
}

.testimonials {
    background: #fff8f0;
    padding: 60px 0 60px;
    position: relative
}

.hair-care-testmonial {
    background: #e5f7ff
}

.testimonials h6 {
    text-align: center;
    font-size: 18px;
    color: #1c1111;
    font-weight: 300;
    margin-bottom: 40px
}

.testimonials h2 {
    font-size: 32px;
    font-family: 'Nanum Myeongjo', serif;
    text-align: center;
    margin-bottom: 35px
}

.star-img {
    text-align: center;
    margin-bottom: 20px
}

.star-img img {
    width: auto !important;
    margin: 0 auto
}

.shadow-effect img {
    display: block;
    width: 125px !important;
    height: 125px;
    border-radius: 100%;
    max-width: 100%;
    margin-top: -70px;
    margin: -70px auto 30px
}

#customers-testimonials .shadow-effect p {
    line-height: 30px;
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 22px;
    font-family: 'Nanum Myeongjo', serif;
    text-align: center;
    color: #191717
}

.per-desg,
.per-name {
    font-size: 18px;
    color: #707070;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.3
}

.per-desg {
    margin-bottom: 10px
}

.per-name {
    text-transform: uppercase;
    margin-top: 30px
}

#customers-testimonials .owl-next span,
#customers-testimonials .owl-prev span {
    font-size: 0
}

#customers-testimonials .owl-next,
#customers-testimonials .owl-prev {
    width: 18px;
    height: 18px;
    background-size: cover !important;
    outline: 0
}

#customers-testimonials .owl-nav {
    width: 100%;
    position: absolute;
    top: 60%;
    margin-top: 0;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    transform: translateY(-50%);
    outline: 0
}

#customers-testimonials .owl-nav .slider-icon-down {
    top: 40% !important
}

.logo-slider-main {
    padding: 50px 0 50px;
    position: relative
}

.logo-slider-main h6 {
    font-size: 18px;
    color: #1c1111;
    text-align: center;
    margin: 0 0 30px;
    font-weight: 300;
    letter-spacing: 1.5px
}

.logo-slider-main h2 {
    color: #484848;
    font-size: 32px;
    text-align: center;
    padding: 0 90px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 50px;
    font-family: "Iowan Old Style"
}

#logo-slider .owl-next span,
#logo-slider .owl-prev span {
    font-size: 0
}

#logo-slider .owl-next,
#logo-slider .owl-prev {
    width: 18px;
    height: 18px;
    background-size: cover !important;
    outline: 0
}

.logo-img-container img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
    margin: 0 !important
}

#logo-slider .item {
    opacity: .2;
    height: 100% !important;
    width: 100% !important;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#logo-slider .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

#logo-slider .owl-nav {
    margin-top: -18px;
    z-index: -1;
    outline: 0;
    outline: 0;
    position: static;
    margin-top: 0 !important
}

button.owl-prev {
    position: absolute;
    top: 25%;
    left: 0
}

button.owl-next {
    position: absolute;
    top: 25%;
    right: 0
}

.skin_analysis.nura_here_analysis.nutra-page-btn.text-center {
    width: 100%;
    margin-bottom: 30px
}

.nutra-page-read a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 60px;
    display: inline-block
}

.logo-slider-main .nutra-page-read a {
    margin-bottom: 10px
}

.nutra-banner-mob {
    display: none
}

.personalized_skincare.nutra_per_skin .card-img-top img {
    height: 70px;
    width: auto
}

.nutra_exclusive_for_you .subtitle span {
    color: green
}

.efficiency-sec.nutra-eff p span {
    display: inline-block
}

.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    margin-top: 40px;
    width: 90%;
    margin: 100px auto 0;
    padding-top: 90px;
    position: relative
}

img.img-circle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

#customers-testimonials .item {
    text-align: center;
    padding: 50px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1
}

.owl-carousel .owl-item img {
    width: auto !important;
    margin: 0 auto !important
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #707070
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #eaeaea;
    display: inline-block;
    height: 10px;
    margin: 0 3px 5px;
    transition: all 250ms ease-out 0s;
    width: 10px;
    border-radius: 50%
}

.exclusively_for_you.nutra_exclusive_for_you li {
    line-height: 27px
}

section.exclusively_for_you.nutra_exclusive_for_you span.product_subtitle {
    font-size: 18px;
    line-height: 24px
}

.bg-ingredient {
    background: #f7efea
}

.skin_analysis.ingredient-page-btn button {
    border: #5e7263 2px solid;
    background-image: linear-gradient(to right, #d4ecae 10%, #768f7a 95%);
    color: #000;
    font-size: 15px;
    font-weight: 500
}

.ingredient-page-btn.ingredient_banner_btn {
    margin-bottom: 30px
}

.ingredient_block_skin .ingredient_text {
    background: #738c79
}

.ingredient_block_skin .card.peach {
    background: #e8e4d9
}

.ingredient_block_skin .card.peach.hyaluronic {
    background: #ccddb9
}

.ingredient_block_skin .card.peach.resorcinol {
    background: #f7e4d4
}

.nature_box {
    background: #d3c2b9;
    padding: 40px 0 40px;
    position: relative
}

.nature_box_content {
    text-align: center
}

.nature_box_content h5 {
    font-size: 27px;
    color: #7d967f;
    margin: 20px 0 20px
}

.nature_box_content p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px
}

.nature_box_content .skin_analysis.nutra-por-btn.ingredient-page-btn.text-left {
    justify-content: center;
    margin: 30px 0 10px
}

.nature_box_content h4 {
    font-size: 18px;
    line-height: 24px;
    color: #607566;
    font-weight: 700
}

.testimonials.ingredient-testmonial {
    background: #f1f7ea
}

.skin_analysis.ingredient_here_analysis {
    width: 100%;
    margin-bottom: 20px
}

.what_we_deliver_prt2.ingredient_deliver_part2 .card-title2 {
    font-size: 18px;
    line-height: 1.2
}

.what_we_deliver_prt2.ingredient_deliver_part2 p.card-text {
    margin-top: 10px
}

.personalized_skincare.ingredient_per_skin span.nutra-yellow {
    color: #5e7263 !important
}

.exclusively_for_you.ingredient_exclusive_for_you h3.product_title {
    color: #5e7263
}

.exclusively_for_you.ingredient_exclusive_for_you .prod-price h4,
.exclusively_for_you.ingredient_exclusive_for_you .prod-price h6 {
    color: #607566;
    display: inline-block
}

.exclusively_for_you.ingredient_exclusive_for_you .prod-price h6 {
    margin-left: 3px
}

.exclusively_for_you.ingredient_exclusive_for_you .product_detail .nutra-por-btn a.know-ore {
    color: #5e7263
}

.exclusively_for_you.ingredient_exclusive_for_you h3.product_title {
    font-size: 27px;
    color: #5e7263 !important
}

.exclusively_for_you.ingredient_exclusive_for_you .prod-price h4,
.ingredient-green {
    color: #5e7263 !important
}

.exclusively_for_you.nutra_exclusive_for_you.ingredient_exclusive_for_you span.product_subtitle {
    font-weight: 300
}

.personalized_skincare.ingredient_per_skin .card-text span:after {
    background: #d4ecae
}

.shadow-effect img.img-circle {
    width: 125px !important;
    object-fit: cover
}

div#logo-slider button.owl-next,
div#logo-slider button.owl-prev {
    top: 75%
}

.side-top-login ul.nav.nav-pills {
    display: block
}

.side-top-login li.nav-item {
    display: inline-block
}

.side-top-login a {
    background: #fff4eb !important
}

.five_star_review #customers-testimonials .item {
    text-align: center;
    padding: 50px 15px
}

#carousel {
    position: relative;
    height: 310px;
    overflow: hidden
}

#carousel div {
    position: absolute;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
    background: #fff;
    text-align: center;
    box-shadow: 1px 1px 12px -6px #000;
    border-radius: 10px;
    display: inline-block
}

.selected>img {
    margin-top: 40px
}

#carousel div img {
    transition: width 1s;
    width: 100%;
    max-width: 100%;
    padding: 0 60px 0
}

#carousel div.selected img {
    max-width: 120%
}

#carousel div.hideLeft {
    left: 0;
    opacity: 0;
    transform: translateY(50%) translateX(-50%)
}

#carousel div.hideLeft img {
    width: 200px
}

#carousel div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%)
}

#carousel div.hideRight img {
    width: 200px
}

#carousel div.prev {
    z-index: 5;
    left: 30%;
    transform: translateY(50px) translateX(-50%);
    width: 242px;
    height: 200px
}

#carousel div.prev img {
    width: 300px
}

#carousel div.prevLeftSecond {
    z-index: 4;
    left: 15%;
    transform: translateY(50%) translateX(-50%);
    opacity: .7;
    width: 174px;
    height: 120px;
    top: 30px
}

#carousel div.prevLeftSecond img {
    width: 200px
}

#carousel div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    width: 275px;
    height: 300px
}

#carousel div.next {
    z-index: 5;
    left: 70%;
    transform: translateY(50px) translateX(-50%);
    width: 242px;
    height: 200px
}

#carousel div.next img {
    width: 300px
}

#carousel div.nextRightSecond {
    z-index: 4;
    left: 85%;
    transform: translateY(50%) translateX(-50%);
    opacity: .7;
    width: 174px;
    height: 120px;
    top: 30px
}

#carousel div.nextRightSecond img {
    width: 200px
}

.logged-in-user {
    text-transform: uppercase;
    text-decoration: underline
}

.logout-side {
    float: right;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    margin-right: 10px
}

.clean_ingredients_slider main {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.clean_ingredients {
    background: #fff6ea;
    padding: 50px 0 50px;
    position: relative
}

.clean_ingredients_slider .buttons button#next,
.clean_ingredients_slider .buttons button#prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.clean_ingredients_slider .buttons button#prev {
    left: 0
}

.clean_ingredients_slider .buttons button#next {
    right: 0
}

.clean_ingredients_slider .buttons button#next,
.clean_ingredients_slider .buttons button#prev {
    background: 0;
    box-shadow: none;
    border: 0;
    color: #707070
}

p.clean_subhead {
    color: #01385e;
    font-size: 30px;
    text-align: center;
    margin: 0 0 75px;
    font-weight: 700;
    font-family: 'Nanum Myeongjo', serif;
    line-height: 40px
}

.clean_ingredients p.subtitle {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 1.5px
}

.clean-mhead {
    font-size: 18px;
    font-family: 'Nanum Myeongjo', serif;
    margin: 0 0 20px;
    font-weight: 700
}

.clean-mheadp {
    line-height: 40px;
    font-size: 12px;
    font-weight: 300;
    color: #413f3f;
    line-height: 16px;
    margin: 0 0 2px
}

#carousel div.next p.clean-mhead,
#carousel div.prev p.clean-mhead {
    font-size: 12px;
    margin-top: 10px
}

#carousel div.nextRightSecond p.clean-mhead,
#carousel div.prevLeftSecond p.clean-mhead {
    font-size: 6px;
    margin: 10px 0 0
}

.what_we_deliver.what_we_deliver_skinhome p.subtitle {
    font-size: 18px;
    line-height: 20px;
    color: #1c1111;
    letter-spacing: 1.5px;
    font-weight: 300
}

.banner-mob-logo {
    display: none
}

span.five_title {
    font-weight: 600
}

.step_regime.skin-regime h5 {
    font-size: 32px !important
}

.step_regime.skin-regime h5 span.home-blue {
    font-size: 27px
}

.five_star_review #customers-testimonials .owl-prev {
    margin: 0;
    margin-left: -10px;
    margin-top: -110px
}

.five_star_review #customers-testimonials .owl-next {
    margin: 0;
    margin-right: -10px;
    margin-top: -110px
}

.star_second .rating ul {
    margin: 0
}

.star_second .rating ul li {
    display: inline-block;
    width: 108px;
    height: 16px;
    margin: 0 2px
}

.what_we_deliver.what_we_deliver_skinhome h5.card-title {
    font-size: 20px;
    font-weight: 700
}

.personalized_skincare.ingredient_block_skin {
    padding-top: 40px;
    padding-bottom: 50px
}

.banner_section.bg-yellow-b {
    background: #e0b77c
}

.skin_analysis.haircare-page-btn button {
    border: #217bc9 2px solid;
    background-image: linear-gradient(to right, #aad2fe 10%, #217cca 95%);
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 300
}

span.haircare-blue {
    color: #217bc9 !important
}

.haircare_block_skin .ingredient_text {
    background: #207bc8 !important
}

.haircare_block_skin .card.peach {
    background: #f4e7d9 !important
}

.haircare_block_skin .card.peach.hyaluronic {
    background: #d9def0 !important
}

.haircare_block_skin .card.peach.resorcinol {
    background: #ebebeb !important
}

.haircare_block_skin .card.peach.peptides {
    background: #dae9f0 !important
}

.haircare_block_skin .card.peach.fruitenzymes {
    background: #f0d9e9 !important
}

.haircare_block_skin .card.peach.lactic-acid {
    background: #f4d9d9 !important
}

.haircare_exclusive_for_you h3.product_title {
    color: #207cc9;
    font-size: 27px
}

#shopify-section-skin-collections {
    overflow-x: hidden !important
}

.exclusively_for_you.haircare_exclusive_for_you span.product_subtitle {
    font-size: 18px;
    font-weight: 300;
    line-height: 40px
}

.exclusively_for_you.haircare_exclusive_for_you ul.product_advantages li {
    font-size: 14px;
    color: #0a0c04;
    line-height: 27px
}

.what_we_deliver_prt2.haircare_deliver_part2 {
    background: #e5f7ff
}

.efficiency-sec.haircare-eff {
    background: #207ac9
}

.haricare_no_cont {
    position: relative
}

.forst-row .product-image {
    text-align: left;
    margin-left: -16px;
    padding: 0
}

.sec-row .product-image {
    text-align: right;
    margin-right: -16px;
    padding: 0
}

.third-row .product-image {
    text-align: left;
    margin-left: -16px;
    padding: 0
}

.forst-row .product_detail.prod-det-1 h3.product_title {
    margin-top: 40px;
    margin-bottom: 40px
}

.sec-row .product_detail.prod-det-2 h3.product_title {
    margin-top: 40px;
    margin-bottom: 40px
}

.third-row .product_detail.prod-det-3 h3.product_title {
    margin: 30px 0 50px
}

#account nav.navbar.navbar-expand-lg {
    margin-top: 50px
}

section.personalized_skincare.ingredient_per_skin.haircare_per_skin .card-text span:after {
    background: #bbc8f8
}

ul.color_dots {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin: 10px 0 10px
}

ul.color_dots li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin: 10px 0 10px
}

ul.color_dots li {
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px
}

ul.color_dots li.yello_d {
    background: #fff7e8
}

ul.color_dots li.blue_d {
    background: #c6bdfc
}

ul.color_dots li.sky_d {
    background: #aadeff
}

ul.color_dots li.orange_d {
    background: #ffc683
}

ul.color_dots li.pinkl_d {
    background: #ffd1d1
}

ul.color_dots li.green_d {
    background: #c0f2ce
}

ul.color_dots li.red_d {
    background: #e60000
}

.personalized_skincare.last_product_nutra p.subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px
}

.personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2
}

.personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle span.haircare-blue {
    font-size: 27px;
    line-height: 22px
}

.exclusively_for_you.haircare_exclusive_for_you p.subtitle,
.personalized_skincare.haircare_block_skin p.subtitle,
.personalized_skincare.ingredient_per_skin.haircare_per_skin p.subtitle,
.personalized_skincare.last_product_nutra p.subtitle,
.testimonials h6,
.what_we_deliver_prt2.haircare_deliver_part2.what-we-del-bg p.subtitle {
    letter-spacing: 1.5px
}

.step_regime.nutra_step_regime h5 {
    font-size: 32px;
    font-weight: 700;
    line-height: 28px
}

.step_regime.nutra_step_regime h5 span.nutra-yellow {
    font-size: 27px;
    line-height: 22px
}

.main_bg.nutra-banner-web {
    margin-top: 101px
}

.what_we_deliver.what_we_deliver_skinhome p.card-text {
    font-size: 14px;
    font-weight: 300
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important
}

.owl-carousel.owl-theme.product-carousel.owl-loaded.owl-drag button.owl-dot {
    background: 0;
    color: inherit;
    background: #e6e6e6;
    border: 0;
    padding: 0 !important;
    font: inherit;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 10px
}

.product-carousel button.owl-dot {
    margin-left: 10px
}

.product-carousel button.owl-dot.active {
    background: #707070 !important
}

.product-carousel .owl-dots {
    position: absolute;
    bottom: 15px;
    right: 15px
}

form#product_form_4844807094308 .f-acc-xd-24 {
    font-size: 24px !important
}

button.owl-next>span,
button.owl-prev>span {
    display: none !important
}

button.owl-dot {
    outline: 0
}

.personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
    height: 100% !important;
    width: 31% !important;
    margin-bottom: 0
}

.ingredient_types.custom-wrap {
    flex-wrap: nowrap
}

#carousel div.hideRight,
#carousel div.nextRightSecond,
#carousel div.prevLeftSecond,
.hideLeft,
.next,
.prev {
    pointer-events: none
}

.mission {
    padding: 104px 0;
    background: #12385e;
    color: #fff4eb
}

.nanum_myeongjo {
    font-family: NanumMyeongjo
}

.baskerville {
    font-family: Baskerville
}

.our-mission>h6 {
    margin-bottom: 42px;
    font-size: 18px
}

.our-mission>p {
    font-size: 36px;
    line-height: normal;
    padding: 0;
    margin: 0
}

.about-img {
    padding: 60px 0;
    background: #fbfbfb
}

.bare-content {
    width: 33%;
    padding: 120px 72px;
    background: #e0b164;
    color: #040505;
    flex-grow: 1
}

.bare-content>h3 {
    font-size: 59px;
    margin-bottom: 60px;
    font-family: Baskerville
}

.bare-content>p {
    font-size: 16px;
    font-family: helvetica
}

.bare-content p.bare-content-light-p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 60px;
    position: relative;
    font-family: Helvetica-Oblique
}

p.bare-content-light-p::before {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    background: #1a1814;
    position: absolute;
    top: -15px
}

.about-anatomy {
    background: #e4e5e3
}

img.m-60-lg {
    margin-bottom: 60px
}

.about-bare {
    display: flex
}

.about-bare-logo {
    background: #fdd0bf
}

.about-discover {
    background: #fff
}

.about-discover>h6 {
    color: #12385e;
    padding: 84px 0;
    font-size: 18px
}

.about-beauty {
    position: relative;
    background: #f7f7f7;
    height: 400px
}

.beauty-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/Desktop_2nd_Banner_2x_jpg.jpg?v=1604385507) no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.beauty-content,
.people-plant-content {
    width: 50%;
    margin-left: auto;
    padding: 84px 33px;
    color: #12385e
}

.about-science-content p,
.beauty-content .w-80 p,
.beauty-tech-content .w-80 p,
.people-plant-content .w-80 p {
    margin: 0;
    padding: 0
}

.beauty-content h3,
.beauty-tech-content h3,
.people-plant-content h3 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 42px
}

.beauty-tech-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/Desktop_3rd_Banner_2x_c51f3609-e214-4321-9d9a-c847b103f20e.png?v=1604386180) no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.beauty-tech-content {
    width: 50%;
    padding: 84px 33px;
    color: #12385e;
    text-align: right
}

.people-plant {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/Desktop_4th_banner_2x_bbe4d14c-46ec-4dbe-94c0-6a24b923c7f2.png?v=1604387957) no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.w-80 {
    width: 80%
}

.about-science-logo {
    margin: 100px 0
}

.square-shape {
    width: 100px;
    height: 100px;
    background: #e4e5e3;
    border: 1px solid #d9d9d9;
    display: inline-block
}

.about-science-content h4 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 36px 0 24px
}

.about-science-content p {
    color: #000
}

.about-science-content {
    text-align: center
}

.triangle-shape {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid #fff6f2;
    display: inline-block
}

.triangle-shape:before {
    position: absolute;
    top: -1px;
    left: -52px;
    width: 0;
    height: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-bottom: 102px solid #d9d9d9;
    content: "";
    z-index: -1
}

.circle-shape {
    width: 100px;
    height: 100px;
    background: #f6e7d0;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    display: inline-block
}

.bare-brainy {
    margin: 78px 0
}

.bare-brainy h6 {
    margin-bottom: 56px;
    font-size: 18px
}

p.rectangle-before::before {
    content: "";
    display: inline-block;
    width: 50%;
    height: 15px;
    background: #fcf1d9;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%, 2px)
}

.beauty-heroes {
    padding: 42px 0;
    background: #12385e;
    color: #fff4eb
}

.beauty-heroes h6 {
    font-size: 18px;
    margin-bottom: 0
}

h5.about-heading {
    text-align: center;
    font-size: 24px;
    color: #707070;
    margin-bottom: 100px;
    font-weight: 300
}

span.custom-h {
    line-height: 1.5
}

.magenta {
    color: #8b0e3a
}

.about-banner {
    margin-top: -8px;
    margin-bottom: 100px
}

a.che.btn.con-shoping.btn--loader.redirect_shop {
    border-radius: 45px;
    margin-bottom: 0
}

#my-referral .navbar.navbar-expand-lg.nav_default {
    margin-top: 0
}

#time-to-upgrade-your-beauty-routine-bare-anatomy .navbar.navbar-expand-lg.nav_default {
    display: none
}

h2.ambassador-heading {
    font-family: 'Playfair Display', serif;
    font-size: 46px;
    font-weight: 700;
    color: #01385e;
    line-height: 70px
}

section.ambassador-sec-2 {
    background: #01385e;
    padding: 110px 0
}

.ambassador-bg-overlay {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    transform: translate(-50%, 103px)
}

.ambassador-sec-content h4 {
    font-size: 40px;
    font-family: Helvetica;
    font-weight: 700;
    margin-bottom: 18px;
    color: #fff6ea
}

.ambassador-sec-content p {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #ffdbbc
}

section.apply-coupon {
    padding: 90px 0
}

ul.coupon-content {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: HelveticaNeue
}

ul.coupon-content li {
    font-size: 25px;
    color: #8b0e3a
}

ul.coupon-content li+li {
    margin-left: 20px
}

input#to-copy[type=text] {
    color: #000;
    font-size: 16px;
    outline: 0;
    font-weight: 400;
    border: 2px solid #01385e;
    width: 225px;
    height: 43px;
    padding: 7px 15px;
    font-family: Helvetica
}

li.coupon-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e
}

li.coupon-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    position: absolute;
    top: 0;
    height: 18px;
    bottom: 0;
    right: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: auto;
    font-family: HelveticaNeue
}

.flat-badge {
    font-size: 22px;
    color: #8b0e3a;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 24px
}

.flat-badge p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0;
    font-family: HelveticaNeue
}

.flat-badge p::before {
    content: "";
    display: inline-block;
    background: #f7dec8;
    width: 231px;
    height: 33px;
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 42%
}

span.off-price {
    font-size: 45px;
    margin: 0 15px;
    color: #01385e;
    line-height: 1.5;
    font-family: HelveticaNeue
}

p.flat-p {
    font-size: 22px;
    color: #01385e;
    font-family: helvetica
}

a.start-shop-btn {
    font-size: 15px;
    color: #fff;
    background: #01385e;
    padding: 20px 64px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer
}

.flat-off {
    text-align: center
}

.start-shopping {
    margin-top: 64px
}

.ambassador-gallery {
    margin-bottom: 106px
}

ul.ambassador-gallery-img {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    overflow: hidden
}

ul.ambassador-gallery-img li img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.custom-d-md-none {
    display: none !important
}

.referral-bg-overlay {
    position: absolute;
    top: 0;
    transform: translate(0, 230px)
}

h2.referral-heading {
    font-size: 35px;
    color: #01385e;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px
}

.referral-bg-overlay p {
    font-size: 28px;
    font-family: 'Playfair Display', serif;
    color: #8b0e3a;
    line-height: 1.5
}

section.referral-sec-2 {
    background: #01385e;
    padding: 78px 0
}

.referral-sec-content p {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin-bottom: 6px;
    line-height: 35px
}

span.referral-price {
    font-size: 45px;
    color: #ffdbbc;
    margin: 0 16px;
    letter-spacing: .2rem;
    line-height: 1.5
}

p.follow-link-p {
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    text-transform: lowercase
}

a.referral-whatsapp-btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #ffdbbc;
    padding: 14px 22px;
    display: inline-block;
    font-size: 15px
}

a.referral-whatsapp-btn img {
    margin-right: 8px
}

.referral-whatsapp {
    cursor: pointer;
    margin-top: 52px
}

#alert_placeholder_1 {
    width: 80%;
    margin: 0 auto
}

#copy-text {
    cursor: pointer
}

.referral-work-content h5 {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    color: #8a0e3a;
    text-align: center;
    margin-bottom: 54px
}

#edit-msg {
    color: #8a0e3a;
    display: none
}

section.referral-works {
    padding: 50px 0
}

span.referral-circle-1 {
    width: 97px;
    height: 97px;
    background: #01385e;
    display: inline-block;
    border-radius: 50%
}

span.referral-circle-1 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.referral-1 h6 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8a0e3a;
    margin: 24px 0 16px 0;
    letter-spacing: 1.5px
}

.referral-1 h6 span {
    font-size: 28px;
    margin-bottom: 12px;
    display: inline-block
}

.referral-1 p {
    font-size: 14px;
    color: #707070;
    line-height: 20px
}

.referral-custom-line:before {
    display: block;
    content: "";
    border-top: 2px dashed #413f3f;
    width: 50%;
    border-image-width: 14px;
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, 0)
}

.balance-content-overlay h5 {
    font-size: 30px;
    color: #01385e;
    text-align: center
}

.balance-content-overlay {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(0, -50%)
}

.balance-content-overlay h5 span {
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
    letter-spacing: 1.5px
}

section.referral-unlocked {
    padding: 107px 0 113px;
    background: #fff
}

section.referral-unlocked h5 {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #01385e;
    text-align: center;
    margin-bottom: 58px
}
.email-text-menu{
    text-transform: lowercase !important;
    font-weight:300 !important;
    font-size: 19px !important;
    font-family: HelveticaNeue !important;

}

.lock-content h6 {
    font-size: 27px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
    margin-bottom: 0
}

.lock-content span {
    font-size: 20px;
    color: #01385e
}

.lock img {
    margin-bottom: 20px;
    position: relative
}

.lock {
    position: relative
}

.lock::before {
    content: "";
    display: inline-block;
    width: 267px;
    background: #cccbcb;
    height: 4px;
    position: absolute;
    top: 15%;
    right: -157px;
    z-index: 0
}

.lock.active::before {
    background: #8b0e3a
}

.lock.line-none::before {
    display: none
}

.lock-content.unactive h6,
.lock-content.unactive span {
    color: rgb(1 56 94 / .5)
}

section.spread-love {
    padding: 129px 0 89px 0;
    background: #f8f8f8
}

h5.spread-heading {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    color: #01385e;
    text-align: center;
    margin-bottom: 44px
}
h5.spread-heading span{
    position: relative;
    z-index:2;
}
.referral-edit-p{
    font-size: 14px;
}
#edit-text{
    text-transform: uppercase;
}
.spread-heading span:after{
    background: #FFEDE9;
    opacity: 0.7;
    content: '';
    position: absolute;
    top: 14px;
    height: 23px;
    left: 0;
    right: 0;
    z-index: -1;

}

.referral-edit {
    display: flex;
    align-items: baseline
}

.referral-edit h6 {
    font-size: 27px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin: 0 0 15px;
    color: #01385e
}

.referral-edit span a {
    font-size: 14px;
    text-decoration: underline !important;
    color: #01385e !important;
    margin-left: 8px;
    cursor: pointer
}

input#referral-code-copy[type=text],
input#referral-link-copy[type=text] {
    color: #000;
    font-size: 14px;
    outline: 0;
    font-weight: 400;
    border: 2px solid #01385e;
    padding: 14px;
    width: 100%
}

.referral-code-box span,
.referral-link-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    position: absolute;
    top: 17px;
    right: 23px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 30px;
    display: inline-block
}

input#referral-link-copy[type=text] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border: #01385e 2px solid
}

.referral-link-box {
    border: 2px solid #01385e
}

.referral-link-box2 {
    width: 231px
}

.my-referrals.margin-top {
    margin-top: 70px
}

.referral-link-box2 span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 30px;
    display: inline-block
}

a.referral-whatsapp-btn.whatsapp-blue-btn {
    border: 2px solid #fff;
    background: #01385e
}

.my-referrals-heading {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: #01385e;
    text-align: center;
    margin-bottom: 36px
}

.referral-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #fff6ea;
    padding: 23px 51px;
    align-items: center;
    margin: 0 auto 25px;
    width: 907px
}

.referral-name {
    display: flex;
    width: 50%;
    flex-direction: column;
    text-align: left;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column
}

h2.refername {
    font-family: 'Playfair Display', serif;
    color: #01385e;
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 2px
}

span.refername {
    font-size: 23px;
    color: #000;
    font-family: HelveticaNeue;
    font-weight: 500
}

.earned_cash {
    display: flex;
    text-align: right;
    justify-content: right;
    align-items: flex-end;
    width: 50%;
    flex-direction: column
}

.cashearned {
    font-size: 24px;
    color: #01385e;
    font-family: Helvetica;
    font-weight: 700;
    margin-bottom: 0
}

.refermoney {
    font-size: 23px;
    color: #000;
    font-family: HelveticaNeue;
    font-weight: 500;
    margin-left: 52px
}

.unlock-programs {
    position: relative;
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/deals_background.png?v=1605705665);
    background-size: cover;
    z-index: 0;
    padding: 235px 0;
    background-position: center
}

.deals_wrapper {
    text-align: center
}

.make_purchase {
    background: #fff6ea;
    padding: 79px 67px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 29px;
    -webkit-box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    position: relative
}

.make_purchase:after {
    position: absolute;
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/cosmetic-cream-smear.png?v=1605707985);
    background-repeat: no-repeat;
    background-position: center;
    width: 230px;
    height: 250px;
    left: -32%;
    top: 74%
}

.make_purchase:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/blue-bubble.png?v=1605708070);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 180px;
    right: -37%;
    top: -68px;
    z-index: -1
}

.purchase_title {
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    color: #01385e;
    font-weight: 700;
    text-align: center;
    line-height: 45px
}

.shopping a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background: #01385e;
    color: #fff;
    padding: 20px 10px;
    width: 250px;
    line-height: 5px;
    -webkit-appearance: button-bevel
}

.shopping {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center
}

.frequent_questions {
    padding: 72px 0;
    background: #01385e
}

.listing_title {
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    font-family: HelveticaNeue;
    margin-top: 0
}

.ques_listing {
    max-width: 750px;
    margin: 0 auto
}

.card-header {
    padding: 0;
    background: #fff6ea;
    border: 0
}

button.btn.btn-link.collapsed {
    color: #6e6e6e;
    font-size: 14px;
    font-family: HelveticaNeue
}

.btn-link {
    color: #6e6e6e;
    font-size: 14px
}

.btn-link:hover {
    color: #6e6e6e;
    font-size: 14px
}

.accordion>.card:not(:last-of-type) {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.accordion>.card:not(:first-of-type) {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

i.fa.fa-angle-down {
    color: #6e6e6e;
    font-size: 17px;
    font-weight: 700
}

button.btn.btn-link {
    float: right
}

.ques_listing .card .card-title {
    display: inline-block;
    font-size: 14px;
    color: #6e6e6e;
    vertical-align: bottom;
    float: left;
    text-decoration: none
}

.card-title {
    margin-bottom: 0
}

button.btn.btn-link {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    padding: 0
}

.card-body {
    padding: 0;
    margin-top: 5px
}

.ques_listing .card {
    padding: 20px 33px;
    background: #fff6ea;
    margin-bottom: 20px;
    color: #6e6e6e;
    font-size: 14px
}

.my-referrals {
    padding-bottom: 109px
}

i.fa.fa-angle-down:hover {
    text-decoration: none
}

ul.ambassador-gallery-img li {
    width: 100%
}

@media only screen and (max-width:1200px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 97px)
    }
    .flat-badge p::before {
        left: 39%
    }
    h2.referral-heading {
        font-size: 29px
    }
    .referral-bg-overlay {
        transform: translate(0, 180px)
    }
    .referral-detail {
        width: 100%
    }
    .balance-content-overlay {
        left: 55%
    }
    .balance-content-overlay h5 {
        font-size: 26px
    }
    .lock::before {
        width: 237px;
        right: -150px
    }
}

@media only screen and (max-width:991px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 75px)
    }
    h2.ambassador-heading {
        font-size: 36px;
        line-height: 54px
    }
    .flat-badge p::before {
        left: 36%
    }
    .referral-custom-line:before {
        width: 55%
    }
    .balance-content-overlay {
        left: 52%
    }
    .balance-content-overlay h5 {
        font-size: 22px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock::before {
        width: 177px;
        right: -120px
    }
    h2.referral-heading {
        font-size: 22px
    }
    .referral-bg-overlay {
        transform: translate(0, 115px)
    }
    .referral-bg-overlay p {
        font-size: 22px
    }
    .referral-detail {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .custom-d-md-block {
        display: none !important
    }
    .custom-d-md-none {
        display: flex !important
    }
    .ambassador-bg-overlay {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        transform: translate(-50%, 107px)
    }
    ul.ambassador-gallery-img {
        flex-flow: wrap
    }
    ul.ambassador-gallery-img li {
        width: 50%
    }
    ul.coupon-content li {
        font-size: 16px;
        color: #8b0e3a
    }
    .flat-badge p::before {
        left: 32%
    }
    ul.coupon-content {
        flex-direction: column
    }
    ul.coupon-content li+li {
        margin-left: 0;
        margin-top: 16px
    }
    .flat-badge p::before {
        left: 27%
    }
    .relative-md {
        position: relative
    }
    .referral-bg-overlay {
        transform: translate(-50%, 115px) !important;
        top: unset;
        bottom: 160px;
        text-align: center;
        left: 50%;
        width: 100%
    }
    .referral-1.line-mob-none:before,
    .referral-custom-line:before {
        display: none
    }
    .referral-1 {
        margin-bottom: 63px
    }
    .referral-1:before {
        display: block;
        content: "";
        border-top: 2px dashed #413f3f;
        width: 20%;
        border-image-width: 14px;
        position: absolute;
        top: -10%;
        left: 40%;
        transform: rotate(90deg)
    }
    span.referral-circle-1 {
        width: 92px;
        height: 92px
    }
    .referral-1 h6 {
        margin: 0 0 6px 0;
        font-size: 16px
    }
    .referral-1 h6 span {
        font-size: 26px;
        margin-bottom: 0
    }
    .balance-content-overlay h5 {
        font-size: 20px
    }
    .balance-content-overlay {
        position: absolute;
        top: 14%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, 0)
    }
    .balance-content-overlay h5 span {
        margin-top: 8px
    }
    .lock {
        display: flex;
        margin-bottom: 50px;
        align-items: center
    }
    .lock img {
        width: 36px;
        height: 36px;
        margin-bottom: 0
    }
    .lock-content {
        text-align: left;
        margin-left: 30px
    }
    .lock::before {
        content: "";
        display: inline-block;
        width: 72px;
        background: #cccbcb;
        height: 4px;
        position: absolute;
        top: 140%;
        right: unset;
        left: -18px;
        z-index: 0;
        transform: rotate(90deg)
    }
    .referral-detail {
        padding: 16px 24px
    }
    h2.refername {
        font-size: 12px;
        line-height: 9px
    }
    span.refername {
        font-size: 11px
    }
    .cashearned {
        font-size: 11px
    }
    .refermoney {
        font-size: 10px
    }
    section.spread-love {
        padding: 66px 0 85px 0
    }
    .make_purchase:before {
        right: -40px
    }
    .unlock-programs {
        display: block
    }
    .make_purchase:after {
        background-size: 100%
    }
}

@media only screen and (max-width:480px) {
    .email-text-menu{
        font-size:14px !important;
    }
    #judgeme_all_reviews_page {
        margin-top: 90px
    }
    ul.radio_skin_analysis {
        width: 100%
    }
    .bg-yellow {
        background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/Nutra__category_page_banner_Mobile.jpg?v=1613646783);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }
    .range_value {
        transform: translate(-53px, 0)
    }
    .referral-link-box2 {
        width: 211px
    }
    .ambassador-bg {
        margin-top: unset !important
    }
    nav.navbar.navbar-expand-lg.nav_default {
        margin-top: 20px
    }
    .referral-work-content h5 {
        font-size: 27px
    }
    a.start-shop-btn {
        font-size: 9px
    }
    body#ambassador nav.navbar.navbar-expand-lg.nav_default {
        display: none
    }
    button.btn.btn-link.collapsed {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .ques_listing .card .card-title {
        font-size: 10px
    }
    .ques_listing .card {
        padding: 12px 15px;
        margin-bottom: 10px
    }
    .referral-detail {
        margin: 0 auto 15px
    }
    .referral-edit h6 {
        font-size: 23px
    }
    .refermoney {
        font-size: 10px;
        margin-left: 21px
    }
    .card {
        padding: 0 9px
    }
    h2.ambassador-heading {
        font-size: 25px;
        line-height: 36px
    }
    .ambassador-bg-overlay {
        width: 65%;
        transform: translate(-50%, 60px)
    }
    .ambassador-sec-content h4 {
        font-size: 20px
    }
    section.ambassador-sec-2 {
        padding: 60px 0
    }
    .ambassador-sec-content p {
        font-size: 18px
    }
    section.apply-coupon {
        padding: 48px 0
    }
    .flat-badge p::before {
        top: 42%;
        left: 24%;
        width: 210px
    }
    ul.coupon-content li {
        font-size: 19px
    }
    .flat-badge {
        font-size: 18px
    }
    p.flat-p {
        font-size: 18px;
        margin-top: 39px
    }
    a.start-shop-btn {
        padding: 16px 36px
    }
    .start-shopping {
        margin-top: 56px
    }
    h2.referral-heading {
        text-align: center;
        font-size: 22px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-sec-content p {
        font-size: 14px
    }
    span.referral-price {
        font-size: 30px
    }
    .referral-whatsapp {
        margin-top: 32px
    }
    section.referral-sec-2 {
        padding: 42px 0
    }
    a.referral-whatsapp-btn {
        padding: 14px 27px;
        font-size: 10px
    }
    .referral-whatsapp img {
        width: 17px;
        height: 17px
    }
    .referral-bg-overlay {
        bottom: 125px
    }
    span.d-sm-block {
        display: block
    }
    section.referral-unlocked h5 {
        font-size: 21px
    }
    section.referral-unlocked h5 span {
        display: inherit
    }
    section.referral-unlocked {
        padding: 56px 0
    }
    .unlock-programs {
        position: relative;
        background-image: url(//cdn.shopify.com/s/files/1/0255/3302/2244/files/deals-mobile-bg.png?v=1606991177);
        background-size: cover;
        z-index: 0;
        height: 100%;
        padding: 120px 0;
        overflow: hidden
    }
    .make_purchase {
        padding: 49px 39px
    }
    .make_purchase:after {
        left: -128px;
        top: 68%
    }
    .make_purchase:before {
        right: -156px;
        top: -99px
    }
    .purchase_title {
        font-size: 25px;
        line-height: 39px
    }
    .shopping a {
        font-size: 9px;
        padding: 18px 0;
        width: 177px
    }
    .ques_listing {
        max-width: 340px
    }
    .card-header {
        padding: 0
    }
    button.btn.btn-link.collapsed {
        padding-top: 0;
        padding-bottom: 0
    }
    h2.card-title {
        line-height: 23px;
        font-size: 10px !important
    }
    i.fa.fa-angle-down {
        color: #6e6e6e;
        font-size: 10px;
        margin-top: 0
    }
    .card-body {
        font-size: 12px
    }
    .listing_title {
        margin-bottom: 36px
    }
    .frequent_questions {
        padding: 46px 0
    }
    .my-referrals {
        padding-bottom: 49px
    }
    section.spread-love {
        padding: 66px 0 41px 0
    }
    .my-referrals-heading {
        margin-bottom: 24px;
        font-size: 21px
    }
    p.referral-edit-p.text-center {
        font-size: 10px
    }
    h5.spread-heading {
        font-size: 28px
    }
}

@media only screen and (max-width:357px) {
    .range_slider {
        width: 75%
    }
    .ambassador-bg-overlay {
        width: 100%;
        transform: translate(-50%, 30px)
    }
    h2.referral-heading {
        text-align: center;
        font-size: 20px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-work-content h5 {
        font-size: 24px
    }
    .balance-content-overlay h5 {
        font-size: 18px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock-content span {
        font-size: 18px
    }
    h5.spread-heading {
        font-size: 30px
    }
}

@media(min-width:1600px) {
    .step-1 span.title {
        left: 145px
    }
}

@media(min-width:1500px) {
    .ingredient_types .card.peach {
        height: 210px;
        width: 210px;
        margin-right: 5px
    }
    .ingredient_images {
        height: 110px;
        margin: 10px auto 5px
    }
    .ingredient_images_bare {
        height: 110px;
        margin: 10px auto 5px
    }
    .ingredient_title {
        font-size: 22px;
        padding: 0 10px 5px;
        margin-bottom: 0
    }
    .ingredient_detail p {
        font-size: 19px;
        padding: 0 5px 5px;
        margin-bottom: 0
    }
}

@media(min-width:1366px) {
    .product-image {
        padding: 5px 5px 75px
    }
    .ingredient_types .card.peach {
        width: 31%;
        margin: 0 13px 13px 0;
        width: 208px;
        padding: 15px
    }
    .ingredient_title {
        font-size: 18px !important;
        padding: 0 10px !important;
        margin-bottom: 3px
    }
    .ingredient_detail p {
        font-size: 14px !important;
        line-height: 1.1
    }
    .ingredient_images {
        margin: 10px auto 16px
    }
    .ingredient_images_bare {
        margin: 10px auto 16px
    }
    .ingredient_text p {
        line-height: 40px !important;
        font-size: 30px !important
    }
}

@media(min-width:992px) {
    .ingredient_block_skin .ingredient_text {
        height: 100%
    }
    .ingredient_block_skin .card.peach {
        background: #e8e4d9;
        height: 100%;
        align-items: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .mobile_logo {
        display: none
    }
    .nutra_exclusive_for_you .product_detail.prod-det-1 h3.product_title {
        margin-top: 30px
    }
    .nutra_exclusive_for_you .product_detail.prod-det-2 h3.product_title {
        margin-top: 0
    }
}

@media(min-width:768px) {
    .exclusively_for_you.nutra_exclusive_for_you .product_detail.text-right.prod-det-2 .nutra-por-btn {
        justify-content: flex-end
    }
    .product_detail {
        position: relative
    }
    span.product_subtitle {
        margin-top: 20px;
        margin-bottom: 10px
    }
}

@media(max-width:1920px) {
    .card-title {
        font-size: 20px;
        padding-top: 19px
    }
    p.card-text {
        font-size: 14px;
        line-height: 1.5
    }
}

@media(max-width:1700px) {
    .main_bg.banner-white .step-2 span.title {
        right: 370px;
        top: 189px
    }
    .main_bg.banner-white .step-2 span.title:after {
        right: 239px
    }
    .main_bg.banner-white .step-2 span.sub_title {
        right: 520px;
        top: 256px
    }
}

@media(max-width:1500px) {
    .main_bg.banner-white .step-1 span.title,
    .main_bg.banner-white .step-2 span.title,
    .main_bg.banner-white .step-3 span.title {
        font-size: 26px
    }
    .main_bg.banner-white .step-1 span.sub_title,
    .main_bg.banner-white .step-2 span.sub_title,
    .main_bg.banner-white .step-3 span.sub_title {
        font-size: 18px
    }
    .main_bg.banner-white .step-1 span.title {
        font-size: 25px;
        left: 96px
    }
    .main_bg.banner-white .step-1 span.title:after {
        top: 39px;
        left: 133px
    }
    .main_bg.banner-white .step-1 span.sub_title {
        left: 224px
    }
    .main_bg.banner-white .step-2 span.title {
        right: 309px;
        top: 243px
    }
    .main_bg.banner-white .step-2 span.title:after {
        top: 36px;
        right: 114px
    }
    .main_bg.banner-white .step-2 span.sub_title {
        right: 419px;
        top: 290px
    }
    .main_bg.banner-white .step-3 span.title {
        bottom: 160px;
        right: 84px
    }
    .main_bg.banner-white .step-3 span.sub_title {
        right: 173px;
        bottom: 70px
    }
}

@media(max-width:1400px) {
    .last_product_nutra ul.dtail_about_product li.step-1 {
        top: 44%;
        left: -20px
    }
    .last_product_nutra ul.dtail_about_product li.step-4 {
        top: 53%;
        right: 8px;
        width: 300px
    }
    .last_product_nutra ul.dtail_about_product li.step-2 {
        top: 21%;
        right: 1%
    }
    .step-1 span.title {
        font-size: 30px;
        left: 134px
    }
    .step-1 span.title:after {
        top: 39px;
        left: 173px
    }
    .step-1 span.sub_title {
        top: 212px;
        font-size: 18px
    }
    .step-2 span.title {
        font-size: 30px;
        right: 202px
    }
    .step-2 span.sub_title {
        font-size: 18px;
        top: 283px;
        right: 304px
    }
    .step-2 span.title:after {
        top: 36px;
        right: 104px
    }
    .step-3 span.title {
        font-size: 30px;
        left: 242px
    }
    .step-3 span.title:after {
        bottom: -20px;
        left: 228px
    }
    .step-3 span.sub_title {
        font-size: 18px;
        bottom: -9px;
        left: 472px
    }
    .skin_analysis button {
        padding: 11px 16px
    }
    .personalized_skincaretitle span {
        font-size: 25px
    }
    .personalized_skincaretitle {
        padding: 60px 0;
        font-size: 33px
    }
    .subtitle {
        font-size: 17px;
        padding-bottom: 50px
    }
    .what_we_deliver_prt2 p.card-text {
        margin-top: 5px
    }
    .ingredient_title {
        font-size: 18px;
        padding: 10px 20px
    }
    .ingredient_detail p {
        font-size: 19px
    }
    .step_regime h5 span {
        font-size: 26px
    }
    .step_regime h5 {
        font-size: 33px;
        line-height: 37px
    }
    h3.product_title {
        font-size: 33px
    }
    .product_subtitle {
        font-size: 20px;
        line-height: 34px
    }
    .exclusively_for_you.nutra_exclusive_for_you li {
        font-size: 14px
    }
    ul.product_advantages li {
        font-size: 16px;
        line-height: 36px
    }
    ul.dtail_about_product li span {
        font-size: 18px;
        margin-bottom: 5px
    }
    ul.dtail_about_product li {
        font-size: 14px;
        line-height: 26px
    }
    .ingredient_text p {
        line-height: 64px;
        font-size: 37px
    }
    .what_we_deliver_prt2 .card h5.card-title2 {
        font-size: 18px;
        padding: 0 6px;
        min-height: auto
    }
}

@media(max-width:1365px) {
    .steps {
        display: none
    }
    .main_bg.banner-white {
        width: 100%;
        margin: 0 auto
    }
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
}

@media(max-width:991px) {
    #hair-care .main_bg {
        height: auto;
        margin-top: -172px;
        z-index: 0
    }
    #hair-care .skin_analysis.haircare-page-btn.ingredient_banner_btn.text-center {
        bottom: 13px !important
    }
    .ambassador-bg {
        margin-top: -169px
    }
    .about-banner {
        margin-top: -251px
    }
    .referral-bg-overlay {
        transform: translate(0, 163px)
    }
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
    .main_bg.banner-white.banner-mob {
        display: block
    }
    .main_bg.banner-white.banner-web {
        display: none
    }
    .what_we_deliver .card-title {
        min-height: 75px
    }
    .what_we_deliver .card-body .card-text {
        margin: 10px auto 20px
    }
    .nav-bar ul li a {
        margin-right: 10px
    }
    .banner-bottom-nav a {
        font-size: 13px;
        padding: 18px 5px 18px
    }
    .logo-head img.web-logo {
        width: 230px
    }
    .what_we_deliver_prt2 .card .card-title2 {
        padding: 0;
        margin-bottom: 1px;
        font-size: 19px !important;
        min-height: 49px !important
    }
    .what_we_deliver_prt2 .card-text {
        line-height: 18px;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 10px
    }
    .img-right {
        top: -75px
    }
    .img-left {
        top: -75px
    }
    .mobile_view_about_product {
        width: 100%;
        text-align: center
    }
    .mobile_view_about_product {
        display: block
    }
    .about_product {
        display: none
    }
    .card-title2 {
        font-size: 19px
    }
    p.card-text {
        padding: 15px 0 30px;
        font-size: 16px;
        line-height: 24px;
        color: #413f3f
    }
    nav.navbar {
        margin-bottom: 60px
    }
    .banner_section {
        padding-bottom: 50px
    }
    .personalized_skincaretitle {
        font-size: 31px
    }
    .skin_analysis {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 67px
    }
    .tab-content .collapse:not(.show) {
        display: none
    }
    .logo {
        display: none
    }
    a.mobile_logo {
        height: 100%;
        padding-top: 13px;
        display: inline-block
    }
    .navbar-nav {
        display: inline-block;
        float: right
    }
    .nav-link {
        font-size: 14px;
        text-align: right
    }
    .ingredient_types {
        padding: 0 15px
    }
    .ingredient_types .card.peach {
        width: 48%;
        margin: 0 0 16px 0
    }
    .ingredient_text p {
        line-height: 38px;
        font-size: 27px;
        padding: 0 23px
    }
    .exclusively_for_you.haircare_exclusive_for_you .forst-row .haricare_no_cont h3.product_title {
        margin-top: 12px;
        margin-bottom: 50px
    }
    .exclusively_for_you.haircare_exclusive_for_you .sec-row .haricare_no_cont h3.product_title {
        margin-top: 0;
        margin-bottom: 60px
    }
    .exclusively_for_you.haircare_exclusive_for_you .third-row .haricare_no_cont h3.product_title {
        margin-top: 4px;
        margin-bottom: 60px
    }
}

@media(max-width:767px) {
    #hair-care .skin_analysis.haircare-page-btn.ingredient_banner_btn.text-center {
        position: absolute;
        right: unset;
        bottom: 90px !important;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%
    }
    .ambassador-bg {
        margin-top: -210px
    }
    .bare_in_numbers {
        padding: 50px 0 30px
    }
    .personalized_skincare.ingredient_block_skin h5.ingredient_title {
        font-size: 27px
    }
    .personalized_skincare.ingredient_block_skin .ingredient_detail p {
        font-size: 18px
    }
    .main_bg.nutra-banner-mob.haircare-w-m {
        height: auto !important;
        text-align: center
    }
    .step_regime.nutra_step_regime h5 {
        font-size: 27px;
        line-height: 24px
    }
    .step_regime.nutra_step_regime h5 span.nutra-yellow {
        font-size: 22px;
        line-height: 18px
    }
    .personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle {
        font-size: 28px;
        line-height: 1.2
    }
    .personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle span.haircare-blue {
        font-size: 25px;
        line-height: 21px
    }
    .haircare_exclusive_for_you h3.product_title {
        font-size: 36px
    }
    .exclusively_for_you.haircare_exclusive_for_you span.product_subtitle {
        font-size: 18px
    }
    .exclusively_for_you.haircare_exclusive_for_you ul.product_advantages li {
        font-size: 14px
    }
    section.personalized_skincare.last_product_nutra p.subtitle {
        font-size: 20px;
        line-height: 30px
    }
    span.mbl_hd {
        display: none
    }
    h2.banner-head {
        opacity: 0
    }
    .nature_box .row.align-items-center {
        flex-direction: column-reverse
    }
    .nutra_exclusive_for_you .product_detail.text-right.prod-det-2 .skin_analysis.nutra-por-btn.ingredient-page-btn {
        flex-direction: column;
        justify-content: center;
        text-align: center !important;
        align-items: center
    }
    .nutra_exclusive_for_you .product_detail .skin_analysis.nutra-por-btn.ingredient-page-btn {
        flex-direction: column-reverse;
        align-items: center
    }
    .exclusively_for_you.ingredient_exclusive_for_you .product_detail .nutra-por-btn a.know-ore {
        color: #5e7263;
        margin-bottom: 30px
    }
    .nutra_exclusive_for_you .product_detail.text-right.prod-det-2 .skin_analysis.nutra-por-btn.ingredient-page-btn.text-right button {
        margin-bottom: 14px
    }
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        margin-left: auto;
        margin-right: auto
    }
    .five_author-box {
        font-size: 14px
    }
    .per-block h5 {
        font-size: 22px;
        line-height: 14px
    }
    .banner-mob-logo {
        display: block;
        margin-top: 100px;
        text-align: center
    }
    .top-header {
        padding: 25px 0 30px
    }
    .announcement-bar {
        display: none
    }
    .per-block p {
        font-size: 18px;
        line-height: 25px
    }
    #carousel div.selected {
        width: 225px;
        height: 250px
    }
    #carousel div.next,
    #carousel div.nextRightSecond,
    #carousel div.prev,
    #carousel div.prevLeftSecond {
        width: 174px;
        height: 120px;
        top: 30px
    }
    .clean_ingredients_slider .buttons button#next {
        right: -13px
    }
    .clean_ingredients_slider .buttons button#prev {
        left: -13px
    }
    #carousel {
        height: 300px
    }
    #carousel div.nextRightSecond,
    #carousel div.prevLeftSecond {
        top: unset;
        opacity: 0
    }
    p.clean_subhead {
        font-size: 20px;
        font-family: 'Nanum Myeongjo', serif;
        line-height: 25px
    }
    .what_we_deliver.what_we_deliver_skinhome p.subtitle {
        font-size: 20px;
        line-height: 20px
    }
    .bare_in_numbers h2 {
        font-size: 20px;
        line-height: 20px
    }
    .five_star_review .read_more_review a {
        margin-bottom: 0
    }
    h2.banner-head {
        text-align: center;
        color: #fff;
        font-size: 24px;
        margin: 160px 0 170px;
        line-height: 30px
    }
    .per-block img {
        width: 50% !important;
        max-width: inherit;
        text-align: center;
        margin: -50px 0 -40px
    }
    .step_regime.step_regime h5 {
        font-size: 33px;
        line-height: 27px
    }
    .easy-to-reach h5 {
        text-align: center
    }
    a.every-fir-btn,
    a.every-four-btn,
    a.every-sec-btn,
    a.every-thr-btn {
        height: auto;
        font-size: 12px;
        padding: 6px 16px;
        width: 246px;
        outline: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 16px
    }
    .five_star_review h5 {
        line-height: 27px
    }
    .star_second {
        padding-left: 10px
    }
    .number_block h3 {
        margin: 0 0 15px;
        font-size: 27px
    }
    .number_block p {
        font-size: 12px;
        font-weight: 300;
        margin: 0;
        line-height: 16px
    }
    .number_block {
        margin-bottom: 40px
    }
    img.easy-mob {
        display: block
    }
    img.easy-web {
        display: none
    }
    .nutra_per_skin .card-img-top {
        margin-bottom: 21px !important
    }
    .nutra-banner-web {
        display: none
    }
    .banner_section.haircare_banner_section .skin_analysis {
        margin-bottom: 10px
    }
    .nutra-banner-mob {
        display: block;
        height: 364px !important
    }
    .main_bg.nutra-banner-mob.haircare-w-m {
        height: auto !important
    }
    .nutra-por-btn {
        justify-content: center;
        flex-wrap: wrap
    }
    .nutra-por-btn a.know-ore {
        width: 100%;
        margin: 10px 0 10px;
        text-align: center
    }
    .skin_analysis.nutra-por-btn.nutra-page-btn.text-left {
        flex-direction: column-reverse;
        align-items: center
    }
    .product_detail.text-right.prod-det-2 .nutra-por-btn a.know-ore,
    .skin_analysis.nutra-por-btn.nutra-page-btn.text-left a.know-ore {
        margin-left: 0;
        margin-right: 40px;
        margin: 0 0 30px !important;
        width: 100%;
        text-align: center !important
    }
    .shadow-effect {
        padding: 10px;
        width: 100%
    }
    #customers-testimonials .shadow-effect p {
        font-size: 20px;
        line-height: 25px
    }
    #customers-testimonials .item,
    #logo-slider .item {
        padding: 50px 30px
    }
    #customers-testimonials .owl-next,
    #customers-testimonials .owl-prev {
        width: 14px;
        height: 14px
    }
    #customers-testimonials .owl-prev,
    #logo-slider .owl-prev {
        margin-left: 0
    }
    #customers-testimonials .owl-next,
    #logo-slider .owl-next {
        margin-right: 0
    }
    .testimonials h2 {
        font-size: 27px
    }
    .logo-slider-main h2 {
        font-size: 20px;
        padding: 0
    }
    .logo-slider-main h2 {
        font-size: 20px;
        padding: 0;
        margin: 0 0 30px
    }
    .popup-content h4 {
        font-size: 20px;
        margin: 0 0 5px
    }
    .popup-content p {
        font-size: 12px
    }
    .popup-content h6 {
        font-size: 12px
    }
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
    .sidebar-navigation.active {
        width: 100%;
        opacity: 1;
        visibility: visible;
        right: 0
    }
    .sidenav-close i.fa.fa-times {
        color: #000 !important;
        position: relative;
        right: unset;
        top: unset;
        font-size: 19px
    }
    .sidenav-close i.fa.fa-times:before {
        opacity: 1;
        visibility: visible
    }
    .a_scr {
        display: flex;
        overflow-x: auto
    }
    .nav-bar ul li {
        min-width: 170px;
        display: inline-block
    }
    .nav-bar ul li a {
        margin-right: 0;
        font-size: 12px;
        font-weight: 300
    }
    img.web-logo {
        display: none
    }
    img.mob-logo {
        display: inline-block;
        width: 55px
    }
    .logo-head {
        text-align: left
    }
    .right-top-nav {
        padding-right: 0;
        float: right;
        margin-right: 0
    }
    .right-top-nav a {
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        display: block
    }
    .banner-bottom-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }
    .banner-bottom-nav a {
        width: 46%;
        font-size: 10px;
        padding: 14px 2px 14px;
        margin: 5px 4px;
        line-height: 9px
    }
    .faq_skin_homepage h3 {
        font-size: 20px;
        margin: 20px 0 50px;
        line-height: 20px
    }
    .faq_skin_homepage ul#accordion li {
        padding: 12px 20px 6px;
        color: #6e6e6e
    }
    .faq_skin_homepage div[data-toggle=collapse] {
        cursor: pointer;
        padding: 0 15px 10px 0;
        position: relative;
        font-size: 12px;
        line-height: 12px
    }
    .faq_skin_homepage .card-body {
        font-size: 12px;
        line-height: 20px
    }
    .faq_skin_homepage ul#accordion li span.fa {
        top: 0
    }
    #logo-slider .item,
    .five_star_review #customers-testimonials .item {
        padding: 5px 20px
    }
    .logo-slider-main {
        padding: 50px 0 20px
    }
    .what_we_deliver p.subtitle {
        padding-top: 0;
        padding-bottom: 20px
    }
    .what_we_deliver .card-title {
        min-height: auto
    }
    .what_we_deliver .card-body .card-text {
        margin: 10px auto 20px
    }
    .like_to_know.mb-10 {
        margin-bottom: 30px
    }
    a.mobile_logo {
        height: 100%;
        padding-top: 13px
    }
    .what_we_deliver_prt2 .card .card-title2 {
        padding: 0 0 !important;
        margin-bottom: 1px;
        font-size: 14px !important;
        min-height: 32px !important;
        padding: 0
    }
    .exclusively_for_you p.subtitle {
        padding-bottom: 0;
        font-size: 18px;
        letter-spacing: 1.5px !important
    }
    .step_regime.mb-10 {
        margin-bottom: 60px !important
    }
    .what_we_deliver_prt2 {
        padding: 60px 0 56px;
        margin-bottom: 60px !important
    }
    .product-image {
        padding: 0 0 115px 0;
        width: auto !important
    }
    .nutra_exclusive_for_you .product-image {
        padding: 0 0 30px 0;
        height: 350px;
        width: 300px
    }
    .efficiency-sec {
        font-size: 23px;
        padding: 30px 10px 30px
    }
    .product-image img {
        margin-left: 0
    }
    .product_detail {
        text-align: center !important
    }
    .img-left {
        top: -76px;
        left: 33%;
        left: 50%;
        transform: translateX(-50%)
    }
    .img-right {
        top: -78px;
        right: 72px;
        left: 50%;
        transform: translateX(-50%)
    }
    span.product_subtitle {
        line-height: 40px;
        margin: 40px 0;
        font-size: 16px
    }
    ul.product_advantages li {
        font-size: 14px;
        line-height: 30px
    }
    .exclusively_for_you.nutra_exclusive_for_you span.product_subtitle {
        line-height: 24px;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 15px
    }
    .exclusively_for_you.nutra_exclusive_for_you ul.product_advantages li {
        font-size: 14px;
        line-height: 27px
    }
    .exclusively_for_you.nutra_exclusive_for_you h3.product_title {
        font-size: 27px;
        margin-bottom: 20px !important
    }
    .nutra-page-read a {
        margin-bottom: 40px
    }
    .haricare_no_cont {
        margin-top: 70px
    }
    .exclusively_for_you.haircare_exclusive_for_you .forst-row .haricare_no_cont h3.product_title {
        margin-top: 12px;
        margin-bottom: 50px
    }
    .exclusively_for_you.haircare_exclusive_for_you .sec-row .haricare_no_cont h3.product_title {
        margin-top: 0;
        margin-bottom: 60px
    }
    .exclusively_for_you.haircare_exclusive_for_you .third-row .haricare_no_cont h3.product_title {
        margin-top: 4px;
        margin-bottom: 60px
    }
    .step_regime.ingredient_regime h5 {
        font-size: 27px;
        line-height: 24px
    }
    .step_regime.ingredient_regime h5 span {
        font-size: 22px;
        line-height: 18px
    }
    section.exclusively_for_you.nutra_exclusive_for_you.ingredient_exclusive_for_you p.subtitle {
        font-size: 18px
    }
    section.personalized_skincare.ingredient_per_skin p.subtitle {
        font-size: 20px
    }
    section.personalized_skincare.ingredient_per_skin .what_we_deliver h5.card-title {
        font-size: 24px
    }
    section.personalized_skincare.ingredient_per_skin .what_we_deliver p.card-text {
        font-size: 18px
    }
    .personalized_skincare.ingredient_block_skin p.subtitle {
        font-size: 18px
    }
    body#hair-analysis .skin-bg-overlay {
        width: 70% !important;
        top: 126px !important;
        left: 120px !important
    }
    body#hair-analysis-2 .skin-bg-overlay {
        width: 70% !important;
        top: 126px !important;
        left: 120px !important
    }
    body#hair-analysis-3 .skin-bg-overlay {
        width: 70% !important;
        top: 126px !important;
        left: 120px !important
    }
    body#hair-analysis-4 .skin-bg-overlay {
        width: 70% !important;
        top: 126px !important;
        left: 120px !important
    }
}

@media(max-width:576px) {
    a.che.btn.con-shoping.btn--loader.redirect_shop,
    button.checkout_btn.che.btn.btn--loader {
        min-width: 136px
    }
    #blog .navbar-collapse {
        display: block !important
    }
    h5.about-heading {
        font-size: 22px
    }
    .our-mission>p {
        font-size: 24px
    }
    .our-mission>h6 {
        font-size: 18px
    }
    .span-heading {
        font-size: 20px
    }
    .about-beauty {
        height: 800px
    }
    .about-bare {
        display: block
    }
    .bare-content {
        width: 100%
    }
    .beauty-img,
    .beauty-tech-img,
    .people-plant {
        width: 100%;
        height: 50%
    }
    .beauty-content,
    .people-plant-content {
        width: 100%;
        height: 50%;
        margin-left: auto;
        padding: 84px 33px;
        color: #12385e;
        padding-top: 120%
    }
    .w-80 {
        width: 100%
    }
    .beauty-tech-content {
        width: 100%;
        text-align: left;
        padding-top: 120%
    }
    .about-discover>h6 {
        font-size: 16px
    }
    .about-footer-img>img {
        width: 100%
    }
    .nutra_per_skin h5.card-title {
        font-size: 24px
    }
    .haricare_no_cont {
        margin-top: 70px
    }
    .nutra-banner-mob {
        height: 266px !important
    }
    .email-head {
        font-size: 22px
    }
    .notified-text {
        font-size: 14px
    }
    .order-text {
        font-size: 17px
    }
    form.email_signup button {
        font-size: 14px
    }
    ul.product_advantages li {
        font-size: 13px
    }
    span.product_subtitle {
        margin: 0
    }
    .ingredient_types {
        padding: 6px 15px
    }
    .ingredient_text {
        margin-top: 28px;
        padding: 15px 20px;
        height: calc(100% - 37px)
    }
    .what_we_deliver.what_we_deliver_skinhome h5.card-title {
        font-size: 14px;
        line-height: 19px
    }
    .what_we_deliver.what_we_deliver_skinhome p.card-text {
        font-size: 11px;
        line-height: 18px
    }
    .what_we_deliver {
        padding: 50px 0
    }
    .card-img-top img {
        width: 100px;
        height: 100px
    }
    .card-title {
        padding-top: 0;
        font-size: 20px
    }
    .subtitle {
        font-size: 20px
    }
    .personalized_skincare.nutra_block_skin p.subtitle {
        padding-left: 15px;
        padding-right: 15px
    }
    .what_we_deliver_prt2 p.subtitle {
        padding-bottom: 40px;
        padding-top: 0
    }
    .what_we_deliver_prt2 {
        padding: 60px 0 56px
    }
    .what_we_deliver .card {
        margin-top: 35px
    }
    p.card-text {
        padding: 15px 0
    }
    .step_regime h5 {
        font-size: 27px !important
    }
    .step_regime h5 span {
        font-size: 22px;
        font-weight: 500
    }
    .step_regime {
        padding: 50px 6px 45px
    }
    .card-img-top img {
        width: 75px;
        height: 75px
    }
    .nutra_per_skin .card-img-top img {
        width: 100px;
        height: 100px
    }
    .card-title2 {
        font-size: 14px
    }
    p.card-text {
        font-size: 18px;
        line-height: 18px
    }
    .what_we_deliver_prt2 p.card-text {
        font-size: 11px;
        line-height: 18px;
        margin-top: 0 !important;
        padding-top: 0
    }
    .what_we_deliver_prt2 .card {
        margin-bottom: 0
    }
    .card-img-top {
        width: 100%;
        text-align: center;
        margin-bottom: 20px !important
    }
    .nutra_deliver_part2 .card-img-top {
        margin-bottom: 10px !important
    }
    .what_we_deliver_prt2 .col-sm-6 {
        width: 50%
    }
    .ingredient_title {
        font-size: 18px;
        padding: 0
    }
    .beauty_collagen_img img {
        object-fit: cover;
        height: 100%
    }
    body#hair-analysis .skin-bg-overlay {
        width: 80% !important;
        top: 0 !important;
        left: 21px !important
    }
    body#hair-analysis-2 .skin-bg-overlay {
        width: 80% !important;
        top: 0 !important;
        left: 21px !important
    }
    body#hair-analysis-3 .skin-bg-overlay {
        width: 80% !important;
        top: 0 !important;
        left: 21px !important
    }
    body#hair-analysis-4 .skin-bg-overlay {
        width: 80% !important;
        top: 0 !important;
        left: 21px !important
    }
    body#hair-analysis section.skin-care .box {
        align-items: center;
        justify-content: center;
        width: 100%
    }
    body#hair-analysis-2 section.skin-care .box {
        align-items: center;
        justify-content: center;
        width: 100%
    }
    body#hair-analysis-3 section.skin-care .box {
        align-items: center;
        justify-content: center;
        width: 100%
    }
    body#hair-analysis-4 section.skin-care .box {
        align-items: center;
        justify-content: center;
        width: 100%
    }
    body#hair-analysis section.skin-care .box h2 {
        font-size: 12px
    }
    body#hair-analysis-2 section.skin-care .box h2 {
        font-size: 12px
    }
    body#hair-analysis-3 section.skin-care .box h2 {
        font-size: 12px
    }
    body#hair-analysis-4 section.skin-care .box h2 {
        font-size: 12px
    }
    .skin-care .box span img {
        height: 100%;
        object-fit: contain
    }
    .hair_analysis_listing .list-group-item {
        font-size: 10px !important
    }
    body#hair-analysis .head {
        margin: 0 0 20px
    }
    body#hair-analysis .head {
        margin: 0 0 20px
    }
    body#hair-analysis.steps {
        width: 80% !important
    }
    body#hair-analysis-2 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-2 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-2.steps {
        width: 80% !important
    }
    body#hair-analysis-3 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-3 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-3.steps {
        width: 80% !important
    }
    body#hair-analysis-4 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-4 .head {
        margin: 0 0 20px
    }
    body#hair-analysis-4.steps {
        width: 80% !important
    }
}

@media(max-width:1920px) {
    .card-title {
        font-size: 20px;
        padding-top: 19px
    }
    p.card-text {
        font-size: 14px;
        line-height: 1.5
    }
}

@media(max-width:1700px) {
    .main_bg.banner-white .step-2 span.title {
        right: 370px;
        top: 189px
    }
    .main_bg.banner-white .step-2 span.title:after {
        right: 239px
    }
    .main_bg.banner-white .step-2 span.sub_title {
        right: 520px;
        top: 256px
    }
}

.ingredient_detail p {
    font-size: 14px
}

.ingredient_images,
.ingredient_images_bare {
    width: 84px;
    height: 84px;
    object-fit: cover
}

.main_bg.banner-white .step-1 span.title,
.main_bg.banner-white .step-2 span.title,
.main_bg.banner-white .step-3 span.title {
    font-size: 26px
}

.main_bg.banner-white .step-1 span.sub_title,
.main_bg.banner-white .step-2 span.sub_title,
.main_bg.banner-white .step-3 span.sub_title {
    font-size: 18px
}

.main_bg.banner-white .step-1 span.title {
    font-size: 25px;
    left: 96px
}

.main_bg.banner-white .step-1 span.title:after {
    top: 39px;
    left: 133px
}

.main_bg.banner-white .step-1 span.sub_title {
    left: 224px
}

.main_bg.banner-white .step-2 span.title {
    right: 309px;
    top: 243px
}

.main_bg.banner-white .step-2 span.title:after {
    top: 36px;
    right: 114px
}

.main_bg.banner-white .step-2 span.sub_title {
    right: 419px;
    top: 290px
}

.main_bg.banner-white .step-3 span.title {
    bottom: 160px;
    right: 84px
}

.main_bg.banner-white .step-3 span.sub_title {
    right: 173px;
    bottom: 70px
}

.banner_section {
    padding: 10px 0 50px 0
}

nav.navbar {
    margin-bottom: 40px
}

@media(max-width:1400px) {
    .last_product_nutra ul.dtail_about_product li.step-1 {
        top: 44%;
        left: -20px
    }
    .last_product_nutra ul.dtail_about_product li.step-4 {
        top: 53%;
        right: 8px;
        width: 300px
    }
    .last_product_nutra ul.dtail_about_product li.step-2 {
        top: 21%;
        right: 1%
    }
    .step-1 span.title {
        font-size: 30px;
        left: 134px
    }
    .step-1 span.title:after {
        top: 39px;
        left: 173px
    }
    .step-1 span.sub_title {
        top: 212px;
        font-size: 18px
    }
    .step-2 span.title {
        font-size: 30px;
        right: 202px
    }
    .step-2 span.sub_title {
        font-size: 18px;
        top: 283px;
        right: 304px
    }
    .step-2 span.title:after {
        top: 36px;
        right: 104px
    }
    .step-3 span.title {
        font-size: 30px;
        left: 242px
    }
    .step-3 span.title:after {
        bottom: -20px;
        left: 228px
    }
    .step-3 span.sub_title {
        font-size: 18px;
        bottom: -9px;
        left: 472px
    }
    .skin_analysis button {
        padding: 11px 14px
    }
    .personalized_skincaretitle span {
        font-size: 25px
    }
    .personalized_skincaretitle {
        padding: 60px 0;
        font-size: 33px
    }
    .subtitle {
        font-size: 17px;
        padding-bottom: 50px
    }
    .what_we_deliver_prt2 p.card-text {
        margin-top: 5px
    }
    .ingredient_title {
        font-size: 18px;
        padding: 10px 20px
    }
    .ingredient_detail p {
        font-size: 19px
    }
    .step_regime h5 span {
        font-size: 26px
    }
    .step_regime h5 {
        font-size: 33px;
        line-height: 37px
    }
    h3.product_title {
        font-size: 33px
    }
    .product_subtitle {
        font-size: 20px;
        line-height: 34px
    }
    .exclusively_for_you.nutra_exclusive_for_you li {
        font-size: 14px
    }
    ul.product_advantages li {
        font-size: 16px;
        line-height: 36px
    }
    ul.dtail_about_product li span {
        font-size: 18px;
        margin-bottom: 5px
    }
    ul.dtail_about_product li {
        font-size: 14px;
        line-height: 26px
    }
    .ingredient_text p {
        line-height: 64px;
        font-size: 37px
    }
    .what_we_deliver_prt2 .card h5.card-title2 {
        font-size: 18px;
        padding: 0 6px;
        min-height: auto
    }
}

.main_bg {
    height: 456px;
    margin-top: 101px
}

#hair-care .main_bg {
    height: auto;
    margin-top: -11px;
    z-index: 0
}

#hair-care .navbar.navbar-expand-lg.nav_default {
    z-index: 1
}

#hair-care .skin_analysis.haircare-page-btn.ingredient_banner_btn.text-center {
    position: absolute;
    right: 30px;
    bottom: 60px
}

#hair-care .banner_section.bg-yellow-b {
    background: 0;
    position: relative
}

#hair-care .product-image img {
    height: 430px
}

#hair-care .product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: unset !important;
    width: 100%
}

.skin_analysis button {
    padding: 10px 13px;
    font-size: 14px
}

.skincare_ingredients {
    padding: 50px 0 40px
}

@media(max-width:1365px) {
    .steps {
        display: none
    }
    .main_bg.banner-white {
        width: 100%;
        margin-top: 101px
    }
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
    .breaking-news.bg-white {
        margin-bottom: 30px
    }
    .breaking-news.bg-white {
        margin-bottom: 20px
    }
    .img-left {
        top: -72px
    }
    .img-right {
        top: -78px;
        right: 72px
    }
}

@media(max-width:991px) {
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
    .main_bg.banner-white.banner-mob {
        margin-top: 101px;
        display: block
    }
    .main_bg.banner-white.banner-web {
        display: none
    }
    .what_we_deliver .card-title {
        min-height: 75px
    }
    .what_we_deliver .card-body .card-text {
        margin: 10px auto 20px
    }
    .nav-bar ul li a {
        margin-right: 10px
    }
    .banner-bottom-nav a {
        font-size: 13px;
        padding: 18px 5px 18px
    }
    .logo-head img.web-logo {
        width: 230px
    }
    .what_we_deliver_prt2 .card .card-title2 {
        padding: 0;
        margin-bottom: 1px;
        font-size: 19px !important;
        min-height: 49px !important
    }
    .what_we_deliver_prt2 .card-text {
        line-height: 18px;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 10px
    }
    .img-right {
        top: -75px
    }
    .img-left {
        top: -75px
    }
    .mobile_view_about_product {
        width: 100%;
        text-align: center
    }
    .mobile_view_about_product {
        display: block
    }
    .about_product {
        display: none
    }
    .card-title2 {
        font-size: 19px
    }
    p.card-text {
        padding: 15px 0 30px;
        font-size: 16px;
        line-height: 24px;
        color: #413f3f
    }
    nav.navbar {
        margin-bottom: 60px
    }
    .banner_section {
        padding-bottom: 50px
    }
    .personalized_skincaretitle {
        font-size: 31px
    }
    .skin_analysis {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 67px
    }
    .logo {
        display: none !important
    }
    a.mobile_logo {
        height: 100%;
        padding-top: 13px;
        display: inline-block
    }
    .navbar-nav {
        display: inline-block;
        float: right
    }
    .nav-link {
        font-size: 14px;
        text-align: right
    }
    .ingredient_types {
        padding: 0 15px
    }
    .ingredient_types .card.peach {
        width: 48%;
        margin: 0 0 16px 0
    }
    .ingredient_text p {
        line-height: 38px;
        font-size: 27px;
        padding: 0 23px
    }
    .exclusively_for_you.haircare_exclusive_for_you .forst-row .haricare_no_cont h3.product_title {
        margin-top: 12px;
        margin-bottom: 50px
    }
    .exclusively_for_you.haircare_exclusive_for_you .sec-row .haricare_no_cont h3.product_title {
        margin-top: 0;
        margin-bottom: 60px
    }
    .exclusively_for_you.haircare_exclusive_for_you .third-row .haricare_no_cont h3.product_title {
        margin-top: 4px;
        margin-bottom: 60px
    }
}

@media(max-width:767px) {
    .bare_in_numbers {
        padding: 50px 0 30px
    }
    .personalized_skincare.ingredient_block_skin h5.ingredient_title {
        font-size: 27px
    }
    .personalized_skincare.ingredient_block_skin .ingredient_detail p {
        font-size: 18px
    }
    .main_bg.nutra-banner-mob.haircare-w-m {
        height: auto !important;
        text-align: center
    }
    .step_regime.nutra_step_regime h5 {
        font-size: 27px;
        line-height: 24px
    }
    .step_regime.nutra_step_regime h5 span.nutra-yellow {
        font-size: 22px;
        line-height: 18px
    }
    .personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle {
        font-size: 28px;
        line-height: 1.2
    }
    .personalized_skincare.ingredient_per_skin.haircare_per_skin h2.personalized_skincaretitle span.haircare-blue {
        font-size: 25px;
        line-height: 21px
    }
    .haircare_exclusive_for_you h3.product_title {
        font-size: 36px
    }
    .exclusively_for_you.haircare_exclusive_for_you span.product_subtitle {
        font-size: 18px
    }
    .exclusively_for_you.haircare_exclusive_for_you ul.product_advantages li {
        font-size: 14px
    }
    section.personalized_skincare.last_product_nutra p.subtitle {
        font-size: 20px;
        line-height: 30px
    }
    span.mbl_hd {
        display: none
    }
    .hide-in-mobile {
        display: none
    }
    .hide-in-desktop {
        display: block
    }
    h2.banner-head {
        opacity: 0
    }
    .nature_box .row.align-items-center {
        flex-direction: column-reverse
    }
    .nutra_exclusive_for_you .product_detail.text-right.prod-det-2 .skin_analysis.nutra-por-btn.ingredient-page-btn {
        flex-direction: column;
        justify-content: center;
        text-align: center !important;
        align-items: center
    }
    .nutra_exclusive_for_you .product_detail .skin_analysis.nutra-por-btn.ingredient-page-btn {
        flex-direction: column-reverse;
        align-items: center
    }
    .exclusively_for_you.ingredient_exclusive_for_you .product_detail .nutra-por-btn a.know-ore {
        color: #5e7263;
        margin-bottom: 30px
    }
    .nutra_exclusive_for_you .product_detail.text-right.prod-det-2 .skin_analysis.nutra-por-btn.ingredient-page-btn.text-right button {
        margin-bottom: 14px
    }
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        margin-left: auto;
        margin-right: auto
    }
    .five_author-box {
        font-size: 14px
    }
    .per-block h5 {
        font-size: 22px;
        line-height: 14px
    }
    .banner-mob-logo {
        display: block;
        margin-top: 100px;
        text-align: center
    }
    .top-header {
        padding: 25px 0 30px
    }
    #blog .announcement-bar {
        display: block !important
    }
    .per-block p {
        font-size: 18px;
        line-height: 25px
    }
    #carousel div.selected {
        width: 225px;
        height: 250px
    }
    #carousel div.next,
    #carousel div.nextRightSecond,
    #carousel div.prev,
    #carousel div.prevLeftSecond {
        width: 174px;
        height: 120px;
        top: 30px
    }
    .clean_ingredients_slider .buttons button#next {
        right: -6px
    }
    .clean_ingredients_slider .buttons button#prev {
        left: -6px
    }
    #carousel {
        height: 300px
    }
    #carousel div.nextRightSecond,
    #carousel div.prevLeftSecond {
        top: unset;
        opacity: 0
    }
    p.clean_subhead {
        font-size: 20px;
        font-family: 'Nanum Myeongjo', serif;
        line-height: 25px
    }
    .what_we_deliver.what_we_deliver_skinhome p.subtitle {
        font-size: 20px;
        line-height: 20px
    }
    .bare_in_numbers h2 {
        font-size: 20px;
        line-height: 20px
    }
    .five_star_review .read_more_review a {
        margin-bottom: 0
    }
    h2.banner-head {
        text-align: center;
        color: #fff;
        font-size: 24px;
        margin: 0 0 170px;
        line-height: 30px
    }
    .per-block img {
        width: 50% !important;
        max-width: inherit;
        text-align: center;
        margin: -50px 0 -40px
    }
    .step_regime.step_regime h5 {
        font-size: 33px;
        line-height: 27px
    }
    .easy-to-reach h5 {
        text-align: center
    }
    a.every-fir-btn,
    a.every-four-btn,
    a.every-sec-btn,
    a.every-thr-btn {
        height: auto;
        font-size: 12px;
        padding: 6px 16px;
        width: 246px;
        outline: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 16px
    }
    .five_star_review h5 {
        line-height: 27px
    }
    .star_second {
        padding-left: 10px
    }
    .number_block h3 {
        margin: 0 0 15px;
        font-size: 27px
    }
    .number_block p {
        font-size: 12px;
        font-weight: 300;
        margin: 0;
        line-height: 16px
    }
    .number_block {
        margin-bottom: 40px
    }
    img.easy-mob {
        display: block
    }
    img.easy-web {
        display: none
    }
    .nutra_per_skin .card-img-top {
        margin-bottom: 21px !important
    }
    .nutra-banner-web {
        display: none
    }
    .banner_section.haircare_banner_section .skin_analysis {
        margin-bottom: 10px
    }
    .nutra-banner-mob {
        display: block;
        height: 364px !important
    }
    .main_bg.nutra-banner-mob.haircare-w-m {
        height: auto !important
    }
    .nutra-por-btn {
        justify-content: center;
        flex-wrap: wrap
    }
    .nutra-por-btn a.know-ore {
        width: 100%;
        margin: 10px 0 10px;
        text-align: center
    }
    .skin_analysis.nutra-por-btn.nutra-page-btn.text-left {
        flex-direction: column-reverse;
        align-items: center
    }
    .product_detail.text-right.prod-det-2 .nutra-por-btn a.know-ore,
    .skin_analysis.nutra-por-btn.nutra-page-btn.text-left a.know-ore {
        margin-left: 0;
        margin-right: 40px;
        margin: 0 0 30px !important;
        width: 100%;
        text-align: center !important
    }
    .shadow-effect {
        padding: 10px;
        width: 100%
    }
    #customers-testimonials .shadow-effect p {
        font-size: 20px;
        line-height: 25px
    }
    #customers-testimonials .item,
    #logo-slider .item {
        padding: 50px 30px
    }
    #customers-testimonials .owl-next,
    #customers-testimonials .owl-prev {
        width: 14px;
        height: 14px
    }
    #customers-testimonials .owl-prev,
    #logo-slider .owl-prev {
        margin-left: 0
    }
    #customers-testimonials .owl-next,
    #logo-slider .owl-next {
        margin-right: 0
    }
    .testimonials h2 {
        font-size: 27px
    }
    .logo-slider-main h2 {
        font-size: 20px;
        padding: 0
    }
    .logo-slider-main h2 {
        font-size: 20px;
        padding: 0;
        margin: 0 0 30px
    }
    .popup-content h4 {
        font-size: 20px;
        margin: 0 0 5px
    }
    .popup-content p {
        font-size: 12px
    }
    .popup-content h6 {
        font-size: 12px
    }
    .product_detail.prod-det-1 h3.product_title {
        margin-top: 0
    }
    .sidebar-navigation.active {
        width: 100%;
        opacity: 1;
        visibility: visible;
        right: 0
    }
    .sidenav-close i.fa.fa-times {
        color: #000 !important;
        position: relative;
        right: unset;
        top: unset;
        font-size: 19px
    }
    .sidenav-close i.fa.fa-times:before {
        opacity: 1;
        visibility: visible
    }
    .a_scr {
        display: flex;
        overflow-x: auto
    }
    .nav-bar ul li {
        min-width: 170px;
        display: inline-block
    }
    .nav-bar ul li a {
        margin-right: 0;
        font-size: 12px;
        font-weight: 300
    }
    img.web-logo {
        display: none
    }
    img.mob-logo {
        display: inline-block;
        width: 55px
    }
    .logo-head {
        text-align: left
    }
    .right-top-nav {
        padding-right: 0;
        float: right;
        margin-right: 0
    }
    .right-top-nav a {
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        display: block
    }
    .banner-bottom-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }
    .banner-bottom-nav a {
        width: 46%;
        font-size: 10px;
        padding: 14px 2px 14px;
        margin: 5px 4px;
        line-height: 9px
    }
    .faq_skin_homepage h3 {
        font-size: 20px;
        margin: 20px 0 50px;
        line-height: 20px
    }
    .faq_skin_homepage ul#accordion li {
        padding: 12px 20px 6px;
        color: #6e6e6e
    }
    .faq_skin_homepage div[data-toggle=collapse] {
        cursor: pointer;
        padding: 0 15px 10px 0;
        position: relative;
        font-size: 12px;
        line-height: 12px
    }
    .faq_skin_homepage .card-body {
        font-size: 12px;
        line-height: 20px
    }
    .faq_skin_homepage ul#accordion li span.fa {
        top: 0
    }
    #logo-slider .item,
    .five_star_review #customers-testimonials .item {
        padding: 5px 20px
    }
    .logo-slider-main {
        padding: 50px 0 20px
    }
    .what_we_deliver p.subtitle {
        padding-top: 0;
        padding-bottom: 20px
    }
    .what_we_deliver .card-title {
        min-height: auto
    }
    .what_we_deliver .card-body .card-text {
        margin: 10px auto 20px
    }
    .like_to_know.mb-10 {
        margin-bottom: 30px
    }
    a.mobile_logo {
        height: 100%;
        padding-top: 13px
    }
    .what_we_deliver_prt2 .card .card-title2 {
        padding: 0 0 !important;
        margin-bottom: 1px;
        font-size: 14px !important;
        min-height: 32px !important;
        padding: 0
    }
    .exclusively_for_you p.subtitle {
        padding-bottom: 0;
        font-size: 18px;
        letter-spacing: 1.5px !important
    }
    .step_regime.mb-10 {
        margin-bottom: 60px !important
    }
    .what_we_deliver_prt2 {
        padding: 60px 0 56px;
        margin-bottom: 60px !important
    }
    .product-image {
        padding: 0 0 115px 0
    }
    .nutra_exclusive_for_you .product-image {
        padding: 0 0 30px 0;
        height: 350px;
        width: 300px
    }
    .efficiency-sec {
        font-size: 23px;
        padding: 30px 10px 30px
    }
    .product-image img {
        margin-left: 0
    }
    .product_detail {
        text-align: center !important
    }
    .img-left {
        top: -76px;
        left: 33%;
        left: 50%;
        transform: translateX(-50%)
    }
    .img-right {
        top: -78px;
        right: 72px;
        left: 50%;
        transform: translateX(-50%)
    }
    span.product_subtitle {
        line-height: 40px;
        margin: 40px 0;
        font-size: 16px
    }
    ul.product_advantages li {
        font-size: 14px;
        line-height: 30px
    }
    .exclusively_for_you.nutra_exclusive_for_you span.product_subtitle {
        line-height: 24px;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 15px
    }
    .exclusively_for_you.nutra_exclusive_for_you ul.product_advantages li {
        font-size: 14px;
        line-height: 27px
    }
    .exclusively_for_you.nutra_exclusive_for_you h3.product_title {
        font-size: 27px;
        margin-bottom: 20px !important
    }
    .nutra-page-read a {
        margin-bottom: 40px
    }
    .haricare_no_cont {
        margin-top: 70px
    }
    .exclusively_for_you.haircare_exclusive_for_you .forst-row .haricare_no_cont h3.product_title {
        margin-top: 12px;
        margin-bottom: 50px
    }
    .exclusively_for_you.haircare_exclusive_for_you .sec-row .haricare_no_cont h3.product_title {
        margin-top: 0;
        margin-bottom: 60px
    }
    .exclusively_for_you.haircare_exclusive_for_you .third-row .haricare_no_cont h3.product_title {
        margin-top: 4px;
        margin-bottom: 60px
    }
    .step_regime.ingredient_regime h5 {
        font-size: 27px;
        line-height: 24px
    }
    .step_regime.ingredient_regime h5 span {
        font-size: 22px;
        line-height: 18px
    }
    section.exclusively_for_you.nutra_exclusive_for_you.ingredient_exclusive_for_you p.subtitle {
        font-size: 18px
    }
    section.personalized_skincare.ingredient_per_skin p.subtitle {
        font-size: 20px
    }
    section.personalized_skincare.ingredient_per_skin .what_we_deliver h5.card-title {
        font-size: 24px
    }
    section.personalized_skincare.ingredient_per_skin .what_we_deliver p.card-text {
        font-size: 18px
    }
    .personalized_skincare.ingredient_block_skin p.subtitle {
        font-size: 18px
    }
}

@media(max-width:576px) {
    .skin_analysis {
        margin-bottom: 0
    }
    .nutra_per_skin h5.card-title {
        font-size: 24px
    }
    .haricare_no_cont {
        margin-top: 70px
    }
    .nutra-banner-mob {
        height: 266px !important
    }
    .email-head {
        font-size: 22px
    }
    .notified-text {
        font-size: 14px
    }
    .order-text {
        font-size: 17px
    }
    form.email_signup button {
        font-size: 14px
    }
    ul.product_advantages li {
        font-size: 13px
    }
    span.product_subtitle {
        margin: 0
    }
    .ingredient_types {
        padding: 6px 15px
    }
    .ingredient_text {
        margin-top: 28px;
        padding: 15px 20px;
        height: calc(100% - 37px)
    }
    .what_we_deliver.what_we_deliver_skinhome h5.card-title {
        font-size: 14px;
        line-height: 19px
    }
    .what_we_deliver.what_we_deliver_skinhome p.card-text {
        font-size: 11px;
        line-height: 18px
    }
    .what_we_deliver {
        padding: 50px 0
    }
    .card-img-top img {
        width: 100px;
        height: 100px
    }
    .card-title {
        padding-top: 0;
        font-size: 20px
    }
    .subtitle {
        font-size: 20px
    }
    .personalized_skincare.nutra_block_skin p.subtitle {
        padding-left: 15px;
        padding-right: 15px
    }
    .what_we_deliver_prt2 p.subtitle {
        padding-bottom: 40px;
        padding-top: 0
    }
    .what_we_deliver_prt2 {
        padding: 60px 0 56px
    }
    .what_we_deliver .card {
        margin-top: 35px
    }
    p.card-text {
        padding: 15px 0
    }
    .step_regime h5 {
        font-size: 27px !important
    }
    .step_regime h5 span {
        font-size: 22px;
        font-weight: 500
    }
    .step_regime {
        padding: 50px 6px 45px
    }
    .card-img-top img {
        width: 75px;
        height: 75px
    }
    .nutra_per_skin .card-img-top img {
        width: 100px;
        height: 100px
    }
    .card-title2 {
        font-size: 14px
    }
    p.card-text {
        font-size: 18px;
        line-height: 18px
    }
    .what_we_deliver_prt2 p.card-text {
        font-size: 11px;
        line-height: 18px;
        margin-top: 0 !important;
        padding-top: 0
    }
    .what_we_deliver_prt2 .card {
        margin-bottom: 0
    }
    .card-img-top {
        width: 100%;
        text-align: center;
        margin-bottom: 20px !important
    }
    .nutra_deliver_part2 .card-img-top {
        margin-bottom: 10px !important
    }
    .what_we_deliver_prt2 .col-sm-6 {
        width: 50%
    }
    .ingredient_title {
        font-size: 18px;
        padding: 0
    }
    .ingredient_detail p {
        font-size: 14px
    }
    .ingredient_images {
        width: 84px;
        height: 53px
    }
    .ingredient_images_bare {
        width: 175px;
        height: 175px
    }
    .banner_section {
        padding: 10px 0 50px 0
    }
    .main_bg {
        margin-top: 76px;
        height: 456px
    }
    .skin_analysis button {
        padding: 10px 13px;
        font-size: 14px
    }
    .skincare_ingredients {
        padding: 50px 0 40px
    }
    .breaking-news.bg-white {
        margin-bottom: 30px
    }
    .breaking-news.bg-white {
        margin-bottom: 20px
    }
    .img-left {
        top: -72px
    }
    .img-right {
        top: -78px;
        right: 72px
    }
    .img-left.custom_product_number,
    .img-right.custom_product_number {
        top: -72px
    }
}

.navbar.navbar-expand-lg.nav_default {
    margin-top: -2px;
    z-index: 9999
}

body#skin-quiz #shopify-section-header {
    position: relative;
    left: 0;
    right: 0
}

body#skin-quiz .quiz-slider {
    margin-top: 110px
}

.inline-input {
    display: inline-block;
    width: 70% !important
}

@media only screen and (min-device-width:400px) {
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
}

@media(max-width:420px) {
    .shadow-effect {
        padding-top: 90px
    }
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 337px !important;
        width: 337px !important;
        justify-content: center;
        margin-bottom: 16px
    }
    .nutra-banner-mob {
        height: 566px !important
    }
    .exclusively_for_you.haircare_exclusive_for_you .forst-row .haricare_no_cont h3.product_title {
        margin-top: 12px;
        margin-bottom: 50px
    }
    .exclusively_for_you.haircare_exclusive_for_you .sec-row .haricare_no_cont h3.product_title {
        margin-top: 0;
        margin-bottom: 60px
    }
    .exclusively_for_you.haircare_exclusive_for_you .third-row .haricare_no_cont h3.product_title {
        margin-top: 4px;
        margin-bottom: 60px
    }
    section.exclusively_for_you.skin_img_center .product-image {
        width: auto
    }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :landscape) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 384px;
        width: 384px;
        justify-content: center
    }
    #carousel div img {
        height: auto
    }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :portrait) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 384px;
        width: 384px;
        justify-content: center
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 345px;
        width: 345px;
        justify-content: center
    }
    .ingredient_types.custom-wrap {
        flex-wrap: nowrap
    }
    #carousel div img {
        height: auto !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 345px !important;
        width: 345px !important;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
    a.che.btn.con-shoping.btn--loader.redirect_shop,
    button.checkout_btn.che.btn.btn--loader {
        min-width: 160px
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation :landscape) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 337px;
        width: 337px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation :portrait) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 337px;
        width: 337px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
    a.che.btn.con-shoping.btn--loader.redirect_shop,
    button.checkout_btn.che.btn.btn--loader {
        min-width: 160px
    }
}

@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 330px;
        width: 330px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
}

@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 384px;
        width: 384px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
    a.che.btn.con-shoping.btn--loader.redirect_shop,
    button.checkout_btn.che.btn.btn--loader {
        min-width: 136px
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 289px;
        width: 289px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
    .beauty-img,
    .beauty-tech-img,
    .people-plant {
        height: 45%
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .personalized_skincare.ingredient_block_skin .ingredient_types .card.peach {
        height: 289px;
        width: 289px;
        justify-content: center;
        margin-bottom: 16px
    }
    .ingredient_types.custom-wrap {
        flex-wrap: wrap
    }
    .beauty-img,
    .beauty-tech-img,
    .people-plant {
        height: 45%
    }
    a.che.btn.con-shoping.btn--loader.redirect_shop,
    button.checkout_btn.che.btn.btn--loader {
        min-width: 136px
    }
}

.cart-item__original-price,
.cart-item__price {
    margin-top: 0 !important
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .card-header {
    background: 0 0 !important;
    border: 0 !important;
    height: auto;
    line-height: normal;
    text-align: left;
    padding: 0 0 !important;
    margin: 0 !important
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .card-header {
    background: 0 0 !important;
    border: 0 !important;
    height: auto;
    line-height: normal;
    text-align: left;
    padding: 0 0 !important;
    margin: 0 !important
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .card-title {
    margin: 0 !important;
    padding-top: 0
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .card-body {
    padding: 0 !important
}

body#bare-anatomy-take-the-quiz-and-know-you-hair-profile #shopify-section-header {
    position: fixed;
    height: 100px;
    left: 0;
    right: 0
}

body#bare-anatomy-take-the-quiz-and-know-you-hair-profile .quiz-slider {
    margin-top: 110px
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile #shopify-section-header {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff4eb
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .navbar.navbar-expand-lg.nav_default {
    background: #fff4eb;
    z-index: 9
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .quiz-slider {
    margin-top: 110px
}

#bare-anatomy-take-the-quiz-and-know-you-hair-profile .step-cat {
    background: #fff4eb;
    position: fixed;
    position: fixed;
    top: 114px;
    left: 0;
    right: 0;
    z-index: -1
}

#hair-profile .side-top-login {
    padding: 30px 20px 10px !important;
    text-align: right !important
}

#hair-profile .sidenav-close {
    position: absolute;
    top: 50px;
    left: 30px;
    font-size: 19px;
    z-index: 1;
    cursor: pointer
}

#hair-profile .card {
    background: 0 0 !important;
    border: none !important;
    text-align: center
}

#hair-profile .card-header {
    background: 0 0 !important;
    border: 0 !important;
    height: auto;
    line-height: normal;
    text-align: left;
    padding: 0 0 !important;
    margin: 0 !important
}

#hair-profile .card-header {
    background: 0 0 !important;
    border: 0 !important;
    height: auto;
    line-height: normal;
    text-align: left;
    padding: 0 0 !important;
    margin: 0 !important
}

#hair-profile .card-title {
    margin: 0 !important;
    padding-top: 0
}

#hair-profile .card-body {
    padding: 0 !important
}

body#hair-profile #shopify-section-header {
    position: fixed;
    left: 0;
    height: 100px;
    right: 0
}

body#hair-profile .quiz-slider {
    margin-top: 110px
}

#hair-profile #shopify-section-header {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff4eb
}

#hair-profile .navbar.navbar-expand-lg.nav_default {
    background: #fff4eb;
    z-index: 9
}

#hair-profile .quiz-slider {
    margin-top: 110px
}

#hair-profile .step-cat {
    background: #fff4eb;
    position: fixed;
    position: fixed;
    top: 114px;
    left: 0;
    right: 0;
    z-index: -1
}

#shopify-section-hair-profile {
    height: 100px
}

.referral-unlocked-title span {
    font-family: HelveticaNeue;
    font-weight: 700;
    color: #8a0e3a;
    font-size: 28px
}

.refer_more h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #8b0e3a
}

.refer_more {
    display: inline-block;
    margin-top: 83px;
    text-align: center;
    width: 100%
}

.refer_more .flat-badge {
    position: relative;
    z-index: 1;
    font-size: 24px;
    color: #19496b;
    font-family: 'Playfair Display', serif;
    text-transform: capitalize
}

.refer_more .flat-badge:before {
    content: "";
    display: inline-block;
    background: #f7dec8;
    width: 210px;
    height: 25px;
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0)
}

.range_slider {
    width: 585px;
    height: 16px;
    background: #19496b;
    border-radius: 20px;
    position: relative;
    margin: 0 auto 83px
}

.range_slider_inner {
    width: 100%
}

.slider_value {
    padding: 0;
    position: relative
}

.range_labels {
    padding: 0;
    margin: 0;
    text-align: center;
    display: none
}

.range_labels li {
    list-style: none;
    display: inline-block;
    color: #f9e0c9;
    font-size: 9px;
    padding: 2px 24px;
    vertical-align: super
}

.range-slider-holder {
    background: #8a0e3a;
    padding: 7px 12px;
    border-radius: 20px;
    border: #f9e0c9 3px solid;
    font-size: 18px;
    font-weight: 600;
    color: #f9e0c9
}

span.range_text {
    color: #8a0e3a;
    font-size: 14px;
    font-family: 'Playfair Display', serif;
    font-weight: 700
}

.range_value {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    top: -37px;
    transform: translate(-50%, 0)
}

.range_info {
    margin: 16px 0;
    width: 127px;
    background: #f9e0c9;
    border: 1px solid #8a0e3a;
    position: relative;
    padding: 11px 0;
    text-align: center;
    font-size: 13px;
    color: #01385e;
    line-height: 16px
}

.holder_info p {
    margin: 0
}

.holder_info:after,
.holder_info:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid
}

.holder_info:after {
    top: -20px;
    border-color: transparent transparent #f9e0c9 transparent;
    border-width: 10px;
    left: 52%;
    transform: translate(-50%, 0)
}

.holder_info:before {
    top: -22px;
    border-color: transparent transparent #8e3535 transparent;
    transform: translate(-50%, 0);
    left: 52%;
    border-width: 11px
}

.holder_info b {
    font-size: 14px
}

.up_arrow {
    position: absolute;
    top: 81px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 13px solid #f9e0c9;
    left: 50%;
    transform: translate(-50%, 0)
}

#edit-msg {
    font-size: 12px
}

#refer-your-friends-amp-family-bare-anatomy .accordion {
    width: 100%
}

body#hair-analysis section.skin-care .box {
    align-items: center;
    justify-content: center
}

body#hair-analysis-2 section.skin-care .box {
    align-items: center;
    justify-content: center
}

body#hair-analysis-3 section.skin-care .box {
    align-items: center;
    justify-content: center
}

body#hair-analysis-4 section.skin-care .box {
    align-items: center;
    justify-content: center
}

body#hair-analysis h2.biotin_title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0 0
}

body#hair-analysis-2 h2.biotin_title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0 0
}

body#hair-analysis-3 h2.biotin_title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0 0
}

body#hair-analysis-4 h2.biotin_title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0 0
}

body#hair-analysis span.biotin_subtitle {
    font-size: 14px;
    color: #1c1111
}

body#hair-analysis-2 span.biotin_subtitle {
    font-size: 14px;
    color: #1c1111
}

body#hair-analysis-3 span.biotin_subtitle {
    font-size: 14px;
    color: #1c1111
}

body#hair-analysis-4 span.biotin_subtitle {
    font-size: 14px;
    color: #1c1111
}

body#hair-analysis ul.vegan-details {
    margin: 14px 0 20px;
    padding: 0;
    display: flex;
    justify-content: center
}

body#hair-analysis-2 ul.vegan-details {
    margin: 14px 0 20px;
    padding: 0;
    display: flex;
    justify-content: center
}

body#hair-analysis-3 ul.vegan-details {
    margin: 14px 0 20px;
    padding: 0;
    display: flex;
    justify-content: center
}

body#hair-analysis-4 ul.vegan-details {
    margin: 14px 0 20px;
    padding: 0;
    display: flex;
    justify-content: center
}

body#hair-analysis ul.vegan-details li {
    list-style: none
}

body#hair-analysis-2 ul.vegan-details li {
    list-style: none
}

body#hair-analysis-3 ul.vegan-details li {
    list-style: none
}

body#hair-analysis-4 ul.vegan-details li {
    list-style: none
}

body#hair-analysis ul.vegan-details li {
    margin: 0 6px
}

body#hair-analysis-2 ul.vegan-details li {
    margin: 0 6px
}

body#hair-analysis-3 ul.vegan-details li {
    margin: 0 6px
}

body#hair-analysis-4 ul.vegan-details li {
    margin: 0 6px
}

body#hair-analysis ul.vegan-details li p {
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0 0
}

body#hair-analysis-2 ul.vegan-details li p {
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0 0
}

body#hair-analysis-3 ul.vegan-details li p {
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0 0
}

body#hair-analysis-4 ul.vegan-details li p {
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0 0
}

body#hair-analysis p.hair-analysis-price {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #413f3f
}

body#hair-analysis-2 p.hair-analysis-price {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #413f3f
}

body#hair-analysis-3 p.hair-analysis-price {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #413f3f
}

body#hair-analysis-4 p.hair-analysis-price {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #413f3f
}

p.biotin_text {
    font-family: Helvetica-Oblique;
    font-size: 20px;
    color: #0a0c04;
    padding: 0 90px;
    font-size: 20px
}

.biotin_info button.btn.desktop_btn {
    margin: 0;
    text-transform: capitalize;
    background: #fcdcca;
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%);
    border: 2px solid #217bc9;
    border-radius: 0;
    font-size: 18px;
    padding: 17px 58px;
    font-family: HelveticaNeue
}

.biotin_info button.btn.desktop_btn img {
    margin-right: 10px
}

.biotin {
    position: relative
}

.biotin:before {
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    background: #fafafa;
    position: absolute;
    top: 50%;
    z-index: -1;
    transform: translate(0, -48%)
}

body#hair-analysis .omega {
    margin: 66px 0
}

body#hair-analysis-2 .omega {
    margin: 66px 0
}

body#hair-analysis-3 .omega {
    margin: 66px 0
}

body#hair-analysis-4 .omega {
    margin: 66px 0
}

body#hair-analysis h2.skin-heading {
    text-transform: none;
    margin-bottom: 40px
}

body#hair-analysis-2 h2.skin-heading {
    text-transform: none;
    margin-bottom: 40px
}

body#hair-analysis-3 h2.skin-heading {
    text-transform: none;
    margin-bottom: 40px
}

body#hair-analysis-4 h2.skin-heading {
    text-transform: none;
    margin-bottom: 40px
}

body#hair-analysis .skin-bg-overlay {
    width: 50%
}

body#hair-analysis-2 .skin-bg-overlay {
    width: 50%
}

body#hair-analysis-3 .skin-bg-overlay {
    width: 50%
}

body#hair-analysis-4 .skin-bg-overlay {
    width: 50%
}

body#hair-analysis .skin_analysis {
    position: relative;
    margin-bottom: 10px
}

body#hair-analysis-2 .skin_analysis {
    position: relative;
    margin-bottom: 10px
}

body#hair-analysis-3 .skin_analysis {
    position: relative;
    margin-bottom: 10px
}

body#hair-analysis-4 .skin_analysis {
    position: relative;
    margin-bottom: 10px
}

body#hair-analysis .hair_analysis_membership .btn {
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%);
    border: 2px solid #217bc9;
    text-transform: uppercase;
    font-family: HelveticaNeue
}

body#hair-analysis .head h2::after {
    background: #aad2fe
}

body#hair-analysis .hair_analysis_membership s {
    font-family: Helvetica-Oblique
}

body#hair-analysis-2 .hair_analysis_membership .btn {
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%);
    border: 2px solid #217bc9;
    text-transform: uppercase;
    font-family: HelveticaNeue
}

body#hair-analysis-2 .head h2::after {
    background: #aad2fe
}

body#hair-analysis-2 .hair_analysis_membership s {
    font-family: Helvetica-Oblique
}

body#hair-analysis-3 .hair_analysis_membership .btn {
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%);
    border: 2px solid #217bc9;
    text-transform: uppercase;
    font-family: HelveticaNeue
}

body#hair-analysis-3 .head h2::after {
    background: #aad2fe
}

body#hair-analysis-3 .hair_analysis_membership s {
    font-family: Helvetica-Oblique
}

body#hair-analysis-4 .hair_analysis_membership .btn {
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%);
    border: 2px solid #217bc9;
    text-transform: uppercase;
    font-family: HelveticaNeue
}

body#hair-analysis-4 .head h2::after {
    background: #aad2fe
}

body#hair-analysis-4 .hair_analysis_membership s {
    font-family: Helvetica-Oblique
}

.skincare_regime .head h2::after {
    background: #fbf1d8 !important
}

body#hair-analysis .steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 136px;
    background: #fed0d0;
    left: -27px;
    top: 50%;
    transform: translateY(-50%)
}

body#hair-analysis .steps_info p {
    font-family: Helvetica-Oblique
}

body#hair-analysis .steps_info h2 {
    font-weight: 700
}

body#hair-analysis .steps:after {
    position: absolute;
    content: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair-analysis-arrow.svg?v=1607145194);
    position: absolute;
    right: -18px
}

body#hair-analysis .head h2::after {
    width: 104%;
    background: #aad2fe;
    left: -2%
}

body#hair-analysis .unique .box .sub-head span {
    font-size: 22px;
    color: #1c1111;
    font-family: Helvetica-Oblique
}

body#hair-analysis .unique .box .list img {
    width: auto;
    margin: 0 0 16px;
    height: 100px
}

#hair-analysis .chamomille,
body#hair-analysis .avocado-oil,
body#hair-analysis .deep-condition,
body#hair-analysis .olive-oil,
body#hair-analysis .pinus,
body#hair-analysis .treat-dandruff {
    margin-left: 48px
}

.chamomille h5,
.pinus h5,
body#hair-analysis .salicylic h5 {
    width: 92%
}

body#hair-analysis .salicylic p {
    margin-top: 25px
}

body#hair-analysis .unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 700
}

body#hair-analysis .steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 136px;
    background: #fed0d0;
    left: -27px;
    top: 50%;
    transform: translateY(-50%)
}

body#hair-analysis-2 .steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 136px;
    background: #fed0d0;
    left: -27px;
    top: 50%;
    transform: translateY(-50%)
}

body#hair-analysis-3 .steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 136px;
    background: #fed0d0;
    left: -27px;
    top: 50%;
    transform: translateY(-50%)
}

body#hair-analysis-4 .steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 136px;
    background: #fed0d0;
    left: -27px;
    top: 50%;
    transform: translateY(-50%)
}

body#hair-analysis .steps_info p {
    font-family: Helvetica-Oblique
}

body#hair-analysis-2 .steps_info p {
    font-family: Helvetica-Oblique
}

body#hair-analysis-3 .steps_info p {
    font-family: Helvetica-Oblique
}

body#hair-analysis-4 .steps_info p {
    font-family: Helvetica-Oblique
}

body#hair-analysis .steps_info h2 {
    font-weight: 700
}

body#hair-analysis-2 .steps_info h2 {
    font-weight: 700
}

body#hair-analysis-3 .steps_info h2 {
    font-weight: 700
}

body#hair-analysis-4 .steps_info h2 {
    font-weight: 700
}

body#hair-analysis .steps:after {
    position: absolute;
    content: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair-analysis-arrow.svg?v=1607145194);
    position: absolute;
    right: -18px
}

body#hair-analysis-2 .steps:after {
    position: absolute;
    content: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair-analysis-arrow.svg?v=1607145194);
    position: absolute;
    right: -18px
}

body#hair-analysis-3 .steps:after {
    position: absolute;
    content: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair-analysis-arrow.svg?v=1607145194);
    position: absolute;
    right: -18px
}

body#hair-analysis-4 .steps:after {
    position: absolute;
    content: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair-analysis-arrow.svg?v=1607145194);
    position: absolute;
    right: -18px
}

body#hair-analysis .head h2::after {
    width: 104%;
    background: #aad2fe;
    left: -2%
}

body#hair-analysis-2 .head h2::after {
    width: 104%;
    background: #aad2fe;
    left: -2%
}

body#hair-analysis-3 .head h2::after {
    width: 104%;
    background: #aad2fe;
    left: -2%
}

body#hair-analysis-4 .head h2::after {
    width: 104%;
    background: #aad2fe;
    left: -2%
}

body#hair-analysis .unique .box .sub-head span {
    font-size: 22px;
    color: #1c1111;
    font-family: Helvetica-Oblique
}

body#hair-analysis-2 .unique .box .sub-head span {
    font-size: 22px;
    color: #1c1111;
    font-family: Helvetica-Oblique
}

body#hair-analysis-3 .unique .box .sub-head span {
    font-size: 22px;
    color: #1c1111;
    font-family: Helvetica-Oblique
}

body#hair-analysis-4 .unique .box .sub-head span {
    font-size: 22px;
    color: #1c1111;
    font-family: Helvetica-Oblique
}

body#hair-analysis .unique .box .list img {
    width: auto;
    margin: 0 0 16px;
    height: 100px
}

body#hair-analysis-2 .unique .box .list img {
    width: auto;
    margin: 0 0 16px;
    height: 100px
}

body#hair-analysis-3 .unique .box .list img {
    width: auto;
    margin: 0 0 16px;
    height: 100px
}

body#hair-analysis-4 .unique .box .list img {
    width: auto;
    margin: 0 0 16px;
    height: 100px
}

#hair-analysis .chamomille,
body#hair-analysis .avocado-oil,
body#hair-analysis .deep-condition,
body#hair-analysis .olive-oil,
body#hair-analysis .pinus,
body#hair-analysis .treat-dandruff {
    margin-left: 48px
}

#hair-analysis .chamomille,
body#hair-analysis .avocado-oil,
body#hair-analysis .olive-oil,
body#hair-analysis .pinus,
body#hair-analysis .treat-dandruff,
body#hair-analysis-2 .deep-condition {
    margin-left: 48px
}

#hair-analysis .chamomille,
body#hair-analysis .avocado-oil,
body#hair-analysis .olive-oil,
body#hair-analysis .pinus,
body#hair-analysis .treat-dandruff,
body#hair-analysis-3 .deep-condition {
    margin-left: 48px
}

#hair-analysis .chamomille,
body#hair-analysis .avocado-oil,
body#hair-analysis .olive-oil,
body#hair-analysis .pinus,
body#hair-analysis .treat-dandruff,
body#hair-analysis-4 .deep-condition {
    margin-left: 48px
}

.chamomille h5,
.pinus h5,
body#hair-analysis .salicylic h5 {
    width: 92%
}

.chamomille h5,
.pinus h5,
body#hair-analysis-2 .salicylic h5 {
    width: 92%
}

.chamomille h5,
.pinus h5,
body#hair-analysis-3 .salicylic h5 {
    width: 92%
}

.chamomille h5,
.pinus h5,
body#hair-analysis-4 .salicylic h5 {
    width: 92%
}

body#hair-analysis .salicylic p {
    margin-top: 25px
}

body#hair-analysis-2 .salicylic p {
    margin-top: 25px
}

body#hair-analysis-3 .salicylic p {
    margin-top: 25px
}

body#hair-analysis-4 .salicylic p {
    margin-top: 25px
}

body#hair-analysis .unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 700
}

body#hair-analysis-2 .unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 700
}

body#hair-analysis-3 .unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 700
}

body#hair-analysis-4 .unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 700
}

.shift-left-desktop {
    margin-right: 720px;
    transition: all 1s ease-in-out
}

body#hair-analysis .head h2 {
    display: inline-block
}

body#hair-analysis-2 .head h2 {
    display: inline-block
}

body#hair-analysis-3 .head h2 {
    display: inline-block
}

body#hair-analysis-4 .head h2 {
    display: inline-block
}

body#hair-analysis .row.line-list {
    padding-left: 68px
}

body#hair-analysis-2 .row.line-list {
    padding-left: 68px
}

body#hair-analysis-3 .row.line-list {
    padding-left: 68px
}

body#hair-analysis-4 .row.line-list {
    padding-left: 68px
}

body#hair-analysis .unique .box .sub-head {
    padding-bottom: 22px
}

body#hair-analysis-2 .unique .box .sub-head {
    padding-bottom: 22px
}

body#hair-analysis-3 .unique .box .sub-head {
    padding-bottom: 22px
}

body#hair-analysis-4 .unique .box .sub-head {
    padding-bottom: 22px
}

body#hair-analysis .unique .box .list {
    padding: 32px 0
}

body#hair-analysis-2 .unique .box .list {
    padding: 32px 0
}

body#hair-analysis-3 .unique .box .list {
    padding: 32px 0
}

body#hair-analysis-4 .unique .box .list {
    padding: 32px 0
}

body#hair-analysis .unique .box {
    padding: 60px 42px
}

body#hair-analysis-2 .unique .box {
    padding: 60px 42px
}

body#hair-analysis-3 .unique .box {
    padding: 60px 42px
}

body#hair-analysis-4 .unique .box {
    padding: 60px 42px
}

body#hair-analysis span.custom-mt-18 {
    margin-top: 19px !important;
    display: inline-block
}

body#hair-analysis-2 span.custom-mt-18 {
    margin-top: 19px !important;
    display: inline-block
}

body#hair-analysis-3 span.custom-mt-18 {
    margin-top: 19px !important;
    display: inline-block
}

body#hair-analysis-4 span.custom-mt-18 {
    margin-top: 19px !important;
    display: inline-block
}

body#hair-analysis .smoother_skin_info::before {
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair_type_png.png?v=1607165428);
    position: absolute;
    content: "";
    height: 47px;
    width: 63px;
    background-repeat: no-repeat;
    top: -53px
}

body#hair-analysis-2 .smoother_skin_info::before {
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair_type_png.png?v=1607165428);
    position: absolute;
    content: "";
    height: 47px;
    width: 63px;
    background-repeat: no-repeat;
    top: -53px
}

body#hair-analysis-3 .smoother_skin_info::before {
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair_type_png.png?v=1607165428);
    position: absolute;
    content: "";
    height: 47px;
    width: 63px;
    background-repeat: no-repeat;
    top: -53px
}

body#hair-analysis-4 .smoother_skin_info::before {
    background-image: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/hair_type_png.png?v=1607165428);
    position: absolute;
    content: "";
    height: 47px;
    width: 63px;
    background-repeat: no-repeat;
    top: -53px
}

body#hair-analysis .smoother_skin_info_subtitle {
    line-height: 46px
}

body#hair-analysis .our_standards_head {
    font-size: 18px
}

body#hair-analysis .head h2 {
    display: inline-block;
    font-size: 35px;
    color: #1c1111
}

body#hair-analysis .EWG_score .head h2:after {
    top: 15px
}

body#hair-analysis-2 .smoother_skin_info_subtitle {
    line-height: 46px
}

body#hair-analysis-2 .our_standards_head {
    font-size: 18px
}

body#hair-analysis-2 .head h2 {
    display: inline-block;
    font-size: 35px;
    color: #1c1111
}

body#hair-analysis-2 .EWG_score .head h2:after {
    top: 15px
}

body#hair-analysis-3 .smoother_skin_info_subtitle {
    line-height: 46px
}

body#hair-analysis-3 .our_standards_head {
    font-size: 18px
}

body#hair-analysis-3 .head h2 {
    display: inline-block;
    font-size: 35px;
    color: #1c1111
}

body#hair-analysis-3 .EWG_score .head h2:after {
    top: 15px
}

body#hair-analysis-4 .smoother_skin_info_subtitle {
    line-height: 46px
}

body#hair-analysis-4 .our_standards_head {
    font-size: 18px
}

body#hair-analysis-4 .head h2 {
    display: inline-block;
    font-size: 35px;
    color: #1c1111
}

body#hair-analysis-4 .EWG_score .head h2:after {
    top: 15px
}

@media only screen and (max-width:1200px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 33px)
    }
    .flat-badge p::before {
        left: 39%
    }
    h2.referral-heading {
        font-size: 29px
    }
    .referral-bg-overlay {
        transform: translate(0, 150px)
    }
    .balance-content-overlay {
        left: 55%
    }
    .balance-content-overlay h5 {
        font-size: 26px
    }
    .lock::before {
        width: 237px;
        right: -150px
    }
}

@media only screen and (max-width:991px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 24px)
    }
    h2.ambassador-heading {
        font-size: 36px;
        line-height: 54px
    }
    .flat-badge p::before {
        left: 36%
    }
    .referral-custom-line:before {
        width: 55%
    }
    .balance-content-overlay {
        left: 52%
    }
    .balance-content-overlay h5 {
        font-size: 22px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock::before {
        width: 177px;
        right: -120px
    }
    h2.referral-heading {
        font-size: 22px
    }
    .referral-bg-overlay {
        transform: translate(0, 115px)
    }
    .referral-bg-overlay p {
        font-size: 22px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-detail {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .range_labels li {
        padding: 2px 3% 0 3%
    }
    .range_slider {
        width: 78%
    }
    .range-slider-holder {
        padding: 4px 9px;
        font-size: 18px;
        border: #f9e0c9 2PX SOLID
    }
    span.range_text {
        color: #8a0e3a;
        font-size: 14px
    }
    .range_value {
        top: -26px
    }
    .holder_info b {
        font-size: 14px
    }
    .holder_info {
        width: 120px;
        padding: 7px 0;
        font-size: 12px
    }
    .range_labels li {
        padding: 2px 4% 0 4%
    }
    .custom-d-md-block {
        display: none !important
    }
    .custom-d-md-none {
        display: flex !important
    }
    .ambassador-bg-overlay {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        transform: translate(-50%, 107px)
    }
    ul.ambassador-gallery-img {
        flex-flow: wrap
    }
    ul.ambassador-gallery-img li {
        width: 50%
    }
    ul.coupon-content li {
        font-size: 16px;
        color: #8b0e3a
    }
    .flat-badge p::before {
        left: 32%
    }
    ul.coupon-content {
        flex-direction: column
    }
    ul.coupon-content li+li {
        margin-left: 0;
        margin-top: 16px
    }
    .flat-badge p::before {
        left: 27%
    }
    .relative-md {
        position: relative
    }
    .referral-bg-overlay {
        transform: translate(-50%, 115px);
        top: unset;
        bottom: 160px;
        text-align: center;
        left: 50%;
        width: 100%
    }
    .referral-1.line-mob-none:before,
    .referral-custom-line:before {
        display: none
    }
    .referral-1 {
        margin-bottom: 63px
    }
    .referral-1:before {
        display: block;
        content: "";
        border-top: 2px dashed #413f3f;
        width: 20%;
        border-image-width: 14px;
        position: absolute;
        top: -10%;
        left: 40%;
        transform: rotate(90deg)
    }
    span.referral-circle-1 {
        width: 92px;
        height: 92px
    }
    .referral-1 h6 {
        margin: 0 0 6px 0;
        font-size: 16px
    }
    .referral-1 h6 span {
        font-size: 26px;
        margin-bottom: 0
    }
    .balance-content-overlay h5 {
        font-size: 20px
    }
    .balance-content-overlay {
        position: absolute;
        top: 14%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, 0)
    }
    .balance-content-overlay h5 span {
        margin-top: 8px
    }
    .lock {
        display: flex;
        margin-bottom: 50px;
        align-items: center
    }
    .lock img {
        width: 36px;
        height: 36px;
        margin-bottom: 0
    }
    .lock-content {
        text-align: left;
        margin-left: 30px
    }
    .lock::before {
        content: "";
        display: inline-block;
        width: 72px;
        background: #cccbcb;
        height: 4px;
        position: absolute;
        top: 140%;
        right: unset;
        left: -18px;
        z-index: 0;
        transform: rotate(90deg)
    }
    .referral-detail {
        padding: 16px 24px
    }
    h2.refername {
        font-size: 12px;
        line-height: 9px
    }
    span.refername {
        font-size: 11px
    }
    .cashearned {
        font-size: 11px
    }
    .refermoney {
        font-size: 10px
    }
    section.spread-love {
        padding: 66px 0 85px 0
    }
    .make_purchase:before {
        right: -40px
    }
    .unlock-programs {
        display: block
    }
    .make_purchase:after {
        background-size: 100%
    }
}

@media only screen and (max-width:480px) {
    .range_slider {
        width: 70%
    }
    .range_info {
        margin: 16px 0;
        width: 111px
    }
    .referral-unlocked-title span {
        font-size: 27px
    }
    button.btn.btn-link.collapsed {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .ques_listing .card .card-title {
        font-size: 10px
    }
    .ques_listing .card {
        padding: 12px 15px;
        margin-bottom: 10px
    }
    .referral-detail {
        margin: 0 auto 15px
    }
    .referral-edit h6 {
        font-size: 23px
    }
    .refermoney {
        font-size: 10px;
        margin-left: 21px
    }
    .card {
        padding: 0 9px
    }
    h2.ambassador-heading {
        font-size: 25px;
        line-height: 36px
    }
    .ambassador-bg-overlay {
        width: 65%;
        transform: translate(-50%, 60px)
    }
    .ambassador-sec-content h4 {
        font-size: 20px
    }
    section.ambassador-sec-2 {
        padding: 60px 0
    }
    .ambassador-sec-content p {
        font-size: 18px
    }
    section.apply-coupon {
        padding: 48px 0
    }
    .flat-badge p::before {
        top: 42%;
        left: 24%;
        width: 210px
    }
    ul.coupon-content li {
        font-size: 19px
    }
    .flat-badge {
        font-size: 18px
    }
    p.flat-p {
        font-size: 18px;
        margin-top: 39px
    }
    a.start-shop-btn {
        padding: 16px 36px
    }
    .start-shopping {
        margin-top: 56px
    }
    h2.referral-heading {
        text-align: center;
        font-size: 22px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-sec-content p {
        font-size: 14px
    }
    span.referral-price {
        font-size: 30px
    }
    .referral-whatsapp {
        margin-top: 32px
    }
    section.referral-sec-2 {
        padding: 42px 0
    }
    a.referral-whatsapp-btn {
        padding: 10px 19px;
        font-size: 10px
    }
    .referral-whatsapp img {
        width: 17px;
        height: 17px
    }
    .referral-bg-overlay {
        bottom: 125px
    }
    span.d-sm-block {
        display: block
    }
    section.referral-unlocked h5 {
        font-size: 21px
    }
    section.referral-unlocked {
        padding: 56px 0
    }
    .unlock-programs {
        position: relative;
        background-image: url(//cdn.shopify.com/s/files/1/0255/3302/2244/files/deals-mobile-bg.png?v=1606991177);
        background-size: cover;
        z-index: 0;
        height: 100%;
        padding: 120px 0;
        overflow: hidden
    }
    .make_purchase {
        padding: 49px 39px
    }
    .make_purchase:after {
        left: -128px;
        top: 68%
    }
    .make_purchase:before {
        right: -156px;
        top: -99px
    }
    .purchase_title {
        font-size: 25px;
        line-height: 39px
    }
    .shopping a {
        font-size: 9px;
        padding: 18px 0;
        width: 177px
    }
    .ques_listing {
        max-width: 340px
    }
    .card-header {
        padding: 0
    }
    button.btn.btn-link.collapsed {
        padding-top: 0;
        padding-bottom: 0
    }
    h2.card-title {
        line-height: 23px;
        font-size: 10px !important
    }
    i.fa.fa-angle-down {
        color: #6e6e6e;
        font-size: 10px;
        margin-top: 0
    }
    .card-body {
        font-size: 12px
    }
    .listing_title {
        margin-bottom: 36px
    }
    .frequent_questions {
        padding: 46px 0
    }
    .my-referrals {
        padding-bottom: 49px
    }
    section.spread-love {
        padding: 66px 0 41px 0
    }
    .my-referrals-heading {
        margin-bottom: 24px;
        font-size: 21px
    }
    p.referral-edit-p.text-center {
        font-size: 10px
    }
    h5.spread-heading {
        font-size: 28px
    }
}

@media only screen and (max-width:357px) {
    .range_labels li {
        padding: 2px 2% 0 3% !important
    }
    .range_slider {
        width: 80%
    }
    .range_labels li {
        padding: 2px 4% 0 3%
    }
    .ambassador-bg-overlay {
        width: 100%;
        transform: translate(-50%, 30px)
    }
    h2.referral-heading {
        text-align: center;
        font-size: 20px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-work-content h5 {
        font-size: 24px
    }
    .balance-content-overlay h5 {
        font-size: 18px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock-content span {
        font-size: 18px
    }
    h5.spread-heading {
        font-size: 30px
    }
}

@media(max-width:500px) {
    .shift-left-mob {
        margin-right: 300px;
        transition: all 1s ease-in-out
    }
    #bare-anatomy-take-the-quiz-and-know-you-hair-profile .navbar.navbar-expand-lg.nav_default {
        margin-top: 0
    }
    #bare-anatomy-take-the-quiz-and-know-you-hair-profile .step-cat {
        background: #fff4eb;
        position: fixed;
        position: fixed;
        top: 89px;
        left: 0;
        right: 0;
        z-index: 100
    }
    #skin-quiz .step-cat {
        background: #fff4eb;
        position: fixed;
        position: fixed;
        top: 89px;
        left: 0;
        right: 0;
        z-index: 5
    }
    #hair-profile .step-cat {
        background: #fff4eb;
        position: fixed;
        top: 89px;
        left: 0;
        right: 0;
        z-index: 100
    }
    body#skin-quiz #shopify-section-header {
        height: auto
    }
    body#hair-profile #shopify-section-header {
        height: auto
    }
    body#bare-anatomy-take-the-quiz-and-know-you-hair-profile #shopify-section-header {
        height: auto
    }
    #hair-profile .navbar.navbar-expand-lg.nav_default {
        margin-top: 0
    }
    #skin-quiz .navbar.navbar-expand-lg.nav_default {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .slide-box.quiz-chat-cls {
        padding: 1em 15px !important
    }
    .about-bare {
        display: block
    }
    .bare-content {
        width: 100%
    }
    .circle-shape,
    .triangle-shape {
        margin-top: 33px
    }
    .bare-brainy h6 {
        font-size: 18px
    }
    .brainy-img-2,
    .brainy-img-3 {
        margin-top: 60px
    }
    .about-banner {
        margin-top: -11px
    }
}

@media only screen and (max-width:768px) {
    nav.navbar.navbar-expand-lg.nav_default {
        margin-top: 50px;
        position: relative;
        z-index: 1
    }
    #refer-your-friends-amp-family-bare-anatomy nav.navbar.navbar-expand-lg.nav_default {
        margin-top: 0
    }
}

.choose-membership .list-group-item {
    padding: 18px 12px;
    padding-left: 55px;
    border: 1px solid #b09692;
    border-radius: 0;
    margin-bottom: 15px;
    position: relative
}

.padding {
    padding: 60px 0
}

.head {
    width: 100%;
    display: block;
    margin: 0 0 35px
}

.head h2 {
    font-size: 43px;
    position: relative;
    margin: 0 0 18px;
    color: #413f3f;
    font-family: 'Playfair Display', serif;
    font-weight: 700
}
/*
.head h2::after {
    content: '';
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 38%;
    background: #fbf1d8;
    z-index: -1;
    bottom: -8px
} */

.head p {
    font-size: 22px;
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #1b1111;
    font-family: Helvetica
}

.unique .box.active {
    background: #f8f8f8
}

.unique .box {
    padding: 68px 40px;
    display: inline-block;
    background: #fef6f4
}

.unique .box .sub-head {
    padding-bottom: 18px;
    display: inline-block
}

.unique .box .sub-head span {
    font-size: 22px;
    color: #413f3f;
    font-family: Helvetica
}

.unique .box .sub-head h3 {
    margin: 0 0 18px;
    font-size: 35px;
    font-family: 'Playfair Display', serif;
    color: #413f3f;
    font-weight: 700
}

.unique .box .sub-head p {
    font-size: 22px;
    margin: 0;
    font-family: Helvetica
}

.unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 16px;
    font-family: Helvetica
}

.unique .box .list p,
.unique .box .list span {
    font-size: 16px;
    margin: 0;
    font-family: HelveticaNeue
}

.unique .box .list p {
    margin: 0 0 22px;
    color: #413f3f
}

.unique .box .list {
    padding: 24px 0;
    place-items: flex-start
}

.unique .box .list img {
    width: 90px;
    margin: 0 0 15px
}

.row.line-list {
    position: relative;
    padding-left: 55px
}

.row.line-list::after {
    height: 100%;
    width: 9px;
    background: #fbcbbf;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ''
}

.unique .box .list span {
    color: #2f9d4b
}

section.skin-care .box {
    align-items: center;
    justify-content: center
}

#hair-analysis #shopify-section-announcement {
    height: 0 !important
}

#skin-analysis #shopify-section-announcement {
    height: 0 !important
}

section.skin-care .box span img {
    width: 100%
}

section.skin-care .box span {
    margin-right: 32px
}

section.skin-care .box h2 {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0;
    color: #1b1111;
    font-family: 'Nanum Myeongjo', serif
}

.listing {
    margin: 0 0 35px;
    display: inline-block;
    width: 100%
}

.listing .list-group-item {
    border: 2px solid #b09692;
    border-radius: 0;
    padding: 24px 20px;
    background: #fff6f4;
    font-size: 16px;
    text-transform: uppercase
}

.listing .list-group-item span {
    text-transform: uppercase
}

.listing .list-group-item {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important
}

.listing .list-group-item:first-child {
    border-top-width: 2px !important
}

.listing .list-group-item:last-child {
    border-bottom-width: 2px !important
}

.review-box,
.review-box-mob {
    width: 100%;
    background: #f8f8f8;
    padding: 36px 15px
}

.review-box h4,
.review-box-mob h4 {
    text-transform: capitalize;
    font-size: 30px;
    color: #1b1111;
    margin: 0 0 15px
}

.review-slider-section {
    display: none
}

.review-box span i,
.review-box-mob span i {
    margin: 0 3px;
    font-size: 30px;
    color: #facd40
}

.review-box span,
.review-box-mob span {
    display: inherit
}

.review-box p,
.review-box-mob p {
    margin: 15px 0 0;
    color: #1b1111;
    font-size: 22px
}

. .list-group-item {
    padding: 18px 12px;
    padding-left: 55px;
    border: 1px solid #b09692;
    border-radius: 0;
    margin-bottom: 15px;
    position: relative
}

.choose-membership .box {
    position: relative
}

.choose-membership .list-group-item .overlay {
    background: #f8f8f8;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0
}

.choose-membership .list-group-item:last-child {
    margin: 0
}

.choose-membership .list-group-item .check {
    width: 25px;
    height: 25px;
    border: 1px solid #eaaea7;
    position: absolute;
    left: 12px;
    top: 23px;
    margin: auto;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1
}

.choose-membership .list-group-item input {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 10;
    cursor: pointer
}

.choose-membership .list-group-item input[type=radio]:checked+.check {
    background: #eaaea7;
    border: 1px solid #eaaea7
}

.choose-membership .list-group-item input[type=radio]:checked+.check:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/check.svg?v=1606719741);
    position: absolute;
    background-size: cover;
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.choose-membership .box h5 {
    font-size: 21px;
    text-transform: uppercase;
    color: #1c1111;
    margin: 0;
    font-family: HelveticaNeue;
    font-weight: 600
}

.choose-membership .box p {
    font-size: 16px;
    margin: 0;
    color: #1c1111;
    font-family: Helvetica
}

.choose-membership li h3 span {
    font-size: 21px;
    color: #1c1111;
    line-height: initial
}

.choose-membership li p del {
    font-size: 16px;
    margin: 3px 0;
    color: #1c1111;
    line-height: initial;
    font-weight: 600
}

.choose-membership li p small {
    font-size: 14px;
    color: #b39692;
    line-height: initial
}

.choose-membership .list-group-item input[type=radio]:checked+.check+.overlay {
    background: #fff6f4
}

.choose-membership s,
.unique s {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.unique .btn {
    width: 52%;
    margin: 35px auto 15px;
    display: block;
    font-family: HelveticaNeue
}

button:focus,
input:focus {
    box-shadow: none;
    outline: 0
}

.skin-bg-overlay {
    position: absolute;
    top: 192px;
    width: 37%;
    text-align: left;
    left: 59px
}

h2.skin-heading {
    font-size: 44px !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #1c1111
}

body#skin-analysis h2.skin-heading {
    text-transform: none;
    margin-bottom: 40px
}

.skin-bg-overlay p {
    font-size: 22px;
    color: #413f3f;
    line-height: 30px
}

.make_it_wholesome .head {
    padding-top: 30px
}

.make_it_wholesome .head h2::after {
    width: 35%
}

.beauty_collagen {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.beauty_collagen_img {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    margin-top: 13px
}

.beauty_collagen_info {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    margin-top: 28px;
    margin-left: 35px
}

h2.beauty_collagen_title {
    margin-bottom: 7px;
    font-size: 40px;
    color: #1c1111;
    font-family: 'Playfair Display', serif;
    font-weight: 700
}

span.beauty_subtitle {
    margin-bottom: 7px;
    display: inline-block;
    font-size: 31px;
    font-weight: 700;
    color: #a8a8a8;
    font-family: HelveticaNeue
}

p.beauty_text {
    font-size: 22px;
    color: #0a0c04;
    margin-bottom: 23px
}

.collagen_cart img {
    margin-right: 11px
}

.skin_types_img {
    text-align: center;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center
}

.skin_types_img .before_skin {
    position: relative
}

.before_skin_type:after {
    position: absolute;
    content: "before";
    width: 116px;
    height: 44px;
    background: #fdf1da;
    bottom: 0;
    left: 18px;
    font-size: 22px;
    color: #413f3f;
    text-transform: uppercase;
    line-height: 43px
}

#hair-analysis .before_skin_type:after {
    background: #b5d7fc
}

.after_skin_type:after {
    position: absolute;
    content: "after";
    width: 116px;
    height: 43px;
    background: #fdf1da;
    text-transform: uppercase;
    font-size: 22px;
    color: #413f3f;
    line-height: 43px;
    bottom: 0;
    right: 18px
}

#hair-analysis .after_skin_type:after {
    background: #b5d7fc
}

.smoother_skin_info {
    padding: 0 200px;
    position: relative;
    margin-top: 96px
}

smoother_skin .head h2 {
    font-size: 34px;
    font-weight: 700;
    font-family: 'Playfair Display', serif
}

.smoother_skin_info::before {
    background-image: url(//cdn.shopify.com/s/files/1/0255/3302/2244/files/skin_type.svg?v=1606991028);
    position: absolute;
    content: "";
    height: 46px;
    width: 61px;
    background-repeat: no-repeat;
    top: -38px
}

.smoother_skin_info h2 {
    margin: 0;
    color: #413f3f;
    font-size: 88px;
    font-weight: 700;
    font-family: 'Nanum Myeongjo', serif
}

.smoother_skin_info_subtitle {
    color: #a8a8a8;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    line-height: 46px
}

.smoother_skin_info p {
    font-size: 22px;
    color: #413f3f;
    font-family: HelveticaNeue;
    line-height: 32px;
    margin-top: 12px
}

.skin_types_img .before_skin {
    padding: 0 36px 0 0
}

.our_standards {
    background: #fff7f5
}

body#skin-analysis .standards_card_img img {
    width: 72px;
    height: 72px
}

.our_standards_head {
    font-family: HelveticaNeue;
    font-size: 18px;
    color: #1c1111;
    margin: 40px 0 16px;
    text-align: center;
    text-transform: capitalize
}

.skin_an {
    overflow-x: hidden
}

.our_standards_cards {
    text-align: center
}

.standards_card_title {
    color: #000;
    font-size: 18px;
    font-family: 'Nanum Myeongjo', serif;
    margin-bottom: 20px;
    font-weight: 600
}

.standards_card_subtitle {
    font-size: 14px;
    color: #413f3f
}

.standards_card_img {
    margin: 90px auto 16px;
    height: 100px;
    width: 100px
}

body#hair-analysis .standards_card_img {
    height: 85px;
    width: 70px
}

.smoother_skin .head h2::after {
    width: 41%
}

.EWG_score .head h2::after {
    width: 22%;
    height: 45px
}

.EWG_score {
    background: #f8f8f8;
    z-index: 0;
    position: relative
}

.EWG_score_info {
    font-family: HelveticaNeue;
    font-size: 22px;
    color: #413f3f;
    text-align: center
}

.safety_measures {
    padding: 0;
    text-align: center
}

.safety_measures li {
    list-style: none;
    display: inline-block;
    margin-right: 21px;
    font-family: Helvetica;
    font-size: 24px;
    font-weight: 300
}

.measures1 {
    color: #009d4f
}

.measures2 {
    color: #fcb040
}

.measures3 {
    color: #ed1c24
}

.measures1,
.measures2 {
    position: relative
}

.measures1::after,
.measures2::after {
    position: absolute;
    content: "";
    height: 18px;
    width: 2px;
    background: #1c1111;
    top: 5px;
    margin: 0 8px
}

.disclaimer {
    margin: 33px 0 86px;
    text-align: center;
    text-align: center;
    display: inline-block;
    width: 100%
}

.disclaimer p {
    font-size: 18px;
    font-family: HelveticaNeue
}

.formula_btn {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 8
}

#start-shopping {
    margin-bottom: 1em
}

.formula_btn .btn {
    width: 574px;
    height: 60px;
    background: #ffadad;
    border: #ffadad 1px solid;
    border-radius: 0;
    font-size: 18px;
    font-size: 18px;
    font-family: HelveticaNeue;
    line-height: 64px;
    padding: 0;
    margin: 0
}

.formula_btn .btn span {
    font-family: HelveticaNeue;
    float: right;
    margin: 0 auto;
    text-align: right;
    font-size: 16px;
    vertical-align: middle;
    align-items: center;
    font-weight: 700;
    line-height: normal;
    font-size: 22px;
    background: #ffdecc;
    background: linear-gradient(90deg, #ffdecc 0, #ffadad 100%);
    height: 100%;
    padding: 19px 34px;
    text-align: center
}

.formula_btn .btn span i {
    font-style: normal
}

.make_it_wholesome .mob_btn {
    display: none
}

.after_skin_type_mob,
.before_skin_type_mob {
    display: none
}

.after_skin_type,
.before_skin_type {
    padding: 0 18px;
    position: relative
}

.review-box-mob {
    display: none
}

.skin_analysis .skin_analysis_bg img {
    margin-top: -133px
}

.loading_wrapper {
    text-align: center
}

.inner_wrapper {
    padding: 100px 0;
    background: #fff6f4
}

.personalised_box {
    margin: 60px 0
}

.personalised_title {
    font-size: 43px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 53px
}

.Loading-page {
    margin-top: 36px
}

p.personalised_factors {
    font-size: 23px;
    font-family: Helvetica
}

@media only screen and (max-width:1200px) {
    .skin-bg-overlay {
        width: 45% !important;
        top: 115px
    }
}

@media only screen and (max-width:991px) {
    body#hair-analysis button.btn.desktop_btn {
        display: block;
        margin: 0 auto
    }
    h2.skin-heading {
        font-size: 25px !important;
        margin-bottom: 20px !important
    }
    .skin-bg-overlay p {
        font-size: 15px;
        line-height: 24px
    }
    .beauty_collagen_img {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .beauty_collagen_img img {
        width: 100%
    }
    .beauty_collagen {
        -ms-flex-wrap: nowwrap;
        flex-wrap: nowrap
    }
    h2.beauty_collagen_title {
        font-size: 21px;
        margin-bottom: 0
    }
    .beauty_collagen_info {
        margin-top: 16px;
        margin-left: 20px
    }
    span.beauty_subtitle {
        font-size: 16px;
        margin-bottom: 0
    }
    button.btn.desktop_btn {
        display: none
    }
    .make_it_wholesome .mob_btn {
        display: block;
        width: 100%;
        margin: 35px 0 15px;
        height: 60px;
        padding: 0;
        text-transform: capitalize;
        background: #fcdcca;
        background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
        border-radius: 0;
        border: 2px solid #f9acac;
        font-size: 12px
    }
    .padding {
        padding: 28px 0
    }
    .smoother_skin .head h2 {
        font-size: 18px
    }
    .smoother_skin .head h2::after {
        width: 200px;
        top: 3px;
        height: 20px;
        left: 6px
    }
    .make_it_wholesome .head h2::after {
        width: 235px
    }
    .skin_types_img {
        display: flex
    }
    .smoother_skin_info {
        padding: 0
    }
    .smoother_skin_info::before {
        display: none
    }
    .smoother_skin_info::after {
        background-image: url(//cdn.shopify.com/s/files/1/0255/3302/2244/files/skin_type2.svg?v=1606991138);
        position: absolute;
        content: "";
        height: 47px;
        width: 61px;
        background-repeat: no-repeat;
        top: -8px
    }
    body#hair-analysis .smoother_skin_info::after {
        background-image: url(//cdn.shopify.com/s/files/1/0039/6073/3763/files/Group_1073.png?v=1613134574)
    }
    .skin-bg-overlay {
        width: 80% !important;
        left: 25px;
        top: 158px !important
    }
    .smoother_skin_info {
        margin-top: 50px
    }
    .smoother_skin_info_subtitle {
        font-size: 18px;
        line-height: 27px !important
    }
    .smoother_skin_info p {
        font-size: 11px;
        line-height: 18px
    }
    .our_standards_head {
        font-size: 20px !important
    }
    .standards_card_img {
        margin: 40px auto 30px;
        width: 60px;
        height: 60px
    }
    .standards_card_title {
        font-size: 14px;
        margin-bottom: 13px;
        font-weight: 700
    }
    .our_standards.padding {
        padding: 28px 0 50px
    }
    .head h2 {
        font-size: 18px
    }
    .EWG_score .head h2::after {
        width: 101px;
        height: 20px;
        left: 11px;
        bottom: -4px
    }
    .EWG_score_info {
        font-size: 11px;
        line-height: 18px
    }
    .safety_measures li {
        font-size: 11px
    }
    .measures1::after,
    .measures2::after {
        height: 12px;
        width: 1px;
        top: 4px
    }
    .disclaimer p {
        font-size: 9px;
        line-height: 15px
    }
    .disclaimer button {
        width: 297px;
        height: 42px;
        font-size: 12px;
        line-height: 42px
    }
    .disclaimer span {
        padding: 9px 12px;
        font-size: 11px
    }
    .beauty_collagen_info .btn,
    .choose-membership .btn,
    .unique .btn {
        display: flex;
        margin: 35px auto 15px !important;
        justify-content: center;
        align-items: center
    }
    .formula_btn .btn span {
        padding: 11px 34px !important
    }
    .hair_health h4 {
        font-size: 20px !important;
        margin-bottom: 35px !important
    }
    .scale_results {
        padding: 0 !important
    }
    .scale_results_scalp {
        padding: 0 !important
    }
    .haircare_regime .accordion .card .collapse_steps h4 {
        font-size: 12px !important
    }
    .haircare_regime .accordion .card .collapse_steps h2 {
        font-size: 20px !important
    }
    .haircare_regime .accordion .card .collapse_steps h6 {
        font-size: 12px !important
    }
    .haircare_regime .accordion .collapse_steps {
        margin-left: 24px !important
    }
    .haircare_regime .accordion .collapse_steps {
        padding: 8px 0 8px 9px !important
    }
    .card_outer {
        margin-bottom: 30px
    }
    .haircare_regime .accordion button.btn.btn-link {
        top: -24px !important
    }
    .avocado-oil,
    .chamomille,
    .deep-condition,
    .olive-oil,
    .pinus,
    .reduce-hairfall,
    .salicylic,
    .shea-butter,
    .treat-dandruff {
        width: 25% !important
    }
    body#hair-analysis .unique .box {
        padding: 60px 20px !important
    }
    body#hair-analysis .row.line-list {
        padding-left: 42px !important
    }
    body#hair-analysis .unique .box .list h5 {
        font-size: 16px !important
    }
,
    .unique .box .list p {
        font-size: 16px !important
    }
    .unique .box .list span {
        font-size: 14px !important
    }
    .steps_img img {
        width: 34px
    }
}

@media only screen and (max-width:767px) {
    .after_skin_type,
    .before_skin_type {
        display: none
    }
    .measures1::after,
    .measures2::after {
        top: 0
    }
    body#hair-analysis .hair_health {
        margin-bottom: 22px !important;
        padding: 35px
    }
    body#hair-analysis-2 .hair_health {
        margin-bottom: 22px !important;
        padding: 35px
    }
    body#hair-analysis-3 .hair_health {
        margin-bottom: 22px !important;
        padding: 35px
    }
    body#hair-analysis-4 .hair_health {
        margin-bottom: 22px !important;
        padding: 35px
    }
    .skin-care.padding {
        padding: 28px 0;
        margin: 0
    }
    .skin_analysis {
        margin-bottom: 0
    }
    .unique .btn {
        width: 100% !important
    }
    .make_it_wholesome .mob_btn {
        width: 100% !important
    }
    .beauty_collagen_info .btn,
    .choose-membership .btn,
    .unique .btn {
        width: 100% !important
    }
    .after_skin_type_mob,
    .before_skin_type_mob {
        display: block;
        padding: 0 5px 0 5px;
        position: relative
    }
    .after_skin_type_mob img,
    .before_skin_type_mob img {
        width: 100%;
        height: 100%
    }
    .before_skin_type_mob:after {
        position: absolute;
        content: "before";
        width: 59px;
        height: 21px;
        background: #fdf1da;
        bottom: 0;
        left: 5px;
        font-size: 11px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 2
    }
    .after_skin_type_mob:after {
        position: absolute;
        content: "after";
        width: 59px;
        height: 22px;
        background: #fdf1da;
        text-transform: uppercase;
        font-size: 11px;
        color: #413f3f;
        line-height: 2;
        bottom: 0;
        right: 5px
    }
    .haircare_regime .accordion .collapse_steps {
        width: 80% !important
    }
    .haircare_regime .accordion button.btn.btn-link {
        right: 29% !important
    }
    .haircare_regime .accordion button.btn.btn-link i {
        font-size: 15px
    }
    #hair-analysis .before_skin_type_mob:after {
        position: absolute;
        content: "before";
        width: 59px;
        height: 21px;
        background: #b5d7fc;
        bottom: 0;
        left: 5px;
        font-size: 11px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 2
    }
    #hair-analysis .after_skin_type_mob:after {
        position: absolute;
        content: "after";
        width: 59px;
        height: 22px;
        background: #b6d9fb;
        text-transform: uppercase;
        font-size: 11px;
        color: #413f3f;
        line-height: 2;
        bottom: 0;
        right: 5px
    }
    #hair-analysis-2 .before_skin_type_mob:after {
        position: absolute;
        content: "before";
        width: 59px;
        height: 21px;
        background: #b5d7fc;
        bottom: 0;
        left: 5px;
        font-size: 11px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 2
    }
    #hair-analysis-2 .after_skin_type_mob:after {
        position: absolute;
        content: "after";
        width: 59px;
        height: 22px;
        background: #b6d9fb;
        text-transform: uppercase;
        font-size: 11px;
        color: #413f3f;
        line-height: 2;
        bottom: 0;
        right: 5px
    }
    #hair-analysis-3 .before_skin_type_mob:after {
        position: absolute;
        content: "before";
        width: 59px;
        height: 21px;
        background: #b5d7fc;
        bottom: 0;
        left: 5px;
        font-size: 11px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 2
    }
    #hair-analysis-3 .after_skin_type_mob:after {
        position: absolute;
        content: "after";
        width: 59px;
        height: 22px;
        background: #b6d9fb;
        text-transform: uppercase;
        font-size: 11px;
        color: #413f3f;
        line-height: 2;
        bottom: 0;
        right: 5px
    }
    #hair-analysis-4 .before_skin_type_mob:after {
        position: absolute;
        content: "before";
        width: 59px;
        height: 21px;
        background: #b5d7fc;
        bottom: 0;
        left: 5px;
        font-size: 11px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 2
    }
    #hair-analysis-4 .after_skin_type_mob:after {
        position: absolute;
        content: "after";
        width: 59px;
        height: 22px;
        background: #b6d9fb;
        text-transform: uppercase;
        font-size: 11px;
        color: #413f3f;
        line-height: 2;
        bottom: 0;
        right: 5px
    }
    .mt-md-5 {
        margin-top: 10px !important
    }
}

@media only screen and (max-width:576px) {
    .standards_card_subtitle {
        font-size: 11px
    }
    .make_it_wholesome .mob_btn {
        display: block;
        width: 375px;
        margin: 35px 0 15px;
        height: 42px
    }
    .review-box h4,
    .review-box-mob h4 {
        margin: 0 0 6px
    }
    .review-box-mob p,
    review-box p {
        margin: 9px 0 0
    }
    .beauty_collagen_info .btn,
    .choose-membership .btn,
    .unique .btn {
        width: 375px !important;
        height: 42px !important;
        font-size: 12px !important
    }
    section.skin-care .box h2 {
        font-size: 12px
    }
    .listing .list-group-item {
        font-size: 11px
    }
    .unique .box {
        padding: 35px 25px
    }
    .head h2 {
        font-size: 16px
    }
    /* .head h2::after {
        width: 66%;
        bottom: -5px;
        height: 21px
    } */
    .head p {
        font-size: 13px
    }
    /* .head {
        margin: 0 0 30px
    } */
    .unique .box .sub-head span {
        font-size: 12px !important
    }
    .unique .box .sub-head h3 {
        font-size: 20px !important;
        margin: 0 0 13px !important
    }
    .unique .box .sub-head p {
        font-size: 12px !important
    }
    .unique .box .list h5 {
        font-size: 11px !important;
        height: 25px !important;
        font-weight: 700;
        margin: 0 0 5px !important
    }
    .unique .box .list img {
        width: 100%
    }
    .row.line-list {
        padding-left: 28px
    }
    .unique .box .list p,
    .unique .box .list span {
        font-size: 9px !important;
        margin: 0 !important
    }
    .row.line-list::after {
        width: 5px
    }
    .after_skin_type_mob,
    .before_skin_type_mob {
        display: block;
        padding: 0 5px 0 5px;
        width: 155px;
        height: 175px
    }
    p.beauty_text {
        font-size: 12px;
        line-height: 19px;
        padding: 0;
        margin-bottom: 6px;
        padding: 0 7px 0 0
    }
    h2.beauty_collagen_title {
        margin-bottom: 5px
    }
    .beauty_text {
        font-size: 12px;
        line-height: 20px
    }
    body#hair-analysis .your_analysis .head h2::after {
        width: 104% !important
    }
    .our_standards_cards .col-sm-6 {
        width: 50%
    }
    h2.skin-heading {
        line-height: 30px !important
    }
    .skin-bg-overlay {
        width: 94% !important;
        left: 10px;
        top: 117px !important
    }
    .skin-bg-overlay p {
        font-size: 12px;
        line-height: 18px
    }
    section.skin-care .box {
        display: block !important;
        display: inline-block !important;
        text-align: center
    }
    section.skin-care .box span {
        margin-right: 0;
        height: 57px;
        width: 57px;
        display: inline-block;
        margin-bottom: 20px
    }
    .review-box {
        display: none
    }
    .review-box-mob {
        display: block;
        margin: 30px 0
    }
    .choose-membership .box h5 {
        font-size: 15px
    }
    .choose-membership .box p {
        font-size: 11px;
        line-height: 14px
    }
    .choose-membership .box h5 {
        font-size: 15px
    }
    .choose-membership li p del {
        font-size: 11px;
        margin: 0
    }
    .choose-membership li p small {
        font-size: 9px
    }
    .choose-membership .list-group-item {
        padding: 14px 12px
    }
    .choose-membership s,
    .unique s {
        font-size: 11px !important
    }
    .review-box h4,
    .review-box-mob h4 {
        font-size: 18px
    }
    .review-box p,
    .review-box-mob p {
        font-size: 13px
    }
    .review-box span i,
    .review-box-mob span i {
        font-size: 15px
    }
    /* .head h2::after {
        width: 265px;
        height: 21px
    } */
    .inner_wrapper {
        padding: 100px 0
    }
    img.personalised {
        width: 92px;
        height: 92px
    }
    .personalised_title {
        font-size: 20px;
        margin-bottom: 20px
    }
    p.personalised_factors {
        font-size: 13px
    }
    .Loading-page {
        margin-top: 43px
    }
    .measures1::after,
    .measures2::after {
        top: 0
    }
    .disclaimer .btn {
        transform: translate(-50%, -9px);
        font-size: 12px !important;
        line-height: 42px !important
    }
    .col-lg-6.col-12.d-sma-none {
        display: none
    }
    .hair_care_mob {
        display: block !important
    }
    .hair_analysis_membership .review-box-mob h4 {
        margin: 0 0 4px
    }
    body#hair-analysis .head h2 {
        margin-bottom: 26px !important;
        font-size: 20px !important
    }
    body#hair-analysis .EWG_score .head h2 {
        margin-bottom: 6px !important
    }
    body#hair-analysis .row.line-list {
        padding-left: 38px
    }
    body#hair-analysis .unique .box {
        padding: 40px 25px !important
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .deep-condition,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus {
        margin-left: 8px
    }
    body#hair-analysis .treat-dandruff {
        margin-left: 15px
    }
    body#hair-analysis .unique .box .list img {
        height: 75px
    }
    .EWG_score .head h2::after {
        width: 36%;
        height: 20px;
        left: 2px;
        bottom: -1px
    }
    body#hair-analysis .head h2::after {
        top: 9px;
        font-size: 20px
    }
    body#hair-analysis-2 .head h2 {
        margin-bottom: 26px !important;
        font-size: 20px !important
    }
    body#hair-analysis-2 .EWG_score .head h2 {
        margin-bottom: 6px !important
    }
    body#hair-analysis-2 .row.line-list {
        padding-left: 38px
    }
    body#hair-analysis-2 .unique .box {
        padding: 40px 25px !important
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-2 .deep-condition {
        margin-left: 8px
    }
    body#hair-analysis-2 .treat-dandruff {
        margin-left: 15px
    }
    body#hair-analysis-2 .unique .box .list img {
        height: 75px
    }
    .EWG_score .head h2::after {
        width: 36%;
        height: 20px;
        left: 2px;
        bottom: -1px
    }
    body#hair-analysis-2 .head h2::after {
        top: 9px;
        font-size: 20px
    }
    body#hair-analysis-3 .head h2 {
        margin-bottom: 26px !important;
        font-size: 20px !important
    }
    body#hair-analysis-3 .EWG_score .head h2 {
        margin-bottom: 6px !important
    }
    body#hair-analysis-3 .row.line-list {
        padding-left: 38px
    }
    body#hair-analysis-3 .unique .box {
        padding: 40px 25px !important
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-3 .deep-condition {
        margin-left: 8px
    }
    body#hair-analysis-3 .treat-dandruff {
        margin-left: 15px
    }
    body#hair-analysis-3 .unique .box .list img {
        height: 75px
    }
    .EWG_score .head h2::after {
        width: 36%;
        height: 20px;
        left: 2px;
        bottom: -1px
    }
    body#hair-analysis-3 .head h2::after {
        top: 9px;
        font-size: 20px
    }
    body#hair-analysis-4 .head h2 {
        margin-bottom: 26px !important;
        font-size: 20px !important
    }
    body#hair-analysis-4 .EWG_score .head h2 {
        margin-bottom: 6px !important
    }
    body#hair-analysis-4 .row.line-list {
        padding-left: 38px
    }
    body#hair-analysis-4 .unique .box {
        padding: 40px 25px !important
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-4 .deep-condition {
        margin-left: 8px
    }
    body#hair-analysis-4 .treat-dandruff {
        margin-left: 15px
    }
    body#hair-analysis-4 .unique .box .list img {
        height: 75px
    }
    .EWG_score .head h2::after {
        width: 36%;
        height: 20px;
        left: 2px;
        bottom: -1px
    }
    body#hair-analysis-4 .head h2::after {
        top: 9px;
        font-size: 20px
    }
    .formula_btn .btn {
        width: 90% !important;
        height: 42px !important;
        font-size: 12px !important;
        line-height: 42px !important;
        margin-bottom: 1px;
        text-transform: uppercase;
    }
    .formula_btn .btn span {
        padding: 10px 34px !important;
        font-size: 11px !important
    }
    .formula_btn .btn span i {
        font-size: 10px !important
    }
    .scale_text_left,
    .scale_text_right {
        font-size: 8px
    }
    .hair_health figure {
        margin-bottom: 25px !important
    }
    .hair_health p {
        font-size: 10px !important;
        line-height: 15px !important
    }
    body#hair-analysis span.custom-mt-18 {
        margin-top: 12px !important
    }
    body#hair-analysis-2 span.custom-mt-18 {
        margin-top: 12px !important
    }
    body#hair-analysis-3 span.custom-mt-18 {
        margin-top: 12px !important
    }
    body#hair-analysis-4 span.custom-mt-18 {
        margin-top: 12px !important
    }
    .chamomille,
    .pinus,
    .salicylic {
        width: 30%
    }
    .salicylic p {
        margin-top: 12px !important
    }
    body#hair-analysis .salicylic h5 {
        margin-bottom: 17px !important
    }
    .biotin_img {
        width: 237px;
        height: 135px;
        margin: 0 auto
    }
    .biotin_img img {
        height: 100%;
        object-fit: contain
    }
    .biotin:before {
        top: 42%;
        transform: translate(0, -36%)
    }
    body#hair-analysis h2.biotin_title {
        font-size: 20px;
        margin: 3px 0 0
    }
    body#hair-analysis span.biotin_subtitle {
        font-size: 9px
    }
    body#hair-analysis ul.vegan-details li p {
        font-size: 7px
    }
    body#hair-analysis ul.vegan-details {
        margin: 10px 0
    }
    body#hair-analysis p.hair-analysis-price {
        font-size: 16px
    }
    p.biotin_text {
        padding: 0 22px;
        font-size: 10px
    }
    body#hair-analysis button.btn.desktop_btn {
        font-size: 12px;
        padding: 3px 20px;
        display: block;
        margin: 0 auto
    }
    body#hair-analysis .omega {
        margin: 30px 0
    }
    body#hair-analysis .EWG_score .head h2:after {
        top: 10px
    }
    body#hair-analysis-2 h2.biotin_title {
        font-size: 20px;
        margin: 3px 0 0
    }
    body#hair-analysis-2 span.biotin_subtitle {
        font-size: 9px
    }
    body#hair-analysis-2 ul.vegan-details li p {
        font-size: 7px
    }
    body#hair-analysis-2 ul.vegan-details {
        margin: 10px 0
    }
    body#hair-analysis-2 p.hair-analysis-price {
        font-size: 16px
    }
    p.biotin_text {
        padding: 0 22px;
        font-size: 10px
    }
    body#hair-analysis-2 button.btn.desktop_btn {
        font-size: 12px;
        padding: 3px 20px;
        display: block;
        margin: 0 auto
    }
    body#hair-analysis-2 .omega {
        margin: 30px 0
    }
    body#hair-analysis-2 .EWG_score .head h2:after {
        top: 10px
    }
    body#hair-analysis-3 h2.biotin_title {
        font-size: 20px;
        margin: 3px 0 0
    }
    body#hair-analysis-3 span.biotin_subtitle {
        font-size: 9px
    }
    body#hair-analysis-3 ul.vegan-details li p {
        font-size: 7px
    }
    body#hair-analysis-3 ul.vegan-details {
        margin: 10px 0
    }
    body#hair-analysis-3 p.hair-analysis-price {
        font-size: 16px
    }
    p.biotin_text {
        padding: 0 22px;
        font-size: 10px
    }
    body#hair-analysis-3 button.btn.desktop_btn {
        font-size: 12px;
        padding: 3px 20px;
        display: block;
        margin: 0 auto
    }
    body#hair-analysis-3 .omega {
        margin: 30px 0
    }
    body#hair-analysis-3 .EWG_score .head h2:after {
        top: 10px
    }
    body#hair-analysis-4 h2.biotin_title {
        font-size: 20px;
        margin: 3px 0 0
    }
    body#hair-analysis-4 span.biotin_subtitle {
        font-size: 9px
    }
    body#hair-analysis-4 ul.vegan-details li p {
        font-size: 7px
    }
    body#hair-analysis-4 ul.vegan-details {
        margin: 10px 0
    }
    body#hair-analysis-4 p.hair-analysis-price {
        font-size: 16px
    }
    p.biotin_text {
        padding: 0 22px;
        font-size: 10px
    }
    body#hair-analysis-4 button.btn.desktop_btn {
        font-size: 12px;
        padding: 3px 20px;
        display: block;
        margin: 0 auto
    }
    body#hair-analysis-4 .omega {
        margin: 30px 0
    }
    body#hair-analysis-4 .EWG_score .head h2:after {
        top: 10px
    }
    .steps_img {
        width: 29px;
        height: 35px
    }
    .haircare_regime .accordion .card .card-header {
        margin-bottom: 0 !important
    }
    .steps_img {
        width: 30% !important
    }
    .haircare_regime .padding .card_outer .card {
        width: 70% !important
    }
    .haircare_regime .accordion .card .collapse_steps h2 {
        font-size: 17px !important
    }
    .haircare_regime .accordion {
        width: 92% !important;
        margin: 0 auto;
    }
    .haircare_regime .accordion button.btn.btn-link {
        right: 16% !important
    }
    #skin-quiz .step-cat {
        top: 75px
    }
}

@media only screen and (max-width:414px) {
    .unique .btn {
        width: 100% !important
    }
    .make_it_wholesome .mob_btn {
        width: 100%
    }
    .beauty_collagen_info .btn,
    .choose-membership .btn,
    .unique .btn {
        width: 100% !important
    }
    .beauty_collagen_info .btn,
    .hair_analysis_membership .btn,
    .unique .btn {
        width: 100% !important
    }
    .vegan-details li img {
        width: 26px;
        height: 26px
    }
    .smoother_skin_info h2 {
        font-size: 44px
    }
    .smoother_skin_info::after {
        top: -20px
    }
    .standards_card_title {
        height: 30px
    }
    .haircare_regime .accordion button.btn.btn-link {
        right: 13% !important
    }
    .haircare_regime .accordion .collapse_steps {
        margin-left: 15px !important
    }
    .haircare_regime .accordion .collapse_steps {
        padding: 8px 0 8px 13px !important
    }
    .hair_health figure:after {
        top: -11px !important
    }
    .avocado-oil,
    .deep-condition,
    .olive-oil,
    .reduce-hairfall,
    .shea-butter,
    .treat-dandruff {
        width: 30% !important
    }
    .chamomille,
    .pinus,
    .salicylic {
        width: 31% !important
    }
    body#hair-analysis .unique .box .list h5 {
        font-size: 11px !important;
        height: 40px !important
    }
    body#hair-analysis .row.line-list {
        padding-left: 31px !important
    }
    body#hair-analysis-2 .unique .box .list h5 {
        font-size: 11px !important;
        height: 40px !important
    }
    body#hair-analysis-2 .row.line-list {
        padding-left: 31px !important
    }
    body#hair-analysis-3 .unique .box .list h5 {
        font-size: 11px !important;
        height: 40px !important
    }
    body#hair-analysis-3 .row.line-list {
        padding-left: 31px !important
    }
    body#hair-analysis-4 .unique .box .list h5 {
        font-size: 11px !important;
        height: 40px !important
    }
    body#hair-analysis-4 .row.line-list {
        padding-left: 31px !important
    }
}

@media only screen and (max-width:375px) {
    .skin-bg-overlay {
        width: 85%;
        bottom: 63%
    }
    .choose-membership .list-group-item .check {
        left: 6px
    }
    .choose-membership .box {
        padding: 0 0 0 26px
    }
    h2.skin-heading {
        line-height: 22px !important;
        font-size: 18px !important;
        margin-bottom: 9px !important
    }
    .skin-bg-overlay p {
        font-size: 11px
    }
    .safety_measures li {
        font-size: 11px
    }
    .our_standards_cards .col-sm-6 {
        width: 50%
    }
    .unique .box {
        padding: 25px 10px !important
    }
    .row.line-list {
        padding-left: 14px
    }
    .hair_analysis_membership .box {
        padding: 0 0 0 29px !important
    }
    .hair_analysis_membership .list-group-item {
        padding: 14px 5px !important
    }
    .hair_analysis_membership .list-group-item .check {
        left: 4px !important
    }
    .hair_analysis_membership .box p {
        font-size: 10px
    }
    .hair_analysis_membership .list-group-item .check {
        width: 23px !important;
        height: 23px !important
    }
    .hair_analysis_membership .list-group-item input[type=radio]:checked+.check:after {
        width: 13px !important;
        height: 13px !important
    }
    body#hair-analysis .row.line-list {
        padding-left: 25px
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .deep-condition,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus {
        margin-left: 8px !important
    }
    body#hair-analysis .unique .box .list img {
        height: 50px !important;
        width: 67px !important;
        object-fit: contain
    }
    body#hair-analysis .treat-dandruff {
        margin-left: 15px !important
    }
    body#hair-analysis .haircare_regime.padding {
        padding: 10px 0
    }
    body#hair-analysis-2 .row.line-list {
        padding-left: 25px
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-2 .deep-condition {
        margin-left: 8px !important
    }
    body#hair-analysis-2 .unique .box .list img {
        height: 50px !important;
        width: 67px !important;
        object-fit: contain
    }
    body#hair-analysis-2 .treat-dandruff {
        margin-left: 15px !important
    }
    body#hair-analysis-2 .haircare_regime.padding {
        padding: 10px 0
    }
    body#hair-analysis-3 .row.line-list {
        padding-left: 25px
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-3 .deep-condition {
        margin-left: 8px !important
    }
    body#hair-analysis-3 .unique .box .list img {
        height: 50px !important;
        width: 67px !important;
        object-fit: contain
    }
    body#hair-analysis-3 .treat-dandruff {
        margin-left: 15px !important
    }
    body#hair-analysis-3 .haircare_regime.padding {
        padding: 10px 0
    }
    body#hair-analysis-4 .row.line-list {
        padding-left: 25px
    }
    #hair-analysis .chamomille,
    body#hair-analysis .avocado-oil,
    body#hair-analysis .olive-oil,
    body#hair-analysis .pinus,
    body#hair-analysis-4 .deep-condition {
        margin-left: 8px !important
    }
    body#hair-analysis-4 .unique .box .list img {
        height: 50px !important;
        width: 67px !important;
        object-fit: contain
    }
    body#hair-analysis-4 .treat-dandruff {
        margin-left: 15px !important
    }
    body#hair-analysis-4 .haircare_regime.padding {
        padding: 10px 0
    }
    .haircare_regime .accordion button.btn.btn-link {
        right: 7% !important
    }
    .deep-condition span,
    .treat-dandruff span {
        margin-top: 11px !important
    }
}

@media only screen and (max-width:320px) {
    .reduce-hairfall,
    deep-condition,
    treat-dandruff {
        width: 27%
    }
}

.hair_analysis_listing {
    margin: 0 0 30px;
    display: inline-block;
    width: 100%;
    background: #e5f7ff
}

.hair_analysis_listing .list-group-item {
    border: 2px solid #b09692;
    border-radius: 0;
    text-transform: uppercase;
    padding: 24px 20px;
    background: #e5f7ff
}

.hair_analysis_listing .list-group-item span {
    text-transform: uppercase
}

.hair_analysis_listing .list-group-item {
    border-top-width: 1px;
    border-bottom-width: 0
}

.hair_analysis_listing .list-group-item:first-child {
    border-top-width: 2px
}

.hair_analysis_listing .list-group-item:last-child {
    border-bottom-width: 2px
}

.hair_analysis_membership .list-group-item {
    padding: 18px 12px;
    padding-left: 55px;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    margin-bottom: 20px;
    position: relative
}

.hair_analysis_membership .box {
    position: relative
}

.hair_analysis_membership .list-group-item .overlay {
    background: #f8f8f8;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0
}

.hair_analysis_membership .list-group-item:last-child {
    margin: 0
}

.hair_analysis_membership .list-group-item .check {
    width: 25px;
    height: 25px;
    border: 1px solid #b6b6b6;
    position: absolute;
    left: 12px;
    top: 23px;
    margin: auto;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1
}

.hair_analysis_membership .list-group-item input {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 5;
    cursor: pointer
}

.hair_analysis_membership .list-group-item input[type=radio]:checked+.check {
    background: #468ecb;
    border: 1px solid #468ecb
}

.hair_analysis_membership .list-group-item input[type=radio]:checked+.check:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/check.svg?v=1606719741);
    position: absolute;
    background-size: cover;
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.hair_analysis_membership .box h5 {
    font-size: 21px;
    text-transform: uppercase;
    color: #1c1111;
    margin: 0;
    font-family: HelveticaNeue;
    font-weight: 700
}

.hair_analysis_membership .box p {
    font-size: 16px;
    margin: 4px 0;
    color: #1c1111;
    font-family: Helvetica
}

.hair_analysis_membership li h3 span {
    font-size: 21px;
    color: #1c1111;
    line-height: initial
}

.hair_analysis_membership li p del {
    font-size: 16px;
    color: #1c1111;
    line-height: initial
}

.hair_analysis_membership li p small {
    font-size: 14px;
    color: #7f8182;
    line-height: initial
}

.hair_analysis_membership .list-group-item input[type=radio]:checked+.check+.overlay {
    background: #e5f7ff
}

.beauty_collagen_info .btn,
.hair_analysis_membership .btn,
.unique .btn {
    width: 52%;
    margin: 58px 0 15px;
    height: 60px;
    text-transform: capitalize;
    background: #fcdcca;
    background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
    border-radius: 0;
    border: 2px solid #f9acac;
    font-size: 18px
}

.hair_analysis_membership s,
.unique s {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.hair_care .review-box,
.review-box-mob {
    padding: 20px 23px
}

.hair_care .review-box h4,
.review-box-mob h4 {
    margin: 0 0 8px
}

.your_analysis .head h2::after {
    width: 20%;
    background: #aad2fe
}

.your_analysis .head h2 {
    margin-bottom: 66px
}

.hair_health {
    padding: 67px 30px;
    background: #e5f7ff;
    text-align: center;
    border-radius: 28px
}

.hair_health figure {
    margin-bottom: 40px;
    position: relative
}

.hair_health figure img {
    position: relative;
    width: 100%
}

.hair_health figure:after {
    content: "\f0d7";
    position: absolute;
    top: -14px;
    left: 100%;
    font: normal normal normal 14px/1 FontAwesome;
    color: #413f3f;
    font-size: 25px;
    transform: translate(-50%, 0)
}

.hair_health .scalp:after {
    content: "\f0d7";
    position: absolute;
    top: -14px;
    left: 100%;
    font: normal normal normal 14px/1 FontAwesome;
    color: #413f3f;
    font-size: 25px;
    transform: translate(-50%, 0)
}

.scale_results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.scale_text_right {
    display: inline-block;
    text-align: left
}

.scale_text_left {
    display: inline-block;
    text-align: right
}

.hair_health p {
    font-size: 15px;
    color: #1c1111;
    line-height: 21px;
    font-weight: 300
}

.hair_health h4 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 70px;
    font-family: 'Playfair Display', serif
}

.unique .box.active {
    background: #f8f8f8
}

.unique .box {
    padding: 68px 42px;
    display: inline-block;
    background: #fff6f4
}

.unique .box .sub-head {
    padding-bottom: 18px;
    display: inline-block
}

.unique .box .sub-head span {
    font-size: 22px;
    color: #413f3f;
    font-family: Helvetica
}

.unique .box .sub-head h3 {
    margin: 0 0 18px;
    font-size: 35px;
    font-family: 'Playfair Display', serif
}

.unique .box .sub-head p {
    font-size: 22px;
    margin: 0;
    font-family: Helvetica
}

.unique .box .list h5 {
    font-size: 22px;
    color: #000;
    height: 50px;
    margin: 0 0 16px;
    font-family: Helvetica
}

.hair-unique .box .list h5 {
    font-size: 22px;
    color: #000;
    height: 70px;
    margin: 0 0 16px;
    font-family: Helvetica
}

.unique .box .list p,
.unique .box .list span {
    font-size: 16px;
    margin: 0;
    height: 30px !important;
    font-family: HelveticaNeue
}

.hair-unique .box .list p,
.unique .box .list span {
    font-size: 16px;
    margin: 0;
    height: 50px !important;
    font-family: HelveticaNeue
}

.unique .box .list p {
    margin: 0 0 22px;
    height: 50px;
    color: #413f3f
}

.unique .box .list {
    padding: 24px 0;
    place-items: flex-start
}

.unique .box .list img {
    width: 90px;
    margin: 0 0 15px
}

.choose-membership .btn {
    width: 100% !important
}

.beauty_collagen_info .btn,
.choose-membership .btn,
.unique .btn {
    width: 52%;
    margin: 35px 0 15px;
    height: 60px;
    text-transform: uppercase;
    background: #fcdcca;
    background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
    border-radius: 0;
    border: 2px solid #f9acac;
    font-size: 18px
}

.beauty_collagen_info .btn {
    width: 509px;
    font-size: 17px
}

.unique .btn {
    margin: 35px auto 15px;
    display: block
}

.choose-membership s,
.unique s {
    font-family: Helvetica-Oblique;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.btn.hair_btn {
    border: #217bc9 2px solid !important;
    background: #add4ff !important;
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%) !important
}

.EWG_score.hair_score .head h2:after {
    background: #b7d9fe
}

.hair_care_mob {
    display: none
}

.formula_btn.btn {
    background: #519adc;
    border: #267fcb 2px solid
}

.formula_btn {
    padding: 1em 0
}

.formula_btn.btn span {
    background: #add4ff !important;
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%) !important
}

.d-md-block {
    display: block
}

.hair_analysis_membership .btn {
    width: 100%
}

section.haircare_regime.padding .collapse:not(.show) {
    display: none
}

.haircare_regime .accordion {
    background: #fafafa;
    width: 100%
}

.haircare_regime .accordion .card .card-header {
    background: #fafafa;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 45px
}

.haircare_regime .accordion .collapse_steps {
    margin-left: 50px;
    border-left: #fed0d0 11px solid;
    padding: 13px 0 13px 30px;
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative
}

.haircare_regime .accordion button.btn.btn-link {
    display: inline-block;
    width: auto;
    margin-left: 34px;
    margin-top: 0;
    font-size: 20px;
    height: 132px;
    position: absolute;
    right: 35%;
    transform: translate(-42%, 0);
    top: 9px;
    box-shadow: none
}

.haircare_regime .accordion .card-header:after {
    display: none
}

.haircare_regime .accordion .card .collapse_steps h4 {
    font-size: 22px;
    font-family: Helvetica-Oblique
}

.haircare_regime .accordion .card .collapse_steps h2 {
    font-size: 35px;
    font-family: 'Playfair Display', serif;
    font-weight: 600
}

.haircare_regime .accordion .card .collapse_steps h6 {
    font-size: 22px;
    font-family: Helvetica-Oblique
}

#hair-analysis .formula_btn .btn {
    background: #519adc;
    border: #267fcb 2px solid;
    text-transform: uppercase;
}

#hair-analysis .formula_btn .btn span {
    background: -webkit-linear-gradient(-45deg, #add4ff 0, #207bc9 100%)
}

#hair-analysis-2 .formula_btn .btn {
    background: #519adc;
    border: #267fcb 2px solid;
    text-transform: uppercase;
}

#hair-analysis-2 .formula_btn .btn span {
    background: -webkit-linear-gradient(-45deg, #add4ff 0, #207bc9 100%)
}

#hair-analysis-3 .formula_btn .btn {
    background: #519adc;
    border: #267fcb 2px solid
}

#hair-analysis-3 .formula_btn .btn span {
    background: -webkit-linear-gradient(-45deg, #add4ff 0, #207bc9 100%)
}

#hair-analysis-4 .formula_btn .btn {
    background: #519adc;
    border: #267fcb 2px solid
}

#hair-analysis-4 .formula_btn .btn span {
    background: -webkit-linear-gradient(-45deg, #add4ff 0, #207bc9 100%)
}

.card_outer {
    display: inline-block;
    width: 100%
}

.steps_img {
    width: 35%;
    float: left;
    text-align: right
}

.mt-md-5 {
    margin-top: 3rem
}

.haircare_regime .padding .card_outer .card {
    width: 65%;
    float: right
}

.avocado-oil,
.chamomille,
.deep-condition,
.olive-oil,
.pinus,
.reduce-hairfall,
.salicylic,
.shea-butter,
.treat-dandruff {
    width: 19%
}

@media only screen and (max-width:560px) {
    #hair-analysis .before_skin_type:after {
        position: absolute;
        content: "before";
        width: 127px;
        height: 44px;
        background: #b6dafb;
        bottom: 0;
        left: 18px;
        font-size: 22px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 43px
    }
    #hair-analysis .after_skin_type:after {
        position: absolute;
        content: "after";
        width: 116px;
        height: 43px;
        background: #b6dafb;
        text-transform: uppercase;
        font-size: 22px;
        color: #413f3f;
        line-height: 43px;
        bottom: 0;
        right: 18px
    }
    #hair-analysis-2 .before_skin_type:after {
        position: absolute;
        content: "before";
        width: 127px;
        height: 44px;
        background: #b6dafb;
        bottom: 0;
        left: 18px;
        font-size: 22px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 43px
    }
    #hair-analysis-2 .after_skin_type:after {
        position: absolute;
        content: "after";
        width: 116px;
        height: 43px;
        background: #b6dafb;
        text-transform: uppercase;
        font-size: 22px;
        color: #413f3f;
        line-height: 43px;
        bottom: 0;
        right: 18px
    }
    #hair-analysis-3 .before_skin_type:after {
        position: absolute;
        content: "before";
        width: 127px;
        height: 44px;
        background: #b6dafb;
        bottom: 0;
        left: 18px;
        font-size: 22px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 43px
    }
    #hair-analysis-4 .before_skin_type:after {
        position: absolute;
        content: "before";
        width: 127px;
        height: 44px;
        background: #b6dafb;
        bottom: 0;
        left: 18px;
        font-size: 22px;
        color: #413f3f;
        text-transform: uppercase;
        line-height: 43px
    }
    #hair-analysis-3 .after_skin_type:after {
        position: absolute;
        content: "after";
        width: 116px;
        height: 43px;
        background: #b6dafb;
        text-transform: uppercase;
        font-size: 22px;
        color: #413f3f;
        line-height: 43px;
        bottom: 0;
        right: 18px
    }
    #hair-analysis-4 .after_skin_type:after {
        position: absolute;
        content: "after";
        width: 116px;
        height: 43px;
        background: #b6dafb;
        text-transform: uppercase;
        font-size: 22px;
        color: #413f3f;
        line-height: 43px;
        bottom: 0;
        right: 18px
    }
}

@media only screen and (max-width:560px) {
    .hair_analysis_membership .box h5 {
        font-size: 15px
    }
    .hair_analysis_membership .box p {
        font-size: 11px
    }
    .hair_analysis_membership .box h5 {
        font-size: 15px
    }
    .hair_analysis_membership li p del {
        font-size: 11px;
        width: 40px
    }
    .hair_analysis_membership li p small {
        font-size: 9px
    }
    .hair_analysis_membership .list-group-item {
        padding: 14px 12px
    }
    .beauty_collagen_info .btn,
    .hair_analysis_membership .btn,
    .unique .btn {
        font-size: 12px;
        height: 42px;
        width: 374px;
        margin: 35px auto 7px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .unique .btn {
        width: 375px
    }
    .hair_analysis_membership .box {
        padding: 0 10px 0 45px
    }
    .hair_analysis_membership s,
    .unique s {
        font-size: 11px
    }
}

body {
    font-family: HelveticaNeue;
    margin: 0
}

h2.ambassador-heading {
    font-family: 'Playfair Display', serif;
    font-size: 46px;
    font-weight: 700;
    color: #01385e;
    line-height: 70px;
    margin-top: -10px
}

section.ambassador-sec-2 {
    background: #01385e;
    padding: 100px 0;
    display: none
}

.ambassador-bg-overlay {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    transform: translate(-50%, 103px)
}

.ambassador-sec-content h4 {
    font-size: 40px;
    font-family: Helvetica;
    font-weight: 700;
    margin-bottom: 18px;
    color: #fff6ea
}

.ambassador-sec-content p {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #ffdbbc
}

section.apply-coupon {
    padding: 90px 0
}

ul.coupon-content {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

ul.coupon-content li {
    font-size: 25px;
    color: #8b0e3a
}

ul.coupon-content li+li {
    margin-left: 24px
}

input#to-copy[type=text] {
    color: #000;
    font-size: 16px;
    outline: 0;
    font-weight: 400;
    border: 2px solid #01385e;
    width: 225px;
    padding: 7px 15px
}

li.coupon-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e
}

li.coupon-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    position: absolute;
    top: 10px;
    right: 15px;
    font-weight: 500
}

.flat-badge {
    font-size: 22px;
    color: #8b0e3a;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 24px
}

.flat-badge p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0
}

.flat-badge p::before {
    content: "";
    display: inline-block;
    background: #f7dec8;
    width: 230px;
    height: 33px;
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 42%
}

span.off-price {
    font-size: 45px;
    margin: 0 15px;
    color: #01385e
}

p.flat-p {
    font-size: 22px;
    color: #01385e;
    margin-top: 10px
}

a.start-shop-btn {
    font-size: 15px;
    color: #fff;
    background: #01385e;
    padding: 20px 64px;
    display: inline-block
}

.flat-off {
    text-align: center
}

.start-shopping {
    margin-top: 64px
}

.ambassador-gallery {
    margin-bottom: 0
}

ul.ambassador-gallery-img {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    overflow: hidden
}

ul.ambassador-gallery-img li img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.custom-d-md-none {
    display: none !important
}

.referral-bg-overlay {
    position: absolute;
    top: 0;
    transform: translate(0, 230px)
}

h2.referral-heading {
    font-size: 49px;
    color: #01385e;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: 'Playfair Display', serif
}

h1.referral-heading-amount {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 75px;
    color: #01385e;
    padding-bottom: 20px
}

.referral-bg-overlay p {
    font-size: 38px;
    font-family: HelveticaNeue;
    color: #01385e;
    line-height: 46px;
    font-weight: 300
}
.referral-sub-heading:after {
    background: #FFEDE9;
    opacity: 0.7;
    content: '';
    position: absolute;
    height: 38px;
    margin-top:14px;
    width: 62%;
    left: 0;
    right: 0;
    z-index: -1;
}

p.referral-amount-con {
    font-family: Helvetica;
    font-size: 28px
}

section.referral-sec-2 {
    background: #01385e;
    padding: 78px 0
}

.referral-sec-content p {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin-bottom: 6px;
    line-height: 35px
}

span.referral-price {
    font-size: 45px;
    color: #EEADA9;
    margin: 0 16px;
    letter-spacing: .2rem
}

p.follow-link-p {
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    text-transform: lowercase
}

a.referral-whatsapp-btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #ffdbbc;
    padding: 14px 24px;
    display: inline-block;
    font-size: 15px
}

.referral-whsapp-btn {
    background: inherit;
    border: 0
}

.referral-whsapp {
    right: 1%
}

a.referral-whatsapp-btn img {
    margin-right: 8px
}

.referral-whatsapp {
    margin-top: 50px
}

.referral-work-content h5 {
    text-transform: capitalize;
    font-weight: 700;
    color: #413f3f;
    text-align: center;
    margin-bottom: 52px;
    font-family: 'Playfair Display', serif;
    line-height: 43px
}
.referral-work-content h5 span{
    position:relative;
}
.referral-work-content h5 span:after {
    background: #FFEDE9;
    opacity: 0.7;
    content: '';
    position: absolute;
    top:14px;
    height: 23px;
    left: 0;
    right: 0;
    z-index: -1;
}

section.referral-works {
    padding: 50px 0;
    font-family: Helvetica
}

span.referral-circle-1 {
    width: 97px;
    height: 97px;
    background: #fff;
    display: inline-block;
    border-radius: 50%
}

span.referral-circle-1 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.referral-1 h6 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #413f3f;
    margin: 40px 0 16px 0
}

.referral-1 h6 span {
    font-size: 28px;
    margin-bottom: 12px;
    display: inline-block
}

.referral-1 p {
    font-size: 14px;
    color: #707070
}

.referral-custom-line:before {
    display: block;
    content: "";
    border-top: 2px dashed #413f3f;
    width: 50%;
    border-image-width: 14px;
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, 0)
}

.balance-content-overlay h5 {
    font-size: 30px;
    color: #01385e;
    text-align: center
}

.balance-content-overlay {
    position: absolute;
    top: 50%;
    left: 60%
}

.balance-content-overlay h5 span {
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
    letter-spacing: 1.5px
}

section.referral-unlocked {
    padding: 100px 0;
    background: #fff
}

section.referral-unlocked h5 {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #01385e;
    text-align: center;
    margin-bottom: 58px
}

.lock-content h6 {
    font-size: 27px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
    color:#01385E;
    margin-bottom: 0
}

.lock-content span {
    font-size: 20px;
    color: #01385e
}

.lock img {
    margin-bottom: 20px
}

.lock {
    position: relative
}

.lock::before {
    content: "";
    display: inline-block;
    width: 267px;
    background: #cccbcb;
    height: 4px;
    position: absolute;
    top: 15%;
    right: -157px;
    z-index: 0
}

.lock.active::before {
    background: #8b0e3a
}

.lock.line-none::before {
    display: none
}

.lock-content.unactive h6,
.lock-content.unactive span {
    color: rgb(1 56 94 / .5)
}

section.spread-love {
    padding: 66px 0 104px 0;
    background: #f8f8f8
}

h5.spread-heading {
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 700;
    color: #413f3f;
    text-align: center;
    margin-bottom: 44px;
    font-family: 'Playfair Display', serif
}

.referral-edit {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.referral-edit h6 {
    font-size: 27px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #01385e
}

.referral-edit span a {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    margin-left: 8px
}

input#referral-code-copy[type=text],
input#referral-link-copy[type=text] {
    color: #000;
    font-size: 14px;
    outline: 0;
    font-weight: 400;
    border: 2px solid #01385e;
    padding: 14px 18px;
    width: 100%
}

.referral-code-box span,
.referral-link-box span {
    font-size: 14px;
    text-decoration: underline;
    color: #01385e;
    position: absolute;
    top: 14px;
    right: 15px;
    font-weight: 500;
    text-transform: uppercase
}

input#referral-link-copy[type=text] {
    display: inline-block;
    white-space: nowrap;
    border: 2px solid #01385e;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

p.referral-link-box {
    border: 2px solid #01385e
}

a.referral-whatsapp-btn.whatsapp-blue-btn {
    border: 2px solid #fff;
    background: #01385e
}

.my-referrals-heading {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: #01385e;
    text-align: center;
    margin-bottom: 36px
}

.referral-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #fff6ea;
    padding: 23px 51px;
    align-items: center;
    margin: 0 auto 25px;
    width: 907px
}

.referral-name {
    display: flex;
    width: 50%;
    flex-direction: column;
    text-align: left;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column
}

h2.refername {
    font-family: 'Playfair Display', serif;
    color: #01385e;
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 2px
}

span.refername {
    font-size: 23px;
    color: #000;
    font-family: HelveticaNeue;
    font-weight: 500
}

.earned_cash {
    display: flex;
    text-align: right;
    justify-content: right;
    align-items: flex-end;
    width: 50%;
    flex-direction: column
}

.cashearned {
    font-size: 24px;
    color: #01385e;
    font-family: Helvetica;
    font-weight: 700;
    margin-bottom: 0
}

.refermoney {
    font-size: 23px;
    color: #000;
    font-family: HelveticaNeue;
    font-weight: 500;
    margin-left: 52px
}

.unlock-programs {
    position: relative;
    background-image: url(../assets/deals_background.png);
    background-size: cover;
    z-index: 0;
    padding: 235px 0;
    background-position: center
}

.deals_wrapper {
    text-align: center
}

.make_purchase {
    background: #fff6ea;
    padding: 79px 67px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 29px;
    -webkit-box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 15px 40px 12px rgba(0, 0, 0, .16);
    position: relative
}

.make_purchase:after {
    position: absolute;
    content: "";
    background-image: url(../assets/cosmetic-cream-smear.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 230px;
    height: 250px;
    left: -32%;
    top: 74%
}

.make_purchase:before {
    position: absolute;
    content: "";
    background-image: url(../assets/blue-bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 180px;
    right: -26%;
    top: -68px;
    z-index: -1
}

.purchase_title {
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    color: #01385e;
    font-weight: 700;
    text-align: center;
    line-height: 45px
}

.shopping a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background: #01385e;
    color: #fff;
    padding: 20px 10px;
    width: 250px;
    line-height: 5px
}

.shopping {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center
}

.frequent_questions {
    padding: 72px 0;
    background: #01385e
}

.listing_title {
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    font-family: HelveticaNeue;
    margin-top: 0
}

.ques_listing {
    max-width: 750px;
    margin: 0 auto
}

.card-header {
    padding: 0;
    background: #fff6ea;
    border: 0
}

button.btn.btn-link.collapsed {
    color: #6e6e6e;
    font-size: 14px;
    font-family: HelveticaNeue
}

.btn-link {
    color: #6e6e6e;
    font-size: 14px
}

.btn-link:hover {
    color: #6e6e6e;
    font-size: 14px
}

.accordion>.card:not(:last-of-type) {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.accordion>.card:not(:first-of-type) {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

i.fa.fa-angle-down {
    color: #6e6e6e;
    font-size: 17px;
    font-weight: 700
}

button.btn.btn-link {
    float: right
}

.ques_listing .card .card-title {
    display: inline-block;
    font-size: 14px;
    color: #6e6e6e;
    vertical-align: bottom;
    float: left;
    text-decoration: none
}

.card-title {
    margin-bottom: 0
}

button.btn.btn-link {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    padding: 0
}

.card-body {
    padding: 0;
    margin-top: 5px
}

.ques_listing .card {
    padding: 20px 33px;
    background: #fff6ea;
    margin-bottom: 20px;
    color: #6e6e6e;
    font-size: 14px
}

.my-referrals {
    padding-bottom: 109px
}

i.fa.fa-angle-down:hover {
    text-decoration: none
}

.referral-unlocked-title span {
    font-family: HelveticaNeue;
    font-weight: 700;
    color: #8a0e3a;
    font-size: 28px
}

.refer_more h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #8b0e3a
}

.refer_more {
    display: inline-block;
    margin-top: 83px;
    text-align: center;
    width: 100%
}

.refer_more .flat-badge {
    position: relative;
    z-index: 1;
    font-size: 24px;
    color: #19496b;
    font-family: 'Playfair Display', serif;
    text-transform: capitalize
}

.refer_more .flat-badge:before {
    content: "";
    display: inline-block;
    background: #f7dec8;
    width: 210px;
    height: 25px;
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0)
}

.range_slider {
    width: 585px;
    height: 16px;
    background: #19496b;
    border-radius: 20px;
    position: relative;
    margin-bottom: 83px
}

.slider_value {
    padding: 0;
    position: relative
}

.range_labels {
    padding: 0;
    margin: 0;
    text-align: center
}

.range_labels li {
    list-style: none;
    display: inline-block;
    color: #f9e0c9;
    font-size: 9px;
    padding: 2px 26px;
    vertical-align: super
}

.range-slider-holder {
    background: #8a0e3a;
    padding: 4px 12px;
    border-radius: 20px;
    border: #f9e0c9 3px solid;
    font-size: 18px;
    font-weight: 600;
    color: #f9e0c9
}

span.range_text {
    color: #8a0e3a;
    font-size: 18px;
    font-family: 'Playfair Display', serif;
    font-weight: 700
}

.range_value {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    top: -37px;
    right: 24%
}

.holder_info {
    margin: 16px 0;
    width: 127px;
    background: #f9e0c9;
    position: relative;
    padding: 11px 0;
    text-align: center;
    font-size: 13px;
    color: #01385e;
    line-height: 16px
}

.holder_info p {
    margin: 0
}

.holder_info:after,
.holder_info:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid
}

.holder_info:after {
    top: -31px;
    border-color: transparent transparent #f9e0c9 transparent;
    border-width: 10px;
    left: 52%;
    transform: translate(-50%, 0)
}

.holder_info:before {
    top: -33px;
    border-color: transparent transparent #8e3535 transparent;
    transform: translate(-50%, 0);
    left: 52%;
    border-width: 11px
}

.holder_info b {
    font-size: 14px
}

.up_arrow {
    position: absolute;
    top: 81px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 13px solid #f9e0c9;
    left: 50%;
    transform: translate(-50%, 0)
}

.hair_analysis_listing {
    margin: 0 0 30px;
    display: inline-block;
    width: 100%;
    background: #e5f7ff
}

.hair_analysis_listing .list-group-item span {
    text-transform: uppercase
}

.hair_analysis_listing .list-group-item {
    border-top-width: 1px;
    border-bottom-width: 0
}

.hair_analysis_listing .list-group-item:first-child {
    border-top-width: 2px
}

.hair_analysis_listing .list-group-item:last-child {
    border-bottom-width: 2px
}

.hair_analysis_membership .list-group-item {
    padding: 18px 12px;
    padding-left: 55px;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    margin-bottom: 15px;
    position: relative
}

.hair_analysis_membership .box {
    position: relative
}

.hair_analysis_membership .list-group-item .overlay {
    background: #f8f8f8;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0
}

.hair_analysis_membership .list-group-item:last-child {
    margin: 0
}

.hair_analysis_membership .list-group-item input[type=radio]:checked+.check {
    background: #468ecb;
    border: 1px solid #468ecb
}

.hair_analysis_membership .box h5 {
    font-size: 21px;
    text-transform: uppercase;
    color: #1c1111;
    margin: 0;
    font-family: HelveticaNeue
}

.hair_analysis_membership .box p {
    font-size: 16px;
    margin: 0;
    color: #1c1111;
    font-family: Helvetica
}

.hair_analysis_membership li h3 span {
    font-size: 21px;
    color: #1c1111;
    line-height: initial
}

.hair_analysis_membership li p del {
    font-size: 16px;
    margin: 3px 0;
    color: #1c1111;
    line-height: initial
}

.hair_analysis_membership li p small {
    font-size: 14px;
    color: #7f8182;
    line-height: initial
}

.hair_analysis_membership .list-group-item input[type=radio]:checked+.check+.overlay {
    background: #e5f7ff
}

.beauty_collagen_info .btn,
.hair_analysis_membership .btn,
.unique .btn {
    width: 100%;
    margin: 35px 0 15px;
    height: 60px;
    text-transform: capitalize;
    background: #fcdcca;
    background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
    border-radius: 0;
    border: 2px solid #f9acac;
    font-size: 18px
}

.hair_analysis_membership s,
.unique s {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.hair_care .review-box,
.review-box-mob {
    padding: 29px 23px
}

.haircare_regime .head h2::after {
    background: #aad2fe;
    width: 42%
}

.haircare_steps {
    background: #fafafa;
    width: 100%;
    text-align: center;
    padding: 57px 0
}

.steps {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 47%;
    align-items: center;
    margin: 0 auto 45px;
    position: relative
}

.steps:after {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    position: absolute;
    height: 20px;
    width: 20px;
    right: 0;
    color: #6e6e6e;
    font-size: 24px
}

.steps figure {
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0
}

.steps_info {
    text-align: left;
    margin: 0 0 0 80px;
    position: relative
}

.steps_info::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 100%;
    background: #fed0d0;
    left: -27px
}

.steps_info p {
    font-size: 22px;
    margin-bottom: 9px;
    font-family: Helvetica
}

.steps_info h2 {
    font-size: 35px;
    margin-bottom: 9px;
    font-family: 'Playfair Display', serif;
    color: #413f3f
}

.your_analysis .head h2::after {
    width: 20%;
    background: #aad2fe
}

.your_analysis .head h2 {
    margin-bottom: 66px
}

.hair_health {
    padding: 67px 30px;
    background: #e5f7ff;
    text-align: center;
    border-radius: 28px
}

.hair_health figure {
    margin-bottom: 40px
}

.hair_health figure img {
    position: relative
}

.scale_results {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 14px
}

.scale_text_right {
    display: inline-block;
    text-align: left
}

.scale_text_left {
    display: inline-block;
    text-align: right
}

.hair_health p {
    font-size: 15px;
    color: #1c1111;
    line-height: 21px;
    font-weight: 300
}

.hair_health h4 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 70px;
    font-family: 'Playfair Display', serif
}

.beauty_collagen_info .btn,
.choose-membership .btn,
.unique .btn {
    width: 100%;
    margin: 35px 0 15px;
    height: 60px;
    text-transform: capitalize;
    background: #fcdcca;
    background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
    border-radius: 0;
    border: 2px solid #f9acac;
    font-size: 18px
}

.choose-membership s,
.unique s {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.unique .btn {
    width: 52%;
    margin: 35px auto 15px;
    display: block;
    font-family: HelveticaNeue
}

.btn.hair_btn {
    border: #217bc9 2px solid !important;
    background: #add4ff !important;
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%) !important
}

.EWG_score.hair_score .head h2:after {
    background: #b7d9fe
}

.formula_btn.btn {
    background: #519adc;
    border: #267fcb 2px solid
}

.formula_btn.btn span {
    background: #add4ff !important;
    background: linear-gradient(90deg, #add4ff 0, #207bc9 100%) !important
}

.hair_analsis_loader .inner_wrapper {
    background: #e5f7ff
}

.hair_analsis_loader img.Loading-page {
    width: 245px;
    height: 245px
}

@media only screen and (max-width:1200px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 33px)
    }
    .flat-badge p::before {
        left: 39%
    }
    h2.referral-heading {
        font-size: 29px
    }
    .referral-bg-overlay {
        transform: translate(0, 150px)
    }
    .balance-content-overlay {
        left: 55%
    }
    .balance-content-overlay h5 {
        font-size: 26px
    }
    .lock::before {
        width: 237px;
        right: -150px
    }
}

@media only screen and (max-width:991px) {
    .ambassador-bg-overlay {
        transform: translate(-50%, 24px)
    }
    h2.ambassador-heading {
        font-size: 36px;
        line-height: 54px
    }
    .flat-badge p::before {
        left: 36%
    }
    .referral-custom-line:before {
        width: 55%
    }
    .balance-content-overlay {
        left: 52%
    }
    .balance-content-overlay h5 {
        font-size: 22px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock::before {
        width: 177px;
        right: -120px
    }
    h2.referral-heading {
        font-size: 22px
    }
    .referral-bg-overlay {
        transform: translate(0, 115px)
    }
    .referral-bg-overlay p {
        font-size: 22px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-detail {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .range_slider {
        width: 70%
    }
    .range_labels li {
        padding: 2px 4% 0 4%
    }
    .custom-d-md-block {
        display: none !important
    }
    .custom-d-md-none {
        display: flex !important
    }
    .ambassador-bg-overlay {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        transform: translate(-50%, 107px)
    }
    ul.ambassador-gallery-img {
        flex-flow: wrap
    }
    ul.ambassador-gallery-img li {
        width: 50%
    }
    ul.coupon-content li {
        font-size: 16px;
        color: #8b0e3a
    }
    .flat-badge p::before {
        left: 32%
    }
    ul.coupon-content {
        flex-direction: column
    }
    ul.coupon-content li+li {
        margin-left: 0;
        margin-top: 16px
    }
    .flat-badge p::before {
        left: 27%
    }
    .relative-md {
        position: relative
    }
    .referral-bg-overlay {
        transform: translate(-50%, 115px);
        top: unset;
        bottom: 160px;
        text-align: center;
        left: 50%;
        width: 100%
    }
    .referral-1.line-mob-none:before,
    .referral-custom-line:before {
        display: none
    }
    .referral-1 {
        margin-bottom: 63px
    }
    .referral-1:before {
        display: block;
        content: "";
        border-top: 2px dashed #413f3f;
        width: 20%;
        border-image-width: 14px;
        position: absolute;
        top: -10%;
        left: 40%;
        transform: rotate(90deg)
    }
    span.referral-circle-1 {
        width: 92px;
        height: 92px
    }
    .referral-1 h6 {
        margin: 0 0 6px 0;
        font-size: 18px
    }
    .referral-1 h6 span {
        font-size: 18px;
        margin-bottom: 0
    }
    .balance-content-overlay h5 {
        font-size: 20px
    }
    .balance-content-overlay {
        position: absolute;
        top: 14%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, 0)
    }
    .balance-content-overlay h5 span {
        margin-top: 8px
    }
    .lock {
        display: flex;
        margin-bottom: 50px;
        align-items: center
    }
    .lock img {
        width: 36px;
        height: 36px;
        margin-bottom: 0
    }
    .lock-content {
        text-align: left;
        margin-left: 30px
    }
    .lock::before {
        content: "";
        display: inline-block;
        width: 72px;
        background: #cccbcb;
        height: 4px;
        position: absolute;
        top: 140%;
        right: unset;
        left: -18px;
        z-index: 0;
        transform: rotate(90deg)
    }
    .referral-detail {
        padding: 16px 24px
    }
    h2.refername {
        font-size: 12px;
        line-height: 9px
    }
    span.refername {
        font-size: 11px
    }
    .cashearned {
        font-size: 11px
    }
    .refermoney {
        font-size: 10px
    }
    section.spread-love {
        padding: 66px 0 85px 0
    }
    .make_purchase:before {
        right: -40px
    }
    .unlock-programs {
        display: block
    }
    .make_purchase:after {
        background-size: 100%
    }
}

@media only screen and (max-width:480px) {
    .range_slider {
        width: 77%
    }
    button.btn.btn-link.collapsed {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .ques_listing .card .card-title {
        font-size: 10px
    }
    .ques_listing .card {
        padding: 12px 15px;
        margin-bottom: 10px
    }
    .referral-detail {
        margin: 0 auto 15px
    }
    .referral-edit h6 {
        font-size: 23px
    }
    .refermoney {
        font-size: 10px;
        margin-left: 21px
    }
    .card {
        padding: 0 9px
    }
    h2.ambassador-heading {
        font-size: 25px;
        line-height: 36px
    }
    .ambassador-bg-overlay {
        width: 65%;
        transform: translate(-50%, 60px)
    }
    .ambassador-sec-content h4 {
        font-size: 20px
    }
    section.ambassador-sec-2 {
        padding: 60px 0
    }
    .ambassador-sec-content p {
        font-size: 18px
    }
    section.apply-coupon {
        padding: 48px 0
    }
    .flat-badge p::before {
        top: 42%;
        left: 24%;
        width: 210px
    }
    ul.coupon-content li {
        font-size: 19px
    }
    .flat-badge {
        font-size: 18px
    }
    p.flat-p {
        font-size: 18px;
        margin-top: 39px
    }
    a.start-shop-btn {
        padding: 16px 36px
    }
    .start-shopping {
        margin-top: 56px
    }
    h2.referral-heading {
        text-align: center;
        font-size: 32px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    .referral-sub-heading:after{
        width:auto !important;
        margin-left: 10%;
        height:19px !important;
        margin-top: 19px;
        margin-right: 10%;
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-sec-content p {
        font-size: 14px
    }
    span.referral-price {
        font-size: 30px
    }
    .referral-whatsapp {
        margin-top: 32px
    }
    section.referral-sec-2 {
        padding: 42px 0
    }
    a.referral-whatsapp-btn {
        padding: 10px 19px;
        font-size: 10px
    }
    .referral-whatsapp img {
        width: 17px;
        height: 17px
    }
    span.d-sm-block {
        display: block
    }
    section.referral-unlocked h5 {
        font-size: 21px
    }
    section.referral-unlocked {
        padding: 56px 0
    }
    .unlock-programs {
        position: relative;
        background-image: url(../assets/deals-mobile-bg.png);
        background-size: cover;
        z-index: 0;
        height: 100%;
        padding: 120px 0;
        overflow: hidden
    }
    .make_purchase {
        padding: 49px 39px
    }
    .make_purchase:after {
        left: -128px;
        top: 68%
    }
    .make_purchase:before {
        right: -156px;
        top: -99px
    }
    .purchase_title {
        font-size: 25px;
        line-height: 39px
    }
    .shopping a {
        font-size: 9px;
        padding: 18px 0;
        width: 177px
    }
    .ques_listing {
        max-width: 340px
    }
    .card-header {
        padding: 0
    }
    button.btn.btn-link.collapsed {
        padding-top: 0;
        padding-bottom: 0
    }
    h2.card-title {
        line-height: 23px;
        font-size: 10px !important
    }
    i.fa.fa-angle-down {
        color: #6e6e6e;
        font-size: 10px;
        margin-top: 0
    }
    .card-body {
        font-size: 12px
    }
    .listing_title {
        margin-bottom: 36px
    }
    .frequent_questions {
        padding: 46px 0
    }
    .my-referrals {
        padding-bottom: 49px
    }
    section.spread-love {
        padding: 66px 0 41px 0
    }
    .my-referrals-heading {
        margin-bottom: 24px;
        font-size: 21px
    }
    p.referral-edit-p.text-center {
        font-size: 10px
    }
    h5.spread-heading {
        font-size: 28px
    }
}

@media only screen and (max-width:357px) {
    .range_slider {
        width: 74%
    }
    .range_labels li {
        padding: 2px 4% 0 3%
    }
    .ambassador-bg-overlay {
        width: 100%;
        transform: translate(-50%, 30px)
    }
    h2.referral-heading {
        text-align: center;
        font-size: 20px
    }
    .referral-bg-overlay p {
        font-size: 21px
    }
    h1.referral-heading-amount {
        font-size: 32px
    }
    p.referral-amount-con {
        font-size: 14px;
        line-height: 16.1px
    }
    .referral-work-content h5 {
        font-size: 24px
    }
    .balance-content-overlay h5 {
        font-size: 18px
    }
    .lock-content h6 {
        font-size: 24px
    }
    .lock-content span {
        font-size: 18px
    }
    h5.spread-heading {
        font-size: 30px
    }
}

.padding {
    padding: 60px 0
}

.head {
    width: 100%;
    display: block;
    margin: 0 0 35px
}

.head h2 {
    font-size: 40px;
    position: relative;
    margin: 0 0 18px;
    color: #413f3f;
    font-family: 'Playfair Display', serif
}

/* .head h2::after {
    content: '';
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 38%;
    background: #fbf1d8;
    z-index: -1;
    bottom: -8px
} */

.head p {
    font-size: 22px;
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #1b1111;
    font-family: Helvetica
}

.unique .box.active {
    background: #f8f8f8
}

.unique .box {
    padding: 68px 40px;
    display: inline-block;
    background: #fef6f4
}

.unique .box .sub-head {
    padding-bottom: 18px;
    display: inline-block
}

.unique .box .sub-head span {
    font-size: 22px;
    color: #413f3f;
    font-family: Helvetica
}

.unique .box .sub-head h3 {
    margin: 0 0 18px;
    font-size: 35px;
    font-family: 'Playfair Display', serif
}

.unique .box .sub-head p {
    font-size: 22px;
    margin: 0;
    font-family: Helvetica
}

.unique .box .list h5 {
    font-size: 22px;
    color: #000;
    margin: 0 0 16px;
    font-family: Helvetica
}

.unique .box .list p,
.unique .box .list span {
    font-size: 16px;
    margin: 0;
    font-family: HelveticaNeue
}

.unique .box .list p {
    margin: 0 0 22px;
    color: #413f3f
}

.unique .box .list {
    padding: 24px 0;
    place-items: flex-start
}

.unique .box .list img {
    width: 90px;
    margin: 0 0 15px
}

.row.line-list {
    position: relative;
    padding-left: 55px
}

.row.line-list::after {
    height: 100%;
    width: 9px;
    background: #fbcbbf;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ''
}

.unique .box .list span {
    color: #2f9d4b
}

section.skin-care .box {
    align-items: center
}

section.skin-care .box span img {
    width: 100%
}

section.skin-care .box span {
    margin-right: 32px
}

.listing .list-group-item {
    border-top-width: 1px;
    border-bottom-width: 0
}

.listing .list-group-item:first-child {
    border-top-width: 2px
}

.listing .list-group-item:last-child {
    border-bottom-width: 2px
}

.review-box,
.review-box-mob {
    width: 100%;
    background: #f8f8f8;
    padding: 36px 15px
}

.review-box h4,
.review-box-mob h4 {
    text-transform: capitalize;
    font-size: 30px;
    color: #1b1111;
    margin: 0 0 15px
}

.review-box span i,
.review-box-mob span i {
    margin: 0 3px;
    font-size: 30px;
    color: #facd40
}

.review-box span,
.review-box-mob span {
    display: inherit
}

.review-box p,
.review-box-mob p {
    margin: 15px 0 0;
    color: #1b1111;
    font-size: 22px
}

.choose-membership .box {
    position: relative;

}
@media only screen and (max-width: 560px){
    .choose-membership .box{
        padding: 0 10px 0 45px;
    }
}
@media only screen and (max-width: 375px){
    .choose-membership .box{
        padding: 0 0 0 29px!important;
    }
}


.choose-membership .list-group-item:last-child {
    margin: 0
}

.choose-membership .list-group-item input[type=radio]:checked+.check {
    background: #eaaea7;
    border: 1px solid #eaaea7
}

.choose-membership .box h5 {
    font-size: 21px;
    text-transform: uppercase;
    color: #1c1111;
    margin: 0;
    font-family: HelveticaNeue
}

.choose-membership .box p {
    font-size: 16px;
    margin: 0;
    color: #1c1111;
    font-family: Helvetica
}

.choose-membership li h3 span {
    font-size: 21px;
    color: #1c1111;
    line-height: initial
}

.choose-membership li p del {
    font-size: 16px;
    margin: 3px 0;
    color: #1c1111;
    line-height: initial
}

.choose-membership li p small {
    font-size: 14px;
    color: #b39692;
    line-height: initial
}

.choose-membership .list-group-item input[type=radio]:checked+.check+.overlay {
    background: #fef6f4
}

.beauty_collagen_info .btn,
.choose-membership .btn,
.unique .btn {
    width: 100%;
    margin: 35px 0 15px;
    height: 60px;
    text-transform: capitalize;
    background: #fcdcca;
    background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
    border-radius: 0;
    border: 2px solid #f9acac;
    font-size: 18px
}

.choose-membership s,
.unique s {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #1c1111;
    text-decoration: none;
    font-family: Helvetica
}

.unique .btn {
    width: 52%;
    margin: 35px auto 15px;
    display: block;
    font-family: HelveticaNeue
}

button:focus,
input:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.skin-bg-overlay {
    position: absolute;
    bottom: 162px;
    width: 37%
}

h2.skin-heading {
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #1c1111
}

.skin-bg-overlay p {
    font-size: 22px;
    color: #413f3f;
    line-height: 30px
}

.make_it_wholesome .head {
    padding-top: 30px
}

.make_it_wholesome .head h2::after {
    width: 35%
}

.beauty_collagen {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.beauty_collagen_img {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    margin-top: 13px
}

.beauty_collagen_info {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    margin-top: 28px;
    margin-left: 35px
}

h2.beauty_collagen_title {
    margin-bottom: 7px;
    font-size: 40px;
    color: #1c1111;
    font-family: 'Playfair Display', serif;
    font-weight: 700
}

span.beauty_subtitle {
    margin-bottom: 7px;
    display: inline-block;
    font-size: 31px;
    font-weight: 700;
    color: #a8a8a8;
    font-family: HelveticaNeue
}

p.beauty_text {
    font-size: 22px;
    color: #0a0c04;
    margin-bottom: 23px;
    line-height: 30px
}

.collagen_cart img {
    margin-right: 11px
}

.skin_types_img {
    text-align: center;
    display: flex
}

.skin_types_img .before_skin {
    position: relative
}

.skin_types_img .before_skin {
    padding: 0 36px 0 0
}

.our_standards {
    background: #fff7f5
}

.our_standards_head {
    font-family: HelveticaNeue;
    font-size: 18px;
    color: #1c1111;
    margin: 40px 0 16px;
    text-align: center;
    text-transform: capitalize
}

.our_standards_cards {
    text-align: center
}

.standards_card_title {
    color: #000;
    font-size: 18px;
    font-family: 'Nanum Myeongjo', serif;
    margin-bottom: 20px
}

.standards_card_subtitle {
    font-size: 14;
    color: #413f3f
}

.standards_card_img {
    margin: 90px auto 16px;
    height: 100px;
    width: 100px
}

.smoother_skin .head h2::after {
    width: 41%
}

.EWG_score .head h2::after {
    width: 22%;
    height: 45px
}

.EWG_score {
    background: #f8f8f8;
    z-index: 0;
    position: relative
}

.EWG_score_info {
    font-family: HelveticaNeue;
    font-size: 22px;
    color: #413f3f;
    text-align: center
}

.safety_measures {
    padding: 0;
    text-align: center
}

.safety_measures li {
    list-style: none;
    display: inline-block;
    margin-right: 21px;
    font-family: HelveticaNeue;
    font-size: 24px;
    font-weight: 300
}

.measures1 {
    color: #009d4f
}

.measures2 {
    color: #fcb040
}

.measures3 {
    color: #ed1c24
}

.measures1,
.measures2 {
    position: relative
}

.measures1::after,
.measures2::after {
    position: absolute;
    content: "";
    height: 18px;
    width: 2px;
    background: #1c1111;
    top: 10px;
    margin: 0 8px
}

.disclaimer {
    margin: 33px 0;
    text-align: center
}

.disclaimer p {
    font-size: 18px;
    font-family: HelveticaNeue
}

.disclaimer button {
    width: 574px;
    height: 64px;
    background: #ffadad;
    border: #ffadad 1px solid;
    border-radius: 0;
    font-size: 18px;
    font-family: HelveticaNeue
}

.disclaimer .btn {
    font-size: 18px;
    font-family: HelveticaNeue;
    line-height: 58px;
    padding: 0
}

.disclaimer span {
    font-family: HelveticaNeue;
    float: right;
    text-align: right;
    font-size: 16px;
    line-height: normal;
    background: #ffdecc;
    background: linear-gradient(90deg, #ffdecc 0, #ffadad 100%);
    height: 100%;
    padding: 12px 34px
}

.disclaimer span i {
    font-family: HelveticaNeue;
    font-size: 10px;
    font-style: normal
}

.make_it_wholesome .mob_btn {
    display: none
}

.after_skin_type_mob,
.before_skin_type_mob {
    display: none
}

.review-box-mob {
    display: none
}

.hair_type_info {
    position: relative
}

.loading_wrapper {
    text-align: center
}

.inner_wrapper {
    background: #fff6f4
}

.personalised_box {
    margin: 60px 0
}

.personalised_title {
    font-size: 43px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 53px
}

.Loading-page {
    margin-top: 36px
}

p.personalised_factors {
    font-size: 23px;
    font-family: Helvetica
}

.shopping_cart {
    background: #fff6f4;
    padding: 0 50px;
    padding-bottom: 50px
}

.shopping_cart_icon {
    position: relative
}

.menu_cart_icon {
    cursor: pointer
}

body.sidebarCls:before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    background: rgb(0 0 0 / 55%);
    top: 101px
}

#mySidenav1 ul li a span.price {
    font-size: 22px;
    font-weight: 400;
    color: #a00000;
    font-family: HelveticaNeue
}

#mySidenav.sidenav-size {
    width: 40%
}

#mySidenav1.sidenav-size {
    width: 38%
}

#mySidenav1.sidenav {
    right: unset;
    left: 0
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 14 !important;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    padding: 50px 0 134px;
    height: calc(100vh);
    padding-bottom: 0
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s
}

.sidenav a:hover {
    color: #f1f1f1
}

.sidenav .closebtn {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 50px;
    margin-left: 0;
    padding: 0
}

nav.custom_navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 50px;
    position: fixed;
    background: #fff6f4;
    width: 100%;
    z-index: 12;
    top: 30px;
    left: 0
}

nav.custom_navbar1 {
    display: flex;
    color: #fff;
    flex-direction: row;
    margin: 0 auto;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    background: #01385e;
    z-index: 12;
    width: 100%;
    left: 0;
    top: 0;
    height:30px;
    font-size:14px;
}

nav.custom_navbar1 p{
    margin: 10px auto;
    width:100%;
    color:#fff !important;
}


.cart_menu {
    width: 26px;
    height: 23px;
    cursor: pointer
}

.cart_menu img {
    width: 100%
}

.cart_items {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ffcbc0;
    border-radius: 20px;
    color: #01385e;
    left: -3px;
    top: 0;
    text-align: center;
    line-height: 18px;
    font-size: 12px
}

.cart_products {
    padding: 90px 0 0 0;
    background: #fff
}

.loader_wrapper {
    display: none;
    height: 100vh;
    position: absolute;
    width: 100%
}

.cart_container_blur {
    opacity: .5;
    pointer-events: none
}

.cart_ball_bouncing {
    animation: bounce 1s;
    animation-iteration-count: 5
}

@keyframes bounce {
    0% {
        top: 0;
        -webkit-animation-timing-function: ease-in
    }
    50% {
        top: -11px;
        -webkit-animation-timing-function: ease-out
    }
    55% {
        top: -6px;
        -webkit-animation-timing-function: ease-in
    }
    65% {
        top: -3px;
        -webkit-animation-timing-function: ease-out
    }
    95% {
        top: -1px;
        -webkit-animation-timing-function: ease-in
    }
    100% {
        top: 0;
        -webkit-animation-timing-function: ease-in
    }
}

.spinning-loader {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid rgba(1, 56, 94, .2);
    border-left-color: #01385e;
    background: 0;
    animation: rotate-s-loader 1s linear infinite;
    margin: 50% auto
}

@keyframes rotate-s-loader {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.site_loading_wrapper {
    display: none;
    height: 100vh;
    position: absolute;
    width: 100%
}

.sk-circle {
    margin: 50% auto;
    width: 50px;
    height: 50px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #01385e;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.cart_products .head h2 {
    color: #01385e;
    font-weight: 700;
    display: inline-block;
    z-index: 1;
    margin-bottom: 56px
}

.cart_products .head p {
    font-weight: 500;
    font-size: 25px;
    line-height: 38px;
    color: #01385e;
    margin-bottom: 50px
}

.cart_products .head h2:after {
    content: '';
    height: 35px;
    position: absolute;
    left: -2%;
    right: 0;
    margin: auto;
    width: 104%;
    background: #ffcbc0;
    z-index: -1;
    bottom: -8px
}

.product_detail_cart {
    display: flex;
    justify-content: center;
    margin-bottom: 80px
}

.product_image {
    background: #f8f8f8;
    width: 211px;
    height: 193px;
    border-radius: 10px;
    position: relative
}

.product_image img {
    position: absolute;
    top: -37px;
    right: 50%;
    display: flex;
    width: 100%;
    justify-content: center;
    transform: translate(50%, 0)
}

.product_detail_box {
    position: relative;
    width: 516px;
    padding-left: 45px
}

.items_number {
    display: flex;
    width: 101px;
    border: 0.75px solid #01385E;
    background: #fff;
    border-radius: 1px;
    overflow: hidden;
    height: 36px;
    justify-content: space-between
}

.item_counter_cart {
    display: none
}

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

.items_number .form-control {
    background: #ffcbc0;
    border: #ffcbc0 1px solid !important;
    border-radius: 0;
    color: #01385e;
    font-size: 22px;
    font-weight: 700;
    height: 36px;
    width: 35px;
    padding: 0;
    text-align: center;
    -moz-appearance: textfield
}

.items_number button {
    width: 32px;
    background: #fff;
    border: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product_price {
    display: flex;
    margin-left: auto
}

.product_price span {
    margin-left: 19px;
    text-align: right
}

.product_detail_box h5 {
    font-size: 28px;
    color: #01385e;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin-bottom: 2px
}

.product_detail_box h5 span {
    font-size: 29px;
    font-family: HelveticaNeue;
    font-weight: 500
}

.product_detail_box h4 {
    margin-bottom: -4px
}

.product_detail_box h4 b {
    color: #1c1111;
    font-size: 18px
}


.product_detail_box h4 b a {
    color: #01385e;
    font-size: 15px;
    display:none !important;
    font-weight: 300;
    text-decoration: underline
}

.product_detail_box p {
    color: #1c1111;
    font-size: 16px;
    font-weight: 500;
    font-family: HelveticaNeue;
    margin: 0
}

.product_detail_box h3 a {
    font-size: 15px;
    color: #01385e;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: Helvetica
}

.cart_total h3 {
    color: #01385e;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    text-align: center;
    margin-bottom: 50px
}

.cart_total h3 span {
    background: #e6f7ff
}

.cart_total_info {
    width: 65%;
    margin: 0 auto
}

.cart_total_info h4 {
    margin-bottom: 25px;
    position: relative;
    color: #01385e;
    font-size: 27px;
    font-weight: 500;
    font-family: Helvetica;
    position: relative
}

.cart_total h4.ckeckmark input {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

h4.ckeckmark {
    padding-left: 40px
}

.cart_total h4.ckeckmark input[type=checkbox]:checked+.check {
    background: #ffcbc0;
    border: 1px solid #ffcbc0
}

.cart_total h4.ckeckmark .check {
    width: 34px;
    height: 34px;
    border: 1px solid #eaaea7;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    border-radius: 50px;
    cursor: pointer;
    z-index: 0;
    bottom: 0
}

.cart_total h4.ckeckmark input[type=checkbox]:checked+.check:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0039/6073/3763/files/wallet_check.png?v=1608228791);
    position: absolute;
    background-size: cover;
    width: 20px;
    height: 15px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.cart_total .instructions_box textarea.form-control {
    resize: none;
    height: 227px;
    background: #e6f7ff;
    border: #e2e3e3 1px solid;
    font-family: Helvetica;
    font-weight: 500
}

.cart_total .instructions_box textarea.form-control::placeholder {
    color: #94979a;
    font-size: 24px;
    font-family: Helvetica;
    font-weight: 500
}

.payment_btn {
    margin: 70px 0 40px;
    background: #01385e;
    color: #fff;
    font-size: 23px;
    font-family: Helvetica;
    width: 100%;
    border: 0;
    padding: 31px 0;
    font-weight: 500;
    text-transform: uppercase
}

.cart_footer {
    text-align: center;
    color: #01385e
}

.cart_footer a {
    font-size: 20px;
    font-weight: 500;
    font-family: Helvetica;
    color: #01385e;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 50px;
    display: inline-block
}

.cart_footer p {
    font-size: 24px;
    font-family: Helvetica-Oblique;
    font-weight: 500;
    margin-bottom: 70px
}

ul.payment_method {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.payment_method li {
    display: inline-block;
    margin: 0 7px
}

.payment_method li.ssl_security {
    margin: 0 0 0 50px
}

.cart_container .head h2 {
    color: #01385e !important;
    display: inline-block;
    margin-bottom: 0px;
    font-family: HelveticaNeue;
    font-weight: bold;
    font-size: 24px !important;
    line-height: 29px;
    letter-spacing: 0.02em;
}

/* .cart_container .head h2:after {
    background: #ffcbc0;
    width: 104%;
    left: -4%
} */

.cart_container .head p {
    font-weight: 500;
    margin-bottom: 68px;
    color: #01385e
}

.cart_container .product_detail_box {
    width: 73%
}

.cart_container .product_detail {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between
}

.cart_container .product_detail_box h4 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0
}

.product_detail_box p {
    font-size: 14px
}

.cart_container .product_detail_box h5 span {
    font-size: 31px
}

.cart_container .product_detail_box h4 del {
    font-size: 23px;
    color: #01385e;
    margin-left: auto;
    order: 2
}

.cart_container .items_number {
    position: absolute;
    bottom: 0
}

.cart_container .make_payment_cart {
    margin: 10px 0;
    padding: 32px 0;
    border-top: #d3d4d4 2px solid;
    position: relative
}

.cart_container .make_payment_cart h4 {
    margin-bottom: 29px;
    color: #01385e;
    position: relative
}

.cart_container .make_payment_cart h3 {
    color: #01385e;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    text-align: center;
    margin-bottom: 60px
}

.cart_container .make_payment_cart h3 span {
    background: #e6f7ff
}

.cart_container .make_payment_cart a {
    text-align: center;
    font-size: 25px;
    color: #01385e
}

.cart_container .make_payment_cart a:hover {
    text-decoration: underline
}

.cart_container .payment_btn {
    width: 87%;
    padding: 29px 0;
    margin: 0 auto;
    display: inherit;
    font-size: 24px
}

.wallet_cash input#wallet-check {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 20;
    cursor: pointer
}

.wallet_cash input[type=checkbox]:checked+.check {
    background: #ffcbc0;
    border: 1px solid #ffcbc0
}

.wallet_cash span.check {
    width: 34px;
    height: 34px;
    border: 1px solid #eaaea7;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    border-radius: 50px;
    cursor: pointer;
    z-index: 10;
    bottom: 0
}

.wallet_cash input[type=checkbox]:checked+.check:after {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0255/3302/2244/files/check.svg?v=1606719741);
    position: absolute;
    background-size: cover;
    width: 17px;
    height: 12px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.shopping_cart .head {
    width: 75%;
    display: block;
    margin: 0 auto 46px
}

.membership_update .cart_products .head h2:after {
    background: #e5f7ff
}

.membership_update .choose-membership {
    width: 65%;
    margin: 0 auto
}

.membership_update .choose-membership .list-group-item input[type=radio]:checked+.check+.overlay {
    background: #fff
}

.membership_update .choose-membership .list-group-item {
    border-bottom: #c7c8c8 2px solid;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.membership_update .choose-membership .list-group-item {
    background: 0
}

.membership_update .choose-membership .list-group-item .overlay {
    background: 0
}

.cart_logo {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    z-index: -1;
    margin-bottom:5px;
}

.membership_update .choose-membership .list-group-item input {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 20;
    cursor: pointer;
    bottom: 0
}

.membership_update .choose-membership .box h5 {
    font-size: 25px;
    color: #01385e
}

.membership_update .choose-membership .box p {
    font-size: 22px;
    color: #1c1111;
    font-weight: 500
}

.membership_update .choose-membership .list-group-item:last-child {
    border-bottom: 0
}

.membership_update .cancel_menbership {
    font-size: 22px;
    color: #01385e;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    text-decoration: underline
}

.membership_update .choose-membership li p del {
    color: #01385e
}

.membership_update .product_detail_box h4 del {
    color: #01385e
}

.membership_update .cart_products {
    padding: 90px 0 90px 0;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 23%)
}

.cart_container .make_payment_cart h4.subtotal {
    display: none
}

.cart_container .make_payment_cart h4.wallet_cash {
    display: none
}

.track-order .product_detail_box h5 {
    font-size: 22px
}

.track-order .product_detail_box p {
    font-size: 16px
}

.track-order .product_detail_box {
    position: relative;
    padding-bottom: 36px;
    width: 750px;
    text-align: center
}

.track-order .product_detail_box span.price_disc {
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #01385e
}

.track-order .product_detail_box span.price_disc del {
    color: #9a9595;
    margin-right: 26px;
    font-size: 19px
}

.track-order .product_detail_box h5>span {
    font-size: 26px;
    margin-left: 8px;
    font-weight: 700
}

.track-order .product_detail {
    margin-bottom: 36px
}

.track-order .product_detail+.btn {
    width: 100%;
    margin: 38px auto 0;
    display: block;
    color: #fff;
    height: 79px;
    border-radius: 0;
    background: #01385e;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0;
    font-family: HelveticaNeue
}

.track-step {
    width: 602px;
    margin: 0 auto 100px
}

.track-step ul {
    padding: 0 102px;
    list-style: none;
    margin: 0;
    position: relative
}

.track-step ul:before {
    content: '';
    width: 3px;
    height: 95%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    background: #01385e;
    left: 52px
}

.track-step ul li p {
    margin: 0;
    font-size: 20px
}

.track-step ul li {
    margin: 0 0 80px;
    position: relative
}

.track-step ul li h5 {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: #01385e;
    margin: 0;
    display: flex;
    align-items: center
}

.track-step ul li h5 span {
    margin-left: auto;
    font-size: 20px;
    font-family: HelveticaNeue
}

.track-step ul li h5 .track_text {
    font-size: 30px;
    font-family: 'Playfair Display';
    margin-left: 0
}

.track-step ul li span.check {
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -71px;
    border-radius: 50px;
    border: 1px solid #b6b6b6
}

.track-step ul li.active span.check {
    background: #eaaea7;
    border: 1px solid #eaaea7
}

.track-step ul li.active span.check:before {
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    bottom: 0;
    background-position: center;
    margin: auto;
    background: url(https://cdn.shopify.com/s/files/1/0039/6073/3763/files/wallet_check.png?v=1608228791);
    background-repeat: no-repeat;
    width: 20px;
    background-size: cover;
    height: 14px
}

.track-step ul li a {
    color: #01385e;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 300
}

.track-step ul li:last-child span.check:after {
    content: '';
    width: 18px;
    height: 42px;
    background: #fff;
    position: absolute;
    bottom: -43px;
    right: 9px
}

#mySidenav1 ul {
    padding: 0;
    list-style: none;
    margin: 0 30px
}

#mySidenav1 ul li {
    margin-bottom: 42px
}

#mySidenav1 ul li a {
    padding: 0;
    font-size: 24px;
    color: #01385e;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    display: flex;
    align-items: center
}

#mySidenav1 ul li h5 {
    margin: 0;
    font-size: 30px;
    color: #01385e;
    font-weight: 800;
    display: flex;
    align-items: center;
    font-family: 'Playfair Display', serif
}

#mySidenav1 ul li:first-child {
    margin-bottom: 52px
}

#mySidenav1 ul.inner li {
    margin-bottom: 42px !important
}

#mySidenav1 ul.inner li:last-child {
    margin: 0 !important
}

#mySidenav1 ul.inner li a {
    font-size: 14px;
    line-height: 17px;
}

#mySidenav1 ul li .card-body {
    margin-top: 42px
}

#mySidenav1 ul.inner {
    margin: 0 48px
}

#mySidenav1 ul li a span {
    margin-left: auto
}

#mySidenav1 ul li a span.bare-cash {
    font-size: 24px;
    font-weight: 300;
    color: #a00000;
    font-family: HelveticaNeue
}

#mySidenav1 .contact {
    background: #01385E;
    padding: 40px 50px
}

#mySidenav1 .contact h6,
#mySidenav1 .contact ul li {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0
}

#mySidenav1 .contact ul li {
    display: flex;
    align-items: center
}

#mySidenav1 .contact ul li span a {
    font-size: 18px;
    font-weight: 300;
    text-decoration: underline;
    font-family: HelveticaNeue;
    text-transform: uppercase
}

#mySidenav1 .contact ul li span {
    margin-left: auto
}

#mySidenav1 .contact ul {
    margin: 0 0 0 30px
}

#mySidenav1 .contact h6 {
    margin: 0 0 15px;
    text-transform: uppercase
}

.cart_products .head h2 span {
    font-family: HelveticaNeue
}

.product_detail_box h3 {
    display: flex;
    margin-top: 70px;
    margin-bottom: 0
}

.disabled-stock-btn {
    pointer-events: none;
    opacity: .6
}

@media only screen and (max-width:1200px) {
    .skin-bg-overlay {
        width: 45%;
        bottom: 40%
    }
    #mySidenav1.sidenav-size {
        width: 48%
    }
}

@media only screen and (max-width:991px) {
    h2.skin-heading {
        font-size: 30px;
        margin-bottom: 20px
    }
    .skin-bg-overlay p {
        font-size: 15px;
        line-height: 24px
    }
    .beauty_collagen_img {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
    .beauty_collagen_img img {
        width: 100%
    }
    .beauty_collagen {
        -ms-flex-wrap: nowwrap;
        flex-wrap: nowrap
    }
    h2.beauty_collagen_title {
        font-size: 21px;
        margin-bottom: 0
    }
    .beauty_collagen_info {
        margin-top: 16px;
        margin-left: 20px
    }
    span.beauty_subtitle {
        font-size: 12px;
        margin-bottom: 0
    }
    .beauty_collagen_info .desktop_btn {
        display: none
    }
    .make_it_wholesome .mob_btn {
        display: block;
        width: 100%;
        margin: 35px 0 15px;
        height: 60px;
        text-transform: capitalize;
        background: #fcdcca;
        background: linear-gradient(90deg, #fcdcca 0, #f9b0ae 100%);
        border-radius: 0;
        border: 2px solid #f9acac;
        font-size: 12px
    }
    .padding {
        padding: 28px 0
    }
    .smoother_skin .head h2 {
        font-size: 18px
    }
    .smoother_skin .head h2::after {
        width: 24%;
        top: 3px;
        height: 20px;
        left: 6px
    }
    .skin_types_img {
        display: flex
    }
    .smoother_skin_info {
        padding: 0
    }
    .smoother_skin_info::before {
        display: none
    }
    .smoother_skin_info h2 {
        font-size: 44px
    }
    .smoother_skin_info {
        margin-top: 50px
    }
    .smoother_skin_info_subtitle {
        font-size: 18px
    }
    .smoother_skin_info p {
        font-size: 11px;
        line-height: 18px
    }
    .our_standards_head {
        font-size: 20px
    }
    .standards_card_img {
        margin: 40px auto 30px
    }
    .standards_card_title {
        font-size: 14px;
        margin-bottom: 13px;
        font-weight: 700
    }
    .our_standards.padding {
        padding: 28px 0 50px
    }
    .head h2 {
        font-size: 18px
    }
    .EWG_score .head h2::after {
        width: 101px;
        height: 20px;
        left: 11px;
        bottom: -4px
    }
    .EWG_score_info {
        font-size: 11px
    }
    .safety_measures li {
        font-size: 11px
    }
    .measures1::after,
    .measures2::after {
        height: 12px;
        width: 1px;
        top: 4px
    }
    .disclaimer p {
        font-size: 9px;
        line-height: 15px
    }
    .disclaimer button {
        width: 297px;
        height: 42px;
        font-size: 12px;
        line-height: 42px
    }
    .disclaimer span {
        padding: 9px 12px;
        font-size: 11px
    }
    /* .cart_container .head h2:after {
        top: 1px;
        height: 20px
    } */
    .cart_total_info {
        width: 80%
    }
    ul.payment_method {
        display: block
    }
    .product_detail_box {
        padding-left: 18px
    }
    .membership_update .choose-membership {
        width: 95%
    }
}

@media only screen and (max-width:768px) {
    #mySidenav1.sidenav-size {
        width: 58%
    }
}

@media only screen and (max-width:767px) {
    .cart_products {
        padding: 34px 0 0 0
    }
    .after_skin_type,
    .before_skin_type {
        display: none
    }
    .cart_products .head h2 {
        font-size: 21px;
        margin-bottom: 28px
    }
    .cart_products .head h2:after {
        height: 20px;
        bottom: -4px
    }
    .cart_products .head p {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 0
    }
    .product_image img {
        width: 75px;
        height: 77px;
        top: -18px;
        object-fit: contain
    }
    .product_image {
        width: 75px;
        height: 75px
    }
    .product_detail_box h5 {
        font-size: 17px
    }
    .items_number {
        width: 89px;
        height: 29px
    }
    .items_number .form-control {
        height: 29px;
        padding: 0 6px
    }
    .product_detail_box h5 span {
        font-size: 17px
    }
    .product_detail_box h4 b {
        font-size: 15px;
        margin-bottom: 7px
    }
    .product_detail_box h4 b a {
        font-size: 13px
    }
    .product_detail_box h4 del {
        font-size: 15px
    }
    .product_detail_box p {
        font-size: 12px
    }
    .product_detail_box h3 a {
        font-size: 12px
    }
    .product_detail {
        margin-bottom: 45px
    }
    .cart_total h3 {
        font-size: 20px;
        line-height: 21px
    }
    .cart_total_info h4 {
        font-size: 15px
    }
    .cart_total h4.ckeckmark .check {
        width: 20px;
        height: 20px
    }
    .cart_total h4.ckeckmark input[type=checkbox]:checked+.check:after {
        width: 13px;
        height: 10px
    }
    .cart_total .instructions_box textarea.form-control {
        height: 107px
    }
    .payment_btn {
        margin: 20px 0;
        padding: 13px 0;
        font-size: 14px
    }
    .cart_footer a {
        font-size: 13px;
        margin-bottom: 20px
    }
    .cart_footer p {
        font-size: 13px
    }
    .cart_total_info {
        width: 100%
    }
    .membership_update .choose-membership {
        width: 100%
    }
    .membership_update .choose-membership .box h5 {
        font-size: 12px
    }
    .membership_update .choose-membership .box p {
        font-size: 11px
    }
    .membership_update .choose-membership .box h5 span {
        font-size: 14px
    }
    .membership_update .choose-membership li p del {
        font-size: 11px
    }
    .beauty_collagen_info .btn,
    .membership_update .choose-membership .btn,
    .unique .btn {
        height: 45px;
        font-size: 12px;
        margin-bottom: 20px
    }
    .membership_update .cancel_menbership {
        font-size: 10px
    }
    .membership_update .cart_products {
        padding: 34px 0 34px 0
    }
    .shopping_cart .head {
        width: 100%
    }
}

.cart-temp-container {
    height: auto !important
}

@media only screen and (max-width:560px) {
    .custom_navbar1{
        height:30px; !important;
    }
    .custom_navbar{
        height:50px !important;
        top:30px !important;
    }
    .custom_navbar1 p{
        font-size:12px;
    }
    .product_detail_cart {
        margin-bottom: 35px;
        padding: 1rem 0
    }
    .cart_container .make_payment_cart {
        padding: 15px 0;
        /* position: absolute; */
        left: 0;
        right: 0;
        margin: 10px 15px
    }
    .unique .box {
        padding: 35px 25px
    }
    .cart_products .head h2 {
        font-size: 23px
    }
    /* .head h2::after {
        width: 66%;
        bottom: -5px;
        height: 21px
    } */
    .head p {
        font-size: 13px
    }
    /* .head {
        margin: 0 0 30px
    } */
    .unique .box .sub-head span {
        font-size: 12px
    }
    .unique .box .sub-head h3 {
        font-size: 20px;
        margin: 0 0 13px
    }
    .unique .box .sub-head p {
        font-size: 12px
    }
    .unique .box .list h5 {
        font-size: 11px;
        margin: 0 0 5px
    }
    .unique .box .list img {
        width: 100%
    }
    .row.line-list {
        padding-left: 28px
    }
    .unique .box .list p,
    .unique .box .list span {
        font-size: 10px;
        margin: 0
    }
    .row.line-list::after {
        width: 5px
    }
    .after_skin_type_mob,
    .before_skin_type_mob {
        display: block;
        padding: 0 5px 0 5px
    }
    p.beauty_text {
        font-size: 12px;
        line-height: 19px
    }
    h2.beauty_collagen_title {
        margin-bottom: 5px
    }
    .beauty_text {
        font-size: 12px;
        line-height: 20px
    }
    .our_standards_cards .col-sm-6 {
        width: 50%
    }
    h2.skin-heading {
        font-size: 30px;
        line-height: 30px
    }
    .skin-bg-overlay {
        width: 94%;
        bottom: 33%
    }
    .skin-bg-overlay p {
        font-size: 12px;
        line-height: 18px
    }
    section.skin-care .box {
        display: block !important;
        display: inline-block !important;
        text-align: center
    }
    section.skin-care .box span {
        margin-right: 0;
        height: 57px;
        width: 57px;
        display: inline-block;
        margin-bottom: 20px
    }
    .review-box {
        display: none
    }
    .review-box-mob {
        display: block;
        margin: 30px 0
    }
    .choose-membership .box h5 {
        font-size: 15px
    }
    .choose-membership .box p {
        font-size: 11px
    }
    .choose-membership .box h5 {
        font-size: 15px
    }
    .choose-membership li p del {
        font-size: 11px
    }
    .choose-membership li p small {
        font-size: 9px
    }
    .beauty_collagen_info .btn,
    .choose-membership .btn,
    .unique .btn {
        font-size: 12px;
        height: 42px
    }
    .choose-membership s,
    .unique s {
        font-size: 11px
    }
    .review-box h4,
    .review-box-mob h4 {
        font-size: 18px
    }
    .review-box p,
    .review-box-mob p {
        font-size: 13px
    }
    .review-box span i,
    .review-box-mob span i {
        font-size: 15px
    }
    /* .head h2::after {
        width: 265px;
        height: 21px
    } */
    .inner_wrapper {
        padding: 215px 0
    }
    img.personalised {
        width: 92px;
        height: 92px
    }
    .personalised_title {
        font-size: 20px;
        margin-bottom: 20px
    }
    p.personalised_factors {
        font-size: 13px
    }
    .Loading-page {
        margin-top: 43px
    }
    .hair_analysis_membership .box h5 {
        font-size: 15px
    }
    .hair_analysis_membership .box p {
        font-size: 11px
    }
    .hair_analysis_membership .box h5 {
        font-size: 15px
    }
    .hair_analysis_membership li p del {
        font-size: 11px
    }
    .hair_analysis_membership li p small {
        font-size: 9px
    }
    .hair_analysis_membership .list-group-item {
        padding: 14px 12px
    }
    .beauty_collagen_info .btn,
    .hair_analysis_membership .btn,
    .unique .btn {
        font-size: 12px;
        height: 42px
    }
    .hair_analysis_membership .box {
        padding: 0 10px 0 45px
    }
    .hair_analysis_membership s,
    .unique s {
        font-size: 11px
    }
    img.personalised {
        width: 66px;
        height: 87px
    }
    .track-order .product_detail+.btn,
    .track-step {
        width: 100%
    }
    .track-step ul {
        padding: 0 48px;
        padding-right: 25px
    }
    .track-step ul li h5 {
        font-size: 16px
    }
    .track-step ul li p {
        font-size: 11px
    }
    .track-step ul li h5 span {
        font-size: 11px
    }
    .track-step ul li h5 .track_text {
        font-size: 16px
    }
    .track-step ul:before {
        left: 27px;
        width: 2px
    }
    .track-step ul li span {
        left: -32px
    }
    .track-step ul li span.check {
        width: 23px;
        height: 23px;
        left: -32px
    }
    .track-step ul li.active span.check:before {
        left: 4px;
        width: 13px;
        height: 10px;
        background-size: cover;
        bottom: 0;
        top: 0
    }
    .track-step ul li {
        margin: 0 0 42px
    }
    .track-step ul li a {
        font-size: 11px
    }
    .track-step ul li:last-child span.check:after {
        right: 8px;
        height: 20px;
        bottom: -21px;
        width: 4px
    }
    .track-step {
        margin-bottom: 76px
    }
    .track-order .product_image {
        width: 120px;
        height: 110px
    }
    .track-order .product_image img {
        width: 80%;
        height: auto
    }
    .track-order .product_detail_box {
        width: 100%;
        padding-left: 15px
    }
    .track-order .product_detail_box p {
        font-size: 9px
    }
    .track-order .product_detail_box span.price_disc {
        font-size: 12px
    }
    .track-order .product_detail_box span.price_disc del {
        margin-right: 15px;
        font-size: 12px
    }
    .track-order .product_detail+.btn {
        font-size: 12px;
        height: 45px
    }
    #mySidenav1.sidenav-size {
        width: 85%;
        left: 0;
        right: 0;
        margin-top: 0;
        height: calc(100vh - 100px);
        box-shadow: 0 3px 8px 0 rgb(0 0 0 / 23%)
    }
    body.responsive_bg:before {
        background: #fff6f5
    }
    #mySidenav1 ul li h5 {
        font-size: 22px
    }
    #mySidenav1 ul li h5 img {
        width: 34px;
        margin-right: 12px
    }
    #mySidenav1 ul li:first-child {
        margin-bottom: 42px
    }
    #mySidenav1 ul li a {
        font-size: 18px
    }
    #mySidenav1 ul li {
        margin-bottom: 34px
    }
    #mySidenav1.sidenav-size {
        padding-top: 35px
    }
    #mySidenav1 ul li .card-body {
        margin-top: 30px
    }
    #mySidenav1 ul.inner li {
        padding: 7px 25px;
    }
    #mySidenav1 ul li a span.bare-cash {
        font-size: 18px
    }
    #mySidenav1 .contact h6,
    #mySidenav1 .contact ul li {
        font-size: 14px
    }
    #mySidenav1 .contact ul li:first-child {
        margin-bottom: 5px
    }
    #mySidenav1 .contact ul li span a {
        font-size: 12px
    }
    .contact-us-link{
        display:none;
    }
    #mySidenav1 .contact {
        padding: 27px 25px;
    }
    #mySidenav1 .contact h6 {
        margin: 0 0 15px
    }
    .product_detail_box h3 {
        display: flex;
        margin: 12px 0 0
    }
    h4.ckeckmark {
        padding-left: 24px
    }
    .track-order .product_detail_box h5>span {
        width: auto;
        font-size: 13px !important;
        margin-left: 5px
    }
    .cart_total h4.ckeckmark input[type=checkbox]:checked+.check:after {
        width: 9px;
        height: 6px
    }
}

@media only screen and (max-width:375px) {

    .skin-bg-overlay {
        width: 85%;
        bottom: 63%
    }
}

@media only screen and (max-width:576px) {
    .cart_logo {
        width: 185px;
        height: 17px
    }
    .cart_logo img {
        width: 100%;
        display: flex;
        align-items: center
    }
    #product_wrapper {
        height: calc(100vh - 445px);
        overflow: auto
    }
    .cart_menu {
        width: 17px;
        height: 15px;
        display: flex
    }
    .shopping_cart_icon {
        width: 26px;
        height: 19px
    }
    .shopping_cart_icon img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }
    .cart_items {
        width: 12px;
        height: 12px;
        left: -3px;
        top: 2px;
        line-height: 13px;
        font-size: 8px
    }
    .cart_logo {
        margin: 0 auto
    }
    .cart_products .head p {
        font-size: 11px
    }
    .product_detail_box h5,
    .track-order .product_detail_box h5 {
        font-size: 13px
    }
    .product_price span {
        margin-left: 0
    }
    .items_number {
        height: 16px;
        width: 46px
    }
    .items_number .form-control {
        width: 16px;
        font-size: 12px;
        padding: 0;
        height: auto
    }
    .items_number button {
        width: 100%;
        padding: 0;
        font-size: 10px
    }
    .product_detail_box h5 span {
        font-size: 15px !important
    }
    .product_detail_box h4 b {
        font-size: 9px;
        margin-bottom: 0
    }
    .product_detail_box h4 b a {
        font-size: 7px
    }
    .product_detail_box h4 del {
        font-size: 11px !important
    }
    .product_detail_box p {
        font-size: 8px;
        padding: .5em 0
    }
    .product_detail_box h3 a {
        font-size: 7px
    }
    .product_detail {
        margin-bottom: 35px
    }
    .cart_total h3 {
        font-size: 14px;
        line-height: 21px
    }
    .cart_total_info h4 {
        font-size: 13px
    }
    .cart_total h4.ckeckmark .check {
        width: 16px;
        height: 16px
    }
    .payment_btn {
        font-size: 12px
    }
    .cart_footer a {
        font-size: 10px
    }
    .cart_footer p {
        font-size: 11px
    }
    .shopping_cart {
        padding: 0 20px;
        margin-top: 79px;
        padding-bottom: 30px;
        height: 100vh;
    }
    .product_detail_box {
        width: 247px;
        padding-left: 7px
    }
    ul.payment_method {
        display: flex;
        justify-content: space-between
    }
    .payment_method li.ssl_security {
        margin: 0
    }
    .payment_method li {
        margin: 0
    }
    #mySidenav.sidenav-size {
        width: 85%;
        padding: 15px 0 0;
        /* top: 79px !important; */
        /* height: calc(100vh - 79px) */
    }
    .sidenav {
        top: 0
    }
    body.sidebarCls:before {
        top: 0
    }
    .cart_container .head p {
        font-size: 11px;
        margin-bottom: 0
    }
    /* .cart_container .head h2 {
        margin-bottom: 0
    } */
    .sidenav .closebtn {
        top: 15px;
        font-size: 25px
    }
    .cart_container .make_payment_cart h4 {
        font-size: 13px;
        margin-bottom: 15px
    }
    .cart_container .make_payment_cart h4 span {
        font-size: 14px
    }
    .cart_container .make_payment_cart h3 {
        font-size: 13px;
        margin-bottom: 15px
    }
    .cart_container .payment_btn {
        font-size: 12px;
        padding: 13px 0
    }
    .cart_container .make_payment_cart a {
        font-size: 12px;
        padding: 13px 0
    }
    nav.custom_navbar {
        padding: 20px 20px
    }
    .cart_total .instructions_box textarea.form-control::placeholder {
        font-size: 12px
    }
    .wallet_cash span.check {
        width: 16px;
        height: 16px
    }
    .wallet_cash input[type=checkbox]:checked+.check:after {
        width: 12px;
        height: 10px
    }
}

@media only screen and (max-width:320px) {
    .track-order #boxed-div {
        margin-bottom: 20px
    }
    .track-order .product_detail_box h5,
    .track-order .product_detail_box h5>span {
        font-size: 12px
    }
    .track-step ul {
        padding: 0 38px
    }
    .track-step ul:before {
        left: 17px;
        width: 2px
    }
}

#mySidenav1.sidenav-size {
    width: 38%
}

#mySidenav1.sidenav {
    background: #fff6f4;
    right: unset;
    left: 0;
    padding-top: 0px
}

#mySidenav1 ul li.upper-menu:nth-of-type(4) {
    margin-bottom: 55px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    padding: 35px 0 134px;
    height: calc(100vh);
    padding-bottom: 0
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s
}

#mySidenav1 #accordion {
    border: none !important;
    padding-left: 0;
    padding-right: 0;
}

#mySidenav1 ul.new-menu{
    min-height: 750px;
}

#mySidenav1 ul {
    padding: 0 0 40px;
    list-style: none;
    margin: 0 ;
}

#mySidenav1 ul li {
    margin-bottom: 0;
    padding: 12px 50px;
}
#mySidenav1 ul li.lower-menu {
    padding-bottom: 7px;
    padding-top: 7px;
}

#mySidenav1 ul li a {
    padding: 0;
    font-family: HelveticaNeue;
    font-style: normal;
    font-size: 24px;
    color: #01385e;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.02em;
    display: flex;
}

#mySidenav1 ul li.lower-menu a {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

#mySidenav1 ul li a.bold-text,#mySidenav1 ul li h5.bold-text {
    font-family: Playfair Display !important;
    font-style: normal;
    font-weight: bold!important;
    font-size: 24px!important;
    line-height: 32px;
    color: #01385E;
    text-decoration: none;
}

#mySidenav1 ul li h5 {
    margin: 0;
    font-size: 30px;
    color: #01385e;
    font-weight: 800;
    display: flex;
    align-items: center;
    font-family: 'Playfair Display', serif
}

#mySidenav1 ul li:first-child {
    margin-bottom: 0
}

#mySidenav1 ul li:first-child.log-in-link, #mySidenav1 ul li.bold-name {
    padding: 65px 50px;
    text-decoration: none
}

#mySidenav1 ul.inner li {
    margin-bottom: 0px!important;
    padding:4px 50px;
}

#mySidenav1 ul.inner li a {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height */

    letter-spacing: 0.02em;
}

#mySidenav1 ul li .card-body {
    margin-top: 8px
}

#mySidenav1 ul.inner {
    margin: 0;
    padding:0;
    display: inline-block;
    /* width: calc(89% - 48px); */
    width: 100%;
    /* background: #fff */
}

#mySidenav1 ul.new-menu li a img {
    margin-left: 20px;
}

#mySidenav1 ul li a span {
    margin-left: 20px;
}

#mySidenav1 ul li.upper-menu:hover,#mySidenav1 ul li.lower-menu:hover,#mySidenav1 ul.inner li:active {
    background: #FFEDED;
}

#mySidenav1 ul li.upper-menu:active,#mySidenav1 ul li.lower-menu:active {
    background: #fff;
}

#mySidenav1 ul.inner li:hover {
    background: #fff6f4;
}


#mySidenav1 ul li#accordion > a{
    padding-left: 50px;
    padding-right: 50px;
}

#mySidenav1 ul li a[aria-expanded=true] span .minus {
    display: block
}

#mySidenav1 ul li a[aria-expanded=false] span .minus {
    display: none
}

#mySidenav1 ul li a[aria-expanded=false] span .plus {
    display: block
}

#mySidenav1 ul li a[aria-expanded=true] span .plus {
    display: none
}

#mySidenav1 ul li a span img {
    width: 15px
}

#mySidenav1 ul li h5 img {
    margin-right: 12px
}


#mySidenav1 ul li a span.bare-cash {
    font-size: 22px;
    font-weight: 400;
    color: #a00000;
    font-family: HelveticaNeue
}


#mySidenav1 .contact {
    background: #01385E;
    padding: 40px 50px;
    display:none;
}

#mySidenav1 .contact h6,
#mySidenav1 .contact ul li {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0
}

#mySidenav1 .contact ul li {
    display: flex;
    align-items: center;
    padding: 0
}

#mySidenav1 .contact ul li span a {
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
    font-family: HelveticaNeue;
    text-transform: uppercase
}

#mySidenav1 .contact ul li span {
    margin-left: auto
}

#mySidenav1 .contact ul {
    margin: 0;
    padding: 0
}

#mySidenav1 .contact h6 {
    margin: 0 0 15px;
    text-transform: uppercase
}

#mySidenav1 ul.new-menu li a.log-in-link img {
    margin-left: 0;
    margin-right: 12px;
}

@media only screen and (max-width:1200px) {
    .skin-bg-overlay {
        width: 45%;
        bottom: 40%
    }
    #mySidenav1.sidenav-size {
        width: 48%
    }
}

@media only screen and (max-width:768px) {
    #mySidenav1.sidenav-size {
        width: 58%
    }
}

@media only screen and (max-width:560px) {
    #mySidenav1.sidenav-size {
        width: 85%;
        left: 0;
        right: 0;
        margin-top: 0;
        height: 100vh;
        box-shadow: 0 3px 8px 0 rgb(0 0 0 / 23%)
    }
    body.responsive_bg:before {
        background: #fff6f5
    }
    #mySidenav1 ul li h5 {
        font-size: 22px
    }
    #mySidenav1 ul li h5 img {
        width: 34px;
        margin-right: 12px
    }
    /* #mySidenav1 ul li:first-child {
        margin-bottom: 38px
    } */
    #mySidenav1 ul li a {
        font-size: 16px;
        line-height: 20px;
    }

    #mySidenav1 ul li.lower-menu a, #mySidenav1 ul.inner li a {
        font-size: 14px;
        line-height: 17px;
    }

    #mySidenav1 ul li a.bold-text,#mySidenav1 ul li h5.bold-text {
        font-size: 18px!important;
        line-height: 24px;
    }

    #mySidenav1 ul li {
        padding: 10px 25px;
    }
    #mySidenav1 ul li a span.bare-cash {
        font-size: 18px
    }
    #mySidenav1 ul li.upper-menu:nth-of-type(4) {
        margin-bottom: 29px;
    }
    #mySidenav1 .contact h6,
    #mySidenav1 .contact ul li {
        font-size: 12px
    }
    #mySidenav1 .contact ul li:first-child {
        margin-bottom: 5px
    }
    #mySidenav1 .contact ul li span a {
        font-size: 12px
    }
    #mySidenav1 .contact {
        padding: 27px 25px 50px;
    }
    #mySidenav1 .contact h6 {
        margin: 0 0 15px
    }
    #mySidenav1 .contact ul li:last-child {
        margin-bottom: 0 !important
    }
    #mySidenav1 ul li:first-child.log-in-link, #mySidenav1 ul li.bold-name {
        padding: 40px 25px;
    }
    #mySidenav1 ul li a span {
        margin-left: 12px;
    }
    #mySidenav1 ul.new-menu li a.log-in-link img {
        width: 34px;
        height: 34px;
        margin-left: 0;
        margin-right: 12px;
    }

    #mySidenav1 ul.new-menu li a img {
        margin-left: 17px;
        width: 13px;
        height: 13px;
    }
    #mySidenav1 ul li#accordion > a{
        padding-left: 25px;
        padding-right: 25px;
    }
    #mySidenav1 ul li.lower-menu {
        padding: 10px 25px;
    }
    #mySidenav1 ul.new-menu {
        min-height: 705px
    }
    #mySidenav1 .contact ul {
        padding: 0;
    }
    #mySidenav1 .contact ul li img {
        width: 20px;
        height: 20px;
    }
}

.empty-cart-img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 auto
}

.skin_analysis_bg {
    margin-top: 101px
}
@media only screen and (max-width: 560px) {
    h4.ckeckmark {
        padding-left: 24px !important;
    }
}
h4.ckeckmark {
    padding-left: 40px;
}

/* added new css for menu and cart */

.container.cart_container {
    padding-left: 35px;
    padding-right: 50px;
    width: 100% !important;
}
.container.cart_container .product_image{
    height: 120px;
    width: 120px;
}
.cart_container .items_number {
    width: 71px;
    height: 22px;
}
.container.cart_container .product_detail_cart .product_image img{
    top: 0;
    right: 0;
    transform: unset;
    height: 100%;
}
.container.cart_container .product_detail_box h5 {
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 144.99%;
    /* or 23px */
    color: #01385E;
    margin-bottom: 10px;
    margin-top: 0;
}
.container.cart_container .product_detail_box h5 span{
    font-size: 16px;
}
.container.cart_container .product_detail_box h5 span.text-left {
    word-wrap: break-word;
}
/* .cart_container .product_detail_box h4 {
  font-family: HelveticaNeue;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 144.99%;
  color: #777B7E;
} */
.cart_container .product_detail_box h4 del {
    text-align: right;
    text-decoration-line: line-through;
    font-family: HelveticaNeue;
    font-size: 16px;
    color: #777B7E;
}
.cart_container .product_detail_box h4 b {
    font-family: HelveticaNeue;
    font-size: 16px;
    color: #777B7E;
}
.cart_container .product_detail_box p {
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 144.99%;
    /* or 17px */
    color: #777B7E;
    margin-bottom: 10px;
}
.cart_container .items_number button, .cart_container .items_number .form-control {
    height: 21px;
}
.cart_container .items_number button {
    width: 20px;
    font-size: 10px;
}
.cart_container .items_number .form-control {
    width: 30px;
    font-size: 14px;
    background: #fff;
    border-color: #fff !important;
}
.container.cart_container .product_detail_cart {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #D0D0D0;
}
.cart_container .make_payment_cart {
    margin: 0;
    padding: 15px 0 30px;
    border-top: 1px solid rgba(149, 149, 149, 0.3);
}
.cart_container .make_payment_cart h4.subtotal {
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 144.99%;
    text-align: right;
    color: #01385E;
    margin-bottom: 0;
}
.cart_container .make_payment_cart h4.subtotal span {
    font-weight: normal;
}
.logout-menu-button{
    display:block;
}
.cart_container .make_payment_cart h4.cart_text {
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 144.99%;
    /* or 17px */
    color: #777B7E;
    width: 80% !important;
}
.cart_container .payment_btn {
    width: 100%;
    padding: 15px 0;
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;

}
.cart_container .make_payment_cart a {
    font-size: 16px;
}
.cart_container .make_payment_cart h4.cart_text_1 {
    font-family: HelveticaNeue;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    margin-bottom: 0;
    color: #A7A7A7;

}
#mySidenav1 .new-menu li a:hover {
    text-decoration: none;
}
.cart_container .product_detail_box .product_name {
    width: 80%;
}
.cart_container .product_detail_box .product_box_1 {
    display: flex;
}
/* .cart_container .grid_text {
  display: inline-block;
  width: 80%;
  }
  .cart_container .grid_text h5{
      font-family: HelveticaNeue;
      font-weight: 500;
      font-size: 16px;
      line-height: 144.99%;
      color: #01385E;
  } */
#mySidenav1 ul.new-menu {
    min-height: unset;
    overflow: auto;
    height: auto;
}
.cart_container #desktop_shopping_cart {
    height: calc(100vh - 280px);
    overflow: auto;
}
.cart_container .product_detail_box .product_price_box {
    width: 20%;
}
@media only screen and (max-width: 576px) {
    .container.cart_container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cart_container .head h2 {
        font-size: 16px !important;
        line-height: 20px;
    }
    .container.cart_container .product_detail_cart {
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 0.75px solid #D5D5D5;
    }
    .container.cart_container .product_image{
        height: 70px;
        width: 70px;
    }
    .cart_container .items_number {
        width: 42px;
        height: 15px;
    }
    .container.cart_container .product_detail_box h5 {
        font-size: 12px;
        line-height: 130%;
        margin-bottom: 5px;
    }
    .container.cart_container .product_detail_box h5 span{
        font-size: 10px !important;
        line-height: 144.99%;
    }
    .cart_container .product_detail_box h4 b, .cart_container .product_detail_box h4 del , .cart_container .product_detail_box p{
        font-size: 10px !important;
        padding: 0;
    }
    .cart_container .items_number button, .cart_container .items_number .form-control {
        height: 14px;
    }
    .cart_container .items_number button {
        width: 10px;
        font-size: 6px;
    }
    .cart_container .items_number .form-control {
        width: 20px;
        font-size: 10px;
    }
    .cart_container .make_payment_cart {
        margin: 0;
        padding: 15px 0 30px;
        /* border-top: 0; */
    }
    .cart_container .make_payment_cart h4.subtotal {
        font-size: 12px;
        line-height: 130%;
    }
    .cart_container .make_payment_cart h4.subtotal span {
        font-size: 12px;
    }
    .cart_container .make_payment_cart h4.cart_text {
        font-size: 10px;
        margin-bottom: 30px;
    }
    .cart_container .payment_btn {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.05em;
        padding: 10px 0;
    }
    .cart_container #product_wrapper {
        height: calc(100vh - 300px);
    }
    .cart_container .make_payment_cart a {
        padding: 10px 0;
    }
    .cart_container .make_payment_cart a {
        font-size: 10px;
    }
    .cart_container .make_payment_cart h4.cart_text_1 {
        display: grid;
        margin: auto;
    }
    .cart_container .items_number {
        position: relative;
    }
    #mySidenav1 .contact {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: block;
    }
    #mySidenav1 ul.new-menu {
        min-height: unset;
        overflow: auto;
        height: calc(100vh - 200px);
    }
    .logout-menu-button {
        display: none;
    }
    .cart_container #desktop_shopping_cart {
        height: unset;
        overflow: unset;
    }
}

#shopify-section-header {
    height: 0;
}

.preference-head4{
	font-size: 10px;
}