.custom-before-after{background-color:#f5ae0b;padding:56px 0}.custom-before-after__heading{max-width:640px;margin:0 auto 12px;text-align:center;font-size:28px;line-height:1.3;font-weight:700;color:#fff}.custom-before-after__subheading{max-width:560px;margin:0 auto 36px;text-align:center;font-size:16px;line-height:1.5;color:#fff}.custom-before-after__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.custom-before-after__track::-webkit-scrollbar{display:none}.custom-before-after__card{scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:16px;min-width:0}.custom-before-after__image-wrap{position:relative;border-radius:16px;overflow:hidden;background-color:#fff}.custom-before-after__image-wrap img,.custom-before-after__image-wrap svg{display:block;width:100%;height:auto}.custom-before-after__badge{position:absolute;top:12px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.custom-before-after__badge--before{left:12px;background-color:#f5ae0b;color:#0d48a8}.custom-before-after__badge--after{right:12px;background-color:#0d48a8;color:#fff}.custom-before-after__stars{display:flex;gap:2px}.custom-before-after__stars svg{width:22px;height:22px;fill:#0d48a8}.custom-before-after__quote{margin:0;font-size:15px;line-height:1.55;color:#fff}.custom-before-after__name{margin:0;font-size:14px;font-weight:700;color:#0d48a8}.custom-before-after__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.custom-before-after__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(13,72,168,.35);border-radius:50%;background-color:#fff;color:#0d48a8;cursor:pointer}.custom-before-after__arrow svg{width:16px;height:16px}.custom-before-after__arrow[disabled]{opacity:.35;cursor:default}.custom-before-after__dots{display:flex;align-items:center;gap:8px}.custom-before-after__dot{width:8px;height:8px;padding:0;border:none;border-radius:4px;background-color:#0d48a859;cursor:pointer;transition:width .2s ease,background-color .2s ease}.custom-before-after__dot.is-active{width:20px;background-color:#0d48a8}@media screen and (min-width:750px){.custom-before-after__heading{font-size:34px}.custom-before-after__track{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(2,1fr);gap:32px;overflow:visible;scroll-snap-type:none}.custom-before-after__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-before-after.css.map */