.media-box{position:relative;overflow:hidden;display:block}.media-box:after{content:"";width:100%;display:block;padding-bottom:var(--media-height)}.media-box.third-party:after{padding-bottom:56.14%}.media-box img,.media-box video,.media-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.flexbox{display:flex;flex-wrap:wrap}.pdp-afterbefore-section .col-group-wrap{gap:100px;align-items:center}.pdp-afterbefore-section .col{width:100%;max-width:calc(50% - 50px)}.pdp-afterbefore-section .col .col-wrap{position:relative}.pdp-afterbefore-section .image-slide-wrap .image-slide-col{flex:1;position:relative}.pdp-afterbefore-section .image-slide-wrap .image-slide-col .image-slide-text{position:absolute;top:10px;left:10px;color:#fff;z-index:2;line-height:1.25;font-family:Work Sans;font-weight:500}.pdp-afterbefore-section .col.right-col{padding-right:calc((100vw - 1420px)/2)}.pdp-afterbefore-section .col.right-col .col-wrap .col-rowlist{max-width:595px}.pdp-afterbefore-section .section-title{color:#13322b;font-family:Work Sans;font-weight:400;font-size:30px;line-height:1.25}.pdp-afterbefore-section .section-title strong{font-weight:600}.pdp-afterbefore-section .section-disclaimer{color:#13322b;font-family:Avenir Book;font-size:12px;line-height:1.25;opacity:.25}.pdp-afterbefore-section .col-rowlist{margin:60px 0}.pdp-afterbefore-section .col-rowlist .text-row{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:20px;align-items:center}.pdp-afterbefore-section .col-rowlist .text-row:not(:first-child){padding-top:30px}.pdp-afterbefore-section .col-rowlist .text-row .text-row-col{flex:1}.pdp-afterbefore-section .col-rowlist .text-row .percentage-count{color:#13322b;font-weight:300;display:block;line-height:1;font-size:60px;font-family:Work Sans}.pdp-afterbefore-section .col-rowlist .text-row .percentage-text{color:#13322b;display:block;line-height:1.4;font-size:16px;font-family:Avenir Book}.pdp-afterbefore-section .swiper-pagination{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;bottom:20px;left:0;width:100%;padding:0 20px}.pdp-afterbefore-section .image-slide-wrap .image-slide-col .media-box img{object-position:top}.pdp-afterbefore-section .swiper-pagination .swiper-pagination-bullet{width:20px;height:20px;border:1px solid #fff;margin:0;background-color:transparent;opacity:1;position:relative;display:flex;align-items:center;justify-content:center}.pdp-afterbefore-section .swiper-pagination .swiper-pagination-bullet:after{content:"";width:16px;height:16px;background-color:#fff;display:block;position:absolute;border-radius:100%;opacity:0;visibility:hidden}.pdp-afterbefore-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity:1;visibility:visible}@media only screen and (max-width:1260px){.pdp-afterbefore-section .col.right-col{padding-right:30px}.pdp-afterbefore-section .col-group-wrap{gap:50px}.pdp-afterbefore-section .col{max-width:calc(50% - 25px)}}@media only screen and (max-width:1080px){.pdp-afterbefore-section .col-rowlist .text-row .percentage-count{font-size:40px}.pdp-afterbefore-section .col-rowlist{margin:30px 0}}@media only screen and (max-width:989px){.pdp-afterbefore-section .col{max-width:100%}.pdp-afterbefore-section .col.right-col{padding:0 32px}.pdp-afterbefore-section .col.right-col .col-wrap .col-rowlist{width:100%;max-width:100%}}@media only screen and (max-width:749px){.pdp-afterbefore-section .col-group-wrap{gap:20px}.pdp-afterbefore-section .swiper-pagination{gap:5px}.pdp-afterbefore-section .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px}.pdp-afterbefore-section .swiper-pagination .swiper-pagination-bullet:after{width:8px;height:8px}.pdp-afterbefore-section .col.right-col{padding:0 20px}.pdp-afterbefore-section .section-title{font-size:22px}.pdp-afterbefore-section .col-rowlist .text-row{justify-content:space-between}.pdp-afterbefore-section .col-rowlist .text-row .percentage-count{font-size:30px}.pdp-afterbefore-section .col-rowlist .text-row .text-row-col{flex:unset}.pdp-afterbefore-section .col-rowlist .text-row .text-row-col:last-child{max-width:calc(100% - 100px);width:100%}.pdp-afterbefore-section .col-rowlist .text-row .percentage-text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/304/assets/pdp-beforeafter-section.css.map */