.before-after-container{border-radius:24px;width:100%;margin:0 auto;position:relative;overflow:hidden}.transformation-image{width:100%;position:relative}.transformation-image img{width:100%;display:block}.transformation-before{position:absolute;top:0;left:0}.transformation-handle{z-index:5;cursor:ew-resize;background:#fff;justify-content:center;align-items:center;width:4px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.transformation-handle:after{content:"";z-index:-1;background:#fff;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #0000004d}.transformation-left-arrow,.transformation-right-arrow{z-index:6;border-style:solid;width:0;height:0;position:relative}.transformation-left-arrow{border-width:6px 8px 6px 0;border-color:#0000 #000 #0000 #0000;margin-right:4px}.transformation-right-arrow{border-width:6px 0 6px 8px;border-color:#0000 #0000 #0000 #000;margin-left:4px}.transformation-handle:hover:after{transform:translate(-50%,-50%)scale(1.1)}.video-modal{z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.video-modal-overlay{background:#000000b3;width:100%;height:100%;position:absolute}.video-modal-content{z-index:2;text-align:center;justify-content:center;align-items:center;max-width:100%;height:100%;margin:0 auto;padding:10px;display:flex;position:relative}.video-modal-content iframe{max-width:800px;margin:0 auto}.image-modal{z-index:9999;position:fixed;inset:0}.image-modal-overlay{background:#000c;position:absolute;inset:0}.image-modal-content{z-index:2;text-align:center;justify-content:center;align-items:center;max-width:100%;height:100%;margin:0 auto;padding:10px;display:flex;position:relative}.image-modal-content img{max-width:100%;height:auto}.prev-btn,.next-btn{z-index:10000;color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:all .3s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.prev-btn{left:20px}.next-btn{right:20px}.prev-btn:hover,.next-btn:hover{color:#000;background:#fffc}.close-btn{cursor:pointer;color:#fff;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");border:none;width:1em;height:1em;padding:.25em;font-size:20px;position:absolute;top:20px;right:20px}