.milestone-section{background:#000;padding:0;position:relative;overflow:hidden}.milestone-container{z-index:2;max-width:1300px;margin:0 auto;padding:0 20px;position:relative}.milestone-layout{align-items:center;gap:40px;min-height:800px;display:flex;position:relative}.milestone-timeline{z-index:10;flex-direction:column;flex:0 0 150px;align-items:center;padding:60px 0;display:flex;position:relative}.timeline-line{z-index:1;background:#ffffff4d;width:1px;position:absolute;top:0;bottom:0}.timeline-dot-top{z-index:2;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-bottom:30px;transition:all .3s}.timeline-dot-top:hover{transform:scale(1.4);box-shadow:0 0 15px #fff}.timeline-arrow-bottom{z-index:2;cursor:pointer;border-top:18px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;margin-top:auto;transition:all .3s}.timeline-arrow-bottom:hover{filter:drop-shadow(0 0 10px #fff);transform:translateY(8px)}.timeline-years{z-index:2;flex-direction:column;justify-content:center;gap:40px;width:100%;height:100%;padding:40px 0;display:flex}.timeline-year{color:#ffffff80;cursor:pointer;text-align:center;width:100%;padding:10px 0;font-size:18px;font-weight:600;transition:all .3s;position:relative}.timeline-year.active{color:#fff;text-shadow:0 0 20px #ffffff80;font-size:26px;font-weight:800}.milestone-content-area{z-index:3;flex:1;position:relative}.milestone-main-bg{z-index:1;border-radius:0;position:absolute;inset:0;overflow:hidden}.milestone-bg-img{object-fit:cover;opacity:1;width:100%;height:100%}.milestone-main-bg:after{content:"";background:#0006;position:absolute;inset:0}.milestone-card-wrapper{z-index:2;justify-content:center;align-items:center;height:100%;padding:40px;display:flex;position:relative}.milestone-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff6;border-radius:20px;width:100%;max-width:550px;padding:30px;box-shadow:0 40px 80px #0003}.milestone-card-img-wrap{border-radius:12px;width:100%;height:250px;margin-bottom:25px;overflow:hidden}.milestone-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.milestone-card:hover .milestone-card-img{transform:scale(1.05)}.milestone-card-year{color:#ff2a36;margin-bottom:15px;font-size:40px;font-weight:800}.milestone-card-list{margin-bottom:30px;padding:0;list-style:none}.milestone-card-list li{color:#333;margin-bottom:10px;padding-left:20px;font-size:16px;line-height:1.6;position:relative}.milestone-card-list li:before{content:"•";color:#ff2a36;font-weight:700;position:absolute;left:0}.milestone-nav-buttons{gap:15px;display:flex}.milestone-nav-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .3s;display:flex}.milestone-nav-btn:hover{color:#fff;background:#ff2a36;border-color:#ff2a36;transform:translateY(-2px);box-shadow:0 5px 15px #ff2a364d}@media (max-width:991px){.milestone-layout{flex-direction:column}.milestone-timeline{flex-direction:row;justify-content:space-between;width:100%;height:auto;margin-bottom:40px;padding:0 20px}.timeline-line{width:100%;height:2px;top:50%}.timeline-years{flex-direction:row;width:100%;height:auto;padding:0}}