.how-it-works-section{background-color:var(--desktop-bg-color, #ffffff)}@media screen and (max-width:749px){.how-it-works-section{background-color:var(--mobile-bg-color, #ffffff)}}.how-it-works-container{width:100%}.how-it-works-header{text-align:center;margin-bottom:40px}.how-it-works-heading{font-weight:500;font-size:45px;line-height:63px;margin:0;text-transform:uppercase;letter-spacing:0px;color:#000}.how-it-works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:stretch;overflow:visible}.how-it-works-step{background:#fff;border:none;padding:0;height:100%;display:flex;flex-direction:column;position:relative;overflow:visible}.how-it-works-step-content{display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.how-it-works-step-content[style*="text-align: left"],.how-it-works-step-content[style*="text-align: left;"]{align-items:flex-start}.how-it-works-step-content[style*="text-align: right"],.how-it-works-step-content[style*="text-align: right;"]{align-items:flex-end}.how-it-works-step-content[style*="text-align: center"],.how-it-works-step-content[style*="text-align: center;"]{align-items:center}.how-it-works-step-icon{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1;flex-shrink:0;margin-bottom:0}.how-it-works-step-content[style*="text-align: left"] .how-it-works-step-icon,.how-it-works-step-content[style*="text-align: left;"] .how-it-works-step-icon{left:0;transform:translate(0)}.how-it-works-step-content[style*="text-align: right"] .how-it-works-step-icon,.how-it-works-step-content[style*="text-align: right;"] .how-it-works-step-icon{left:auto;right:0;transform:translate(0)}.step-icon-image{object-fit:contain;display:block;width:74px;height:auto;max-width:100%}.how-it-works-step-text{flex-grow:1;display:flex;flex-direction:column;margin-top:50px;width:100%;z-index:1}.how-it-works-step-title{font-weight:500;line-height:24px;margin:0 0 15px;text-transform:uppercase;letter-spacing:0px}.how-it-works-step-description{font-size:18px;line-height:24px;margin:0;color:#000}@media screen and (max-width:990px){.how-it-works-section{padding:60px 0;background-color:transparent}.how-it-works-heading{font-size:36px;color:#000}.how-it-works-grid{grid-template-columns:1fr;gap:28px}.how-it-works-step{background:#fffffff2;border:none;border-bottom:1px solid #e5e5e5;text-align:left;border-radius:0}.how-it-works-step-content{flex-direction:column;align-items:flex-start;text-align:left}.how-it-works-step-icon{position:absolute;top:19px;left:50%;transform:translate(-50%);margin-bottom:0;margin-right:0}.step-icon-image{width:70px;height:auto}.how-it-works-step-text{margin-top:80px}.how-it-works-step-text{flex:1}.how-it-works-step-title{margin-bottom:12px}.how-it-works-step-description{font-size:15px}}@media screen and (max-width:749px){.how-it-works-section{position:relative}.how-it-works-section .page-width{z-index:1;position:relative}.how-it-works-header{margin-bottom:28px}.how-it-works-heading{font-size:36px;line-height:50.4px}.how-it-works-step-icon{top:0}.step-icon-image{width:70px;height:auto}.how-it-works-step-text{margin-top:50px}.how-it-works-step-title{margin-bottom:12px}.how-it-works-step-description{font-size:14px;line-height:20px}}.how-it-works-section.color-accent-1{background:rgb(var(--color-accent-1));color:rgb(var(--color-accent-1-text))}.how-it-works-section.color-accent-2{background:rgb(var(--color-accent-2));color:rgb(var(--color-accent-2-text))}.how-it-works-section.color-background-1{background:rgb(var(--color-background-1));color:rgb(var(--color-background-1-text))}.how-it-works-section.color-background-2{background:rgb(var(--color-background-2));color:rgb(var(--color-background-2-text))}.how-it-works-section.color-inverse{background:rgb(var(--color-inverse));color:rgb(var(--color-inverse-text))}.how-it-works-section .how-it-works-step{background:#fff;color:#000}.how-it-works-step-title,.how-it-works-step-description{color:#000}@media screen and (max-width:990px){.how-it-works-section .how-it-works-step{background:transparent}.how-it-works-section{position:relative}.how-it-works-section .page-width{z-index:1;position:relative}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/section-how-it-works.css.map */
