@media (min-width: 992px){.content-before-after .before-after{max-width:1000px;margin:0 auto}}.content-before-after .before-after .content-product-before-after{display:flex;transition:all 0.3s ease;flex-direction:column;padding:30px}@media (min-width: 992px){.content-before-after .before-after .content-product-before-after{flex-direction:row;align-items:center;justify-content:center}}.content-before-after .before-after .content-product-before-after .product-before-after{width:100%;padding:10px;display:flex;flex-direction:column}@media (min-width: 992px){.content-before-after .before-after .content-product-before-after .product-before-after{width:50%}}.content-before-after .before-after .content-product-before-after .product-before-after .content{position:relative;border-radius:5px;overflow:hidden;--position:50%;display:inline-block;outline:none;border-radius:10px;width:100%}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba{position:relative}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba img{display:block;width:100%}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .content-img-before{position:absolute;overflow:hidden;width:var(--position);top:0;left:0;z-index:1;bottom:0}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .content-img-before .img-before{object-fit:cover;object-position:left;height:100%}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .img-after{object-fit:cover;height:100%;width:100%}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .label{position:absolute;top:20px}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .label.before{left:0;z-index:2;width:var(--position);padding-left:20px;overflow:hidden}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .label.after{text-align:right;right:20px}.content-before-after .before-after .content-product-before-after .product-before-after .content .ba .label .lab{line-height:30px;font-size:12px;padding:0 10px;border-radius:30px;background:#ffffff;display:inline-block}.content-before-after .before-after .content-product-before-after .product-before-after .content .slider{position:absolute;z-index:2;height:100%;width:100%;top:0;left:0;opacity:0;cursor:pointer;margin:0;outline:none}.content-before-after .before-after .content-product-before-after .product-before-after .content .slider-line{height:100%;position:absolute;left:var(--position);top:0;width:2px;background:#ffffff;transform:translateX(-50%)}.content-before-after .before-after .content-product-before-after .product-before-after .content .slider-button{height:40px;width:40px;border-radius:100%;background:#ffffff;display:flex;align-items:center;justify-content:center;left:var(--position);top:50%;position:absolute;z-index:3;transform:translate(-50%, -50%);pointer-events:none}.content-before-after .before-after .content-product-before-after .product-before-after .infos-before-after{flex:1}.content-before-after .before-after .content-product-before-after .product-before-after .infos-before-after p{color:#000000;text-align:center;margin:0;padding:20px 0}.content-before-after .before-after .content-product-before-after .product-before-after .content-cta .cta{display:flex;border:1px solid #000000;background:#ffffff;text-decoration:none;padding:0 15px;line-height:50px;font-size:14px;border-radius:5px;color:#000000;justify-content:space-between;align-items:center;transition:all 0.3s ease}.content-before-after .before-after .content-product-before-after .product-before-after .content-cta .cta .picto{display:flex;align-items:center}.content-before-after .before-after .content-product-before-after .product-before-after .content-cta .cta .picto .arrow{height:20px;transition:all 0.3s ease}.content-before-after .before-after .content-product-before-after .product-before-after .content-cta .cta:hover{background:#000000;color:#ffffff}.content-before-after .before-after .content-product-before-after .product-before-after .content-cta .cta:hover .picto .arrow{fill:#ffffff}