.how{background:var(--how-bg, #f4eee2);color:var(--how-text, #1f2a2e);padding:56px 0}.how__wrapper{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--spacing-4, 16px);text-align:center}.how__title{color:var(--how-heading, currentColor);margin:0 0 6px}.how__subtitle{margin:0 auto;max-width:720px;color:var(--how-text, currentColor);font-weight:300}.how__steps{display:grid;gap:var(--how-gap, 20px);justify-items:center;margin:40px 0}.how__item{position:relative;width:min(740px,100%);background:#ffffff80;border-radius:var(--how-radius, 14px);padding:calc(var(--how-badge-size, 40px) * .6) 20px 20px;box-shadow:0 1px #0000000d inset}.how__badge{position:absolute;top:calc(var(--how-badge-size, 40px) * -.5);left:50%;transform:translate(-50%);width:var(--how-badge-size, 40px);height:var(--how-badge-size, 40px);line-height:0}.how__badge-img{width:100%;height:auto;display:block}.how__text{margin:0;color:var(--how-text, currentColor);font-size:17px}.how__text>p{margin:0;font-weight:400}.how__tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px auto 40px;max-width:920px}.how__tip{background:var(--how-tip-bg, #e6dcc7);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center}.how__tip-text{margin:0;font-weight:300}.how__tip-text>p{margin:0}.how__cta{margin-top:20px;text-align:center;font-weight:300}@media (max-width: 990px){.how{padding:48px 0}.how__tips{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.how{padding:40px 0}.how__tips{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/custom-how-to-steps.css.map */