/* modal.css */
.modal-dialog.modal-lg {
    width: 90%; /* Adjust width as a percentage */
    max-width: 100%; /* Prevents overflow on very small screens */
    padding-left: 15px;
    padding-right: 15px;
}

.modal-content {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    color: var(--dark-color); /* Add text color to modal content */
}

.modal-header h5 {
    color: #222; /* Slightly darker for the header text */
}

.modal-body {
    color: #333; /* Consistent text color for the body */
}

/* Optional form field label adjustments for better readability */
.modal-body .form-group label {
    color: #444;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%; /* Medium screen width */
    }
}

@media (min-width: 992px) {
    .modal-dialog.modal-lg {
        width: 90%; /* Large screen width */
    }
}

@media (min-width: 1200px) {
    .modal-dialog.modal-lg {
        max-width: 1200px; /* Max width for very large screens */
        width: 50%; /* Adjusts based on screen size */
    }
}