.before-after-card{background:#fff;border-radius:16px;padding:40px 80px;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:920px;margin:0 auto;position:relative}.before-after-owl-carousel .item{padding:0}.before-after-image-wrapper{position:relative;z-index:1}.before-after-comparison-container{position:relative;width:320px;height:320px;overflow:hidden;border-radius:16px;user-select:none;margin:0 auto}.before-after-image-base,.before-after-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden}.before-after-image-overlay{clip-path:inset(0 50% 0 0);z-index:2}.before-after-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.before-after-single-image{width:320px;height:320px;margin:0 auto;border-radius:16px;overflow:hidden}.before-after-single-image img{width:100%;height:100%;object-fit:cover}.before-after-slider-container{margin-top:25px;padding:0 20px;max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:25px;position:relative;height:40px;display:flex;align-items:center}.slider-track-background{position:absolute;width:calc(100% - 40px);left:20px;height:3px;background:#eaeaea;border-radius:3px;z-index:0}.slider-track-fill{position:absolute;height:3px;background:#2968fe;border-radius:3px;pointer-events:none;z-index:1;transition:background .2s ease;left:20px}.before-after-range-slider{-webkit-appearance:none;appearance:none;width:calc(100% - 40px);left:20px;height:3px;background:rgba(0,0,0,0);outline:0;border-radius:3px;cursor:pointer;position:absolute;z-index:2;margin:0}.before-after-range-slider::-webkit-slider-runnable-track{height:3px;background:rgba(0,0,0,0);border:none}.before-after-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:60px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0}.before-after-range-slider::-moz-range-track{height:3px;background:rgba(0,0,0,0);border:none}.before-after-range-slider::-moz-range-thumb{width:60px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0}.slider-thumb-icon{position:absolute;width:40px;height:40px;background:#2968fe;border-radius:50%;pointer-events:none;z-index:3;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.slider-thumb-icon svg{position:absolute;width:16px;height:16px}.slider-thumb-icon .icon-check{display:block}.slider-thumb-icon .icon-x{display:none}.before-after-owl-carousel .owl-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0;z-index:5}.before-after-owl-carousel .owl-nav button{pointer-events:auto;background:rgba(0,0,0,0)!important;border:1px solid #2968fe!important;margin:0;transition:transform .2s ease;border-color:#2968fe;fill:#2968fe;width:44px;height:44px;padding:20px!important;border-radius:50px!important}.before-after-owl-carousel .owl-nav button:focus,.before-after-owl-carousel .owl-nav button:hover{background:#2968fe!important;fill:#fff!important}.before-after-owl-carousel .owl-nav button:focus:not(:focus-visible){outline:0}.before-after-owl-carousel .owl-nav button.owl-prev{margin-left:-48px}.before-after-owl-carousel .owl-nav button.owl-next{margin-right:-48px}.before-after-owl-carousel .owl-nav button svg{width:24px;height:24px}.before-after-owl-carousel .owl-nav button.disabled{opacity:.3;cursor:not-allowed}@media(max-width:991px){.before-after-card{padding:40px;max-width:100%}.before-after-content{padding:0}.before-after-owl-carousel .owl-nav{top:200px}.before-after-owl-carousel .owl-nav button.owl-prev{margin-left:-50px}.before-after-owl-carousel .owl-nav button.owl-next{margin-right:-50px}}@media(max-width:767px){.before-after-slider-wrapper{padding:40px 0}.before-after-slider-container{margin-top:20px}.before-after-owl-carousel .owl-nav button.owl-prev{margin-left:-30px}.before-after-owl-carousel .owl-nav button.owl-next{margin-right:-30px}}@media(max-width:480px){.before-after-comparison-container,.before-after-single-image{width:280px;height:280px}.before-after-slider-container{max-width:320px}}
/*# sourceMappingURL=before-after-img-module.min.css.map */