.c-how-it-works-visual{width:100%;background-color:#fff}.c-hiwv__inner{max-width:1400px;width:95%;margin:0 auto;padding-top:5rem;padding-bottom:5rem}@media screen and (min-width:750px){.c-hiwv__inner{padding-top:6rem;padding-bottom:6rem}}.c-hiwv__header{text-align:center;margin-bottom:4rem}.c-hiwv__heading{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(2rem,3vw,2.8rem);color:#000;margin:0 0 1.4rem}.c-hiwv__header .c-section-divider{margin-bottom:1.6rem}.c-hiwv__subheading{font-family:var(--font-body-family);font-size:1.5rem;color:rgba(var(--color-foreground),.6);margin:0}.c-hiwv__grid{display:grid;grid-template-columns:1fr;gap:3.6rem 2rem}@media screen and (min-width:768px)and (max-width:989px){.c-hiwv__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.c-hiwv__grid{grid-template-columns:repeat(4,1fr)}}.c-step-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.c-step-image-wrapper{position:relative;z-index:1;width:100%;max-width:280px;margin:0 auto 1.5rem}.c-step-image-wrapper img,.c-step-image-wrapper svg{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain}.c-step-image-wrapper:before{content:attr(data-step);position:absolute;top:-20%;left:-10%;z-index:-1;font-family:var(--font-heading-family);font-weight:900;font-size:clamp(6rem,10vw,10rem);line-height:1;color:#f2f2f2}.c-step-item__title{font-family:var(--font-body-family);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:1.3rem;color:#000;margin:0 0 .8rem}.c-step-item__text{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.c-step-item__text p{margin:0}@media screen and (min-width:990px){.c-step-item:not(:last-child):after{content:"";position:absolute;top:35%;right:-20px;width:24px;height:24px;border-top:2px solid #ccc;border-right:2px solid #ccc;transform:rotate(45deg)}}@media screen and (max-width:767px){.c-hiwv__grid{gap:0}.c-step-image-wrapper{margin-bottom:1rem}.c-step-image-wrapper:before{position:relative;display:block;top:0;left:0;transform:none;text-align:center;font-size:4rem;opacity:1;color:#e5e5e5;line-height:1;margin-bottom:1rem;z-index:1}.c-step-item:not(:last-child):after{content:"";position:relative;display:block;top:0;right:0;width:2px;height:50px;margin:2rem auto;background-color:var(--accent);border:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-c-how-it-works-visual.css.map */