.before-after{position:relative;z-index:1}.before-after.text--light{color:#fff}.before-after.text--dark{color:#252f38}.before-after__inner{margin:0 auto}.before-after.width--narrow .before-after__inner{max-width:760px}.before-after.width--default .before-after__inner{max-width:1240px}.before-after.width--full .before-after__inner{max-width:100%}.before-after__grid{display:grid;gap:32px;grid-template-columns:1fr 1fr}.before-after__col{background:#fff;border:1px solid;border-radius:8px;padding:40px 48px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.before-after__col:hover,html.js-ready .before-after__col.is-visible:hover{transform:translateY(-4px)}.before-after__col--before{background:#fbfbfb;border-color:#eef6e8}.before-after__col--before:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.before-after__col--after{background:#f7fbf4;border-color:#7fbc42}.before-after__col--after:hover{box-shadow:0 4px 20px rgba(45,154,71,.2)}.before-after__col-icon{height:64px;margin:0 auto 16px;transition:transform .3s ease-in-out;width:64px}.before-after__col-icon img{display:block;height:100%;object-fit:contain;width:100%}.before-after__col--before:hover .before-after__col-icon{animation:beforeIconShake .5s ease-in-out}.before-after__col--after:hover .before-after__col-icon{transform:scale(1.12) rotate(-6deg)}@keyframes beforeIconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.before-after__col-icon{animation:none!important}}.before-after__col-title{color:#2d9a47;font-weight:500;margin:0;text-align:center}.before-after__divider{background:#eef6e8;height:1px;margin-bottom:2rem;margin-top:2rem}.before-after__col ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.before-after__col li{align-items:flex-start;display:flex;gap:16px}.before-after__col li:before{background-image:var(--col-icon);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:16px;margin-top:3px;width:16px}@media (max-width:767px){.before-after__grid{grid-template-columns:1fr}.before-after__col{padding:40px 24px}}