.impact-how-it-works__banner{position:relative;overflow:hidden;max-height:570px}.impact-how-it-works__content{position:relative;z-index:2;padding:200px 60px}.impact-how-it-works__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.impact-how-it-works__bg-image{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.impact-how-it-works__heading{margin:0;color:#fff;font-family:var(--font-primary);font-weight:500;font-size:36px}.impact-how-it-works__left{display:flex;flex-direction:column;gap:10px}.impact-how-it-works__description{color:#fff;max-width:415px;font-family:var(--font-primary);font-weight:400;font-size:20px;line-height:145%}.impact-how-it-works__inner{width:100%;max-width:1440px;margin:0 auto}.impact-how-it-works__steps{background:#f8f5f1;border-radius:5px;padding:25px;display:flex;align-items:center;margin-top:45px}.impact-how-it-works__steps-grid{display:flex;justify-content:space-between;align-items:center;width:100%}.impact-how-it-works__step{position:relative;display:flex;gap:12px;align-items:center}.impact-how-it-works__step-icon img{width:23px;height:28px;object-fit:contain}.impact-how-it-works__step-title{margin:0;color:#2a2627;font-size:15px;font-weight:400;font-family:var(--font-primary)}.impact-how-it-works__step-text{color:#2a2627;max-width:165px;font-family:var(--font-primary);font-weight:400;font-size:18px;line-height:22px}.impact-how-it-works__mobile-image-wrapper,.impact-how-it-works__mobile,.impact-how-it-works__steps--mobile{display:none}@media screen and (max-width:768px){.impact-how-it-works__desktop{display:none}.impact-how-it-works__mobile{display:block;height:auto}.impact-how-it-works__banner{max-height:100%;background-image:none!important}.impact-how-it-works__content{padding:0}.impact-how-it-works__mobile .impact-how-it-works__top{position:relative;display:block;padding:0 20px}.impact-how-it-works__mobile .impact-how-it-works__left{position:absolute;top:15rem}.impact-how-it-works__mobile .impact-how-it-works__heading{font-family:var(--font-primary);font-weight:500;font-size:34px;color:#fff;max-width:300px}.impact-how-it-works__mobile .impact-how-it-works__description{color:#fff;max-width:320px;font-family:var(--font-primary);font-size:18px}.impact-how-it-works__mobile-image-wrapper{display:block}.impact-how-it-works__mobile-image-wrapper,img.impact-how-it-works__mobile-image{height:100%;width:100%}.impact-how-it-works__mobile .impact-how-it-works__inner{position:relative}.impact-how-it-works__steps--mobile{display:flex;position:absolute;left:0;right:0;bottom:40px;background:transparent;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:3;padding:0 20px}.impact-how-it-works__steps--mobile::-webkit-scrollbar{display:none}.impact-how-it-works__steps--mobile .impact-how-it-works__steps-grid{display:flex;gap:12px;width:320px;justify-content:flex-start;align-items:stretch}.impact-how-it-works__steps--mobile .impact-how-it-works__step{min-width:180px;background:#fff8ee;border-radius:8px;height:70px;flex-shrink:0;scroll-snap-align:start;align-items:center;justify-content:center}.impact-how-it-works__steps--mobile .impact-how-it-works__step-text{max-width:100%;font-size:16px;line-height:20px}.impact-how-it-works__steps--mobile .impact-how-it-works__step-title{font-size:12px}}@media screen and (max-width:380px){.impact-how-it-works__mobile .impact-how-it-works__left{top:10rem}}@media screen and (max-width:350px){.impact-how-it-works__mobile .impact-how-it-works__left{top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/about-how-it-works.css.map */
