.start-25 {
    left: 25% !important;
}

.start-50 {
    left: 50% !important;
}

.start-75 {
    left: 75% !important;
}

.selectable{
    cursor:pointer;
}

.header-progress {
    margin: 3rem !important;
}

.header-progress-item {
    width: 4rem;
    height: 4rem;
    font-size: small;
    background-color: #0d6efd;
    color: #fff;
}

.header-progress-item-yet {
    width: 4rem;
    height: 4rem;
    font-size: small;
    background-color: #6c757d;
    color: #fff;
}

.header-progress-inner-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}