.before_after_slider_parent{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 30px;align-items:flex-start}@media(max-width:767px){.before_after_slider_parent{grid-template-columns:repeat(1,1fr);gap:30px 30px}}.main-container{max-width:650px;margin-bottom:40px}@media(max-width:767px){.main-container{max-width:100%}}.comparison{padding-bottom:0;aspect-ratio:20/11;overflow:hidden;position:relative}figure{position:absolute;background-size:cover;font-size:0;width:100%;height:100%;margin:0}@media(max-width:767px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:768px)and (max-width:834px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:835px)and (max-width:1024px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:1025px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:1025px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:1400px){figure{background-size:cover;background-repeat:no-repeat;background-position:left center}}.divisor{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgb(0 0 0 / .3);bottom:0;height:100%}@media(max-width:767px){.divisor{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:768px)and (max-width:834px){.divisor{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:835px)and (max-width:1024px){.divisor{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:1025px){.divisor{background-size:cover;background-repeat:no-repeat;background-position:left center}}@media(min-width:1400px){.divisor{background-size:cover;background-repeat:no-repeat;background-position:left center}}.divisor::before,.divisor::after{content:"";position:absolute;right:-2px;width:4px;height:calc(50% - 25px);background:#fff;z-index:3}.divisor::before{top:0;box-shadow:0 -3px 8px 1px rgb(0 0 0 / .3)}.divisor::after{bottom:0;box-shadow:0 3px 8px 1px rgb(0 0 0 / .3)}.handle{position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:1}.handle::before,.handle::after{content:"";width:0;height:0;border:6px inset #fff0;position:absolute;top:50%;margin-top:-6px}.handle::before{border-right:6px solid #fff;left:50%;margin-left:-17px}.handle::after{border-left:6px solid #fff;right:50%;margin-right:-17px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:49.4%;left:-27px;transform:translateY(-50%);background-color:#fff0;width:calc(100% + 50px);z-index:2}input[type=range]:focus,input[type=range]:active{border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:#fff0;border:4px solid #fff;box-shadow:0 0 8px 1px rgb(0 0 0 / .3)}input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:#fff0;position:relative;outline:none}