.how-it-works{background-color:var(--hiw-bg)}.how-it-works__container{max-width:1400px;margin:0 auto;padding:0 30px}.how-it-works__header{text-align:center;margin-bottom:50px}.how-it-works__subheading{display:block;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--hiw-heading-color);opacity:.6;margin-bottom:10px}.how-it-works__heading{font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:6px;text-transform:uppercase;color:var(--hiw-heading-color);margin:0}.how-it-works__description{font-size:16px;line-height:1.7;color:var(--hiw-text-color);max-width:700px;margin:20px auto 0}.how-it-works__grid{display:grid;grid-template-columns:repeat(var(--step-count, 5),1fr);gap:30px}.how-it-works__step{position:relative;text-align:center;padding:0 10px}.how-it-works__icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;transition:transform .3s ease}.how-it-works__icon-wrapper.has-background{background:var(--hiw-icon-bg);border-radius:50%}.how-it-works__step:hover .how-it-works__icon-wrapper{transform:translateY(-5px)}.how-it-works__icon{width:60px;height:60px;color:var(--hiw-icon-color)}.how-it-works__icon svg{width:100%;height:100%}.how-it-works__custom-icon{width:60px;height:60px;object-fit:contain}.how-it-works__step-number{display:block;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--hiw-step-color);margin-bottom:12px}.how-it-works__title{font-size:16px;font-weight:600;color:var(--hiw-title-color);margin:0 0 12px;line-height:1.4}.how-it-works__text{font-size:14px;line-height:1.7;color:var(--hiw-text-color);margin:0}.how-it-works__connector{position:absolute;top:40px;right:-15px;width:30px;height:2px;background:var(--hiw-line-color)}.how-it-works__connector:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-top:2px solid var(--hiw-line-color);border-right:2px solid var(--hiw-line-color);transform:rotate(45deg)}.how-it-works__footer{text-align:center;margin-top:50px}.how-it-works__button{display:inline-block;padding:16px 40px;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--hiw-heading-color);border:2px solid var(--hiw-heading-color);text-decoration:none;transition:all .3s ease}.how-it-works__button:hover{background:transparent;color:var(--hiw-heading-color)}@media screen and (max-width:1200px){.how-it-works__grid{gap:25px}.how-it-works__step{padding:0 5px}.how-it-works__text{font-size:13px}.how-it-works__connector{display:none}}@media screen and (max-width:1024px){.how-it-works__grid{grid-template-columns:repeat(3,1fr);gap:40px 30px}.how-it-works__connector{display:none}}@media screen and (max-width:768px){.how-it-works__container{padding:0 20px}.how-it-works__header{margin-bottom:40px}.how-it-works__heading{letter-spacing:4px}.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:35px 25px}.how-it-works__icon-wrapper{width:70px;height:70px;margin-bottom:15px}.how-it-works__icon,.how-it-works__custom-icon{width:50px;height:50px}.how-it-works__step-number{font-size:13px;letter-spacing:2px}.how-it-works__title{font-size:15px}.how-it-works__footer{margin-top:40px}.how-it-works__button{padding:14px 35px;font-size:13px}}@media screen and (max-width:540px){.how-it-works__grid{grid-template-columns:1fr;gap:35px;max-width:400px;margin:0 auto}.how-it-works__step{padding:0}.how-it-works__heading{letter-spacing:3px}.how-it-works__icon-wrapper{width:80px;height:80px}.how-it-works__icon,.how-it-works__custom-icon{width:55px;height:55px}.how-it-works__text{max-width:320px;margin:0 auto}.how-it-works__button{width:100%;max-width:300px}}.how-it-works--cards .how-it-works__step{background:var(--hiw-icon-bg);padding:30px 20px;border-radius:12px;transition:box-shadow .3s ease}.how-it-works--cards .how-it-works__step:hover{box-shadow:0 10px 30px #00000014}.how-it-works--numbered .how-it-works__icon-wrapper{width:60px;height:60px;background:var(--hiw-heading-color);border-radius:50%}.how-it-works--numbered .how-it-works__icon-wrapper:before{content:attr(data-step);font-size:24px;font-weight:700;color:#fff}.how-it-works__button:focus{outline:2px solid var(--hiw-heading-color);outline-offset:3px}.how-it-works__button:focus:not(:focus-visible){outline:none}.how-it-works__button:focus-visible{outline:2px solid var(--hiw-heading-color);outline-offset:3px}@media(prefers-reduced-motion:reduce){.how-it-works__icon-wrapper,.how-it-works__button,.how-it-works--cards .how-it-works__step{transition:none}.how-it-works__step:hover .how-it-works__icon-wrapper{transform:none}}.how-it-works__step{opacity:1}.how-it-works.animate .how-it-works__step{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.how-it-works.animate .how-it-works__step:nth-child(1){animation-delay:.1s}.how-it-works.animate .how-it-works__step:nth-child(2){animation-delay:.2s}.how-it-works.animate .how-it-works__step:nth-child(3){animation-delay:.3s}.how-it-works.animate .how-it-works__step:nth-child(4){animation-delay:.4s}.how-it-works.animate .how-it-works__step:nth-child(5){animation-delay:.5s}.how-it-works.animate .how-it-works__step:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */