.custom-how{position:relative;width:100%;overflow:hidden}.custom-how__wave-bg{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:1;pointer-events:none}.custom-how__wave-img{width:100%;height:auto;display:block}.custom-how__container{position:relative;z-index:2;max-width:1440px;margin:0 auto;width:100%;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:center}.custom-how__heading{font-family:var(--heading-font);font-size:var(--heading-size, 49px);font-weight:700;color:var(--text-deep-green-primary, #003f22);text-align:center;margin:0 0 80px;line-height:normal;letter-spacing:-.02em}.custom-how__steps{display:flex;gap:65px;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%}.custom-how__step{position:relative;width:100%;max-width:364px;border:4px solid var(--brand-primary, #003f22);border-radius:48px;padding:24px;background-color:var(--bg-color, #fcfffc);display:flex;flex-direction:column;gap:24px;align-items:center;margin-top:20px}.custom-how__step-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;white-space:nowrap}.custom-how__step-badge-bg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-2.1deg);z-index:0}.custom-how__step-badge-bg img{width:100%;height:100%;object-fit:fill}.custom-how__step-badge-text{font-family:var(--badge-font);font-size:24px;font-weight:700;color:var(--text-deep-green-primary, #003f22);line-height:1;position:relative;z-index:1;transform:rotate(-2.1deg)}.custom-how__step-image-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background-color:#e4ffe0;display:flex;align-items:center;justify-content:center}.custom-how__step-image{width:100%;height:100%;object-fit:cover}.custom-how__placeholder{width:100%;height:100%;background-color:#e4ffe0}.custom-how__step-text{font-family:var(--text-font);font-size:var(--text-size, 25px);font-weight:400;color:var(--text-black-primary, #1c1b1b);text-align:center;line-height:normal;width:100%}@media screen and (max-width:900px){.custom-how__steps{flex-direction:column;align-items:center;gap:50px}.custom-how__heading{font-size:var(--heading-size-mobile, 36px);margin-bottom:50px}.custom-how__step{max-width:100%}.custom-how__step-badge-text{font-size:20px}.custom-how__step-text{font-size:var(--text-size-mobile, 18px)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/custom-how-it-works.css.map */