.timeline-section{background:#0a0a0a;padding:120px 0;overflow:hidden}.timeline-wrapper{margin-top:4rem;padding:0 40px;position:relative}.timeline-track{-ms-overflow-style:none;scrollbar-width:none;gap:0;padding:220px 150px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.timeline-track::-webkit-scrollbar{display:none}.timeline-line{z-index:1;background:#ffffff1a;width:0;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-item{z-index:2;flex-shrink:0;min-width:380px;position:relative}.milestone-content{max-width:280px;padding:20px 0;transition:all .4s}.milestone-content h3,.milestone-content h4{color:#fff;letter-spacing:1.5px;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.milestone-content p{color:var(--text-muted);font-size:.9rem;font-weight:300;line-height:1.7}.timeline-item.top .milestone-content{position:absolute;bottom:calc(50% + 65px);left:0}.timeline-item.top:after{content:"";background:linear-gradient(to top,var(--primary),transparent);opacity:.6;width:1px;height:60px;position:absolute;bottom:50%;left:8px}.timeline-item.bottom .milestone-content{position:absolute;top:calc(50% + 65px);left:0}.timeline-item.bottom:after{content:"";background:linear-gradient(to bottom,var(--primary),transparent);opacity:.6;width:1px;height:60px;position:absolute;top:50%;left:8px}.milestone-dot{border:2px solid var(--primary);z-index:3;background:#0a0a0a;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-item:hover .milestone-dot{background:var(--primary);box-shadow:0 0 15px var(--primary);transform:translateY(-50%)scale(1.2)}.highlight-item .milestone-dot{border-color:#fff;width:20px;height:20px}.timeline-controls{position:relative}.timeline-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.timeline-nav:hover{background:var(--primary);border-color:var(--primary);color:#000;box-shadow:0 0 20px #f29f0566}.timeline-nav.prev{left:0}.timeline-nav.next{right:0}@media (max-width:1100px){.timeline-section{padding:3rem 0}.timeline-wrapper{margin-top:1rem;padding:0}.timeline-track{gap:15px;padding:140px 20px}.timeline-nav{z-index:100;cursor:pointer;background:#000000e6;border-color:#ffffff4d;width:40px;height:40px;font-size:1rem;display:flex}.timeline-nav:active{background:var(--primary);transform:scale(.95)translateY(-50%)}.timeline-nav.prev{left:5px}.timeline-nav.next{right:5px}.timeline-item{min-width:260px}.timeline-item.top .milestone-content{padding-bottom:0;bottom:calc(50% + 40px)}.timeline-item.bottom .milestone-content{padding-top:0;top:calc(50% + 40px)}.timeline-item.top:after,.timeline-item.bottom:after{height:35px}.milestone-content h3,.milestone-content h4{margin-bottom:.4rem;font-size:1rem}.milestone-content p{font-size:.85rem;line-height:1.4;display:block!important}}@media (max-width:768px){.timeline-section{padding:3rem 0}.timeline-wrapper{margin-top:1rem;padding:0}.timeline-track{padding:140px 20px}.timeline-nav{z-index:100;cursor:pointer;background:#000000e6;border-color:#ffffff4d;width:40px;height:40px;font-size:1rem;display:flex}.timeline-nav:active{background:var(--primary);transform:scale(.95)translateY(-50%)}.timeline-nav.prev{left:5px}.timeline-nav.next{right:5px}.timeline-item{min-width:260px}.timeline-item.top .milestone-content{padding-bottom:0;bottom:calc(50% + 40px)}.timeline-item.bottom .milestone-content{padding-top:0;top:calc(50% + 40px)}.timeline-item.top:after,.timeline-item.bottom:after{height:35px}.milestone-content h3,.milestone-content h4{margin-bottom:.4rem;font-size:1rem}.milestone-content p{font-size:.85rem;line-height:1.4;display:block!important}}