.timeline-section{padding:100px 20px;background:linear-gradient(135deg,#f5fffe,#fff);min-height:100vh;width:100%;box-sizing:border-box;overflow:hidden}.timeline-container{max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.section-label{font-size:42px;font-weight:800;color:#2a9585;text-align:center;margin-bottom:20px;letter-spacing:-1px;width:100%;display:block;border-bottom:none;padding-bottom:0}.timeline-intro{font-size:17px;color:#555;text-align:center;margin-bottom:100px;line-height:1.8;max-width:650px;margin-left:auto;margin-right:auto}.timeline-wrapper{position:relative;padding:40px 0;z-index:1}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#2a9585 0% 80%,#2a95854d);transform:translate(-50%);z-index:0;border-radius:2px;box-shadow:0 0 20px #2a95851a}.timeline-item{margin-bottom:100px;position:relative;display:flex;align-items:flex-start;animation:fadeInUp .7s ease-out backwards;z-index:2}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}.timeline-item:nth-child(7){animation-delay:.7s}.timeline-item:nth-child(8){animation-delay:.8s}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-item:before{display:none}.timeline-item:hover:before{display:none}.timeline-content{width:46%;padding:32px 36px;background:#fff;border-radius:16px;box-shadow:0 4px 25px #00000014;border:1px solid rgba(42,149,133,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2a9585,#1f6b63);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.timeline-item:hover .timeline-content:before{transform:scaleX(1)}.timeline-item:nth-child(odd) .timeline-content{margin-right:52px}.timeline-item:nth-child(2n) .timeline-content{margin-left:52px}.timeline-content:hover{box-shadow:0 12px 40px #2a958533;transform:translateY(-8px);border-color:#2a95854d}.timeline-date{font-size:12px;font-weight:800;color:#2a9585;text-transform:uppercase;letter-spacing:1.5px;padding:8px 18px;background:linear-gradient(135deg,#f0fffe,#e0f9f7);border-radius:30px;border:1.5px solid #c8ede8;margin-bottom:16px;transition:all .3s ease;display:inline-block}.timeline-item:hover .timeline-date{background:linear-gradient(135deg,#2a9585,#1f6b63);color:#fff;border-color:#2a9585;transform:translate(5px);box-shadow:0 4px 15px #2a958540}.timeline-content h3{margin:0 0 14px;font-size:20px;font-weight:800;color:#1a1a1a;transition:all .3s ease;line-height:1.3}.timeline-item:hover .timeline-content h3{color:#2a9585;letter-spacing:.5px}.timeline-content p{margin:0;font-size:15px;color:#666;line-height:1.85;word-break:break-word}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}footer{background-color:#f8f9fa;border-top:1px solid #e8ede8;padding:50px 20px;text-align:center;color:#888;font-size:14px;width:100%;box-sizing:border-box}.footer-content{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.footer-content p{margin:6px 0;transition:color .3s ease}.footer-content p:hover{color:#2a9585}@media(max-width:768px){.timeline-section{padding:70px 20px;min-height:auto}.timeline-container{width:100%}.section-label{font-size:32px;margin-bottom:16px}.timeline-intro{font-size:15px;margin-bottom:70px}.timeline-wrapper{padding:30px 0}.timeline-line{left:20px;width:3px}.timeline-item{margin-bottom:80px;flex-direction:column!important;align-items:stretch}.timeline-item:before{left:20px;width:18px;height:18px;border-width:4px;top:30px}.timeline-item:hover:before{width:26px;height:26px;top:26px;box-shadow:0 0 0 10px #2a95851f}.timeline-content{width:calc(100% - 60px);margin-left:50px!important;margin-right:0!important;padding:26px 28px;border-radius:12px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:50px!important;margin-right:0!important}.timeline-content h3{font-size:18px}.timeline-content p{font-size:14px}.timeline-date{font-size:11px;padding:7px 15px}}@media(max-width:480px){.timeline-section{padding:50px 16px;min-height:auto}.timeline-container{width:100%;padding:0}.section-label{font-size:26px;margin-bottom:12px}.timeline-intro{font-size:14px;margin-bottom:50px;line-height:1.6}.timeline-wrapper{padding:20px 0}.timeline-line{left:16px;width:2px;box-shadow:0 0 15px #2a958514}.timeline-item{margin-bottom:70px;flex-direction:column!important}.timeline-item:before{left:16px;width:16px;height:16px;border-width:3px;top:26px}.timeline-item:hover:before{width:22px;height:22px;top:23px;box-shadow:0 0 0 8px #2a95851a}.timeline-content{width:calc(100% - 45px);margin-left:38px!important;margin-right:0!important;padding:20px;border-radius:10px;box-shadow:0 2px 16px #0000000f}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:38px!important;margin-right:0!important}.timeline-content h3{font-size:16px;margin-bottom:10px}.timeline-content p{font-size:13px;line-height:1.7}.timeline-date{font-size:10px;padding:6px 12px;margin-bottom:12px}.timeline-item:hover .timeline-date{transform:translate(3px)}footer{padding:35px 16px}.footer-content p{font-size:13px;margin:5px 0}}@media(max-width:360px){.section-label{font-size:22px}.timeline-intro{font-size:13px}.timeline-line{left:14px}.timeline-item:before{left:14px;width:14px;height:14px;border-width:2.5px}.timeline-content{width:calc(100% - 40px);margin-left:32px!important;padding:16px;font-size:12px}.timeline-content h3{font-size:14px}.timeline-content p{font-size:12px}}
