@font-face {
    font-family: "Optima";
    font-weight: 500;
    src: url('../font/OptimaLTPro-Medium.otf') format('opentype');
}
@font-face {
    font-family: "Optima";
    font-weight: 700;
    src: url('../font/OptimaLTPro-Bold.otf') format('opentype');
}
.lazyload {
    filter: blur(10px);
}
.lazyloaded {
    filter: blur(0);
    /*transition: filter 0.5s ease-out;*/
}
.flex{
    display: flex;
}
.align-center{
  align-items: center;  
}
.position-absolute{
    position: absolute;
}
.position-relative{
    position: relative;
}
.main-color-purple{
    color: #7163F8 !important;
}
.full-max-width{
    max-width: 100vw;
}
.main-container{
    margin-top: 16px;
    background: #D9CFFE;
}
.section h2{
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
}
.section{
    position: relative;
}
.deliver{
    width: 100%;
    height: 1px;
    z-index: 2;
    box-shadow: 0px 1px 1px 1px #E8DDFB, 0px 1px 0px 0px #F9F5FF;
}
.first-section{
    width: 100%;
    min-height: calc(100vw * 985 / 375);
    display: flex;
}
.section-part-2{
    width: 100%;
    min-height: calc(100vw * 509 / 375);
    display: flex;
    background: #D9CFFE;
    /* min-height: 2800px; */
}
.section-part-3{
    width: 100%;
    padding-bottom: 36px;
    display: flex;
    background: #D9CFFE;
}
.section-part-4{
    width: 100%;
    min-height: calc(100vw * 370 / 375);
    display: flex;
    background: #D9CFFE;
}
.section-part-5{
    width: 100%;
    display: flex;
    background: linear-gradient(176.65deg, #8C79E9 2.87%, #8A75E5 12.24%, #F3EAFD 98.3%);
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0px 0px;
}
.section-part-6{
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, #F1E8FC 0%, #DED3F8 72.62%);
}
.first-index {
    background-image: url(https://media.voibon.com/wp-content/uploads/2023/07/27030751/732x1920.webp);
    background-position: 50% 0;
    background-size: cover;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
}
.font-family-optima{
    font-family: Optima;
}
.font-family-sebino{
    font-family: Sebino;
}
.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: 700;
}
.font-size-12{
    font-size: 12px;
}
.font-size-14{
    font-size: 14px;
}
.font-size-16{
    font-size: 16px;
}
.font-size-18{
    font-size: 18px;
}
.font-size-20{
    font-size: 20px;
}
.font-size-22{
    font-size: 22px;
}
.font-size-26{
    font-size: 26px;
}
.font-size-40{
    font-size: 40px;
}
.text-align-right{
    text-align: right;
}
.text-align-center{
    text-align: center;
}
.first-index-title{
    position: absolute;
    top: calc(100% * (107/985));
    color: #7159E9;
    padding: 0 46px;
    line-height: 48px;
    max-width: 375px;
}
.first-index-title mark{
    background: transparent;
    color: #7159E9;
    line-height: 48px;
    font-size: 80px;
}
.first-index-sellingPoint{
    width: 72px;
    height: 72px;
}
.first-index-sellingPoint.position-left {
    position: absolute;
    top: calc(100% * (342/985));
    left: 27px;
}
.first-index-sellingPoint.position-right {
    position: absolute;
    top: calc(100% * (342/985));
    right: 27px;
}
.first-index-sellingPoint.position-right.top-offset-two {
    top: calc(100% * (483/985));
}
.first-index-desc{
    position: absolute;
    bottom: calc(100% * (256/985));
    color: #FFF;
    line-height: 26px;
    max-width: 375px;
    width: 100%;
    padding: 0 40px;
    margin: 0;
}

.first-index-badge-list{
    position: absolute;
    bottom: calc(100% * (98/985));
    max-width: 405px;
    width: 100%;
    padding: 0 9px 0 21px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 6px;
}
.first-index-badge-content{
    color: #FFF;
    margin: -7px 0 0 0;
    line-height: 16px;
}

.section-part-2 .sticky-container{
    position: sticky;
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    top: calc(100vw * 105 / 375);
}

.swiper-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: -1px;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    background-image: url(https://media.voibon.com/wp-content/uploads/2023/06/25024432/skinchange-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.index-swiper{
    border-radius: 8px;
    max-height: calc(100vw * 546 / 375);
}
.index-swiper .swiper-slide {
    box-shadow: 0px 0px 0px 2px #FFF;
}
.section-part-2 .sticky-container>.container{
    /* background-image: url(http://192.168.1.190:8081/wp-content/uploads/2023/05/t98sb-tkc4m.webp);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat; */
    /* flex-basis: 100%; */
    max-width: 100vw;
    margin-top: -37px;
    position: relative;
    height: calc(100vw * 596 / 375);
 
}
.section-part-2.absolute-by-sticky{
    min-height: calc(100vw * 596 / 375);
}

.section-part-2 .imageasbackgroudlayer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.section-part-2 .title{
    color: #111111;
    line-height: 32px;
    /* text-shadow: 0px 2px 4px rgba(58,41,138,0.3); */
    margin: 51px 0 0 0;
    padding: 0 0 0 32px;
    position: relative;
    z-index: 3;
}
.with-icon:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 0px;
    width: 8px;
    height: 22px;
    background: #846FE9;
    /* box-shadow: 0px 2px 4px 0px rgba(58,41,138,0.3); */
}
.section-part-2 .with-icon:before{
    left: 16px;
}
.slideshow{
    /* display: flex;
    margin: calc(58 * 100vw / 375) 0 0 0; */
    position: absolute;
    top: 0;
    padding: 0 16px;
}
.container .backgroudlayer{
    background-image: url(https://media.voibon.com/wp-content/uploads/2023/06/05061807/0518A.webp);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: 12px;
    right: 12px;
    top: 0;
    height: calc(546 * 100vw / 375);
    margin-top: -37px;
    z-index: 2;
    box-shadow: 0 12px 12px 0 #967df11f;
}
.pagination-container {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.swiper-container{
    max-width: calc(100vw - 32px);
    position: relative;
    /* padding: 0 13px 0 0; */
}
.dot-container{
    position: absolute;
    left: 12px;
    right: 12px;
    pointer-events: none;
    top: 0;
    bottom: 0;
    margin-top: -37px;
    z-index: 3;
}
.dot-container ul li.active-item{
    background: #FFFFFF;
    border: 3px solid #755DE8;
}
.dot-container ul li{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    background: #FBF8F3;
    pointer-events: visible;
    border: 4px solid #D9CFFE;
}
.dot-container ul li:nth-child(1){
    top: calc(167 * (100vw - 24px) / 351);
    right: calc(88 * (100vw - 24px) / 351);
}
.dot-container ul li:nth-child(2){
    top: calc(251 * (100vw - 24px) / 351);
    right: calc(138 * (100vw - 24px) / 351);
}
.dot-container ul li:nth-child(3){
    top: calc(335 * (100vw - 24px) / 351);
    right: calc(130 * (100vw - 24px) / 351);
}
.dot-container ul li:nth-child(4){
    top: calc(417 * (100vw - 24px) / 351);
    right: calc(36 * (100vw - 24px) / 351);
}
.dot-container ul{
    list-style: none;
    margin: 0;
}
.pagination-container ul{
    list-style: none;
    /* padding: 15px 0 1px 29px;
    padding-top: calc(15px + (100vw - 375px) / 375 * 0.5 * 546); */
    margin: 0;
}
.pagination-container ul li:nth-child(1){
    top: calc(117 * (100vw - 24px) / 351);
    right: calc(16 * (100vw - 24px) / 351);
}
.pagination-container ul li:nth-child(2){
    top: calc(134 * (100vw - 24px) / 351);
    left: calc(188 * (100vw - 24px) / 351);
}
.pagination-container ul li:nth-child(3){
    top: calc(166 * (100vw - 24px) / 351);
    left: calc(100 * (100vw - 24px) / 351);
}
.pagination-container ul li:nth-child(4){
    top: calc(216 * (100vw - 24px) / 351);
    left: calc(34 * (100vw - 24px) / 351);
}
.pagination-container ul li{
    position: absolute;
    margin: 0;
    pointer-events: auto;
}
img.label_status {
    position: absolute;
    left: 28px;
    bottom: 19px;
}
/* .pagination-container ul li:last-child{
    margin: 0;
} */
.active-item .pagination-title{
    /* color: #785DF8; */
    /* font-size: 22px;
    font-weight: 700;
    line-height: 16px; */
    /* text-shadow: 0px 2px 4px rgba(58,41,138,0.3); */
}
.active-item .pagination-subtitle{
    display: block;
    visibility: visible;
    opacity: 1;
}
.pagination-title{
    color: #333333;
    text-transform: uppercase;
    line-height: 20px;
    /* text-shadow: 0px 2px 4px rgba(58,41,138,0.3); */
    /* white-space: nowrap; */
}
.pagination-subtitle{
    display: none;
    visibility: hidden;
    opacity: 0;
    color: #8273FF;
    line-height: 18px;
    /* text-shadow: 0px 2px 4px rgba(58,41,138,0.3); */
    margin: 8px 0 0 0;
}

.section-part-3 .container{
    /* flex-basis: 100%; */
}
.section-part-3 .title{
    color: #111111;
    line-height: 32px;
    /* text-shadow: 0px 2px 4px rgba(58,41,138,0.3); */
    margin: 50px 0 0 0;
    padding: 0 0 0 28px;
    position: relative;
}

.card{
    width: calc(100% - 24px);
    margin: 36px 12px 0;
    background: linear-gradient(315.72deg, #E2DAF9 2.82%, #DCD0FE 99.38%);
    box-shadow: 0px 0px 301px rgba(132, 111, 233, 0.31), 2px 0px 0px #C0B0FF, -1px -1px 0px #FFFFFF, 3px 3px 14px #988CCF, -3px -3px 4px rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    position: relative;
}
.card .card-title{
    padding: 20px 0 21px 19px;
    line-height: 18px;
    color: #000000;
}
.card.card-chart{
    padding: 20px 0;
    margin-top: 37px;
}
.title-with-bg{
    background: linear-gradient(180deg, rgba(138, 114, 234, 0.201554) 0%, rgba(104, 81, 207, 0.3) 100%);
    box-shadow: 0px 0.5px 0px 0.5px rgba(88, 69, 181, 0.2), inset -0.5px -0.5px 1px rgba(106, 88, 192, 0.8);
    backdrop-filter: blur(13.5914px);
    border-radius: 8px;
    max-width: 220px;
    margin-left: 35px;
    position: relative;
}
.title-with-bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(138, 114, 234, 0.201554) 0%, rgba(104, 81, 207, 0.3) 100%);
    box-shadow: 0px 0.5px 0px 0.5px rgba(88, 69, 181, 0.2), inset -0.5px -0.5px 1px rgba(106, 88, 192, 0.8);
    backdrop-filter: blur(13.5914px);
}
.title-with-bg:before{
    background: #8771E7;
    filter: blur(5px);
    content: '';
    position: absolute;
    height: 9px;
    width: 100%;
    bottom: 0;
    z-index: -1;
}
.title-with-bg-label{
    padding: 3px 0px;
    margin: 0;
    font-family: 'Sebino';
    font-style: normal;
    font-weight: 400;
    font-size: 14.5px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
}
.card-chart .card-title{
    margin: 17.91px 0 0 34px;
    padding: 0;
}
.line-chart{
    padding: 17px 34px 0;
}
.card-badge{
    width: 80px;
    height: 80px;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: -15px;
    transform: rotate(-10deg);
    filter: drop-shadow(-2px 2px 8px rgba(132, 108, 95, 0.2));
}
.card .card-footer{
    display: flex;
    justify-content: flex-end;
    padding: 0 17px 17.2px;
}
.card-footer .icon img{
    width: 48px;
    height: 13.8px;
}
.card-footer .icon p{
    font-family: 'Sebino';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    /* text-align: center; */
    color: #888888;
    margin: 0;
}
.value-list{
    display: flex;
    padding: 0 17px 22px;
    justify-content: space-between;
}
.value-list .value p{
    text-align: center;
    margin: 0;
}
.value-list .value .value-title{
    font-family: 'Sebino';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: #7159E9;
}
.value-list .value .value-desc{
    font-family: 'Sebino';
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    margin-bottom: 2px;
}
.value-list .value .value-title{
    font-family: 'Sebino';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    color: #7159E9;
}
.value-list .value:nth-child(1){
    flex-basis: 98px;
}
.value-list .value:nth-child(3){
    flex-basis: 114px;
}
.value-list .value:nth-child(5){
    flex-basis: 102.5px;
}
.vertical-line{
    width: 1px;
    background: #D8D8D8;
    border: 1px solid #BBADFD;
    box-shadow: 1px 0px 0px #F6EBFF, 1px 0px 1px #E8DDFB; 
}

.section-part-4 .container{
    /*flex-basis: 100%;*/
    padding: 5px 12px 50px;
    max-width: 100%;
    overflow: hidden;
}

.voibon-gallery__column--beforeafter{
    position: relative;
}
.voibon-gallery__beforeafter{
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 8px;
}
.voibon-gallery__beforeafter-box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background-size: cover;
}

