/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.timeline{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;}.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:4px;background:#D9D9D9;transform:translateX(-50%);z-index:0;}.timeline-item{position:relative;margin-bottom:60px;width:100%;}.timeline-content{position:relative;width:45%;background:white;border-radius:20px;padding:25px;border:2px solid #e9ecef;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;overflow:visible;}.timeline-content:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(32,178,170,0.25);border-color:#27D0C8;}.timeline-item.left .timeline-content{margin-left:0;margin-right:auto;}.timeline-item.right .timeline-content{margin-left:auto;margin-right:0;}.timeline-year{position:absolute;left:50%;top:25px;transform:translateX(-50%);background:#D9D9D9;width:20px;height:20px;border-radius:50%;z-index:2;border:3px solid white;box-shadow:0 0 0 2px #D9D9D9;transition:all 0.3s ease;}.timeline-item:has(.timeline-content:hover) .timeline-year{background:#20B2AA;box-shadow:0 0 0 2px #20B2AA;}.timeline-item::before{content:'';position:absolute;left:50%;top:0;width:4px;height:100%;background:#C7F895;transform:translateX(-50%);z-index:1;opacity:0;transition:opacity 0.3s ease;}.timeline-item:has(.timeline-content:hover)::before{opacity:1;}.timeline-item.left .timeline-year::after{content:attr(data-year);position:absolute;top:50%;left:35px;transform:translateY(-50%);color:#333;font-size:1.2rem;font-weight:700;white-space:nowrap;}.timeline-item.right .timeline-year::after{content:attr(data-year);position:absolute;top:50%;right:35px;transform:translateY(-50%);color:#333;font-size:1.2rem;font-weight:700;white-space:nowrap;}.milestone-header{margin-bottom:15px;}.milestone-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3;}.milestone-description{color:#666;font-size:0.9rem;line-height:1.5;margin-bottom:15px;}.milestone-description ul{margin-left:0px;padding-left:15px;}.milestone-image{width:100%;height:auto;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid #e9ecef;}.milestone-details{font-size:0.85rem;color:#555;line-height:1.4;}.timeline-item.left .timeline-content::before{content:'';position:absolute;right:-15px;top:18px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #e9ecef;transition:border-color 0.3s ease;z-index:10;left:initial;}.timeline-item.left .timeline-content::after{content:'';position:absolute;right:-12px;top:20px;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:13px solid white;z-index:11;}.timeline-item.left:has(.timeline-content:hover) .timeline-content::before{border-left-color:#20B2AA;}.timeline-item.right .timeline-content::before{content:'';position:absolute;left:-15px;top:18px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #e9ecef;transition:border-color 0.3s ease;z-index:10;}.timeline-item.right .timeline-content::after{content:'';position:absolute;left:-13px;top:20px;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:13px solid white;z-index:11;}.timeline-item.right:has(.timeline-content:hover) .timeline-content::before{border-right-color:#20B2AA;}@media (max-width:991.98px){.Milestones-wrap{padding:60px 0;}.milestones-title h2{font-size:2rem;}.timeline-year{width:18px;height:18px;top:20px;}.timeline-item.left .timeline-year::after,.timeline-item.right .timeline-year::after{font-size:1.1rem;}.timeline-content{padding:20px;}}@media (max-width:767.98px){.timeline::before{left:30px;}.timeline-item::before{left:30px;}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{width:calc(100% - 90px);margin-left:90px;margin-right:0;}.timeline-year{left:30px;width:16px;height:16px;top:15px;background-color:#D9D9D9;}.timeline-item:hover .timeline-year{background-color:#20B2AA;}.timeline-item.left .timeline-year::after{right:-60px;left:auto;font-size:1rem;transform:translateY(-50%);}.timeline-item.right .timeline-year::after{left:-60px;right:auto;font-size:1rem;transform:translateY(-50%);}.timeline-item.left .timeline-content::before,.timeline-item.right .timeline-content::before{left:-12px;right:auto;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #e9ecef;top:12px;}.timeline-item.left .timeline-content::after,.timeline-item.right .timeline-content::after{left:-10px;right:auto;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid white;top:10px;z-index:11;}.timeline-item.left:has(.timeline-content:hover) .timeline-content::before,.timeline-item.right:has(.timeline-content:hover) .timeline-content::before{border-right-color:#20B2AA;}.milestone-image{height:140px;}.milestones-title h2{font-size:1.75rem;}.timeline-content{padding:18px;border-radius:15px;}}@media (max-width:575.98px){.milestones-title h2{font-size:1.5rem;}.timeline-content{padding:15px;border-radius:12px;}.milestone-image{height:120px;border-radius:8px;}.timeline-year{width:14px;height:14px;left:25px;top:12px;background-color:#D9D9D9;}.timeline-item:hover .timeline-year{background-color:#20B2AA;}.timeline::before{left:25px;width:2px;}.timeline-item::before{left:25px;width:2px;}.timeline-item.left .timeline-year::after{right:-25px;top:-17px;}.timeline-item.right .timeline-year::after{left:-5px;top:-17px;right:auto;font-size:0.9rem;}.timeline::before{left:25px;width:2px;}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{width:calc(100% - 80px);margin-left:80px;}.timeline-item.right .timeline-content::before{border-right-width:18px;border-top-width:10px;border-bottom-width:10px;left:-18px;top:10px;border-right-color:#e9ecef;}.timeline-item.left .timeline-content::before{border-right-width:18px;border-top-width:10px;border-bottom-width:10px;left:-18px;top:10px;border-right-color:#e9ecef;border-left:0px;}.timeline-item.left .timeline-content::after{left:-10px;right:auto;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid white;border-left:0px;top:10px;z-index:11;}.milestone-title{font-size:1.1rem;}.milestone-description{font-size:0.85rem;}.milestone-details{font-size:0.8rem;}}.timeline-item{opacity:0;transform:translateY(30px);transition:all 0.6s ease;}.timeline-item.animate-in{opacity:1;transform:translateY(0);}.timeline-item.left.animate-in .timeline-content{animation:slideInLeft 0.6s ease forwards;}.timeline-item.right.animate-in .timeline-content{animation:slideInRight 0.6s ease forwards;}@keyframes slideInLeft{from{transform:translateX(-50px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideInRight{from{transform:translateX(50px);opacity:0;}to{transform:translateX(0);opacity:1;}}@media (max-width:767.98px){.timeline-item.left.animate-in .timeline-content,.timeline-item.right.animate-in .timeline-content{animation:slideInLeft 0.6s ease forwards;}}
