.splide__arrow{background:transparent;border:none}.splide__arrow--prev{position:absolute;top:50%;left:0}.splide__arrow--next{position:absolute;top:50%;right:0}.container,.container-image-full{width:50%}.ba_product{display:flex;place-items:center;flex-wrap:wrap;width:90%;margin:100px auto}img{display:block;max-width:100%}.container{display:grid;position:relative;overflow:hidden;--position: 50%}.container-image-full{display:flex;flex-direction:column}.container-image{display:grid;position:relative;overflow:hidden;--position: 50%;width:100%}.before_badge{z-index:99!important;position:absolute;top:10%;left:15px;padding:0 5px;border-radius:5px;color:#000;letter-spacing:2%}.after_badge{z-index:99!important;position:absolute;top:10%;right:15px;padding:0 5px;border-radius:5px;font-size:14px;line-height:18.62px;color:#000}.slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.image-before{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.ba-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;width:100%;height:100%}.ba-slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px}.slider-line{position:absolute;top:0;right:0;bottom:0;left:0;width:.2rem;height:100%;background-color:#fff;left:var(--position);transform:translate(-50%);pointer-events:none}.slider-button{position:absolute;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none}.full-bar{background:#33535b;height:95px;display:flex;flex-direction:row;position:relative}.pro-image-container{margin-left:25px}.ab-image{position:absolute;top:-200%}.bar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:100px;margin-right:45px;width:100%}.all_pro-image{width:100%;height:100%;object-fit:cover;position:absolute}.pro-image{width:20%}.max-ba-content{max-width:68%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.mt-3{margin-top:3rem}.mb-3{margin-bottm:3rem}.before_after-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 6rem}.before_after-heading{margin-bottom:2rem}.before_after-heading h3{margin:0}.before_after-paragraph p{font-size:1.6rem;color:#000;text-transform:capitalize;line-height:1.33;margin:0}@media only screen and (max-width: 768px){.container{width:100%}.ba_main{padding:0 20px}.ba_product{width:100%;margin:0}.container-image-full{width:100%;margin-bottom:2.8rem}.before_after-paragraph p{font-size:1.2rem;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/before-after-slider.css.map */
