.timeline-wrapper{display:flex;justify-content:space-between;gap:20px;position:relative;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:40px}
.timeline-wrapper::before{content:"";position:absolute;top:50%;left:5%;right:5%;height:4px;border-radius:2px;transform:translateY(-50%);background:linear-gradient(90deg,#00ff72,#39ff14,#28ff9a,#00ff72);animation:timelineFlow 5s linear infinite;z-index:0}
@keyframes timelineFlow{to{background-position:100% 50%}}
.timeline-step{position:relative;flex:0 0 220px;padding:20px 15px;text-align:center;border-radius:20px;background:rgba(0,80,40,.06);border:1px solid rgba(0,150,80,.15);backdrop-filter:blur(10px);transition:.3s ease;z-index:1}
.timeline-step:hover{transform:translateY(-10px);box-shadow:0 0 30px rgba(0,255,120,.55),0 0 60px rgba(0,255,120,.35)}
.step-number{width:50px;height:50px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:#0b6c44;color:#fff;border-radius:50%;font-weight:800;font-size:1.2rem;box-shadow:0 0 20px rgba(0,255,140,.4);transition:.3s ease}
.timeline-step:hover .step-number{background:#00b865;box-shadow:0 0 28px rgba(0,255,140,.65)}
.step-content h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#064b2f}
.step-content p{font-size:.9rem;line-height:1.4;color:#0f5d3f}
.timeline-title{text-align:center;font-size:2.4rem;font-weight:800;color:#064b2f;margin-bottom:50px;letter-spacing:-.5px;position:relative;z-index:5}
@media(max-width:1024px){.timeline-wrapper{gap:15px}.timeline-step{flex:0 0 180px;padding:15px 10px}}
@media(max-width:480px){.timeline-step{flex:0 0 160px;padding:12px 10px}}