/* Custom CSS for the modal */
#messageModal.modal-content {
    border-radius: 10px; /* Add rounded corners */
}

#messageModal.modal-header {
    background-color: #21347E; /* Change the header background color */
    color: #fff; /* Change the header text color */
}

#messageModal.modal-body {
    padding: 20px; /* Add padding to the body */
}

/* Optional: Customize the close button */
#messageModal.close {
    color: #fff; /* Change the close button color */
}

/* Optional: Customize the close button on hover */
#messageModal.close:hover {
    color: #fff; /* Change the close button color on hover */
}

/* Optional: Add a background overlay */
#messageModal.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5); /* Add a semi-transparent black overlay */
}