.before-after-view{padding-inline:20px}.before-after-view .container{max-width:1130px;margin-inline:auto}.before-after-view .section-inner{display:flex;gap:4rem}.before-after-view .text-wrap{flex:1}.before-after-view .text-column{flex:1;max-width:547px;display:flex;justify-content:center;flex-direction:column}.before-after-view .hair_benefits{margin-top:30px}.before-after-view .text-column h2{font-family:futwora_promedium,sans-serif;font-size:28px;line-height:1.285;letter-spacing:1px;text-transform:uppercase;margin:0 0 30px}.before-after-view .benefits h3{font-family:GT America Md,sans-serif;font-size:22px;line-height:1.363;letter-spacing:0px;margin-block:10px}.before-after-view ul{list-style:none;padding:0}.before-after-view ul li{font-family:" GT America Rg",sans-serif;font-size:18px;line-height:1.44;letter-spacing:0;margin-bottom:8px}.before-after-view .benefits .svg-wrapper{display:inline-flex;width:13px;height:9px;margin-right:5px}.before-after-view .benefits .svg-wrapper svg{max-width:100%;max-height:100%}.before-after-view .button{display:inline-block;margin-top:1.5rem;padding:1.5rem 1rem;background:#000;color:#fff;text-decoration:none;width:fit-content;max-width:none;font-family:GT America Md,sans-serif;font-weight:500;font-size:1.8rem;line-height:1.44;letter-spacing:0;min-width:23.8rem;text-transform:none}.new-offer-template-2.before-after-view .button{min-width:34.7rem}.before-after-view .before-wrapper .image-text,.before-after-view .after-wrapper .image-text{position:absolute;top:0;left:0;color:#000;padding:16px 20px;font-family:futwora_promedium,sans-serif;font-size:20px;line-height:1.5;letter-spacing:1px;text-transform:uppercase}.before-after-view .after-wrapper .image-text{right:0;left:auto}.before-after-view .swiper-view{flex:1;display:flex;align-items:center;flex-direction:column}.before-after-view .swiper-view .before-after-additional--text{font-family:GT America Rg,sans-serif;font-size:14px;line-height:1.42}.before-after-view .image-container img{width:100%;height:100%;object-fit:cover;object-position:left}.before-after-view .text-content{padding:3.6rem}.before-after-view .icon-with-text-container{display:grid;grid-template-columns:1fr 1fr;column-gap:2.8rem;row-gap:1.2rem}.before-after-view .icon-with-text{display:flex;align-items:center;gap:8px}.before-after-view .description p{margin:0;font-size:1.5rem;line-height:1.5;letter-spacing:normal}.before-after-view .icon-with-text .icon svg{width:3.2rem;height:3.2rem;display:block}.before-after-view .swiper-container{max-width:543px;height:100%;max-height:680px;width:100%;position:relative;overflow:hidden}.before-after-view .image-container{position:relative;height:100%;overflow:hidden}.before-after-view .image-container .static-image{width:100%;height:100%;object-fit:contain;object-position:center}.before-after-view .after-wrapper img{width:100%;height:100%}.before-after-view .before-wrapper img{position:absolute;height:100%;top:0;right:0;bottom:0;left:0;clip-path:inset(0px 50% 0px 0px)}.before-after-view .slider-controll{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.before-after-view .slider-line.top{display:block;width:.2rem;height:95%;background:#fff}.before-after-view .slider-line.bottom{display:block;width:.2rem;height:5%;background:#fff}.before-after-view .trigger-btn{background:#fff;border-radius:50%;aspect-ratio:1 / 1;width:65px;height:65px;display:flex;justify-content:center;align-items:center;cursor:pointer}.before-after-view .trigger-btn svg{display:flex}.before-after-view .trigger-container{display:flex;position:absolute;top:0;bottom:0;left:50%;flex-direction:column;align-items:center;margin-left:-3.2rem}.before-after-view .text-wrap{display:flex;align-items:center}.before-after-view .heading p{margin:0}.before-after-view .description p strong{font-size:1.4rem}.before-after-view .swiper-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.before-after-view .slider-controll{-webkit-appearance:none;appearance:none;width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;z-index:10;margin:0;opacity:.0001;cursor:pointer}.before-after-view .slider-controll::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:1px}.before-after-view .slider-controll::-moz-range-thumb{width:1px;height:1px}.before-after-view .slider-controll,.swiper-container *,.before-after-view .before-after-view .slider-controll{-webkit-tap-highlight-color:transparent}@media screen and (max-width:849px){.before-after-view .section-inner{flex-direction:column;gap:2rem}.before-after-view .swiper-container{max-width:100%}.before-after-view .image-container img{display:block}.before-after-view .image-container .after-wrapper{max-height:650px}.before-after-view .after-wrapper img{max-height:inherit}.before-after-view .trigger-container{margin-left:-3rem}.before-after-view .trigger-btn{width:58px;height:58px}}@media screen and (max-width: 749px){.before-after-view .text-column h2{font-size:24px;line-height:1.33;margin-bottom:15px}.before-after-view .hair_benefits{margin-bottom:15px}}@media screen and (max-width: 450px){.before-after-view .image-container img{aspect-ratio:.796 / 1}.before-after-view .button{max-width:100%;width:100%}.new-offer-template-2.before-after-view .button{min-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/before-after-view.css.map */