.timeline-section{background:#fcfcfc;padding:5rem 1rem}.timeline{max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(to bottom,var(--sky-blue),var(--navy-blue));width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;width:50%;padding:1rem 2.5rem;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{text-align:left;left:50%}.timeline-dot{background:var(--navy-blue);z-index:2;border:4px solid var(--sky-blue);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:1.5rem;box-shadow:0 5px 15px #00000026}.timeline-item.left .timeline-dot{right:-30px}.timeline-item.right .timeline-dot{left:-30px}.timeline-year{color:#fff;font-size:.75rem;font-weight:800}.timeline-card{background:#fff;border-left:4px solid #0000;border-radius:15px;padding:1.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 20px #00000014}.timeline-item.right .timeline-card{border-left:4px solid var(--sky-blue)}.timeline-item.left .timeline-card{border-right:4px solid var(--sky-blue);border-left:none}.timeline-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}.timeline-card-title{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.timeline-card-text{color:var(--text-dark);font-size:.95rem;line-height:1.6}@media (max-width:768px){.timeline-line{left:20px}.timeline-item{width:100%;padding-left:60px;padding-right:0;text-align:left!important;left:0!important}.timeline-dot{width:50px;height:50px;left:-10px!important;right:auto!important}.timeline-card{border-left:4px solid var(--sky-blue)!important;border-right:none!important}}