.timeline-wrapper{overflow-x:auto;overflow-y:visible}.timeline{min-width:1100px;overflow:visible}.timeline-steps{position:relative;display:flex;justify-content:space-between;margin-bottom:70px;overflow:visible;padding:10px 0}.timeline-steps::before{content:"";position:absolute;top:33px;left:10%;right:10%;height:2px;background:#e2e2e2;z-index:0}.step{position:relative;flex:1;text-align:center;z-index:1;overflow:visible}.step-number{width:46px;height:46px;border-radius:50%;background:#e9edf3;color:#444;font-weight:600;line-height:46px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.step-line{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:2px;height:80px;border-left:2px dashed #cfcfcf}.step-line-fill{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:2px;height:0;border-left:2px dashed #0f1c2e;transition:height .4s cubic-bezier(.4,0,.2,1)}.step.active .step-number{background:#0f1c2e;color:#fff;box-shadow:0 0 0 6px rgba(47,109,246,.18)}.step.active .step-line-fill{height:80px}.timeline-content{display:flex;justify-content:space-between;gap:20px}.timeline-card{position:relative;flex:1;background:#fff;padding:28px;border-radius:14px;border:1px solid #eee;min-height:190px;cursor:pointer;overflow:hidden;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.timeline-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f1c2e,#1d3557);opacity:0;transition:opacity .45s cubic-bezier(.4,0,.2,1);z-index:0}.timeline-card *{position:relative;z-index:1}.timeline-card h3{font-size:18px}.timeline-card p{font-size:16px}.timeline-card:hover::before{opacity:1}.timeline-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.15)}.timeline-card h3,.timeline-card p{transition:color .35s ease}.timeline-card:hover h3{color:#fff}.timeline-card:hover p{color:#dbe4ff}.hire-timeline .timeline-card{min-height:auto}.hire-timeline .timeline-steps::before{left:12%;right:12%}@media (max-width:768px){.timeline-wrapper{overflow-x:hidden}.timeline{min-width:100%;display:flex;flex-direction:row;gap:20px;align-items:stretch}.timeline-steps{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 80px;position:relative;margin-bottom:0}.timeline-steps::before{display:none}.timeline-steps::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:10%;bottom:10%;width:2px;background:#e2e2e2;z-index:0}.step{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.step-number{margin:0}.step-line,.step-line-fill{display:none}.timeline-content{display:flex;flex-direction:column;flex:1;gap:20px}.timeline-card{width:100%;min-height:160px;padding:22px}.timeline-card h3{font-size:16px}.timeline-card p{font-size:14px}}