html{
    overflow: hidden;
}
.alert ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.alert li {
    display: inline !important;
}

.step-indicator-container {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.step {
    cursor: pointer;
    transition: all 0.3s ease;
}

.step:hover .step-number {
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(241, 196, 15, 0.4);
}

.step:hover .step-label {
    color: white !important;
}

.step.active .step-number {
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(241, 196, 15, 0.4);
}

#dropZone:hover {
    background-color: rgba(25, 118, 210, 0.05) !important;
    border: 1px dashed #1976D2 !important;
}

.btn {
    transition: all 0.3s ease !important;
}

.btn-outline {
    transition: all 0.3s ease !important;
}

.btn-outline:hover {
    background-color: rgba(13, 71, 161, 0.1) !important;
}

.password-strength {
    margin-top: 10px;
}

.progress {
    height: 6px;
    border-radius: 3px;
    background-color: #e0e0e0;
    margin-bottom: 5px;
}
.progress-bar {
    transition: width 0.3s ease, background-color 0.3s ease;
}
.dropdown-menu > li > a {
    white-space: break-spaces;
}

.bootstrap-select .bs-searchbox .form-control,
.bootstrap-select .bs-actionsbox .form-control,
.bootstrap-select .bs-donebutton .form-control {
    margin-left: 0;
    padding-inline: 15px;
}

.bootstrap-select .bs-searchbox:after {
    content: '';
}

.input-group .form-control {
    z-index: auto !important; 
}
@media(min-width: 768px) and (max-width: 1439px){
    html{
        overflow-y: scroll !important;
        height: auto !important;
    }
}