.before-after_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.before-after_content{display:flex;flex-direction:row;gap:80px;margin-bottom:80px}.before-after_wrapper .section-title{margin:0;font-family:archivo-expanded;font-size:56px;line-height:56px;letter-spacing:0}.before-after_wrapper .before-after_info{max-width:50%;display:flex;flex-direction:column;align-items:flex-start;gap:40px}.before-after_wrapper .item-description{margin:0;font-family:archivo-expanded;font-size:20px;line-height:30px;letter-spacing:0;color:#1d1d1c}.before-after_wrapper .black-button{position:relative;display:inline-block;min-width:220px;min-height:37px;font-family:archivo-regular;font-size:16px;line-height:17px;text-decoration:none;text-transform:uppercase;letter-spacing:0;text-align:center;padding:10px 25px;background:#1d1d1c;color:#fafafa;overflow:hidden}.before-after_wrapper .black-button span{position:relative;z-index:3}.before-after_wrapper .black-button:before{content:"";width:100%;height:100%;background:#603cf6;position:absolute;top:0;left:-100%;right:0;z-index:2;transition:all .2s ease-in-out}.before-after_wrapper .black-button:hover:before{left:0}.before-after_wrapper .before-after_media{display:flex;place-content:center;position:relative;overflow:hidden;--position: 50%;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;gap:10px}.before-after_wrapper .images{width:100%;max-width:100%;max-height:550px}.before-after_wrapper .images img{display:block;max-width:100%;height:550px;object-fit:cover;object-position:left}.before-after_wrapper .images .before-image{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.before-after_wrapper .labels{display:flex;flex-direction:row;justify-content:space-between}.before-after_wrapper .labels span{font-family:archivo-expanded;font-size:20px;line-height:20px;color:#1d1d1c;letter-spacing:0}.before-after-handle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:col-resize;opacity:0;width:100%;height:100%;z-index:2}.before-after-line{display:block!important;width:1.5px;height:550px;position:absolute;top:0;cursor:col-resize;z-index:1;left:var(--position);margin-left:-1px}.before-after-line:before{display:block!important;content:"";width:1.5px;height:45%;background:#f1f1f1;position:absolute;top:0;cursor:col-resize;z-index:1;left:var(--position)}.before-after-line:after{display:block!important;content:"";width:1.5px;height:45.5%;background:#f1f1f1;position:absolute;bottom:0;cursor:col-resize;z-index:1;left:var(--position)}.before-after-button{display:block!important;background:transparent;position:absolute;top:52%;bottom:50%;margin-top:-27.5px;left:var(--position);transform:translate(-50%,-50%);width:55px;height:55px;z-index:5;border:1.5px solid #fafafa;border-radius:100%;cursor:col-resize;z-index:1}.before-after-button:before{content:"";width:12px;height:12px;position:absolute;border-top:1.5px solid #fafafa;border-right:1.5px solid #fafafa;top:50%;right:20%;transform:translateY(-50%) rotate(45deg)}.before-after-button:after{content:"";width:12px;height:12px;position:absolute;border-bottom:1.5px solid #fafafa;border-left:1.5px solid #fafafa;top:50%;left:20%;transform:translateY(-50%) rotate(45deg)}@media screen and (max-width: 1100px){.before-after_content{flex-direction:column;gap:40px;align-items:center;align-content:center}.before-after_wrapper .before-after_info{max-width:80%;flex-direction:column;align-items:center;align-content:center}.before-after_wrapper .item-description{text-align:center}}@media screen and (max-width: 950px){.before-after_wrapper .images{max-height:500px}.before-after_wrapper .images img,.before-after-line{height:500px}.before-after-button{width:50px;height:50px}}@media screen and (max-width: 750px){.before-after_wrapper .images{max-height:350px}.before-after_wrapper .images img,.before-after-line{height:350px}.before-after-button{width:35px;height:35px;top:53%}.before-after-button:before,.before-after-button:after{width:6px;height:6px}}@media screen and (max-width: 550px){.before-after_wrapper .images{max-height:250px}.before-after_wrapper .images img,.before-after-line{height:250px}.before-after-button{width:30px;height:30px;top:53%}.before-after_wrapper .section-title{font-size:24px;line-height:32px}.before-after_wrapper .item-description{font-size:18px;line-height:24px}.before-after_content{gap:30px}.before-after_wrapper .before-after_info{max-width:95%}}@media screen and (max-width: 400px){.before-after_wrapper .images{max-height:220px}.before-after_wrapper .images img,.before-after-line{height:220px}}@media screen and (max-width: 375px){.before-after_wrapper .images{max-height:200px}.before-after_wrapper .images img,.before-after-line{height:200px}}
/*# sourceMappingURL=/s/files/1/0926/5158/5883/t/3/assets/section-before-after.css.map */