.voibon-gallery__beforeafter-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    width: 48px;
    border-radius: 24px;
    background-color: transparent;
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.01)
}

.voibon-gallery__beforeafter-slider::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none
}
.voibon-gallery__beforeafter-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 67%;
    left: -24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 48px);
    height: 48px;
    z-index: 3;
    margin: 0;
    overflow: visible;
    border: none;
}
.voibon-gallery__beforeafter-handle {
    position: absolute;
    height: 48px;
    width: 48px;
    border-radius: 24px;
    background-color: #fff;
    top: 67%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translate(-50%);
    z-index: 2;
}
.voibon-gallery__beforeafter-handle span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.voibon-gallery__beforeafter-handle span svg {
    display: block;
    width: 20px;
    height: 20px;
}
.voibon-gallery__beforeafter-handle span:first-child {
    left: 8px;
}
.voibon-gallery__beforeafter-handle span:last-child {
    right: 8px;
}
.voibon-gallery__beforeafter-divisor {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
}
.voibon-gallery__beforeafter-divisor:before {
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: 100%;
    background: #fff;
    z-index: 1;
    top: 0;
    box-shadow: 0 -3px 8px 1px #00000003;
}
.desc--beforeafter{
    position: absolute;
    width: calc(100% - 24px);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #7159E9;
    bottom: 6px;
    margin: 0;
    z-index: 2;
}

.options{
    font-family: 'Sebino';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #333333;
    margin: 36px 0;
}
.options mark{
    background: 0;
    color: #7159E9;
}
.section-part-4 .card{
    width: 100%;
    margin: 0;
}
.card-result{
    padding: 21px 0 30px;
}
.card-result .title-with-bg{
    max-width: 180px;
    margin-left: 18px;
}
.card-result .result-image{
    width: 100%;
    padding: 29px 0px 0;
}
.card-result .card-badge{
    width: 92px;
    height: 92px;
    top: -20.83px;
    right: 6.26px;
}
.result-company-iconlist{
    padding: 0 13px 0 14px;
    display: flex;  
    align-items: center;
    justify-content: space-between;
}
.result-company-iconlist img{
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
}

.section .background-effect{
    position: absolute;
    width: 343px;
    height: 1556.81px;
    left: 0px;
    top: 78px;
    background: linear-gradient(218.55deg, rgba(235, 226, 255, 0.14) 22.17%, rgba(240, 233, 247, 0.331917) 28.49%, rgba(249, 242, 255, 0.66) 58.9%, rgba(250, 246, 239, 0.69) 74.07%, rgba(250, 247, 233, 0.7) 79.27%);
    filter: blur(6.7957px);
    transform: rotate(-30deg);
    z-index: 1;
}
.section-part-5 .container{
    flex-basis: 100%;
    z-index: 2;
}
.section-part-5 .content-1 .with-icon::before,
.section-part-5 .content-2 .with-icon::before{
    background: #E9DFBE;
    box-shadow: none;
}
.section-part-5 .content-1 .title,
.section-part-5 .content-2 .title {
    color: #FFFFFF;
    line-height: 32px;
    letter-spacing: 1px;
    text-shadow: none;
    margin: 44px 0 0 0;
    padding: 0 0 0 28px;
    position: relative;
}
.section-part-5 .content .desc{
    color: #FFFFFF;
    line-height: 26px;
    mix-blend-mode: normal;
    opacity: 0.8;
    margin: 12px 0 20px;
    padding: 0 0 0 28px;
}

.section-part-5 .content-2 .title{
    margin: 37px 0 0 0;
    line-height: 31px;
    color: #000000;
    /* text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.304769); */
}
.section-part-5 .content-2 .desc{
    margin: 10px 0 28px;
    line-height: 19px;
    color: #333333;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.304769);
}
.section-part-5 .content-3{
    background: linear-gradient(180deg, rgba(255, 255, 255, 3e-05) 0%, rgba(255, 255, 255, 0.3) 99.87%);
    display: inline-block;
}
.section-part-5 .content-4{
    padding: 50px 0;
}
.section-part-5 .content-4 .title{
    position: relative;
    padding: 0 0 0 26.5px;
    line-height: 32px;
    letter-spacing: -0.2px; 
    color: #FFFFFF;
}
.section-part-5 .content-4 .desc-list{
    margin-top: 38px;
    padding: 0 26.5px;
}
.section-part-5 .content-4 .desc-list p{
    line-height: 16px;
    color: #FFFFFF;
    margin:0 0 16px 0;
}
.section-part-5 .content-4 .desc-list p:last-child{
    margin: 0;
}

