#captchaModal .modal-header {
    background-color: #80C343; /* Green background for header */
}

#captchaModal .modal-title {
    font-size: 1.2rem;
    font-weight: bold;
}

#captchaModal .form-group label {
    font-size: 1.25rem;
    font-weight: bold;
}

#captchaModal .form-control {
    font-size: 1.15rem;
    padding: 10px;
}

#captchaModal .modal-footer .btn {
    padding: 8px 16px;
    font-size: 1rem;
}

#captchaError {
    border-left: 5px solid #dc3545; /* Red border for error message */
}

#validateCaptcha {
    background-color: #007bff;
    border-color: #007bff;
}

#submitOtp {
    background-color: #80C343;
    border-color: #80C343;
}

    #submitOtp:disabled {
        background-color: #6c757d;
        border-color: #6c757d;
    }

#refreshCaptcha {
    color: #007bff; /* Optional: Change the color of the icon */
}

    #refreshCaptcha:hover {
        color: #0056b3; /* Optional: Change the color on hover */
    }

.modal-header {
    display: flex;
}