.cro-timeline{background:var(--cro-timeline-bg, #fff);color:#1a1d2b;font-family:var(--font-body-family);letter-spacing:0}.cro-timeline__inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px;max-width:1200px;margin:0 auto;padding:0 16px}.cro-timeline__media{overflow:hidden;border-radius:16px;aspect-ratio:4 / 3}.cro-timeline__media img,.cro-timeline__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.cro-timeline__content{display:flex;flex-direction:column;gap:18px}.cro-timeline__heading{margin:0;color:#1a1d2b;font-family:var(--font-body-family);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:0;text-align:center}.cro-timeline__steps{margin:0;padding:0;list-style:none}.cro-timeline__step{position:relative;padding:0 0 22px 28px}.cro-timeline__step:last-child{padding-bottom:0}.cro-timeline__step:before{content:"";position:absolute;top:4px;left:0;z-index:1;width:14px;height:14px;border-radius:50%;background:#323d68;box-shadow:0 0 0 3px #dfe3f0}.cro-timeline__step--green:before{background:#10c923;box-shadow:0 0 0 3px #ddf7e0}.cro-timeline__step:not(:last-child):after{content:"";position:absolute;top:11px;bottom:-4px;left:6px;width:2px;background:#d5d9e5}.cro-timeline__title{margin:0 0 4px;color:#1a1d2b;font-family:var(--font-body-family);font-size:16px;font-weight:800;line-height:1.35;letter-spacing:0}.cro-timeline__text{margin:0;color:#2c3040;font-size:13px;line-height:1.55}@media screen and (min-width:750px){.cro-timeline__inner{max-width:640px}}@media screen and (min-width:990px){.cro-timeline__inner{max-width:1200px;grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:center;column-gap:64px;padding:0 40px}.cro-timeline__inner--reverse .cro-timeline__media{order:2}.cro-timeline__media{border-radius:20px;aspect-ratio:560 / 520}.cro-timeline__content{gap:28px}.cro-timeline__heading{font-size:40px;line-height:1.12;text-align:left}.cro-timeline__step{padding:0 0 30px 32px}.cro-timeline__step:before{width:16px;height:16px}.cro-timeline__step:not(:last-child):after{top:12px;left:7px}.cro-timeline__title{font-size:20px}.cro-timeline__text{max-width:520px;font-size:15px;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-cro-timeline.css.map */