.section-how-it-works{padding:5rem 0;background:#000;color:#fff}.section-how-it-works .section-header{margin-bottom:4rem}.section-how-it-works .section-header.text-center{text-align:center}.section-how-it-works .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:72rem;margin:0 auto;padding:0 1rem}.section-how-it-works .step-item{position:relative;padding:1rem}.section-how-it-works .step-icon-container{margin-bottom:1.5rem}.section-how-it-works .step-icon{width:5rem;height:5rem;background:#ec4899;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;transform:scale(1)}.section-how-it-works .step-item:hover .step-icon{background:#be185d;transform:scale(1.1)}.section-how-it-works .step-icon svg{color:#fff}.section-how-it-works .step-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.section-how-it-works .step-description{color:#d1d5db;font-size:1.125rem;line-height:1.6;font-weight:400}.section-how-it-works .step-connector{position:absolute;top:2.5rem;right:-1rem;width:2rem;height:.125rem;background:#ec4899;transform:translate(50%);display:none}@media (min-width: 768px){.section-how-it-works .steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.section-how-it-works .step-connector{display:block}.section-how-it-works .step-item:last-child .step-connector{display:none}}@media (max-width: 767px){.section-how-it-works{padding:3rem 0}.section-how-it-works .steps-grid{grid-template-columns:1fr;gap:3rem}.section-how-it-works .section-header{margin-bottom:2rem}}.section-how-it-works[style*=background-color]{background:var(--custom-bg-color)!important}.section-how-it-works .step-icon[style*=background-color]{background:var(--custom-icon-bg)!important}.section-how-it-works .step-item:hover .step-icon[style*=background-color]{background:var(--custom-icon-hover)!important}.section-how-it-works .step-title[style*=color]{color:var(--custom-text-color)!important}.section-how-it-works .step-description[style*=color]{color:var(--custom-description-color)!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how-it-works.css.map */