.step-bars{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:30px}@media screen and (max-width:900px){.step-bars{margin-top:20px}}.step-bars .step-wrapper{display:flex;width:100%;max-width:500px;justify-content:space-between;gap:10px}.step-bars .step-wrapper .step{display:flex;flex-direction:column;align-items:center;flex:1;gap:10px}.step-bars .step-wrapper .step .bar{width:100%;height:6px;background-color:#f1f1f1;border-radius:4px;transition:background-color .3s ease}.step-bars .step-wrapper .step .description{text-align:center;font-size:12px;color:#666c76;font-weight:500}.step-bars .step-wrapper .step.done .bar{background-color:#0162bd}.step-bars .step-wrapper .step.done .description{color:#0162bd}.step-bars .step-wrapper .step.active .bar{background-color:#d3e4f4}.step-bars .step-wrapper .step.active .description{color:#4d87be;font-weight:500}