:root{--color-ecosystem-primary:#0a2463;--color-ecosystem-secondary:#5aa9e6}.timeline{position:relative;max-width:800px;margin:4rem auto;padding:2rem 0}.timeline:after{content:"";position:absolute;width:4px;background-color:var(--color-ecosystem-secondary);top:0;bottom:0;left:50%;margin-left:-2px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:#fff;border:4px solid var(--color-ecosystem-primary);top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left:after{right:-10px}.right:after{left:-10px}.content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:4rem 0}.value-card{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.value-icon{font-size:2.5rem;color:var(--color-ecosystem-secondary);margin-bottom:1rem}@media (max-width:600px){.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.left:after,.right:after,.timeline-item:after{left:21px}.right{left:0}}