.timeline{margin:0 auto;max-width:1100px;overflow-x:hidden;padding:80px 0;position:relative}.timeline:before{background:linear-gradient(180deg,rgba(107,140,194,0),rgba(107,140,194,.9) 10%,rgba(107,140,194,.9) 90%,rgba(107,140,194,0));border-radius:2px;bottom:20px;content:"";left:50%;position:absolute;top:20px;transform:translateX(-50%);width:3px;z-index:0}.timeline::before-circle,.timeline:after{background:#6b8cc2;border:3px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(107,140,194,.6);content:"";height:14px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .3s ease;width:14px;z-index:2}.timeline::before-circle{top:0}.timeline:after{bottom:0}.timeline::before-circle,.timeline:after{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.25)}}.timeline-item{box-sizing:border-box;opacity:0;padding:30px 40px;position:relative;transform:translateY(60px);transition:all .9s cubic-bezier(.22,1,.36,1);width:50%;z-index:1}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-content{background:#fff;border-radius:16px;border-top:5px solid #6b8cc2;box-shadow:0 8px 28px rgba(0,0,0,.1);padding:28px 30px;position:relative;transition:transform .4s ease,box-shadow .4s ease}.timeline-content:hover{box-shadow:0 16px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.timeline-item:after{background:#6b8cc2;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(107,140,194,.25);content:"";height:16px;position:absolute;top:40px;transition:transform .3s ease;width:16px;z-index:2}.timeline-item.left:after{right:-8px}.timeline-item.right:after{left:-8px}.timeline-item:hover:after{transform:scale(1.15)}.timeline-image{border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.1);height:200px;margin-bottom:18px;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.timeline-image:hover{filter:brightness(1.05);transform:scale(1.03)}.timeline-content h4{color:#6b8cc2;font-size:1.45rem;font-weight:700;margin-bottom:6px}.timeline-content h5{color:#6b8cc2;font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px}.timeline-content p{color:#34425b;font-size:1.125rem;font-weight:400;line-height:1.75;margin:0}.timeline-content.highlight{background:linear-gradient(180deg,#fff,#f8faf9);border-top-color:#6b8cc2}@media (min-width:1280px) and (max-width:1440px){.timeline{max-width:1100px;padding:70px 0}.timeline-item{padding:25px 35px}.timeline-content{padding:26px 28px}}@media (min-width:912px) and (max-width:1279px){.timeline{max-width:900px;padding:70px 5vw}.timeline:before{left:12px}.timeline-item{left:0;padding:30px 0 30px 55px;text-align:left;width:100%}.timeline-item.right,.timeline-item:after{left:0}.timeline-content{margin-left:35px;padding:26px 28px}.timeline-image{height:180px}.timeline-content h4{font-size:1.35rem}.timeline-content h5{font-size:1.05rem}.timeline-content p{font-size:1rem}}@media (max-width:1024px){.timeline{padding:60px 5vw}.timeline:before{left:10px}.timeline-item{padding:25px 0 25px 45px;width:100%}.timeline-item,.timeline-item.right{left:0;text-align:left}.timeline-item:after{left:0}.timeline-content{margin-left:25px;padding:24px 26px}.timeline-image{height:180px}.timeline-content h4{font-size:1.3rem}.timeline-content h5{font-size:1rem}.timeline-content p{font-size:.95rem}}@media (max-width:768px){.timeline{padding:50px 5vw}.timeline:before{left:8px}.timeline-item{padding:20px 0 20px 35px;width:100%}.timeline-item,.timeline-item.right{left:0;text-align:left}.timeline-content{border-radius:14px;margin-left:20px;padding:22px 25px}.timeline-content h4{font-size:1.25rem}.timeline-content h5{font-size:1rem}.timeline-content p{font-size:.95rem}.timeline-image{height:160px}}@media (max-width:480px){.timeline{padding:40px 20px}.timeline:before{display:none}.timeline-item{padding:0;width:100%}.timeline-item,.timeline-item.right{left:0;text-align:left}.timeline-content{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);margin-left:0;padding:20px}.timeline-item:after{display:none}.timeline-image{height:140px}.timeline-content h4{font-size:1.15rem}.timeline-content h5{font-size:.95rem}.timeline-content p{font-size:.88rem;line-height:1.6;text-align:left}}