.how-it-works{background-color:var(--background-color);padding-left:0;padding-right:0}.how-it-works__inner{display:flex;flex-direction:column;gap:30px;margin:0 auto}.how-it-works__header{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;max-width:548px;margin:0 auto}.how-it-works__title{margin:0;color:#00a3e0;font-family:var(--heading-font-family);font-weight:900;text-transform:uppercase}.how-it-works__subtitle{margin:0;color:#101820;font-family:var(--text-font-family);font-size:16px;font-weight:400;letter-spacing:0;line-height:1.3}.how-it-works__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:15px;padding:0 20px;-ms-overflow-style:none;scrollbar-width:none}.how-it-works__grid::-webkit-scrollbar{display:none}.how-it-works__item{position:relative;padding-top:26px;flex:0 0 85%;max-width:373px;margin:0;scroll-snap-align:center}.how-it-works__item:first-child{margin-left:0}.how-it-works__step{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:103px;padding:12px 30px;border:3px solid #00a3e0;border-radius:100px;background-color:#fff;color:#00a3e0;font-family:var(--button-font-family);font-size:22px;font-weight:800;line-height:1.1818;letter-spacing:.66px;text-transform:uppercase;white-space:nowrap}.how-it-works__step>span{transform:translateY(-2px)}.how-it-works__card{display:flex;flex-direction:column;gap:15px;height:100%}.how-it-works__media{position:relative;aspect-ratio:373 / 475;overflow:hidden;border:5px solid #00a3e0;border-radius:30px;background-color:#fff;box-shadow:4px 4px #101820}.how-it-works__image,.how-it-works__placeholder svg{display:block;width:100%;height:100%}.how-it-works__image{object-fit:cover}.how-it-works__placeholder{width:100%;height:100%}.how-it-works__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:start;gap:10px;padding:0 20px;text-align:center}.how-it-works__heading{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#00a3e0;font-family:var(--heading-font-family);font-size:22px;font-weight:800;line-height:1.3;text-transform:uppercase}.how-it-works__icon{display:inline-flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center}.how-it-works__icon svg,.how-it-works__icon-image{display:block;width:100%;height:100%}.how-it-works__icon-image{object-fit:contain}.how-it-works__description,.how-it-works__description p{margin:0;color:#101820;font-family:var(--text-font-family);font-size:16px;font-weight:400;line-height:1.65}.how-it-works__description p+p{margin-top:12px}.how-it-works__footer{display:flex;justify-content:center}@media screen and (min-width:750px){.how-it-works__subtitle{font-size:22px}.how-it-works__grid,.how-it-works__inner{gap:40px}.how-it-works__item{flex:1}.how-it-works__heading{font-size:26px}.how-it-works__description,.how-it-works__description p{font-size:18px}.how-it-works__card{gap:24px}.how-it-works__inner{gap:40px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-how-it-works.css.map */