.how-it-works{padding:80px 0;background-color:#f8f9fa;position:relative}.section-icon{width:60px;height:60px;margin:0 auto 30px;background:#4a5568;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.section-icon svg{width:24px;height:24px;fill:#fff}.section-header{text-align:center;margin-bottom:60px}.how-it-works .section-title{font-size:calc(22px + 30 * (100vw / 1440));font-weight:900;color:#2d3748;margin-bottom:20px;line-height:1.2}.how-it-works .section-description{color:#4a5568;max-width:800px;margin:0 auto;line-height:1.4}.how-it-works .section-description .metafield-rich_text_field p{line-height:1.4;font-size:20px}.benefits-grid{display:flex;flex-direction:column;gap:30px}.benefit-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:24px;overflow:hidden;display:flex;align-items:stretch;width:100%;height:fit-content;position:relative;opacity:.9}.benefit-card:nth-child(2n){flex-direction:row-reverse}.benefit-content{flex:0 0 50%;padding:32px;color:#fff}.benefit-number{width:40px;height:40px;border:2px solid #f6d55c;color:#f6d55c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:20px}.benefit-title{font-size:calc(22px + 1.25vw);font-weight:900;margin-bottom:20px;line-height:1.2;color:#fff;text-transform:capitalize}@media screen and (max-width:768px){.benefit-title{font-size:calc(22px + .02125*(100vw - 320px))}.how-it-works .section-title{font-size:calc(22px + (30 + 30 * .7) * ((100vw - 320px) / 1440))}.how-it-works .section-description .metafield-rich_text_field p{font-size:18px}}@media screen and (min-width:1440px){.benefit-title{font-size:40px}.how-it-works .section-title{font-size:52px}}.benefit-description{font-size:16px;line-height:1.6}.benefit-description p{margin-bottom:20px}.benefit-description p:last-child{margin-bottom:0}.benefit-image{flex:0 0 50%;height:auto;overflow:hidden;display:flex}.benefit-image img{width:100%;height:100%;object-fit:cover;display:block;flex:1}@media(max-width:768px){.how-it-works{padding:60px 0}.benefit-card{flex-direction:column!important;min-height:auto}.benefit-content{padding:40px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.benefit-image{height:250px}.section-header{margin-bottom:40px}}@media(max-width:480px){.benefit-content{padding:30px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-it-works.css.map */