.before-after{padding-block:60px!important}.before-after>.boxed{display:flex;flex-direction:column;gap:40px}.before-after__top{display:flex;flex-direction:column;gap:10px;max-width:800px}.before-after__subtitle{font-size:1.125rem;margin-bottom:.75rem;font-weight:500}.before-after__title{font-size:2rem;font-weight:500;line-height:1.3}@media(min-width:768px){.before-after__title{font-size:2.5rem}}.before-after__title-line{display:inline-block}.before-after__title-highlight{opacity:.7}.before-after__bottom{margin-top:20px}.before-after__content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:60px}.before-after__story{margin-bottom:0!important}.before-after__story-inner{display:flex;flex-direction:column;gap:2rem;align-items:center}@media(min-width:768px){.before-after__story-inner{flex-direction:row}}.before-after__slider{width:100%;max-width:500px}@media(min-width:768px){.before-after__slider{width:50%}}.before-after__slider-container{position:relative;width:100%;height:350px;overflow:hidden;border-radius:1rem;border:1px solid rgba(31,31,31,.1);transition:transform .3s ease,box-shadow .3s ease}@media(min-width:640px){.before-after__slider-container{height:500px}}.before-after__slider-container:hover{transform:translateY(-2px);border:1px solid rgba(31,31,31,.1)}.before-after__image{position:absolute;inset:0}.before-after__image-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;background-color:#fff}.before-after__image.after{z-index:1}.before-after__tag{position:absolute;top:1rem;padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:600;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after__tag.before{left:1rem;background-color:rgba(239,68,68,.9)}.before-after__tag.after{right:1rem;background-color:rgba(34,197,94,.9)}.before-after__slider-line{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgb(255,255,255),rgba(255,255,255,.8));box-shadow:0 0 15px rgba(0,0,0,.4);z-index:2;transition:all .2s ease}.before-after__slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ffffff,#f3f4f6);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.2);border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .2s ease}.before-after__slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.before-after__handle-bar{width:3px;height:1.2rem;background:linear-gradient(180deg,#6b7280,#9ca3af);border-radius:9999px;margin:0 1px}.before-after__slider-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:4}.before-after__slider-input::-webkit-slider-thumb{cursor:pointer}.before-after__story-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media(min-width:768px){.before-after__story-content{width:50%;padding:2rem}}.before-after__quote{font-size:1.125rem;font-style:italic;color:#4b5563;margin-bottom:1.5rem;line-height:1.6;position:relative}.before-after__author{display:flex;align-items:center}.before-after__author-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.before-after__author-stats{font-size:.875rem;color:#6b7280;font-weight:500}.before-after__button-container{display:flex;justify-content:center;margin-top:2rem}@media screen and (max-width:800px){.before-after{padding-block:80px!important}.before-after>.boxed{display:flex;flex-direction:column;gap:40px}.before-after__top{display:flex;flex-direction:column;gap:10px;max-width:800px}.before-after__subtitle{font-size:1.125rem;margin-bottom:.75rem;font-weight:500}.before-after__title{font-size:2rem;font-weight:500;line-height:1.3}}@media screen and (max-width:800px)and (min-width:768px){.before-after__title{font-size:2.5rem}}@media screen and (max-width:800px){.before-after__title-line{display:inline-block}.before-after__title-highlight{opacity:.7}.before-after__bottom{margin-top:20px}.before-after__content{max-width:1200px;margin:0 auto}.before-after__story{margin-bottom:3rem}.before-after__story-inner{display:flex;flex-direction:column;gap:2rem;align-items:center}}@media screen and (max-width:800px)and (min-width:768px){.before-after__story-inner{flex-direction:row}}@media screen and (max-width:800px){.before-after__slider{width:100%;max-width:500px}}@media screen and (max-width:800px)and (min-width:768px){.before-after__slider{width:50%}}@media screen and (max-width:800px){.before-after__slider-container{position:relative;width:100%;height:350px;overflow:hidden;border-radius:1rem;border:1px solid rgba(31,31,31,.1);transition:transform .3s ease,box-shadow .3s ease}}@media screen and (max-width:800px)and (min-width:640px){.before-after__slider-container{height:500px}}@media screen and (max-width:800px){.before-after__slider-container:hover{transform:translateY(-2px);border:1px solid rgba(31,31,31,.1)}.before-after__image{position:absolute;inset:0}.before-after__image-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;background-color:#fff}.before-after__image.after{z-index:1}.before-after__tag{position:absolute;top:1rem;padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:600;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after__tag.before{left:1rem;background-color:rgba(239,68,68,.9)}.before-after__tag.after{right:1rem;background-color:rgba(34,197,94,.9)}.before-after__slider-line{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgb(255,255,255),rgba(255,255,255,.8));box-shadow:0 0 15px rgba(0,0,0,.4);z-index:2;transition:all .2s ease}.before-after__slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ffffff,#f3f4f6);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.2);border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .2s ease}.before-after__slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.before-after__handle-bar{width:3px;height:1.2rem;background:linear-gradient(180deg,#6b7280,#9ca3af);border-radius:9999px;margin:0 1px}.before-after__slider-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:4}.before-after__slider-input::-webkit-slider-thumb{cursor:pointer}.before-after__story-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:1rem}}@media screen and (max-width:800px)and (min-width:768px){.before-after__story-content{width:50%;padding:2rem}}@media screen and (max-width:800px){.before-after__quote{font-size:1.125rem;font-style:italic;color:#4b5563;margin-bottom:1.5rem;line-height:1.6;position:relative}.before-after__author{display:flex;align-items:center}.before-after__author-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.before-after__author-stats{font-size:.875rem;color:#6b7280;font-weight:500}.before-after__button-container{display:flex;justify-content:center;margin-top:2rem}}