.section-part-5 .content-4 .product-texture{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 36px;
}


.section-part-5 .content-5 {
    padding-top: 42px;
    background: linear-gradient(180deg, rgba(217, 207, 254, 0.5) 4.22%, rgba(205, 193, 254, 0.313499) 25.03%, rgba(197, 184, 255, 0.195531) 100%, rgba(192, 179, 255, 0.0001) 100%);
    box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.5);
    border-radius: 8px 8px 0 0;
}
.section-part-5 .content-5 .title,
.section-part-5 .content-6 .title{
    position: relative;
    padding: 0 0 0 26.5px;
    line-height: 32px;
    letter-spacing: -0.2px; 
    color: #000000;
}
.section-part-5 .content-6 .title {
    margin-top: 60px;
}

.section-part-5 .content-5 .container{
    margin: 50px 0 25px;
    padding: 0 12px;
}
.section-part-5 .content-5 .container .option{
    width: 135px;
    height: auto;
    top: calc(119 * 100vw / 375);
    left: calc(50% - 135px / 2);
}

.section-part-5 .content-6{
    padding: 25px 0 0 0;
}


.section-part-5 .content-6 .title-with-bg{
    margin: 0 auto 38px;
    max-width: 200px;
    column-gap: 8px;
}
.section-part-5 .content-6 .title-with-bg-label{
    /* font-size: 12px;
    line-height: 14px; */
    padding-left: 12px;
}

.full-ingredient-btn svg{
    transform: rotate(180deg);
}

.full-ingredient-btn.open svg{
    transform: rotate(0);
}
.full-ingredient-box {
    display: none;
}
.full-ingredient-box img {
    width: 100%;
    padding: 0 12px;
}

