.progress-bar{align-items:flex-start;background-color:rgba(255,253,231,.5);border-radius:3px;display:flex;justify-content:space-between;margin:40px auto;padding:18px 5px;width:100%}.step{align-items:center;display:flex;flex:1;flex-direction:column;position:relative}.step:before{background-color:#fff;content:"";height:2px;left:-50%;position:absolute;top:15px;width:100%;z-index:1}.step.completed:before,.step.current:before{background-color:#f7ba10}.step:first-child:before{display:none}.step-number{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:50%;color:#333;display:flex;font-size:16px;font-weight:400;height:34px;justify-content:center;margin-bottom:5px;width:34px;z-index:2}.step.completed .step-number{background-color:#f7ba10;border:2px solid #f7ba10;color:#fff}.step.current .step-number{border:2px solid #f7ba10;color:#333}.step-label{font-size:12px;max-width:60px;text-align:center}