:root{--hiw-bg: #002217;--hiw-panel-bg: #004c33;--hiw-green: #00B67C;--hiw-green-dim: #006545;--hiw-text: #F9FDFC;--hiw-body: #BAEBDB;--hiw-badge-open: #00B67C;--hiw-badge-shut: #004c33}.shopify-section--how-it-works{background:var(--hiw-bg)!important}.hiw{display:flex;flex-direction:column;gap:32px;padding:32px 20px;max-width:1440px;margin:0 auto}@media screen and (min-width:1000px){.hiw{flex-direction:row;align-items:center;gap:20px;padding:64px 80px}}.hiw__img-wrap{flex-shrink:0;width:100%;border-radius:24px 180px 24px 24px;overflow:hidden;aspect-ratio:1 / 1}@media screen and (min-width:1000px){.hiw__img-wrap{flex:1;border-radius:24px 220px 24px 24px}}.hiw__img{width:100%;height:100%;object-fit:cover;display:block}.hiw__img-placeholder{width:100%;height:100%;background:#004c33}.hiw__panel{display:flex;flex-direction:column;gap:32px;flex:1;min-width:0}@media screen and (min-width:1000px){.hiw__panel{gap:40px;padding:40px 32px;flex:1;border-radius:24px}}.hiw__head{display:flex;flex-direction:column;gap:12px}.hiw__heading{margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--hiw-text);line-height:1.25;text-transform:uppercase;letter-spacing:.02em}@media screen and (min-width:1000px){.hiw__heading{font-size:32px;text-align:center}}.hiw__subheading{margin:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;color:var(--hiw-green);line-height:1.5;text-transform:uppercase;text-wrap-style:balance}@media screen and (min-width:1000px){.hiw__subheading{font-size:14px;text-align:center}}.hiw__accordion{display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.hiw-step{cursor:pointer;transition:background .2s}.hiw-step--open{background:var(--hiw-panel-bg);border-radius:16px;overflow:hidden}.hiw-step__question{display:flex;align-items:center;gap:16px;padding:20px 12px;user-select:none;-webkit-user-select:none;outline:none}@media screen and (min-width:1000px){.hiw-step__question{padding:24px 32px 20px}}.hiw-step__badge{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 12px;border-radius:999px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--hiw-text);background:var(--hiw-badge-shut);white-space:nowrap;transition:background .2s}.hiw-step--open .hiw-step__badge{background:var(--hiw-badge-open)}.hiw-step__title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:var(--hiw-text);line-height:1.3}@media screen and (min-width:1000px){.hiw-step__title{font-size:20px}}.hiw-step__body{max-height:0;overflow:hidden;transition:max-height .35s ease}.hiw-step--open .hiw-step__body{max-height:300px}.hiw-step__answer{padding:0 12px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:var(--hiw-body);line-height:1.65}@media screen and (min-width:1000px){.hiw-step__answer{padding:0 32px 24px;font-size:16px}}.hiw-step__answer p{margin:0}.hiw-step__bar-wrap{display:none;height:4px;background:var(--hiw-green-dim);border-radius:16px 16px 0 0;overflow:hidden}.hiw-step--open .hiw-step__bar-wrap{display:block}.hiw-step__bar{height:100%;width:var(--hiw-progress, 25%);background:var(--hiw-green);border-radius:0 2px 2px 0;transition:width .3s ease}@media screen and (min-width:1000px){.hiw__heading,.hiw__subheading{text-align:left}.hiw__head{margin-bottom:32px}}.hiw-step__title{font-family:Suncoast GROT,sans-serif;text-transform:uppercase}.hiw-step__badge{width:76px;height:29px;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/93/assets/how-it-works.css.map */