.consumer-review-container{
    margin: 37px 12px 0;
    padding: 8px;
    background: radial-gradient( #F5F4FF 0%, rgba(245, 244, 255, 0.6) 28.53%, rgba(245, 244, 255, 0.6) 72.54%, #F5F4FF 100%, rgba(255, 255, 255, 0.854403) 100%);
    backdrop-filter: blur(2.71828px);
    border-radius: 20px;
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
}
.consumer-review-swiper .content{
    bottom: calc(78 * 100vw / 375);
    left: 13px;
}
.consumer-review-swiper .content .review{
    line-height: 32px;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    margin: 0 0 8px 0;
}
.consumer-review-swiper .content .avatar img{
    width: 28px;
    height: 28px;
    object-fit: cover;
}
.consumer-review-swiper .content .avatar{
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}
.consumer-review-swiper .content .user{
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.consumer-review-swiper .content .user-name{
    line-height: 22px;
    color: #FFFFFF;
    border: 1px dashed rgba(255, 255, 255, 0.0001);
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.consumer-review-swiper span.swiper-pagination-bullet {
    width: 40px !important;
    height: 4px !important;
    padding: 2px 0;
    border-radius: 20px !important;
    margin: 0 14px !important;
    border: none;
    background: #CDC7F2;
}
.consumer-review-swiper span.swiper-pagination-bullet-active {
    background: #846FE9;
}
.consumer-review-swiper .swiper-pagination{
    bottom: 32px !important;
}
.consumer-review-swiper{
    border-radius: 16px;
}
.consumer-review-swiper-video{
    width: 100%;
}

.section-part-5 .content-7{
    margin: -20px 0 0 0;
    position: relative;
    z-index: 2;
}
.section-part-5 .content-8{
    margin: -50px 12px 37px;
    padding: 42px 0 50px;
    position: relative;
    background: linear-gradient(180deg, #D9CDF8 0%, #F0EAFF 100%), #D9CDF8;
    border-radius: 20px;
    z-index: 3;
}
.section-part-5 .content-8 .title{
    position: relative;
    line-height: 32px;
    letter-spacing: -0.26px;
    color: #000000;
    /* text-shadow: 0px 3px 2px rgba(255, 255, 255, 0.304769); */
    padding-left: 16px;
}
.section-part-5 .content-8 .with-icon:before{
    left: 0;
}
.section-part-5 .content-8 .container{
    margin-top: 30px;
    padding: 0 16px;
}
.section-part-5 .content-8 .container .item{
    margin: 0 0 25px 0;
}
.section-part-5 .content-8 .container .item:last-child{
    margin: 0;
}
.item .item-title{
    margin: 0 0 12px 0;
}
.item .item-title-label{
    line-height: 22px;
    color: #7159E9;
    margin: -2px 0 0 8.5px;
}
.item .item-label{
    line-height: 18px;
    color: #333333;
    margin: 0;
}

.section-part-5 .content-9 .title{
    position: relative;
    line-height: 32px;
    color: #111111;
    /* text-shadow: 0px 2px 4px rgba(255,255,255,0.3); */
    padding-left: 28px;
}

.acid-layout{
    margin-top: 24px;
}
.acid-label-1{
    line-height: 14px;   
    color: #7159E9;
}
.acid-label-2{
    color: #7159E9;
    line-height: 18px;
}
.acid-label-3{
    color: #888888;
    line-height: 18px;
}
.acid-layout-1{
    top: calc(126 * 100vw / 375);
    left: calc(41 * 100vw / 375);
}
.acid-layout-2{
    top: calc(126 * 100vw / 375);
    right: calc(68 * 100vw / 375);
}
.acid-layout-3{
    top: calc(53 * 100vw / 375);
    left: 50%;
    transform: translateX(-50%);
}
.acid-layout-4{
    top: calc(240 * 100vw / 375);
    left: calc(65 * 100vw / 375);
}
.acid-layout-5{
    top: calc(333 * 100vw / 375);
    left: calc(67 * 100vw / 375);
}
.acid-layout-6{
    top: calc(426 * 100vw / 375);
    left: calc(71 * 100vw / 375);
}
.acid-layout-7{
    top: calc(231 * 100vw / 375);
    left: calc(50% + 3px);
    transform: translateX(-50%);
}
.acid-layout-8{
    top: calc(333 * 100vw / 375);
    left: calc(50% + 3px);
    transform: translateX(-50%);
}
.acid-layout-9{
    top: calc(417 * 100vw / 375);
    left: calc(50% + 3px);
    transform: translateX(-50%);
}
.acid-layout-10{
    top: calc(240 * 100vw / 375);
    right: calc(68 * 100vw / 375);
}
.acid-layout-11{
    top: calc(333 * 100vw / 375);
    right: calc(68 * 100vw / 375);
}
.acid-layout-12{
    top: calc(426 * 100vw / 375);
    right: calc(29 * 100vw / 375);
}
.layout p{
    margin: 0;
}
.layout .layout-title{
    line-height: 24px;
    color: #7159E9;
    margin: 0 0 6px 0;
}
.layout .layout-subtitle{
    line-height: 19px;
    color: #8274FF;
}
.layout .layout-option{
    line-height: 19px;
    color: #000000;
    /* text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9); */
}

.layout-1{
    top: calc(36 * 100vw / 375);
    left: 29px;
}
.layout-2{
    top: calc(143 * 100vw / 375);
    left: 42px;
}
.layout-3{
    top: calc(145 * 100vw / 375);
    right: 42px;
}
.layout-4{
    top: calc(330 * 100vw / 375);
    left: 42px;
}
.layout-5{
    top: calc(330 * 100vw / 375);
    right: 42px;
}
.layout-6{
    top: calc(599 * 100vw / 375);
    left: 29px;
}
.layout-7{
    top: calc(693 * 100vw / 375);
    left: 29px;
}
.layout-7 p{
    margin-bottom: 12px;
}
.card-ingredient:nth-child(n+1){
    padding: 0 12px;
}
.card-ingredient:first-child{
    padding: 0 6px 0 12px;
}
.card-ingredient{
    margin-bottom: 26px;
}
.card-ingredient:last-child{
    margin-bottom: 50px;
}
.ingredient-1{
    top: calc(81 * 100vw / 375);
    left: 28px;
}
.ingredient-2,
.ingredient-3{
    top: calc(54 * 100vw / 375);
    left: 28px;
}
.layout.ingredient .layout-title{
    line-height: 26px;
    color: #333333;
    margin-bottom: 12px;
}
.layout.ingredient .layout-subtitle{
    line-height: 14px;
    color: #E6B039;
}

.section-part-6 .container{
    flex-basis: 100%;
    padding: 0;
}
.section-part-6 .title{
    top: 50px;
    left: 0px;
    z-index: 2;
    line-height: 26px;
    color: #000000;
    padding-left: 27px;
}
.how-to-use{
    max-width: 100vw;
}
.how-to-use-swiper-video{
    width: 100%;
    height: auto;
}
.how-to-use-bg{
    width: 100%;
    object-fit: cover;
}
.how-to-use .content{
    padding: 36px 16px;
    /* max-width: 274px; */
    /* Note: backdrop-filter has minimal browser support */
    /* position: sticky;
    top: 80px; */
    top: 0px;
    margin: 108px 12px 24px;
    border-radius: 8px;
}
.how-to-use .content .backgroundlayer{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #F8F3FF;
    mix-blend-mode: normal;
    opacity: 0.5;
    box-shadow: -1px -1px 0px #FFFFFF, 10px 10px 10px rgba(75, 62, 128, 0.297695);
    backdrop-filter: blur(19.028px);
    z-index: 1;
    border-radius: 8px;
}
.htu-item {
    margin-bottom: 26px;
    z-index: 2;
    position: relative;
}
.htu-item .num {
    width: 41px;
    height: 22px;
    object-fit: contain;
}
.htu-item .light {
    display: none;
}
.htu-item.active-item .dark{
    display: none;
}
.htu-item.active-item .light{
    display: block;
}
.htu-item:last-child{
    margin: 0;
}
.htu-item p{
    margin: 5px 0 0 0;
    line-height: 18px;
    color: #333333;
}
.htu-item.active-item p{
    color: #8273FF;
}
.content-container{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
@media (min-width: 768px) {
.voibon-gallery__beforeafter-slider,.voibon-gallery__beforeafter-handle {
    top: 50%;
}  
}


@media (min-width: 1025px) {
    .lg-hide{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024px)
{
    .md-hide{
        display: none;
    }
}
@media (max-width: 767px) {
    .sm-hide{
        display: none;
    }
    /* .slideshow{
        margin-top: 45px;
    } */
    /* .single-product-ultra-clarify #page-mobile-header{
        position: fixed;;
        background: rgba(255,255,255,.35);
    }
    .single-product-ultra-clarify .main-navigation .inside-navigation{
        border: 0;
    }
    .single-product-ultra-clarify .mobile-main-nav {
        background-color: rgba(255,255,255,.35);
        border: 0;
    } */
}

@media (max-width: 767px) {    

    .video-list-ctn video{
        width: calc(100vw *(327 / 375));
        height: calc(100vw *(409 / 375));
        padding-bottom: calc(100vw *(78 / 375));
    }
    

    .video-list-ctn .swiper-pagination-bullets .swiper-pagination-bullet{
        width: 28px;
        height: 4px;
        background-color: #D9D9D9;
        border:none;
        border-radius: 0;
    }
    .video-list-ctn .swiper-pagination-bullets .swiper-pagination-bullet-active{
        width: 28px;
        height: 4px;
        background-color: var(--main-color);
        border:none;
        border-radius: 0;
    }
    button.add-to-cart-bottom{
        background: transparent!important;
    }
/*******clb begin *******/

    .main-clb-container{
        width: 100%;
        margin:0px auto 0 auto;
    }

    .main-clb-container .section-clb{
        position: relative;
        width:100%;
        margin:0 auto;
        padding: 0;
    }
    .main-clb-container .section-clb img{
        width: 100%;
        height: auto;
        margin:0;
        padding: 0;
    }
    .main-clb-container .bugfix{
        font-size:0;
    }
    .main-clb-container .bugfix img{
        margin-top:-1px;
    }
    .main-clb-container .video3-ctn{
       margin-top:calc(100vw *(29 / 375));
    }
    .main-clb-container .video3-ctn video{
        width: calc(100vw *(313 / 375));
        height: calc(100vw *(391 / 375));
    }

    .main-clb-container .video31-ctn{
        position: absolute;
        left:calc(100vw *(31 / 375));
        top:calc(100vw *(216 / 375));
        width: calc(100vw *(313 / 375));
        height: calc(100vw *(391 / 375));
     }
     .main-clb-container .video31-ctn video{
        width: calc(100vw *(313 / 375));
        height: calc(100vw *(391 / 375));
    }
    .main-clb-container .video1-ctn,.main-clb-container .video2-ctn{
        position: relative;
        margin-top:calc(100vw *(24 / 375));
    }
    .main-clb-container .video1-ctn video,.main-clb-container .video2-ctn video{
        width: calc(100vw *(160 / 375));
        height: calc(100vw *(200 / 375));
        border: none;
    }


    .main-clb-container .video1-ctn{
        width: calc(100vw *(160 / 375));
        height: calc(100vw *(200 / 375));
        margin-left:calc(100vw *(20 / 375));    
    }
    .main-clb-container .video2-ctn{
        width: calc(100vw *(160 / 375));
        height: calc(100vw *(200 / 375));
        margin-left:calc(100vw *(15 / 375));      
    }
    .section-clb .inner-ctn .head-title{
        font-family: Optima;
        font-size: calc(100vw *(28 / 375));
        font-weight: 400;
        line-height: calc(100vw *(34 / 375));
        letter-spacing: 0px;
        text-align: center;
        
    }

    
    .section-clb .inner-ctn.p50{
        padding-top: calc(100vw *(50 / 375));
    }
    .relative{
        position: relative;
    }
    .bg-white{
        background-color: #ffffff;
    }
    .bg-white-else{
        background-color: #FBFBFD;
    }
    .c1d{
        color: #1D1D1D;
    }
    .flex-row {
        display: flex;
        flex-direction: row;        
    }
    .product-lst-ctn{
        margin-top:calc(100vw *(24 / 375));       
        padding:0 calc(100vw *(20 / 375)) calc(100vw *(0 / 375)) calc(100vw *(20 / 375));  
    }
    .product-lst-ctn .pro-item{
        width: calc(100vw *(145 / 375));
        padding-top: calc(100vw *(10 / 375));
    }
    .product-lst-ctn .pro-item:first-child{
        margin-left:14px;
    }
    .product-lst-ctn .pro-item:last-child{
        margin-right: 14px;
    }
    .product-lst-ctn .pro-item img{
        width: calc(100vw *(145 / 375));
        height: calc(100vw *(145 / 375));
    }
    .product-lst-ctn .pro-item .title{
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375));
        font-weight: 400;
        line-height: calc(100vw *(20 / 375));
        letter-spacing: 0px;
        text-align: center;
        margin-top:calc(100vw *(22 / 375));
        color: rgba(29, 29, 29, 1);
    }    

    .product-lst-ctn .pro-item .desc-pro{
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375));
        font-weight: 350;
        line-height: calc(100vw *(20 / 375));
        letter-spacing: 0px;
        text-align: center;
        color: rgba(85, 85, 85, 1);
    }
    .product-lst-ctn .pro-item .specs{
        text-align: center;
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375));
        font-weight: 350;
        line-height:calc(100vw *(24 / 375));
        letter-spacing: 0.5px;
        text-align: center; 
        color: rgba(29, 29, 29, 1);     
        margin-top: 14px;     
    }
    .product-lst-ctn .pro-item .btn-add a{
        color:  #FFFFFF;
        font-size:calc(100vw *(14 / 375));
    }
    .product-lst-ctn .pro-item:first-child{
        margin-left:calc(100vw *(13 / 375));
    }
    .product-lst-ctn .pro-item:nth-child(2){
        margin-left:calc(100vw *(17 / 375));
    }
    .title-info{
        font-family: Optima;
        font-size: calc(100vw *(28 / 375));
        font-weight: 400;
        line-height: calc(100vw *(34 / 375));
        letter-spacing: 0px;
        text-align: center;
        color: #1D1D1D;
        width: 100%;
    }
    .bg-yellow{
        background-color: #FAF8EA;
    }
    
    /**** 439 528  1068  831 916 644 684 698  551 694****/
    .h439{
        height: calc(100vw *(439 / 375));
    }
    .h567{
        height: calc(100vw *(567/ 375));
    }
    .h634{
        height: calc(100vw *(634 / 375));
    }
    .h545{
        height: calc(100vw *(545 / 375));
    }
    .h652{
        height: calc(100vw *(652 / 375));
    }
    .h452{
        height: calc(100vw *(452 / 375));
    }

    .h831{
        height: calc(100vw *(831 / 375));
    }
    .h938{
        height: calc(100vw *(938 / 375));
    }
    .h721{
        height: calc(100vw *(721 / 375));
    }


    .h680{
        height: calc(100vw *(680 / 375));
    }

    .h690{
        height: calc(100vw *(690 / 375));
    }
    .h694{
        height: calc(100vw *(694 / 375));
    }
    .h734{
        height: calc(100vw *(734 / 375));
    }
    .w309{
        width: calc(100vw *(309 / 375));  
        margin:0 auto;
    }
    .qa-title{
        font-family: Optima;
        font-size: calc(100vw *(28 / 375));  
        font-weight: 400;
        line-height: calc(100vw *(34 / 375));  
        letter-spacing: 0px;
        text-align: center;
        color: #1D1D1D;   
        width: 100%;
        padding-top:calc(100vw *(27 / 375));  
        padding-bottom: calc(100vw *(18 / 375));  
        border-bottom:  1px solid #1D1D1D;        
    }
    .qeustion-item-ctn{
        display: flex;
        flex-direction: row;
    }
    .question-ctn {
        padding-top:calc(100vw *(20 / 375));  
        padding-bottom: calc(100vw *(22 / 375));  
        border-bottom:  1px solid #1D1D1D;      
    }
    .question-ctn:last-child{
        border: none;
    }
    .question-ctn .question-q{
        font-family: Optima;
        font-size: calc(100vw *(20 / 375));  
        font-weight: 400;
        line-height: calc(100vw *(20 / 375));  
        letter-spacing: 0px;
        text-align: left;
        padding-top: calc(100vw *(2 / 375));  
    }
    .question-ctn .question-a{
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375));  
        font-weight: 400;
        line-height: calc(100vw *(17 / 375));  
        letter-spacing: 0px;
        text-align: left;        
    }
    .question-a.qa{
        padding-top: calc(100vw *(3 / 375));  
        font-weight: 350;
        padding-left: calc(100vw *(6 / 375));  
    }
    .question-a.qq{
       height: calc(100vw *(17 / 375));   
       padding-top: calc(100vw *(2 / 375));
       padding-left: calc(100vw *(5 / 375));  
   
    }
    .mt13{
        margin-top:calc(100vw *(13 / 375));  
    }
    .h-auto{
        height: auto !important;
    }
    .pb48{
        padding-bottom: calc(100vw *(48 / 375));  
    }
    .bg1342{
        background-color: #13042B;
    }
    .bg-yello{
        background-color: #FBF8EA;
    }
    .modal-popup-ctn{
        position:absolute;
        top:50%; left:50%;
        margin-top:calc(100vw *(-481 / 750));
        margin-left:calc(100vw *(-335 / 750));  
        color:  #1D1D1D;    
        z-index: 100;
        width: calc(100vw *(335 / 375));  
        height: calc(100vw *(481 / 375)); 
        padding-top:calc(100vw *(40 / 375)); 
        background-color: #ffffff;
        padding-left: calc(100vw *(26 / 375)); 
        padding-right: calc(100vw *(20 / 375)); 
        border-radius: calc(100vw *(4 / 375)); 
    }
    .modal-popup-ctn .m-title{
        margin:calc(100vw *(17 / 375))  auto calc(100vw *(15 / 375))  auto;
    }
    .pop-title-img-ctn{
        margin:0 auto;
        text-align: center;
    }
    .pop-title-img-ctn img{
        width: calc(100vw *(114 / 375)); 
        height: calc(100vw *(21 / 375)); 
    }
    .modal-popup-ctn .m-title{
        font-family: Optima;
        font-size: calc(100vw *(20 / 375)); 
        font-weight: 400;
        line-height: calc(100vw *(24 / 375)); 
        letter-spacing: 0px;
        text-align: center;
    }
    .modal-popup-ctn .m-content{
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375)); 
        font-weight: 350;
        line-height: calc(100vw *(18 / 375)); 
        letter-spacing: 0px;
        text-align: left;
        
    }
    .modal-popup-ctn .m-content span{
        font-style: italic;
    }
    .icon-close{
        margin-top: calc(100vw *(-420 / 375)); 
        margin-left: calc(100vw *(281 / 375)); 
    }
    @supports (-webkit-overflow-scrolling:touch) {
        /* Safari specific CSS styles here */
        .icon-close{
            margin-top: calc(100vw *(-415 / 375)); 
            margin-left: calc(100vw *(281 / 375)); 
        }
        .sezzle-shopify-info-button{
            bottom: -4px;
        }
    }
    .question-q.qa{
        padding-left:2px;
    }
    .icon-close img{
        width: calc(100vw *(14 / 375)); 
        height: calc(100vw *(14 / 375)); 
    }
    .abs-full{
        position: fixed;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: 1000000;
    }
    .pop-mask{
        position: absolute;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #1d1d1d;
        opacity: 0.5;
    }
    .pop-ctn .icon-close{
        width: calc(100vw *(14 / 375)); 
    }
    .pop-ctn{    
        display: none;
    }
    .ac-show{        
        display: block;        
    }

    .scale-out-center {
        -webkit-animation: fade-out 0.3s ease-out both;
                animation: fade-out 0.3s ease-out both;
    }
    .scale-in-center {
        -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
    

    @-webkit-keyframes fade-out {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
    }
    @keyframes fade-out {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
    }
  
    @keyframes scale-out-center {
        0% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
        }
        100% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
        }
    }
  
    @-webkit-keyframes scale-in-center {
        0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
        }
        100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
        }
    }
    @keyframes scale-in-center {
        0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 1;
        }
        100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
        }
    }

  
    .abs-click-hot-area{
        position: absolute;
        width: calc(100vw *(160 / 375)); 
        height: calc(100vw *(40 / 375)); 
        left:calc(100vw *(32 / 375)); 
        bottom: calc(100vw *(60 / 375)); 
        z-index: 999;
    }
    .video-ctn-abs{
        position: absolute;
        left:0;
        right:0;
        top:0; 
        width: 100%;
        z-index: -1;
    }
    .main-clb-container .section-clb.deeply-cleaner-video-ctn{
        color: #1D1D1D;
        text-align: left;
        letter-spacing: 0px;
        padding:calc(100vw *(64 / 375)) calc(100vw *(30 / 375)) calc(100vw *(72 / 375)) calc(100vw *(30 / 375));
    }
    .deeply-cleaner-video-ctn .deeply-title{
        font-family: Optima;
        font-size: calc(100vw *(34 / 375)) ;
        font-weight: 400;
        line-height: 41px;
        
    }
    .deeply-cleaner-video-ctn .deeply-sub-title{
        font-family: Optima;
        font-size: calc(100vw *(22 / 375)) ;
        font-weight: 400;
        line-height: 26px;
        margin-top:calc(100vw *(24 / 375)) ;
        
    }
    .deeply-cleaner-video-ctn .deeply-sub-title.mt181{
        margin-top:calc(100vw *(181 / 375)) ;
    }
    .deeply-cleaner-video-ctn .deeply-sub-desc{
        font-family: Sebino;
        font-size: calc(100vw *(14 / 375)) ;
        font-weight: 350;
        line-height: 20px;   
        margin-top:calc(100vw *(6 / 375)) ;
    }

    /****clb 隐藏滚动条  tab及 kv****/
    ::-webkit-scrollbar {
        display: none;
    }
    body {    
        -ms-overflow-style: none;    
        scrollbar-width: none;    
    }
    .clb-tab-container {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        position: sticky; 
        position:-webkit-sticky;
       
        background:#FFFFFF;
        height: 56px;
        box-sizing: border-box;
        border-bottom:1px solid #D7D7D9;
        z-index: 1001;
        /*margin-top:24px;*/
        top: 56px;
      }
      
      .fixed{
        position: fixed; 
        top: 32px;
        z-index: 1000;
        margin-top:24px;
      }
      .h56{
        height: 56px;
      }
      .product_banner{
        transition: height 100ms;
        height: 0;
      }
      .clb-tab-wrapper {
        display: inline-block;
        padding-left: 24px;
        padding-right: 24px;  
      }
      
      .clb-tab {
          display: inline-block;
          margin-right: 24px;
          font-family: Sebino;
          font-size: calc(100vw *(14 / 375)) ;
          font-weight: 400;
          height:56px;  
          line-height:calc(100vw *(22 / 375)) ;
          padding-top:17px; 
          padding-bottom:11px;
          letter-spacing: 0px;
          text-align: left;
          text-decoration:none;
          color: #1D1D1D;
          box-sizing: border-box;
          opacity: 0.6;
      }
      .clb-tab:focus,a.clb-tab:active{
        font-weight: 400;
        color: #4F49C5;
        opacity: 1;
      }
      .clb-tab:hover{
        color: #1D1D1D;
      }
      .clb-tab.active,.clb-tab.active:active {  
          font-weight: 400;
          color: #4F49C5;
          opacity: 1;
      }     
      
      .main-clb-container .section-clb.section-12{
        padding-top:40px;
      }
      .keyviewport-ctn{
         width:100vw;
         height:calc(667*100vw/375);
         position:relative;
         margin-top:56px;

      }
      .keyviewport-ctn img.kv{
          width:100vw;
          height:calc(667*100vw/375);
      }
      .keyviewport-ctn .kv-title{
          position:absolute;
          width:calc(100vw *(375 / 375)); 
          height:calc(100vw *(84 / 375)); 
          top:calc(100vw *(357 / 375)); 
          left:50%;
          transform:translate(-50%);
          color:#ffffff;          
          font-family: Optima;
          font-size: calc(100vw *(36 / 375)); 
          font-weight: 400;
          line-height: calc(100vw *(42 / 375)); 
          letter-spacing: 0px;
          text-align: center;
      
      }
      .keyviewport-ctn .kv-sub-title{
          position:absolute;
          width:calc(375*100vw / 375);
          top:calc(449*100vw / 375);
          left:50%;
          transform:translate(-50%);	
          font-family: Sebino;
          font-size: calc(100vw *(14 / 375)); 
          font-weight: 350;
          line-height: calc(100vw *(22 / 375)); 
          letter-spacing: 0px;
          text-align: center;
          color:#ffffff;
      }
      
      .keyviewport-ctn img.kv-arrow{
          position:absolute;
          width:calc(9*100vw / 375);
          height:calc(100vw *(45 / 375)); 
          top:calc(524*100vw / 375);
          left:50%;
          transform:translate(-50%);		
      }

      .video-list-ctn .h281{
        height: calc(100vw *(281 / 375));
      }
      .video-list-ctn.swiper {
        width: calc(100vw *(327 / 375)); 
        height: calc(100vw *(409 / 375)); 
      }

      .video-list-ctn.swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

    /*******clb tab及 kv end *******/

}
/*******clb end *******/

