.skincare{display:flex;flex-direction:column;position:relative;width:100%}.skincare>.custom-bullets{position:sticky;display:flex;top:112px;bottom:0;width:100%;border-bottom:1px solid white;gap:5%;font-size:16px;color:#fff;z-index:5;max-width:1400px;margin:auto;background-color:#000}.skincare>.custom-bullets span{background:transparent;width:auto;height:auto;margin:0;padding:20px 0 15px;text-transform:uppercase;border-radius:0;opacity:1;cursor:pointer;transition:all .3s ease}.skincare>.custom-bullets span.active{border-bottom:5px solid #009C8A}.background-color{background:radial-gradient(circle at top right,#017d5d 2%,#000 25%) top right,radial-gradient(circle at bottom left,#017d5d,#000 20%) bottom left;background-size:50.1% 100%;background-repeat:no-repeat}.skincare .blocs{width:100%;color:#fff}.skincare .blocs .content{width:100%;max-width:1400px;margin:auto}.skincare .blocs .b_body{display:flex;align-items:flex-start;width:100%;padding-bottom:100px}.skincare .blocs .b_body .left{display:flex;flex-direction:column;gap:80px;align-items:flex-start;border-top:1px solid;padding-top:30px;padding-right:5%;width:50%}.skincare .blocs .b_body .left h3{font-size:40px;line-height:1;margin:0;font-weight:500;color:#fff}.skincare .blocs .b_body .left>div>p{font-size:16px;line-height:1.5;color:#fff}.skincare .blocs .b_body .left img{aspect-ratio:3 / 4;object-fit:cover;width:50%}.skincare .blocs .b_body .right{display:flex;flex-direction:column;border-top:1px solid;padding-top:30px;padding-left:5%;width:50%}.skincare .video{display:flex;flex-direction:column;gap:15px;width:70%}.skincare .video h4{font-size:18px;margin:0;font-weight:600;color:#fff}.skincare .video .media{display:flex;flex-direction:column;aspect-ratio:16 / 9;position:relative;padding-bottom:0}.skincare .video .media .video_container{align-items:center;justify-content:center;display:none;height:100%;position:relative}.skincare .video .media .video_container.active{display:flex}.skincare .video .media .video_container video{width:100%;height:100%;aspect-ratio:14 / 9;object-fit:cover}.skincare .video .media .video_container video[poster]{width:100%;object-fit:cover}.skincare .video .media .video_container .play{aspect-ratio:1 / 1;border-radius:100%;position:absolute;border:1px solid white;color:#fff;background-color:#ffffff80;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.skincare .video .media .video_container .play:hover{background-color:#fffc;color:#000}.skincare .video .tabs{display:flex;gap:20px}.skincare .video .tabs span{padding:.5em 1em;border:1px solid white;border-radius:100px;color:#fff;text-align:center;line-height:1;cursor:pointer;transition:all .3s ease;font-size:14px}.skincare .video .tabs span.active{background-color:#009c8a;border-color:#009c8a}.skincare .blocs .b_body .right .steps{width:100%}.skincare .blocs .b_body .right .steps .custom-bullets{position:relative;width:100%;display:flex;justify-content:left;background:none;top:0;bottom:0;gap:5%;margin-bottom:70px}.skincare .blocs .b_body .right .steps .custom-bullets span{height:auto;width:auto;background-color:transparent;border-radius:100px;margin:0;border:1px solid white;padding:1em 2em;opacity:1;display:block!important;cursor:pointer;transition:all .3s ease;font-size:14px;color:#fff}.skincare .blocs .b_body .right .steps .custom-bullets span.swiper-pagination-bullet-active{background-color:#009c8a;border-color:#009c8a}.skincare .blocs .b_body .right .products{display:flex;gap:2%;margin-bottom:50px;flex-wrap:wrap}.skincare .blocs .b_body .right .products .p{display:flex;flex-direction:column;height:100%;width:23%;font-size:16px}.skincare .blocs .b_body .right .products .p img{width:100%;margin-bottom:15px}.skincare .blocs .b_body .right .products .p a{padding:.5em 1em;border:1px solid white;border-radius:100px;color:#fff;text-align:center;line-height:1;text-decoration:none;transition:all .3s ease;font-size:14px}.skincare .blocs .b_body .right .products .p a:hover{background-color:#fff;color:#000}.skincare .blocs .b_body .right .desc>p{font-size:16px;line-height:1.6;text-align:left;color:#fff}.bullet{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.skincare table{width:100%;border-collapse:collapse;font-size:15px}.skincare table td{vertical-align:top;padding:5px 0}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-autoheight .swiper-wrapper{align-items:flex-start}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}@media screen and (max-width:1600px){.skincare .blocs{background:#000}.skincare .blocs .b_body .left h3{font-size:35px}.skincare .video{width:80%}}@media screen and (max-width:1024px){.skincare .blocs .b_body .left img{width:100%;aspect-ratio:1}.skincare .blocs .b_body .right .products .p{width:49%;margin-bottom:20px}.skincare .blocs .b_body .right .products{flex-wrap:wrap}.skincare .blocs .b_body .right .steps .custom-bullets{gap:10px;display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:35px}.skincare .blocs .b_body .right .steps .custom-bullets span{padding:.5em 1.5em;font-size:14px}.skincare .video{width:100%}}@media screen and (max-width:768px){.skincare>.custom-bullets{flex-direction:column;padding:0;border:0px;position:relative;top:0!important}.skincare>.custom-bullets span.active{border-bottom:0;background-color:#009c8a}.skincare>.custom-bullets span{padding:15px 5%;font-size:16px;border-bottom:1px solid rgba(255,255,255,.2)}.skincare>.custom-bullets span:last-child{border-bottom:none}.skincare .blocs .b_body{display:flex;flex-direction:column;padding:8% 5%}.skincare .blocs .b_body .left{width:100%;padding-right:0;gap:30px;font-size:15px}.skincare .blocs .b_body .right{width:100%;padding-left:0;margin-top:40px}.skincare .blocs .b_body .left h3{font-size:32px}.skincare .video{width:100%;margin-bottom:20px}.skincare .video .tabs{flex-direction:column;gap:10px}.skincare .video .tabs span{width:100%}.skincare .blocs .b_body .right .products .p{width:48%}.skincare .blocs .b_body .right .steps .custom-bullets{flex-direction:column;gap:15px;margin-bottom:30px}.skincare .blocs .b_body .right .steps .custom-bullets span{width:100%;text-align:center}.skincare .blocs .b_body .right .products{justify-content:space-between}}@media screen and (max-width:480px){.skincare .blocs .b_body{padding:10% 5%}.skincare .blocs .b_body .left h3{font-size:28px}.skincare .blocs .b_body .left>div{font-size:14px}.skincare .blocs .b_body .right .desc{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-skincare-routines.css.map */