.how-it-works{width:100%;padding:2rem 1.5rem}@media screen and (min-width:768px){.how-it-works{padding:2rem}}@media screen and (min-width:1024px){.how-it-works{padding:2rem 3rem}}.how-it-works__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e5e5;transition:all .3s ease}.how-it-works__step:hover{border-color:#004a31;transform:translateY(-5px);box-shadow:0 10px 30px #004a311a}.how-it-works__icon{width:80px;height:80px;background:linear-gradient(135deg,#004a31,#064);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;transition:all .3s ease}.how-it-works__step:hover .how-it-works__icon{transform:scale(1.1);box-shadow:0 8px 20px #004a314d}.how-it-works__icon svg{width:40px;height:40px}.how-it-works__content{flex:1}.how-it-works__title{font-size:1.25rem;font-weight:700;color:#004a31;margin-bottom:.75rem;line-height:1.3}.how-it-works__description{font-size:.95rem;line-height:1.6;color:#666;margin:0}@media screen and (max-width:1024px){.how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:767px){.how-it-works__steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.how-it-works__step{padding:1.5rem 1rem}.how-it-works__icon{width:70px;height:70px;margin-bottom:1rem}.how-it-works__icon svg{width:35px;height:35px}.how-it-works__title{font-size:1.1rem}.how-it-works__description{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-how-it-works.css.map */