option[value='lowest-rating']{
    display: none;
}
option[value='most-helpful']{
    display: none;
}

.pt56{
    padding-top:56px;
}
/*
.product.type-product.product-type-simple{
    transition: height 900ms;    
}*/
.absolute-title{
    position: absolute;  
    top: 0; left: 0; bottom: 0; right: 0;  
    z-index: 1;
}


.esw-seciton-title{
    font-family: Optima;
    font-size: calc(100vw *(34 / 375)); 
    font-weight: 400;
    line-height: calc(100vw *(40 / 375)); 
    letter-spacing: 0.5px;
    text-align: left;   

    background: linear-gradient(270deg, #01B7E0 0%, #177FA1 52.74%, #01B7E0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
   
    width: calc(100vw *(343 / 375)); 
    max-height: calc(100vw *(80 / 375)); 
}
.top80{
    top:calc(100vw *(80 / 375)); 
}
.top58{
    top:calc(100vw *(58 / 375)); 
}
.top30{
    top:calc(100vw *(30 / 375)); 
}
.top38{
    top:calc(100vw *(38 / 375)); 
}
.top71{
    top:calc(100vw *(71 / 375)); 
}

/***esw**/
.h412{
    height: calc(100vw *(412 / 375)); 
}
.h576{
    height: calc(100vw *(576 / 375)); 
}
.h440{
    height: calc(100vw *(440 / 375)); 
}
.h391{
    height: calc(100vw *(391 / 375)); 
}
.h362{
    height: calc(100vw *(362 / 375)); 
}
.h680{
    height: calc(100vw *(680 / 375)); 
}
.h468{
    height: calc(100vw *(468 / 375)); 
}
.h565{
    height: calc(100vw *(565 / 375)); 
}
.h642{
    height: calc(100vw *(642 / 375)); 
}
.h386{
    height: calc(100vw *(386 / 375)); 
}

/*
.esw .clb-tab:focus,.esw a.clb-tab:active{
    font-weight: 400;
    color: rgba(1, 183, 224, 1);
    opacity: 1;
    border:none;
}
.esw .clb-tab:hover{
    color: #1D1D1D;
}
.esw .clb-tab.active,.esw .clb-tab.active:active {
    font-weight: 400;
    color: rgba(1, 183, 224, 1);
    opacity: 1;
    border:none;
}  */

.esw .abs-click-hot-area{
    left:calc(100vw *(108 / 375));
    bottom: calc(100vw *(16 / 375));
}
.apply-item{
    width: calc(100vw *(343 / 375)); 
    margin:0 auto;
}
.apply-item .use-img-ctn img{
    width: 100%;
    height: calc(100vw *(148 / 375));
}
.apply-item .use-step-item{
    font-family: Optima;
    font-size: calc(100vw *(22 / 375)); 
    font-weight: 400;
    line-height: calc(100vw *(28 / 375)); 
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(29, 29, 29, 1);
    margin-top:24px;
}

.apply-item .use-step-info{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375)); 
    font-weight: 350;
    line-height: calc(100vw *(20 / 375)); 
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(85, 85, 85, 1);
    margin-top:8px;
}
.mt56{
    margin-top: 56px;
}
.mt32{
    margin-top:32px;
}
.esw .pt80{
    padding-top:80px;
}
.esw .pb72{
    padding-bottom: 72px;
}




