.required::after {
    content: " *";
    color: red;
    font-weight: bold;
}

/* Shake animation */
@keyframes shake {
    0% {
        transform: translateX(0px);
    }
    20% {
        transform: translateX(-5px);
    }
    40% {
        transform: translateX(5px);
    }
    60% {
        transform: translateX(-5px);
    }
    80% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0px);
    }
}

.shake {
    animation: shake 0.5s;
    border: 1px solid red !important;
}

.mobilenum_verification_page {
    margin-top: 0.3rem !important;
    width: 100%;
    padding: 7rem;
    box-shadow: 0px 0px 8px 0px #02025044;
}

.font_data_title {
    font-size: 13px;
}

.font_data {
    font-size: 11px;
    line-height: 1.5;
}

label {
    font-size: 0.9rem !important;
}

.content .btn {
    height: 29px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.content .contents .form-control, .content .bg .form-control {
    border: 1px solid #d4d4d459 !important;

}

.content .contents .form-group, .content .bg .form-group {
    padding: 9px 11px !important;
}

.under_line_reg {
    background-image: linear-gradient(135deg, #FDD835 25%, #FFD700 50%, #001F3F 30%, #002D62 70%) !important;
    height: .3rem;
    margin-top: -11px;
    width: 100%;
}

.under_line_reg_customer {
    background-image: linear-gradient(135deg, #FDD835 25%, #FFD700 50%, #001F3F 30%, #002D62 70%) !important;
    height: .3rem;
    margin-top: -4px;
    width: 12rem;
    margin-left: -0.1rem;
    margin-bottom: 1rem;
}

.font_data ul {
    margin-left: -14px;
}

.footer-row {
    margin-top: -18px;
}


.otp_verification_page {
    box-shadow: 0px 0px 8px 0px #02025044;
    padding: 6.8rem;
}
.user_registration_page {
    background: white;
}

.nav-tabs .nav-link.active {
    color: #000000 !important;
    font-weight: 600;
    position: relative;
}

.nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-image: linear-gradient(
        135deg,
        #FDD835 25%,
        #FFD700 50%,
        #001F3F 30%,
        #002D62 70%
    );
}
.nav-link {
    color: black;

}

.acc_type_drop {
    float: right;
    width: 8.5rem;
    color: #000000;
}

.loader, .is-loading:after {
    border: none !important;
    animation: none !important;
    margin-left: 0.3rem;
    width: 18.5rem !important;
}

.loader_row {
    margin: auto;
    padding: 9.5rem;
    margin-top: 1.5rem;
    box-shadow: 0px 0px 8px 0px #02025044;
    justify-content: center;
}

.navbar {
    background: linear-gradient(135deg, #FDD835 25%, #FFD700 50%, #001F3F 30%, #002D62 70%) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    top: -1.5rem;
    position: fixed;
    z-index: 1;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    20%, 60% {
        transform: translateX(-6px);
    }
    40%, 80% {
        transform: translateX(6px);
    }
}

.input-error {
    border: 1px solid red !important;
    animation: shake 0.4s ease;
}

.disable {
    pointer-events: none;
    opacity: 0.4;
}

.leader-box {
    border: 1px dotted #c1c1c1;
    padding: 15px;
    border-radius: 10px;
    background-color: #f9fcff;
}

.leader-title {
    /* font-weight: 600; */
    color: #000000;
    background: white;
    display: inline-block;
    padding: 0px 7px;
    position: relative;
    top: -25px;
    margin-left: 10px;
    font-size: 11px;
}

.required::after {
    content: " *";
    color: red;
}

.tab-content {
    background: white!important;
}