.after-before-effect{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--background-color)}.after-before-effect *{color:var(--text-color)}.after-before-effect .swiper-button-next:after,.after-before-effect .swiper-button-prev:after{content:none}.after-before-effect .swiper-button-next,.after-before-effect .swiper-button-prev{width:35px;height:35px;border-radius:50%}.after-before-effect .swiper-button-next svg,.after-before-effect .swiper-button-prev svg{width:100%;height:100%;display:block}.after-before-effect-navigation .swiper-button-prev,.after-before-effect-navigation .swiper-button-next{position:unset;margin:0}.after-before-effect-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:40px}.after-before-effect-slider ul{margin:0;padding:0;list-style:none;gap:50px}.after-before-effect-slider ul li.swiper-slide{width:calc(33.33% - 50px * 2 / 3);max-width:calc(33.33% - 50px * 2 / 3);height:inherit}.after-before-effect-slider.swiper-initialized ul li.swiper-slide{width:100%;max-width:100%}.after-before-effect-slider.swiper-initialized ul{gap:0;height:unset}.after-before-effect-body{margin:0 -15px}.after-before-effect-slider{padding:15px}.after-before-effect-navigation .swiper-pagination{position:unset;width:fit-content;display:flex;align-items:center;justify-content:center;gap:8px}.after-before-effect-navigation .swiper-pagination span.swiper-pagination-bullet{opacity:1;background:transparent;border:1.5px solid #E768A3;width:16px;height:16px;margin:0;transition:all .5s ease;position:relative}.after-before-effect-navigation .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";background:#e768a3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;transition:all .5s ease}.after-before-effect-item{box-shadow:0 0 12px #0000000a;padding:25px 0;background:#f7f7f7;height:100%;box-sizing:border-box}.after-before-effect-image{padding-bottom:78%;position:relative}.after-before-effect-image svg.placeholder-svg,.after-before-effect-image img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.after-before-effect-info{padding:20px 25px 0}.after-before-effect-info .effect-info{display:flex;flex-wrap:wrap;align-items:center;gap:5px;justify-content:space-between}.after-before-effect-info .effect-info span.name{font-size:20px;line-height:1.3;letter-spacing:0;text-transform:capitalize;font-family:Outfit-bold}.after-before-effect .customer-review{display:flex;align-items:center;gap:2px;margin:5px 0}.after-before-effect .customer-review img{width:18px;height:18px;display:block}.after-before-effect-info .effect-feedback{font-size:18px;line-height:1.5;letter-spacing:0;font-family:Outfit-regular;margin:15px 0}.after-before-effect-info .effect-feedback p{margin:0}.after-before-effect-info a.read-more{font-size:18px;line-height:1.3;color:#df8096;letter-spacing:0;text-decoration:underline;FONT-FAMILY:Outfit-medium}@media (max-width:749px){.after-before-effect .customer-review img{width:15px;height:15px}.after-before-effect{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.after-before-effect-navigation{margin-top:20px;gap:0}.after-before-effect-navigation .swiper-button-prev,.after-before-effect-navigation .swiper-button-next{display:none}.after-before-effect-navigation .swiper-pagination span.swiper-pagination-bullet{width:10px;height:10px}.after-before-effect-navigation .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:6px;height:6px}.after-before-effect-navigation .swiper-pagination{gap:5px}.after-before-effect-body{margin:0 -10px}.after-before-effect-slider{padding:10px}.after-before-effect-item{padding:20px 0}.after-before-effect-info .effect-info span.name{font-size:15px}.after-before-effect-info .effect-feedback{font-size:15px;margin:10px 0}.after-before-effect-info a.read-more{font-size:14px}.after-before-effect-info{padding:15px 20px 0}}@media (max-width:668px){.after-before-effect-navigation{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/after-before-effect.css.map */