.after-before-slider{position:absolute;top:0;left:0;height:100%;width:100%}.after-before-slider figure{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.after-before-slider figure .handle{position:absolute;position:absolute;height:40px;width:40px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:1;background-image:url(https://f.hubspotusercontent40.net/hubfs/4581690/Group%201152.png);background-position:center;background-repeat:no-repeat;background-size:contain}.after-before-slider .divisor{position:absolute;top:0;left:0;width:100%;height:100%}.after-before-slider input.slider{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2}.after-before-slider .divisor:before{content:'';top:0;box-shadow:0 -3px 8px 1px rgb(0 0 0 / 30%)}.after-before-slider .divisor:before,.after-before-slider .divisor:after{content:'';content:"";position:absolute;right:-2px;width:4px;height:calc(50% - 20px);background:white;z-index:3}.after-before-slider .divisor:after{bottom:0;box-shadow:0 3px 8px 1px rgb(0 0 0 / 30%)}.after-before-slider .divisor{overflow:hidden}.after-before-slider input.slider{opacity:0}.before_after_section{display:inline-block;vertical-align:top;width:100%;position:relative}.after-before-slider-raw{display:flex;vertical-align:top;width:560px;height:374px;overflow:hidden;max-width:100%;position:relative;margin:0 auto}.after-before-slider figure:before,.after-before-slider figure:after{content:'';position:absolute;top:0;left:0;width:25%;height:100%;background-image:linear-gradient(90deg,rgba(16,16,16,0) 0%,rgba(16,16,16,0.13) 58%,#101010 100%);transform:scale(-1);z-index:1}.after-before-slider figure:after{left:auto;right:0;transform:scale(1)}.after-before-slider figure .handle{z-index:3}.after-before-slider input.slider{z-index:3}.after-before-slider figure img{height:100%;object-fit:cover}.after-before-slider:before,.after-before-slider:after{position:absolute;content:"Before";font-weight:500;text-transform:uppercase;color:#333;background-color:rgba(255,255,255,0.92);padding:10px 16px 10px 16px;max-width:calc(100% / 2 - 40px);left:10px;z-index:2;top:50%;transform:translateY(-50%);font-size:13px;line-height:17px;letter-spacing:1px;transition:all ease-in-out .5s;opacity:0}.after-before-slider:after{left:auto;right:10px;content:"AFTER"}@media(max-width:767px){.after-before-slider:before,.after-before-slider:after{display:none}}@media(max-width:500px){.after-before-slider-raw{height:270px}}