.timeline{position:relative;padding:0;margin:0;overflow:hidden}.timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:#dee2e6;transform:translateX(-50%)}.timeline-item{position:relative;width:50%;padding:1rem 2rem;margin:2rem 0;box-sizing:border-box}.timeline-item:first-child{margin-top:0}.timeline-item:last-child{margin-bottom:0}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-item.center{width:50%;left:50%;transform:translateX(-50%);text-align:center}.timeline-item::before{content:'';position:absolute;top:1.5rem;width:20px;height:20px;background:#fff;border:2px solid #007bff;border-radius:50%}.timeline-item.left::before{right:-10px}.timeline-item.right::before{left:-10px}.timeline-item.center::before{content:none}.timeline-item.center::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1rem;background:#f8f9fa;z-index:1}.timeline-content{position:relative;padding:1rem;background:#f8f9fa;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.15);z-index:2}@media (max-width:767.98px){.timeline-item,.timeline-item.center,.timeline-item.left,.timeline-item.right{width:100%;left:0!important;transform:none;text-align:left;padding-left:3rem;margin-bottom:2rem}.timeline::before{left:30px}.timeline-item::before{left:0;right:auto;transform:none}.timeline-item.center::after{display:none}}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.countdown-timer>div{background-color:#f8f9fa;border:1px solid #ced4da;padding:20px;border-radius:8px;font-size:2.5rem;font-weight:700;min-width:100px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#212529}.countdown-timer>div span{display:block;font-size:1rem;font-weight:500;margin-top:8px;color:#495057}@media (max-width:576px){.countdown-timer>div{padding:15px;font-size:2rem;min-width:80px}.countdown-timer>div span{font-size:.9rem}}