.after-before-image{padding-top:var(--padding-top-desk);padding-bottom:var(--padding-bottom-desk);background:var(--section-bg)}.after-before-container{max-width:700px;width:100%;margin:0 auto;border:1px solid #e5e7eb;border-radius:8px;background:var(--container-background)}.after-before-wrapper .top-heading{font-size:var(--heading-font-desk);color:var(--color);margin:0 0 16px;text-align:center;letter-spacing:0}.after-before-wrapper .top-heading em{color:#cb6487}.after-before-wrapper .description *{font-size:18px;color:var(--text-color);margin:20px 0 0;padding:0 8px;text-align:center;line-height:1.5;letter-spacing:0}.after-before-wrapper .image-container img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:8px}.after-before-wrapper .bottom-text-container .bottom-text{font-size:16px;color:var(--bottom-txt-color);margin:16px 0 0;text-align:center;padding:0 8px}.after-before-wrapper{margin:32px auto;padding:0 24px}.image-container{position:relative;overflow:hidden;margin-top:24px}.after-before-tag .before-tag{position:absolute;max-width:62px;width:100%;max-height:32px;height:100%;left:16px;bottom:16px}.after-before-tag .after-tag{position:absolute;bottom:16px;max-width:62px;width:100%;max-height:32px;height:100%;right:16px}.after-before-tag .before-tag,.after-before-tag .after-tag{font-size:12px;padding:6px 12px;border-radius:4px;background:#000;color:#fff;margin:0;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.after-before-wrapper{max-width:512px}}@media(max-width:768px){.after-before-image{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.after-before-wrapper .top-heading{font-size:var(--heading-font-mob);margin:0 0 12px}.image-container{margin-top:16px}}@media(max-width:640px){.after-before-wrapper{max-width:320px;padding:0 16px}.after-before-wrapper .description *{font-size:16px;margin:16px 0 20px}.after-before-wrapper .bottom-text-container .bottom-text{line-height:1.2}.after-before-tag .before-tag,.after-before-tag .after-tag{padding:4px 8px}.after-before-tag .before-tag{left:8px;bottom:8px}.after-before-tag .after-tag{right:8px;bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/after-before-image.css.map */