.progress-bar-container{display:flex;flex-direction:column;align-items:center;margin:10px 30px}.progress-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;position:relative}.progress-step{display:flex;align-items:center;justify-content:center;position:relative}.progress-circle-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%}.progress-line.half{width:60%;border-radius:0 10px 10px 0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.half.visible{opacity:1;visibility:visible}.active{border:2px solid #0070f3;background:#fff}.upcoming{border:5px solid transparent}.progress-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.progress-circle.upcoming-circle,.progress-circle.completed-circle{width:30px;height:30px;font-size:14px}.completed-circle,.active-circle{background-color:#0070f3;color:#fff}.upcoming-circle{background-color:#e0e0e0;color:#000}.checkmark{font-size:18px}.progress-checkmark{margin-left:0!important}.progress-line{height:8px;flex-grow:1;background-color:#e0e0e0;margin:0 -10px}.filled-line{background-color:#0070f3}.empty-line{background-color:#e0e0e0}.step-label{margin-bottom:16px;font-size:16px;color:#000;text-align:center}@media (min-width:1050px){.progress-circle,.progress-circle.upcoming-circle,.progress-circle.completed-circle{width:46px;height:46px;font-size:18px}.progress-circle-wrapper{width:58px;height:58px}.progress-line{margin:0 -8px}.progress-line.half{width:55%}}@media (max-width:1050px){.progress-checkmark{height:10px}}@media (max-width:430px){.progress-line.half{width:75%}}