.vecharge-how-it-works{background-color:#000}.vecharge-how-it-works__header{margin:0 auto 3.6rem;text-align:center}.vecharge-how-it-works__heading{margin:0;color:#fff;font-size:clamp(2.4rem,3vw,3.2rem);line-height:1.15}.vecharge-how-it-works__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:4.8rem}.vecharge-how-it-works__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.vecharge-how-it-works__step:not(:last-child):after{content:"";position:absolute;bottom:-2.4rem;left:50%;width:0;height:2.4rem;border-left:.1rem dashed rgba(255,255,255,.28);transform:translate(-50%);pointer-events:none}.vecharge-how-it-works__visual{display:flex;flex-direction:column;align-items:center;margin-bottom:1.6rem}.vecharge-how-it-works__icon-ring{display:inline-flex;align-items:center;justify-content:center;width:var(--step-ring-size, 11.2rem);height:var(--step-ring-size, 11.2rem);border:.1rem solid var(--vecharge-how-it-works-accent, #17b74b);border-radius:50%;background:transparent}.vecharge-how-it-works__icon{display:block;width:var(--step-icon-size, 4.8rem);height:var(--step-icon-size, 4.8rem);object-fit:contain}.vecharge-how-it-works__number{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin-top:-1.4rem;border:.1rem solid var(--vecharge-how-it-works-accent, #17b74b);border-radius:50%;background:#000;color:#fff;font-size:1.2rem;font-weight:700;line-height:1}.vecharge-how-it-works__title{margin:0 0 .8rem;color:#fff;font-size:1.6rem;font-weight:700;line-height:1.25}.vecharge-how-it-works__text{margin:0;color:#ffffffb8;font-size:1.3rem;line-height:1.55;max-width:24rem}@media screen and (min-width:750px){.vecharge-how-it-works__header{margin-bottom:4.8rem}}@media screen and (min-width:990px){.vecharge-how-it-works__grid{grid-template-columns:repeat(var(--how-it-works-columns, 4),minmax(0,1fr));gap:0;align-items:start}.vecharge-how-it-works__step:not(:last-child):after{top:calc(var(--step-ring-size, 11.2rem) / 2);left:calc(50% + (var(--step-ring-size, 11.2rem) / 2));width:calc(100% - var(--step-ring-size, 11.2rem));height:0;border-top:.1rem dashed rgba(255,255,255,.28);border-left:0;transform:none}.vecharge-how-it-works__text{max-width:22rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-vecharge-how-it-works.css.map */