.section-clb.safego-return-ctn{
    text-align: center;
    padding-top:64px;
    padding-bottom: 64px;
    background: rgba(245, 245, 245, 1);
}
.safego-return-ctn .t1{
    font-family: Optima;
    font-size: calc(100vw *(28 / 375));
    font-weight: 400;
    line-height: calc(100vw *(34 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(29, 29, 29, 1);
}
.safego-return-ctn .t2{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 400;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color:rgba(29, 29, 29, 1);
    width: calc(100vw *(327/ 375));   
    margin:0 auto;
}
.safego-return-ctn .t3{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: rgba(85, 85, 85, 1);    
    width: calc(100vw *(327/ 375));
    margin: 8px auto 0 auto;
}
.safego-return-ctn .img-ctn{
    margin-top:40px;
    margin-bottom: 40px;
    width: 100px;
    height: 100px;
    margin-left:auto;
    margin-right: auto;
}
.safego-return-ctn .img-ctn img{
    width: 100%;
    height: 100%;
}
.pb50{
    padding-bottom: 50px;
}
.esw .mtnegative1{
    margin-top: -1px;
}
.esw .icon-close{
    margin-top: calc(100vw *(-462 / 375));
    margin-left: calc(100vw *(281 / 375));
}
.esw .modal-popup-ctn{
    height:calc(100vw *(558 / 375));   
}








.dsc-seciton-title{
    font-family: Optima;
    font-size: calc(100vw *(34 / 375)); 
    font-weight: 400;
    line-height: calc(100vw *(40 / 375)); 
    letter-spacing: 0.5px;
    text-align: left;   

    /*background: linear-gradient(270deg, #01B7E0 0%, #177FA1 52.74%, #01B7E0 100%);*/
    background: linear-gradient(270deg, #FF8300 0%, #EB5707 52.33%, #FF8300 100%);

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    margin-left:calc(100vw *(16 / 375)); 
    margin-right: auto;   
    width: calc(100vw *(343 / 375)); 
    max-height: calc(100vw *(120 / 375)); 
}

.black-tt{
    font-family: Optima;
    font-size: calc(100vw *(22 / 375)); 
    font-weight: 400;
    line-height: calc(100vw *(28 / 375)); 
    letter-spacing: 0.5px;
    text-align: left;
    color: #1D1D1D;
    margin-left:calc(100vw *(16 / 375)); 
    max-height: calc(100vw *(56 / 375)); 

}

.dsc-w353{
    width:  calc(100vw *(353 / 375)); 
    letter-spacing: 0.3px;
}
.dsc-w293{
    width:  calc(100vw *(293 / 375)); 
}
.dsc-w226{
    width:  calc(100vw *(227 / 375));
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}
.dsc-w195{
    width:  calc(100vw *(196 / 375)); 
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

.top72{
    top:calc(100vw *(72 / 375)); 
}

.top40{
    top:calc(100vw *(40 / 375)); 
}
.top56{
    top:calc(100vw *(56 / 375));
}

.top24{
    top:calc(100vw *(24 / 375));
}
.top272{
    top:calc(100vw *(272 / 375));
}
.top62{
    top:calc(100vw *(62 / 375));
}
/***dsc**/
.h345{
    height: calc(100vw *(345 / 375)); 
}

.h576{
    height: calc(100vw *(576 / 375)); 
}

.h683{
    height: calc(100vw *(683 / 375)); 
}
.h539{
    height: calc(100vw *(539 / 375)); 
}
.h761{
    height: calc(100vw *(761 / 375)); 
}
.h745{
    height: calc(100vw *(745 / 375)); 
}
.h406{
    height: calc(100vw *(406 / 375)); 
}

.h459{
    height: calc(100vw *(459 / 375)); 
}

.h438{
    height: calc(100vw *(438 / 375)); 
}
.h413{
    height: calc(100vw *(413 / 375)); 
}
.h80{
    height: calc(100vw *(80 / 375)); 
    background-color: #ffffff;
}
.h534{
    height: calc(100vw *(534 / 375)); 
}
/*
.dsc .clb-tab:focus,.dsc a.clb-tab:active{
    font-weight: 400;
    color: #F46B03;
    opacity: 1;
    border:none;
}
.dsc .clb-tab:hover{
    color: #1D1D1D;
}
.dsc .clb-tab.active,.dsc .clb-tab.active:active {
    font-weight: 400;
    color: #F46B03;
    opacity: 1;
    border:none;
}  */

.dsc .abs-click-hot-area{
    left:calc(100vw *(108 / 375));
    bottom: calc(100vw *(16 / 375));
}

.mt56{
    margin-top: 56px;
}
.mt32{
    margin-top:32px;
}
.dsc .pt80{
    padding-top:80px;
}
.dsc .pb72{
    padding-bottom: 72px;
}


.pb50{
    padding-bottom: 50px;
}
.dsc .mtnegative1{
    margin-top: -1px;
}
.dsc .icon-close{
    margin-left: calc(100vw *(281 / 375));
    margin-top: 0;
    position: absolute;
    top: 16px;
}
.dsc .modal-popup-ctn{
    height:calc(100vw *(558 / 375));   
}
.dsc .abs-click-hot-area{
    position: absolute;
    width: calc(100vw *(160 / 375)); 
    height: calc(100vw *(40 / 375)); 
    left:calc(100vw *(106 / 375)); 
    bottom: calc(100vw *(40 / 375)); 
    z-index: 999;
}
.add-routine-2cart{
    position: absolute;
    width: calc(100vw *(210/375));
    height:calc(100vw*(40/375));    
    bottom: calc(100vw*(0/375));
    left: 50%;             
    transform: translateX(-50%); 
    border-radius: 4px;   
}
.add-routine-2cart input[type="button"]{
    background: #4F49C5;
    font-family: Sebino;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-align: center;

    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 210px;
    border-radius: 4px;
}
.add-routine-2cart input[type="button"]:hover,.add-routine-2cart input[type="button"]:focus{
    background: #4F49C5;
    opacity: 0.7;
}





.nav-container {
    overflow-x: auto;
    white-space: nowrap;
}

.nav-inner {
    display: inline-block;
}

#nav {
    list-style: none;
    padding: 0;
    margin: 0 20px 0 20px;
    display: flex;
}

#nav li {
    margin-right: 10px;
}

#nav li a {
    
    /*padding: 10px;
    background-color: #333;
    color: white;
    text-decoration: none;*/
}





.lwo .icon-close {
    margin-top: calc(100vw *(-465 / 375));
}
.lwo .modal-popup-ctn{
    height: calc(100vw *(515 / 375));
}
.lwo-seciton-title{
    font-family: Optima;
    font-size: calc(100vw *(34 / 375)); 
    font-weight: 400;
    line-height: calc(100vw *(40 / 375)); 
    letter-spacing: 0.5px;
    text-align: left;   

    /*background: linear-gradient(270deg, #01B7E0 0%, #177FA1 52.74%, #01B7E0 100%);*/
    background: linear-gradient(270deg, #847148 15.26%, #A9946B 49.73%, #8B774C 85.24%);


    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    margin-left:calc(100vw *(16 / 375)); 
    margin-right: auto;   
    width: calc(100vw *(335 / 375)); 
    max-height: calc(100vw *(80 / 375)); 
}


.h345{
   height:  calc(100vw *(345 / 375)); 
}
.h565{
    height:  calc(100vw *(565 / 375)); 
 }
.lwo .s-item img{
    width:  calc(100vw *(51 / 375)); 
}
.lwo .s-item{
    width:  calc(100vw *(96 / 375)); 
    justify-content:center;
    text-align: center;

    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: #1D1D1D;
}
.lwo .item-desc-ctn{
    position: absolute;
    left:calc(100vw *(24 / 375));
    top:calc(100vw *(183 / 375));
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100vw *(333 / 375)); 
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    z-index: 1;
}
.mt11{
    margin-top: calc(100vw *(11 / 375)); 
}

.lwo .bg-lwo{
    background-color: #F4ECE1;
}
.bg-white-343{
    background-color: #ffffff;
    width: calc(100vw *(343 / 375)); 
    height: calc(100vw *(964 / 375)); 
    margin:0 auto;
    padding-left: calc(100vw *(16 / 375));
    padding-right: calc(100vw *(16 / 375));;
}
.d-item-ctn{
    border-bottom: 1px solid #F4ECE1;
    padding-bottom: calc(100vw *(40 / 375));
}
.d-item-ctn-last-child{
    border-bottom:none;
    padding-bottom: calc(100vw *(12 / 375));
}
.d-item-in-ctn .d-item{
    
    width: calc(100vw *(153 / 375)); 
}

.d-item-in-ctn{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.d-item-ctn .dt-0{
    font-family: Optima;
    font-size: calc(100vw *(22 / 375));
    font-weight: 400;
    line-height: calc(100vw *(28 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: #1d1d1d;    
}

.d-item-ctn .dt-1{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: #1d1d1d;    
}
.d-item-ctn .dt-2{
    
    font-family: Optima;
    font-size: calc(100vw *(34 / 375));
    font-weight: 400;
    line-height:calc(100vw *(40 / 375));
    height: calc(100vw *(40 / 375));
    letter-spacing: calc(100vw *(0.5 / 375));
    text-align: center;
    color:#B38E5A;
    margin-top:calc(100vw *(4 / 375));

}
.dt-tips{
    font-family: Sebino;
    font-size: calc(100vw *(10 / 375));
    font-weight: 350;
    line-height: calc(100vw *(14 / 375));
    letter-spacing: calc(100vw *(0.5 / 375));
    text-align: center;
    color: #939393;
}
.pt43{
    padding-top: calc(100vw *(43 / 375));
}
.pt32{
    padding-top: calc(100vw *(32 / 375));
}
.mt16{
    margin-top:calc(100vw *(16 / 375));
}
.mt12{
    margin-top:calc(100vw *(12 / 375));
}
.mt4{
    margin-top: calc(100vw *(4 / 375));
}
.abs-t0{
    position: absolute;
    left:calc(100vw *(58 / 375));
    top:calc(100vw *(168 / 375));
}
.abs-t1{
    position: absolute;
    left:calc(100vw *(215 / 375));
    top:calc(100vw *(254 / 375));
}
.abs-t0 .d-c1,.abs-t1 .d-c1{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 400;
    line-height: calc(100vw *(18 / 375));
    letter-spacing: 0.5px;
    text-align: right;
    color: #1D1D1D;
}
.abs-t1 .d-c1{
    text-align: left;
}

.abs-t0 .d-c2,.abs-t1 .d-c2{
    font-family: Sebino;
    font-size: calc(100vw *(12 / 375));
    font-weight: 350;
    line-height: calc(100vw *(16 / 375));
    letter-spacing: 0.30000001192092896px;
    text-align: right;
    color: #555555;
    margin-top:2px;
}
.absolute-sub-title{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(18 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: #555555;
    position: absolute;
    left:0;
    top:70px;    
    z-index: 1;
}
.absolute-sub-title008{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));;
    letter-spacing: 0.5px;
    text-align: left;
    color: #1D1D1D;
    position: absolute;
    left: calc(100vw *(17 / 375));
    top:calc(100vw *(136 / 375));
    z-index: 1;
}
.absolute-center{
    width: 100%;
    text-align: center;
}
.h28{
    height:calc(100vw *(28 / 375));
}
.section-006{
    margin-top:-1px;
}
.section-006 .abs-01{
    position: absolute;
    left:calc(100vw *(26 / 375));
    top:calc(100vw *(136 / 375));   

}
.section-006 .abs-02{
    position: absolute;
    left:calc(100vw *(25 / 375));
    top:calc(100vw *(256 / 375));
}

.section-006 .abs-03{
    position: absolute;
    left: calc(100vw *(26 / 375));
    top: calc(100vw *(329 / 375));
}

.section-006 .abs-01 .tt1,.section-006 .abs-02 .tt1,.section-006 .abs-03 .tt1{
    font-family: Sebino;
    font-size:  calc(100vw *(14 / 375));
    font-weight: 400;
    line-height:  calc(100vw *(20 / 375));
    letter-spacing: calc(100vw *(0.5 / 375));
    text-align: left;
    color: #1d1d1d;
}

.section-006 .abs-01 .tt2,.section-006 .abs-02 .tt2,.section-006 .abs-03 .tt2{
    font-family: Sebino;
    font-size: calc(100vw *(12 / 375));
    font-weight: 350;
    line-height: calc(100vw *(16 / 375));;
    letter-spacing:  calc(100vw *(0.5 / 375));
    text-align: left;
    color:#555555
}
.section-clb.section-006{
    margin-top:-2px;
}
.section-clb.section008{
    margin-top:-2px;
}
.lwo .abs-click-hot-area{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 400;
    line-height: calc(100vw *(18 / 375));
    letter-spacing:  calc(100vw *(0.5 / 375));
    text-align: center;
    color: #1D1D1D;
    border-bottom: 1px solid #1D1D1D;
    width: calc(100vw *(172 / 375));;
    height: calc(100vw *(18 / 375));
    bottom: calc(100vw *(40 / 375));
}
.h40{
    height:calc(100vw *(40 / 375));
}
.h568{
    height:calc(100vw *(568 / 375));
}
.abs007-ctn{
    position: absolute;
    top:calc(100vw *(160 / 375));
    left:calc(100vw *(163 / 375));
}
.abs007-ctn .item-exquisite-detail{
    text-align: center;
    margin-top:calc(100vw *(13 / 375));
}
.abs007-ctn .item-exquisite-detail img{
    width:calc(100vw *(36 / 375));
    height:calc(100vw *(36 / 375));
}
.a-desc{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing:  calc(100vw *(0.5 / 375));
    text-align: center;
    color: #1d1d1d;
    margin-top:calc(100vw *(4 / 375));
}

.bubble-bg{
    background: url('https://media.voibon.com/wp-content/uploads/2024/02/18005017/07-bubble.webp');
    background-size: calc(100vw *(208 / 375)) calc(100vw *(50 / 375));  
    height: calc(100vw *(50 / 375));
    width: calc(100vw *(208 / 375));
    text-align: center;
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 400;
    line-height: calc(100vw *(18 / 375));
    letter-spacing: 0.5px;
    color: #ffffff;
    padding-top:calc(100vw *(10 / 375));
}
.abs-bubble{
    top:calc(100vw *(574 / 375));   
}

.absolute-horizontal-center{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 1;
}
.top627{
    top:calc(100vw *(627 / 375));;
}
.lwo .w134{
    width: calc(100vw *(134 / 375));
    text-align: center;
}
.lwo .w124{
    width: calc(100vw *(124 / 375));
    text-align: center;
}
.abs-bottom40{
    bottom: calc(100vw *(40 / 375));;
}
.lwo .w308{
    width: calc(100vw *(308 / 375));;
}
.low .section008{
    margin-top:-1px;
}
.lwo .section009{
    padding:80px 9px 48px 16px;
    background-color: #ffffff;
}
.lwo  .section009 .item-ctn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top:calc(100vw *(32 / 375));;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 32px;
}
.lwo  .section009 .item-ctn img{
    width: calc(100vw *(124 / 375));
    height: calc(100vw *(124 / 375));
}
.ml0{
    margin-left:0;
}

.lwo  .section009 .item-ctn .desc-txt{
    width: calc(100vw *(202 / 375));
    height: calc(100vw *(78 / 375));
    margin-left:calc(100vw *(24 / 375));    
}

.lwo  .section009 .item-ctn .desc-txt .tf0{
    font-family: Optima;
    font-size: calc(100vw *(22 / 375));
    font-weight: 400;
    line-height: calc(100vw *(28 / 375));
    letter-spacing: 0.5px;
    text-align: left;
    color: #1D1D1D;    
}

.lwo  .section009 .item-ctn .desc-txt .tf1{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: left;
    color: #555555;
    margin-top:calc(100vw *(8 / 375));
}
.h562{
    height:calc(100vw *(562 / 375)); 
}
.h483{
    height:calc(100vw *(483 / 375)); 
}
.h626{
    height:calc(100vw *(626 / 375)); ;
}
.abs-spa{
    position: absolute;
    width: calc(100vw *(343 / 375)); 
    left: 50%;
    transform: translate(-50%,0);
    padding:0 16px;
    top: calc(100vw *(-140/ 375));;
    background: #ffffff;
}
.item-spa{
    padding-bottom: calc(100vw *(24 / 375));
    margin-top:calc(100vw *(16 / 375));
    border-bottom: 1px solid #F4ECE1;
}
.item-spa:last-child,.lwo .section009 .item-ctn:last-child{
    border: none;
}
.spa-title-ctn{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.spa-title-ctn .spa-step-title{
    font-family: Optima;
    font-size: calc(100vw *(34 / 375));;
    font-weight: 400;
    line-height: calc(100vw *(41 / 375));
    letter-spacing: 1.2142857313156128px;
    text-align: left;
    color: #BAA377;   
    height: calc(100vw *(41 / 375));
    padding-top:calc(100vw *(4 / 375));
}

.spa-title-ctn .spa-sub-title{
    font-family: Sebino;
    font-size: calc(100vw *(15 / 375));
    font-weight: 400;
    line-height: calc(100vw *(18 / 375));
    letter-spacing: 0.5357142686843872px;
    text-align: left;
    background-color: #BAA377;
    color: #ffffff;
    height: calc(100vw *(20 / 375));
    margin-left:calc(100vw *(9 / 375));
    padding:calc(100vw *(1 / 375)) calc(100vw *(4 / 375));
}
.spa-desc{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));;
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));;
    letter-spacing: 0.3499999940395355px;
    text-align: left;
    color: #555555;
    margin-top:calc(100vw *(0 / 375));;
}
.mt31{
    margin-top:calc(100vw *(31 / 375));
}
.mt54{
    margin-top:calc(100vw *(54 / 375));
}
.mt18{
    margin-top:calc(100vw *(18 / 375));
}
.lwo .routine-item{
   padding:0 calc(100vw *(21 / 375));
   text-align: center;
}
.lwo .routine-item .rt0{
    font-family: Optima;
    font-size: calc(100vw *(22 / 375));;
    font-weight: 400;
    line-height: calc(100vw *(28 / 375));;
    letter-spacing: 0.5px;
    text-align: center;
    color:#1D1D1D;
}

