.before-after-section{color:var(--text-color);position:relative;overflow:hidden;text-align:var(--heading-align)}.before-after-section .container-fluid .swiper-wrapper{justify-content:unset!important}.before-after-section_custom-page-width .container{max-width:calc(var(--custom-width, 1200) * 1px)}.before-after-section_container-wrapper{padding:var(--xl-padding-y) 0}.inner-padding .before-after-section_content-wrapper{padding-top:20px;padding-bottom:20px}.outer-padding .before-after-section_container-wrapper,.before-after-section_wrapper.inner-padding .container{background:var(--background-color);color:var(--text-color)}.before-after-section_wrapper.outer-padding .container,.before-after-section_wrapper.outer-padding .container-fluid{--cp-spacer-left: 0;--cp-spacer-right: 0}.outer-padding .before-after-section_container-wrapper:has(.container){padding-left:var(--xl-padding-x);padding-right:var(--xl-padding-x)}.before-after-section_wrapper.inner-padding .container,.before-after-section_wrapper.outer-padding .container-fluid{--cp-spacer-left: var(--xl-padding-x);--cp-spacer-right: var(--xl-padding-x)}.before-after-section .heading{margin-bottom:20px;text-align:var(--heading-align)}.before-after-section .title h1,.before-after-section .title h2,.before-after-section .title h3,.before-after-section .title p{font-size:var(--font-size-heading);font-weight:700;text-transform:var(--headline-transform);color:var(--text-color);margin-bottom:16px;text-align:var(--heading-align);line-height:110%}.before-after-section_content-wrapper .subtitle h2,.before-after-section_content-wrapper .subtitle h1,.before-after-section_content-wrapper .subtitle h3,.before-after-section_content-wrapper .subtitle p{font-size:var(--subtitle-size, 24px)!important;font-weight:500;line-height:150%;margin-bottom:20px;text-align:var(--heading-align);color:var(--subtitle-color, var(--text-color))!important}.before-after-wrapper{display:flex;flex-direction:column;gap:40px}.before-after-slider{width:100%;overflow:hidden;padding-bottom:50px}.before-after-item{border:1px solid #cbcbcb;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.before-after-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--image-radius)}.before-image{clip-path:inset(0 50% 0 0)}.before-image img,.after-image img,.before-image svg,.after-image svg{width:100%;height:100%;object-fit:cover;display:block}.after-image{clip-path:inset(0 0 0 50%)}.before-image,.after-image{position:absolute;top:0;left:0;width:100%;height:100%}.divider{position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--marker-color);cursor:ew-resize;z-index:10}.handle{position:absolute;top:50%;left:-35px;width:70px;height:70px;background:var(--marker-color);border-radius:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--marker-symbol);font-weight:700}.labels{display:flex;justify-content:space-around;align-items:center;width:100%;height:66px;text-align:center}.before-label,.after-label{font-size:21px;line-height:125%;font-weight:700;color:var(--text-color)}.main-before-after .swiper-button-prev,.main-before-after .swiper-button-next{top:50%;transform:translateY(-50%);z-index:10;color:var(--marker-color)}.main-before-after .swiper-button-prev{left:10px}.main-before-after .swiper-button-next{right:10px}.main-before-after .before-after-item{border-radius:var(--image-radius)}.main-before-after .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;padding-top:0}.main-before-after .swiper-pagination{display:flex;gap:30px;align-items:center}.main-before-after .swiper-pagination-bullet{margin:0}.main-before-after .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;height:20px}.main-before-after .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.main-before-after .swiper-pagination-bullet{width:16px;height:16px}.main-before-after .swiper-b-next:hover,.main-before-after .swiper-b-prev:hover{background-color:var(--color-text-btn)}.main-before-after .swiper-b-next:hover svg,.main-before-after .swiper-b-prev:hover svg{color:var(--payment-terms-background-color)}.main-before-after .swiper-b-next:hover svg path,.main-before-after .swiper-b-prev:hover svg path{fill:var(--payment-terms-background-color)}@media(min-width:769px){.main-before-after .before-after-section{display:var(--display-value)}}@media(max-width:768px){.main-before-after .before-after-section{display:var(--xs-display-value)}.before-after-section_content-wrapper .subtitle h2,.before-after-section_content-wrapper .subtitle h1,.before-after-section_content-wrapper .subtitle h3,.before-after-section_content-wrapper .subtitle p{font-size:var(--subtitle-size-m, 20px)!important;font-weight:500}.outer-padding .before-after-section_container-wrapper:has(.container){padding-left:var(--xs-padding-x);padding-right:var(--xs-padding-x)}.before-after-section_wrapper.inner-padding .container,.before-after-section_wrapper.outer-padding .container-fluid{--cp-spacer-left: var(--xs-padding-x);--cp-spacer-right: var(--xs-padding-x)}.before-after-section_container-wrapper{padding:var(--xs-padding-y) 0}.main-before-after .swiper-button-prev,.main-before-after .swiper-button-next{top:50%;transform:translateY(-50%);width:30px;height:30px}.main-before-after .swiper-button-prev{left:5px}.main-before-after .swiper-button-next{right:5px}.main-before-after .swiper-button-prev:after,.main-before-after .swiper-button-next:after{font-size:16px}.main-before-after .swiper-pagination{gap:14px}.main-before-after .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px}.main-before-after .swiper-pagination-bullet{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/533/assets/section-beforeafter.css.map */