.product-timeline{display:flex}.product-timeline .section-col{width:50%;flex-basis:50%}@media (max-width:767px){.product-timeline{flex-direction:column-reverse}.product-timeline .section-col{width:100%;flex-basis:100%}}.product-timeline .col-timeline{padding:12.5rem 5rem 12.5rem 0;position:relative;background:var(--ltgreen);color:var(--tan);--timelineLeft:86px}.product-timeline .col-timeline::before{content:"";position:absolute;left:var(--timelineLeft);top:0;height:100%;width:1px;background:var(--tan)}@media (min-width:1024px) and (max-width:1551px){.product-timeline .col-timeline{padding:8.5rem 5rem 8.5rem 0;--timelineLeft:56px}}@media (max-width:1023px){.product-timeline .col-timeline{padding:5.5rem 4rem 5.5rem 0;--timelineLeft:30px}}@media (max-width:480px){.product-timeline .col-timeline{padding:4.8rem 4rem 4.8rem 0}}.product-timeline .timeline{padding-left:clamp(12rem, 12vw, 20rem);position:relative}.product-timeline .timeline::before{content:"";position:absolute;left:var(--timelineLeft);top:1rem;transform:translateX(calc(-50% + 1px));width:2.2rem;height:2.2rem;border:1px solid var(--tan);border-radius:50%;background:var(--ltgreen)}.product-timeline .timeline-wrap{max-width:55rem}@media (min-width:1024px) and (max-width:1551px){.product-timeline .timeline{padding-left:clamp(12rem, 4vw, 20rem)}.product-timeline .timeline-wrap{max-width:65rem}}@media (max-width :1023px){.product-timeline .timeline{padding-left:clamp(6rem, 8vw, 6rem)}.product-timeline .timeline::before{width:2rem;height:2rem}}@media (max-width:767px){.product-timeline .timeline::before{width:1.8rem;height:1.8rem;top:2rem}}@media (max-width:480px){.product-timeline .timeline::before{width:1.25rem;height:1.25rem}}.product-timeline .timeline+.timeline{margin-top:8rem}@media (max-width:767px){.product-timeline .timeline+.timeline{margin-top:5rem}}.product-timeline .timeline .h2{margin-top:0;margin-bottom:2.75rem;font-size:4.8rem;color:inherit}@media (max-width:1023px){.product-timeline .timeline .h2{font-size:4.2rem}}@media (max-width:767px){.product-timeline .timeline .h2{margin-bottom:1rem;font-size:3.6rem}}@media (max-width:480px){.product-timeline .timeline-description{font-size:1.2rem}}.product-timeline .col-image{position:relative}.product-timeline .col-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width:767px){.product-timeline .col-image img{position:static;aspect-ratio:4/3}}