.engi-progress {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    margin-top: 2rem;
    overflow: hidden;
    border-radius: 10%;
    height: 2rem;
}

.bar-progress, .bar-progress-completed {
    height: 0.2rem;
    position: relative;
    margin-top: 1rem;
    z-index: -1;
}

.bar-progress-completed {
    background-color: var(--app-primary) !important;
}

.bar-progress {
    background-color: grey;
}

.progress-step, .progress-step-completed {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    position: relative;
    z-index: 20;
}

.progress-step {
    background-color: grey;
    align-self: center !important;
}

.progress-step-completed {
    background-color: var(--app-primary);
}

@media only screen and (min-width: 1109px) {

    .register {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}