body {
    background-color: #fff !important;
}

#send-otp-recaptcha-container {
    position: absolute;
    inset-inline-start: 50%;           /* left → inline-start */
    transform: translateX(-50%);
}

.iti {
    inline-size: 100% !important;   
}

.iti__country-list {
    z-index: 10 !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #ffffff !important;
}

.iti__selected-country-primary:hover {
    background-color: transparent !important;
}

.iti__selected-country-primary:focus {
    background-color: transparent !important;
}

.iti__tel-input,
.iti__tel-input:focus {
    border-inline-start: 1px solid #ced4da !important; /* border-left */
}

.iti__search-input {
    block-size: 38px;                  /* height */
    padding-inline-start: 15px;        /* padding-left */
    font-size: 14px;
}

.iti__search-input:focus {
    outline: none;
}

.iti__selected-dial-code {
    font-size: 14px;
    font-weight: 500;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    padding-inline: 15px !important;   /* padding-left/right */
    margin-inline: auto !important;    /* margin-left/right */
}

#mobile-error {
    color: #ff0000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-block-end: 0;               /* margin-bottom */
    inline-size: 70%;                  /* width */
    text-align: start;                  /* left → start */
    margin-block-start: 6px;           /* margin-top */
}

#email-error,
#password-error {
    color: #ff0000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    inline-size: 75%;                  /* width */
    text-align: start;
    margin-block-end: 0 !important;    /* margin-bottom */
    position: relative;
    inset-block-start: -15px;          /* top */
}


.error-ajax {
    color: #ff0000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-block-end: 0 !important;    /* margin-bottom */
}

.show_hide_pass {
    position: absolute;
    inset-inline-end: 10px;            /* right → inline-end */
    inset-block-start: 16px;           /* top */
    z-index: 5;
    color: #a4a4a4;
    cursor: pointer;
    font-size: 12px;
}

.login_details .btn-submit {
    background-color: #6a6a6a;
    color: #fff;
    inline-size: auto;                 /* width */
    padding-block: 7px;                /* vertical padding */
    padding-inline: 18px;              /* horizontal padding */
    text-transform: capitalize;
}

.login_details .btn-submit:hover {
    background-color: #000;
}

.social-login {
    border-radius: 25px;
    padding-block: 5px;                /* vertical padding */
    padding-inline: 2px;               /* horizontal padding */
    margin-block: 15px;                /* margin-top/bottom */
    margin-inline: 15px;               /* margin-left/right */
}