.hiw-section{background:#fff;padding:100px 0}.hiw-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start}.hiw-left{padding-top:90px}.hiw-image-wrap{border-radius:12px;overflow:hidden;height:80vh;display:flex;align-items:center;justify-content:center}.hiw-image{width:100%;height:auto;display:block}.hiw-intro{font-size:16px;line-height:1.5;margin-bottom:60px;max-width:500px}.hiw-timeline{position:relative;margin-top:60px}.hiw-step{display:grid;grid-template-columns:50px 1fr;gap:30px;position:relative;padding-bottom:90px}.hiw-step:last-child{padding-bottom:0}.hiw-step{opacity:.4;transition:opacity .4s ease}.hiw-step.is-active,.hiw-step.is-completed{opacity:1}.hiw-step__rail{position:relative;display:flex;flex-direction:column;align-items:center}.hiw-step__circle{width:50px;height:50px;border-radius:50%;background-color:#e9e9e9;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease,color .4s ease;z-index:2}.hiw-step__number{font-family:Lato,sans-serif;font-size:16px;font-weight:600;color:#2e4635;transition:color .4s ease}.hiw-step.is-active .hiw-step__circle,.hiw-step.is-completed .hiw-step__circle{background-color:#d8ede1}.hiw-step__line{position:absolute;top:23px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 40px);z-index:1}.hiw-step:last-child .hiw-step__line{display:none}.hiw-step__line-track{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e9e9e9}.hiw-step__line-progress{position:absolute;top:0;left:0;width:100%;height:0;background-color:#2e4635;transform-origin:top;transition:height .8s cubic-bezier(.65,0,.35,1)}.hiw-step.is-completed .hiw-step__line-progress{height:100%}.hiw-step__content{padding-top:8px}.hiw-step__title{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700;margin:0 0 8px;color:#222}.hiw-step__text{font-family:Lato,sans-serif;font-size:18px;line-height:1.4;margin:0;color:#222;max-width:450px}@media (max-width: 1023px) and (min-width: 768px){.hiw-section{padding:80px 0}.hiw-layout{grid-template-columns:45fr 55fr;gap:40px}.hiw-left{padding-top:0}.hiw-image-wrap{height:auto;aspect-ratio:.8}.hiw-heading{font-size:48px}.hiw-intro{margin-bottom:50px}.hiw-step{grid-template-columns:45px 1fr;gap:25px;padding-bottom:50px}.hiw-step__circle{width:42px;height:42px}.hiw-step__title{font-size:22px}}@media (max-width: 767px){.hiw-section{padding:60px 0}.hiw-layout{grid-template-columns:1fr;gap:40px}.hiw-left{order:1;padding-top:0}.hiw-right{order:2}.hiw-image-wrap{position:static;height:auto;aspect-ratio:1.2;width:100%}.hiw-image{border-radius:12px}.hiw-heading{font-size:42px;margin-bottom:16px}.hiw-intro{font-size:15px;margin-bottom:40px}.hiw-step{grid-template-columns:40px 1fr;gap:20px;padding-bottom:40px}.hiw-step__circle{width:38px;height:38px}.hiw-step__number{font-size:14px}.hiw-step__title{font-size:20px}.hiw-step__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-how-it-works.css.map */