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