.after-before-slider-inner{width:100%;display:flex;justify-content:space-between;gap:40px}.after-before-slider-inner .custom-image-slider{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:24px;max-height:670px}.after-before-slider-inner .custom-image-slider img{width:100%;display:block;height:100%;object-fit:cover}.after-before-slider-inner .slider-after{position:absolute;top:0;left:0;height:100%;clip-path:inset(0 50% 0 0)}.after-before-slider-inner .slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fff;cursor:ew-resize;display:block!important}.after-before-slider-inner .slider-handle:before,.after-before-slider-inner .slider-handle:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;cursor:ew-resize;transition:all .2s ease-out}.after-before-slider-inner .slider-handle:after{right:-24px;border-left:16px solid #fff}.after-before-slider-inner .slider-handle:before{left:-24px;border-right:16px solid #fff}.after-before-slider-inner .before-after-label{position:absolute;top:15px;padding:9px 15px;font-size:12px;color:#1a202c;background:#fffc;z-index:2;border-radius:100px;font-weight:700;text-transform:uppercase;line-height:normal}.after-before-slider-inner .label-before{left:10px}.after-before-slider-inner .label-after{right:10px}.after-before-slider-left{width:50%}.after-before-slider-right{width:50%;background:#fff;border-radius:24px;padding:24px;display:flex;align-items:center;justify-content:center}.after-before-slider-right-inner{width:100%;margin:0 auto;max-width:450px}.after-before-slider-right-inner h2{color:#111827;font-size:42px;font-weight:600;margin-top:0;border-bottom:1px solid #E5E7EB;padding-bottom:15px;margin-bottom:15px;text-align:center}.after-before-slider-right-inner .sema-info{width:100%;margin-top:30px}.after-before-slider-right-inner .sema-info-slider h3{color:#111827;text-align:center;font-weight:600;font-size:16px;margin-top:0;margin-bottom:15px}.info-slider-input{width:100%;margin:0 auto;text-align:center}.after-before-slider-right-inner .sema-info-slider .input{width:100%;padding:10px;font-size:18px;border:1px solid #82C8C7;border-radius:100px;text-align:center;max-width:155px}.slider{width:100%;margin-top:15px}.after-before-slider-right-inner .tag{padding:30px 20px;text-align:center;border-radius:100px;font-weight:600;background:#20cb9c;color:#000;display:flex;align-items:center;justify-content:center;gap:30px;font-size:18px;line-height:22px;max-width:340px;margin:20px auto 0}.after-before-slider-right-inner .value{font-size:32px;font-weight:700;margin-top:5px;color:#000;min-width:110px}.sema-info .sema-info-slider .input{background:#fff;border-radius:30px;font-weight:400;font-size:34px;line-height:1;width:154px;text-align:center;border:1px solid #ccc;padding:8px;margin-bottom:50px;color:#000;outline:none}.sema-info .sema-info-slider .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:404px;width:100%;height:7px;background:#82c8c7;outline:none;margin-bottom:50px}.sema-info .sema-info-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:51px;height:51px;background:#fff;cursor:pointer;border-radius:100%;background-image:url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3Cpath d='M5.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3Cpath d='M10.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;border:1px solid #82C8C7}.sema-info .sema-info-slider .slider::-moz-range-thumb{width:51px;height:51px;background:#fff;cursor:pointer;border-radius:100%;background-image:url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3Cpath d='M5.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3Cpath d='M10.5 0.5V18.5' stroke='%2382C8C7' stroke-linecap='square'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center}.slider-bottom-info{display:flex;gap:20px;align-items:center;justify-content:center;padding:15px;border-radius:12px;border:1px solid #82C8C7;margin-top:32px;margin-bottom:25px}.slider-bottom-info span{display:flex;align-items:center;gap:10px;font-size:13px;color:#1f2937;line-height:normal}.slider-bottom-info span img{width:20px;height:20px}.after-before-slider .buttons.true{display:flex;align-items:center;justify-content:center}.after-before-slider .buttons{display:none;gap:15px;margin-bottom:20px;margin-top:50px}.after-before-slider .buttons .btn-primary{background:#000;color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;min-width:180px;font-size:16px;line-height:normal;text-align:center}.after-before-slider .buttons .btn-primary:hover{background-color:#20cb9c}.after-before-slider .buttons .btn-secondary{border:1px solid #ccc;padding:12px 28px;border-radius:30px;text-decoration:none;color:#000;min-width:180px;font-size:16px;line-height:normal;text-align:center}.after-before-slider .buttons .btn-secondary:hover{background-color:#000;color:#fff}.feature_list{display:flex;gap:20px;align-items:center;justify-content:center}.feature_list span{display:flex;align-items:center;gap:10px;font-size:13px;color:#1f2937;line-height:normal}.feature_list span img{width:15px;height:15px}.reivew-image{margin-top:20px;text-align:center;width:100%}.reivew-image img{display:inline-block;max-width:1000%}@media(max-width:1200px){.after-before-slider-right-inner h2{font-size:30px;line-height:35px}.sema-info .sema-info-slider .input,.sema-info .sema-info-slider .slider{margin-bottom:30px}.after-before-slider-right-inner .tag{padding:20px;font-size:16px;line-height:20px;margin:20px auto 0}.after-before-slider-right-inner .value{font-size:26px}}@media(max-width:991px){.after-before-slider-inner{gap:20px;flex-direction:column}.after-before-slider-left,.after-before-slider-right{width:100%}.slider-bottom-info{gap:10px;align-items:flex-start;flex-direction:column}.after-before-slider .buttons.true{flex-direction:column}.after-before-slider .buttons{gap:10px;margin-bottom:15px;margin-top:30px}.after-before-slider .buttons .btn-primary,.after-before-slider .buttons .btn-secondary{width:100%}.feature_list{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/after-before-slider.css.map */