.timeline-steps-container{position:relative;margin-bottom:60px;padding:0 40px}.timeline-steps{display:flex;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}.timeline-steps::-webkit-scrollbar{display:none}.step{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .3s ease;min-width:240px;flex-shrink:0;padding:0 10px}.step:not(:last-child):after{content:"";position:absolute;top:88px;left:120px;width:100%;border:1px dashed #e0e0e0;z-index:1}.step.completed:not(:last-child):after{background-color:#444e86}.step.active .step-circle{background-color:#444e86;border-color:#444e86;transform:scale(1.2);box-shadow:0 0 0 8px rgba(52,152,219,.2)}.step.completed .step-circle{border-color:#444e86}.step-circle{width:20px;height:20px;border-radius:50%;background-color:#fff;border:4px solid #e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease;font-weight:700;color:#fff;position:relative;z-index:2}.step-title{font-size:32px;text-align:center;color:#7f8c8d;max-width:100px;transition:all .3s ease;margin-bottom:30px}