.company-timeline{font-family:Arial,sans-serif;background:#f9f9f9;padding:40px 20px}.company-timeline .timeline{position:relative;max-width:900px;margin:auto;padding:20px 0}.company-timeline .timeline::after{content:'';position:absolute;width:6px;background:#32549e;top:0;bottom:0;left:50%;margin-left:-3px;border-radius:3px;z-index:0}.company-timeline .timeline-item{position:relative;width:50%;padding:20px 40px;box-sizing:border-box;z-index:1}.company-timeline .timeline-item.left{left:0;text-align:right}.company-timeline .timeline-item.right{left:50%;text-align:left}.company-timeline .timeline-item::before{content:attr(data-year);position:absolute;top:20px;width:80px;height:80px;background:white;border-radius:50%;border:4px solid #32549e;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#32549e;font-size:16px;z-index:2;animation:pulse 2s infinite}.company-timeline .timeline-item.left::before{right:-60px}.company-timeline .timeline-item.right::before{left:-60px}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(50,84,158,0.6)}50%{transform:scale(1.1);box-shadow:0 0 20px rgba(50,84,158,0.6)}100%{transform:scale(1);box-shadow:0 0 0 rgba(50,84,158,0.6)}}.company-timeline .timeline-item::after{content:'';position:absolute;top:20px;width:80px;height:80px;border-radius:50%;background:conic-gradient(#32549e,#6f84c2,#32549e,#6f84c2);animation:rotateGlow 4s linear infinite;filter:blur(8px);opacity:.8;z-index:1}.company-timeline .timeline-item.left::after{right:-60px}.company-timeline .timeline-item.right::after{left:-60px}.company-timeline .timeline-content{background:white;padding:20px;border-radius:15px;box-shadow:0 10px 25px rgba(50,84,158,.3);transition:transform .4s ease,box-shadow .4s ease}.company-timeline .timeline-content:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 35px rgba(50,84,158,.6)}.company-timeline .timeline-content img{width:100%;border-radius:10px;margin-top:15px;transition:transform .4s ease,filter .4s ease}.company-timeline .timeline-content img:hover{transform:scale(1.05);filter:brightness(1.1)}@keyframes rotateGlow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.company-timeline .timeline::after{left:20px}.company-timeline .timeline-item{width:100%;padding-left:60px;padding-right:25px;text-align:left !important}.company-timeline .timeline-item::before,.company-timeline .timeline-item::after{left:-10px !important;right:auto !important}}