.form-tab {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display: flex;
    width: 100%;
    align-items: baseline;
    justify-content: center;
    border: none;
}

.form-tab .active {
    color: var(--primary)
}

.form-tab li {
    list-style-type: none;
    font-size: 15px;
    width: calc(100% / 11);
    /* float: left; */
    position: relative;
    font-weight: 400;
    text-align: center;

}
.form-tab li .btn-tab{

    font-size: 13px;


}
/* set media query under 1200 */
@media (max-width: 1200px) {
    .form-tab li {
        width: auto;
    }
}

.form-tab li.personal-info:before {
    content: "";
    background-image: url('../img/personal-details.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.disability-info:before {
    content: "";
    background-image: url('../img/disabled-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.household-info:before {
    content: "";
    background-image: url('../img/house-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.address-info:before {
    content: "";
    background-image: url('../img/address-card.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.education-info:before {
    content: "";
    background-image: url('../img/education.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.technical-qualifications:before {
    content: "";
    background-image: url('../img/technical-support-service.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.vocational-training:before {
    content: "";
    background-image: url('../img/training-achievement.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.employment-info:before {
    content: "";
    background-image: url('../img/employment.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.skills-training-preferences:before {
    content: "";
    background-image: url('../img/training-center.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.government-schemes:before {
    content: "";
    background-image: url('../img/government-building.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.documents-proof:before {
    content: "";
    background-image: url('../img/documents-proof.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.declaration-consent:before {
    content: "";
    background-image: url('../img/checked.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}

/* ── New tab icons ── */
.form-tab li.enumerator-details:before {
    content: "";
    background-image: url('../img/enumerator.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.group-membership:before {
    content: "";
    background-image: url('../img/group-membership.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.enterprise-profile:before {
    content: "";
    background-image: url('../img/enterprise-profile.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.business-finance:before {
    content: "";
    background-image: url('../img/business-finance.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.needs-challenges:before {
    content: "";
    background-image: url('../img/needs-challenges.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.vending-location:before {
    content: "";
    background-image: url('../img/vending-location.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.vending-profile:before {
    content: "";
    background-image: url('../img/vending-profile.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.business-income:before {
    content: "";
    background-image: url('../img/business-income.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}
.form-tab li.licensing-schemes:before {
    content: "";
    background-image: url('../img/licensing-schemes.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56%;
}




.form-tab li:before {
    width: 38px;
    height: 38px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: #8c9a9f;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

.form-tab li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: -1
}

/* .form-tab li.active:before,
.form-tab li.active:after {
    background-color: var(--primary)
} */

.form-tab li.active:before,
.form-tab li.active:after,
.form-tab li:has(~ li.active):before,
.form-tab li:has(~ li.active):after {
    background-color: var(--primary);
}



#registrationForm .form-group{
    margin-bottom: 15px;
}
.tab h3{
    margin-bottom: 10px;
}
.login-page-section #phone {
    height: 38px;
        padding: 6px 6px 6px 70px;
    border-radius: 0px;

}
.login-page-section .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 8px 13px;
}
.selected-dial-code {
    padding-left: 23px;
    font-size: 15px !important;
}
.form-tab-item button{
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
}