.progress-bars{margin:auto;padding:8px;height:24px;display:flex;align-items:center}.progress-bars .step{flex:1;height:5px;background:#d5d5d6;position:relative}.progress-bars .step.complete,.progress-bars .step.active:before,.progress-bars .step.complete:before{background:var(--brand-color-primary)}.progress-bars .step:before{content:'';left:-12px;top:-10px;position:absolute;height:24px;width:24px;border-radius:50%;background:#d5d5d6}.progress-bars .step.last{flex:0}@media only screen and (max-width: 767px){.progress-bars{margin:auto;padding:6px;height:20px}.progress-bars .step{height:4px}.progress-bars .step:before{left:-10px;top:-8px;height:20px;width:20px}}@media only screen and (max-width: 480px){.progress-bars{padding:5px;height:18px}.progress-bars .step{height:3px}.progress-bars .step:before{left:-9px;top:-7px;height:18px;width:18px}}@media only screen and (max-width: 360px){.progress-bars{padding:4px;height:16px}.progress-bars .step{height:3px}.progress-bars .step:before{left:-8px;top:-6px;height:16px;width:16px}}