.before-after-comparison-section--title{color:#1f1f1f}.before-after-comparison--row{display:flex;flex-wrap:wrap;justify-content:center}.before-after-comparison--col{border-radius:16px;box-shadow:0 10px 16px -8px #00000040;height:auto;margin:0 0 50px;overflow:hidden;position:relative;width:100%;--position:50%}.before-after-comparison--images-container{aspect-ratio:16/9;max-height:500px;width:100%}.slider-image{height:100%;object-fit:cover;object-position:left;width:100%}.image-before{clip-path:inset(0 50% 0 0)}.image-before,.slider{inset:0;position:absolute;width:100%}.slider{cursor:pointer;height:100%;opacity:0}.slider-line{background-color:#fff;height:45%;left:var(--position);pointer-events:none;position:absolute;transform:translateX(-50%);width:3px;z-index:10}.slider-line.up{top:0}.slider-line.down{bottom:0}.slider-button{align-items:center;background-color:rgba(0,0,0,.45);border:3px solid #fff;border-radius:100vw;box-shadow:1px 1px 1px rgba(8,3,3,.5);color:#000;display:flex;height:50px;justify-content:center;left:var(--position);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:100}.slider-button svg{height:20px;width:20px;fill:#fff}@media only screen and (max-width:650px){.before-after-comparison--col{height:350px}.before-after-comparison--images-container{height:100%}}