.timeline{margin:var(--spacing-lg) 0;padding:20px 0;position:relative}.timeline:before{background-color:var(--primary-green);bottom:0;content:"";left:20px;position:absolute;top:0;width:4px}.timeline-item{display:flex;margin-bottom:50px;padding-left:50px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{align-items:center;background-color:var(--accent-yellow);border-radius:50%;display:flex;height:30px;justify-content:center;left:20px;position:absolute;top:15px;width:30px;z-index:1}.timeline-dot:after{background-color:#fff;border-radius:50%;content:"";height:14px;width:14px}.timeline-content{background-color:#fff;border-left:5px solid var(--primary-green);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;position:relative;width:100%}.timeline-item:first-child .timeline-content{border-left-color:var(--primary-green)}.timeline-item:nth-child(2) .timeline-content{border-left-color:var(--secondary-green)}.timeline-item:nth-child(3) .timeline-content{border-left-color:var(--dark-teal)}.timeline-item:nth-child(4) .timeline-content{border-left-color:var(--accent-yellow)}.timeline-content h3{color:var(--dark-teal);margin-bottom:15px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.timeline-item{animation:fadeInLeft .5s ease forwards;opacity:0}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.3s}.timeline-item:nth-child(3){animation-delay:.5s}.timeline-item:nth-child(4){animation-delay:.7s}@media (min-width:992px){.timeline-item:nth-child(odd) .timeline-dot{left:auto;right:-30px}.timeline-item:nth-child(2n) .timeline-dot{left:0}.timeline:before{left:50%}.timeline-item{padding-left:0;padding-right:30px;width:50%}.timeline-item:nth-child(2n){margin-left:50%;padding-left:30px;padding-right:0}.timeline-dot{left:50%;transform:translateX(-50%)}.timeline-content:after{border-bottom:15px solid transparent;border-left:15px solid #fff;border-top:15px solid transparent;content:"";height:0;position:absolute;right:-15px;top:20px;width:0}.timeline-item:nth-child(2n) .timeline-content:after{border-left:none;border-right:15px solid #fff;left:-15px;right:auto}}@media (max-width:768px){.timeline-content{padding:20px}.timeline-item{padding-left:40px}.timeline:before{left:15px}.timeline-dot{height:25px;left:15px;width:25px}}