.step-bars{justify-content:center;width:100%;margin-bottom:30px;display:flex;position:relative}@media screen and (width<=900px){.step-bars{margin-top:20px}}.step-bars .step-wrapper{justify-content:space-between;gap:10px;width:100%;max-width:500px;display:flex}.step-bars .step-wrapper .step{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.step-bars .step-wrapper .step .bar{background-color:#f1f1f1;border-radius:4px;width:100%;height:6px;transition:background-color .3s}.step-bars .step-wrapper .step .description{text-align:center;color:#666c76;font-size:12px;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}