.checkout-progress-bar {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
    border-radius: 5px;
}
.step {
    position: relative;
    z-index: 1;
    margin-top: 21px;
    width: 100%;
    transition: all 1s;
}
.step:after {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 9px;
    content: "";
    background-color: #CCCCCC;
    transition: all 1s;
}
.step:before {
    color: #2e2e2e;
    position: absolute;
    top: 40px;
    transition: all 1s;
}
.step:last-child:after {
    content: none;
}
.step.active {
    background-color: var(--yellow);
}
.step.active:after {
    background-color: var(--yellow);
}
.step.active:before {
    color: var(--yellow);
}
.step.active + .step {
    background-color: var(--yellow);
}
.step.active + .step:before {
    color: var(--yellow);
}
.step:nth-child(1):after {
    background-color: var(--yellow);
}
.step-container {
    min-height: 500px;
}
.hidden {
    display: none !important;
}


.stepper-btn-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 0;
    z-index: 2000;
    background: #fff;
    box-shadow: 0px -1px 6px rgba(0,0,0,0.3);
}
.stepper-btn-container .inner {
    display: flex;
    justify-content: end;
}