.timeline-header{text-align:center;margin-bottom:80px;position:relative}.timeline-header::after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#165dff;border-radius:3px}.timeline-header h2{font-size:2.5rem;font-weight:700;color:#1d2939;margin-bottom:12px}.timeline-header p{color:#667085;font-size:1.1rem;max-width:700px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:80px;position:relative;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,1,.36,1)}.timeline-item:nth-child(even){direction:rtl}.timeline-item::after{content:"";position:absolute;top:30px;left:50%;width:20px;height:20px;background:#165dff;border-radius:50%;transform:translateX(-50%);z-index:1;box-shadow:0 0 0 6px rgba(22,93,255,.1);transition:all .3s ease}.timeline-item:hover::after{transform:translateX(-50%) scale(1.2);box-shadow:0 0 0 8px rgba(22,93,255,.15)}.timeline-content{background:#fff;padding:35px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.timeline-item:nth-child(odd) .timeline-content::after{content:"";position:absolute;top:30px;right:-15px;width:30px;height:30px;background:#fff;transform:rotate(45deg);box-shadow:5px -5px 5px rgba(0,0,0,.02)}.timeline-item:nth-child(even) .timeline-content::after{content:"";position:absolute;top:30px;left:-15px;width:30px;height:30px;background:#fff;transform:rotate(45deg);box-shadow:-5px 5px 5px rgba(0,0,0,.02)}.timeline-content:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.timeline-year{font-size:2.8rem;font-weight:700;color:#0170b9;margin-bottom:15px;position:relative;display:inline-block}.timeline-year::after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:#165dff;border-radius:2px}.timeline-title{font-size:1.4rem;font-weight:600;color:#1d2939;margin:25px 0 15px}.timeline-description{color:#667085;font-size:1rem;line-height:1.7}.timeline-image{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.timeline-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.timeline-image:hover img{transform:scale(1.05)}.timeline-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.1) 0%,transparent 100%);z-index:1;transition:all .4s ease}.timeline-image:hover::before{background:linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 100%)}.timeline-item:last-child{margin-bottom:0}@media (max-width:992px){.timeline-item{grid-template-columns:1fr;padding-left:80px}.timeline-item:nth-child(even){direction:ltr}.timeline-item::after{left:30px;transform:none}.timeline-item:hover::after{transform:scale(1.2)}.timeline-image{order:-1;margin-bottom:20px;height:220px}.timeline-item:nth-child(odd) .timeline-content::after,.timeline-item:nth-child(even) .timeline-content::after{display:none}}@media (max-width:768px){.timeline-header h2{font-size:2rem}.timeline-item{padding-left:60px;margin-bottom:60px}.timeline-item::after{left:20px;width:16px;height:16px}.timeline-content{padding:25px}.timeline-year{font-size:1.5rem}.timeline-title{font-size:1.25rem}}@media (max-width:576px){.timeline-header{margin-bottom:50px}.timeline-header h2{font-size:1.75rem}.timeline-header p{font-size:1rem}.timeline-item{padding-left:45px;margin-bottom:40px}.timeline-item::after{left:15px}.timeline-content{padding:20px}}