/* wizard header */
.wizard-header-container {
    text-align: center;
}

.wizard-header-container .wizard-part,
.wizard-header-container .section {
    display: inline-block;
}

.wizard-header-container .wizard-part .part-circle {
    width: 5em;
    height: 5em;
    border-radius: 50%;
    padding: 1em 0;
    text-align: center;
    border: 1px solid var(--bs-gray-300);
    background: var(--bs-gray-300);
    display: inline-block;
}
.wizard-header-container .wizard-part .part-circle span {
    font-size: 28px;
}

.wizard-header-container .wizard-part .part-label {
    margin: .8em -1em;
}

.wizard-header-container .wizard-part.active .part-circle,
.wizard-header-container .section.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.wizard-header-container .section {
    width: 4em;
    border: 2px solid var(--bs-gray-300);
    vertical-align: top;
    margin-top: 2.5em;
    margin-left: -5px;
    margin-right: -4px;
}

@media screen and (max-width: 767px)
{
    .wizard-header-container .wizard-part .part-circle span {
        font-size: 22px;
    }
    .wizard-header-container .wizard-part .part-circle {
        width: 3em;
        height: 3em;
        padding: .3em 0;
    }
    .wizard-header-container .section {
        width: 2em;
        margin-top: 1.5em;
    }
}