.customer-switching-wrapper{display:flex}.customer-switching-section h2{font-family:Inter-Medium;letter-spacing:0;margin-top:0;line-height:1.2;margin-bottom:20px}.customer-switching-section h2 em strong{text-decoration:none}.before-after-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;overflow:hidden}.customer-switching-slider{margin-top:50px}.after-before-title{display:flex;gap:2px;text-align:center}.after-before-content{text-align:center;padding:0 15px 15px}p.customer-switching-desc{font-size:23px;text-align:center;font-family:Inter-medium;letter-spacing:0;max-width:815px;margin:0 auto;line-height:1.2}.problem-title{display:inline;padding:3px;border-radius:30px;display:flex;width:fit-content;margin:10px auto}.problem-title span{font-family:Inter-Bold;text-transform:uppercase;display:inline-block;letter-spacing:0;padding:6px 11px;margin:0;line-height:1}.after-before-title h4{width:calc(50% - 1px);margin:0;text-transform:uppercase;line-height:1.3;padding:7px;font-family:Inter-bold}.before-after-wrapper{position:relative;max-width:100%;margin:0 auto;overflow:hidden;width:100%}.before-after-wrapper-inner{padding:20px 20px 0}.before-after-inner{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:0 0 10px 10px}.before-after-image{position:absolute;top:0;left:0;height:100%;width:100%}.before-after-image img{width:100%;height:100%;object-fit:cover;display:block}.before-after-image--after{z-index:1}.before-after-image--before{z-index:1;pointer-events:none}.before-after-clip{height:100%;width:100%;overflow:hidden;position:relative;clip-path:inset(0 50% 0 0)}.before-after-clip img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.before-after-handle{position:absolute;top:0;bottom:0;left:50%;z-index:1;width:2px;display:flex;align-items:center;justify-content:center;pointer-events:none;cursor:e-resize}.handle-arrow--left{width:10px;height:15px;position:absolute;top:50%;left:0;transform:translate(-20px,-50%);clip-path:polygon(100% 0%,0 50%,100% 100%);display:block!important}.handle-arrow--right{width:10px;height:15px;position:absolute;top:50%;right:0;transform:translate(20px,-50%);clip-path:polygon(100% 50%,0 0,0 100%);display:block!important}.before-after-slider{opacity:0;position:absolute;z-index:5;height:100%;width:100%;-webkit-appearance:none;overflow:hidden;cursor:grab}.before-after-slider::-webkit-slider-thumb{-webkit-appearance:none;height:50rem;max-height:100%;width:5rem;border:solid 4px red}.after_before_title{font-family:Inter;text-transform:capitalize;letter-spacing:0;font-size:22px;line-height:1.3;margin:15px 0}.after-before-desc p{font-family:Inter-Medium;font-size:15px;line-height:1.3;letter-spacing:0}.customer_name{text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 0}.customer_name h6{margin:0}.customer_name h6{margin:0;font-size:20px;font-style:italic;font-family:Inter;line-height:1}.rating-img{margin-top:10px}.customer-switching-section .swiper-pagination-clickable .swiper-pagination-bullet{background:#42326a;bottom:0}.customer-switching-section h2 em{text-decoration:none}.customer-switching-wrapper{padding-bottom:50px}.after_before_title{min-height:86px}.home-page-swtiching .after-before-block-btn-last-inner{font-size:28px;border-radius:19px;text-transform:capitalize;margin-top:3rem}.home-page-swtiching .swiper-pagination-clickable .swiper-pagination-bullet{border:1px solid #fff;width:10px;height:10px;opacity:1;background:#f7d2ff}.home-page-swtiching .swiper-pagination-clickable .swiper-pagination-bullet-active{width:15px;height:15px;background:#860ead}.home-page-swtiching .swiper-pagination{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 767px){.customer-switching-wrapper{display:flex;padding-bottom:50px}.customer-switching-wrapper-inner{padding:0 10px 20px}p.customer-switching-desc{margin:0 0 26px;font-size:19px;line-height:1.2}.customer-switching-slider{margin-top:20px}}@media only screen and (max-width: 575px){.after-before-desc{min-height:72px}.after_before_title{min-height:78px}.after-before-content{padding:0 17px 15px}}@media only screen and (max-width: 450px){.customer-switching-section h2{max-width:300px;margin:0 auto 20px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-customer-switching.css.map */