.lwo .routine-item .rt1{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: 0.5px;
    text-align: center;
    color: #555555;
    margin-top:calc(100vw *(8 / 375));
}
.lwo .routine-item img{
    width:  calc(100vw *(333 / 375)); 
    height:  calc(100vw *(213 / 375)); 
}
.lwo .routines-ctn{
    padding-bottom: calc(100vw *(80 / 375));
}
.lwo .routine-item .btn-routine-ctn{
    width: 100%;
    background: #4F49C5;    
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));;
    font-weight: 400;
    line-height: calc(100vw *(40 / 375));;
    letter-spacing: 0.5px;
    text-align: center;
    color:#ffffff;
    height: calc(100vw *(40 / 375));;
    border-radius: calc(100vw *(4 / 375));
    margin-top:calc(100vw *(32 / 375));
    text-transform: uppercase;
}


.lwo .routine-item .btn-routine-ctn:active,.lwo .routine-item .btn-routine-ctn:hover{
    opacity: 0.7;
 }



 [id='product-19945']  #radioform,[id='product-22760']  #radioform{
    display: flex;
    flex-direction: column;
 }

 [id='product-19945']  #radioform .limited-time-offer,[id='product-22760']  #radioform .limited-time-offer{
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #F4F4F4;
    padding:9px 12px 13px 20px;
    order:1;
    border-radius: 4px;
    margin-bottom: 24px;
}
[id='product-19945']  #radioform .quantity_input_group,[id='product-22760']  #radioform .quantity_input_group{
    order:0;
}
[id='product-19945']  #radioform .add_to_cart_group,[id='product-22760']  #radioform .add_to_cart_group{
    order:2;
}

.limited-time-offer .limit-off-img-ctn{
    width: calc(100vw *(24 / 375));
    height: calc(100vw *(24 / 375));

}
.limited-time-offer .limit-off-img-ctn img{
    width: 100%;
    height: 100%;
}
.limited-time-offer .limit-off-txt-ctn{
    width: calc(100vw *(275 / 375));
    
    margin-left:12px;
}

.l-t1{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 400;
    line-height: calc(100vw *(28 / 375));
    letter-spacing: calc(100vw *(0.5 / 375));
    text-align: left;
    color:#1D1D1D;
}

.l-t2{
    font-family: Sebino;
    font-size: calc(100vw *(14 / 375));
    font-weight: 350;
    line-height: calc(100vw *(20 / 375));
    letter-spacing: calc(100vw *(0.5 / 375));
    text-align: left;
    color:#555555;
}
square-placement{
    display: none;
}

.product_cat-sample-kit .qodef-quantity-buttons.quantity.hidden{
    height: 0px;
    border: none;
}