/* Custom Modal Styles */
.custom-modal .modal-content {
    background: linear-gradient(135deg, #23496a, #7b91e6); /* Gradient background */
    border-radius: 15px; /* Rounded corners */
    color: #fff; /* White text */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Shadow effect */
}

.custom-modal .modal-header {
    border-bottom: none; /* Remove header border */
    justify-content: center; /* Center align header content */
    font-size: 1.5rem;
    font-weight: bold;
}

.custom-modal .modal-footer {
    border-top: none; /* Remove footer border */
    justify-content: space-around; /* Evenly distribute buttons */
}

.custom-modal .btn-close {
    filter: brightness(0) invert(1); /* Change close button to white */
}

/* Button Styling */
.custom-modal .btn-primary {
    background-color: #ff7f50; /* Coral color */
    border: none;
}

.custom-modal .btn-secondary {
    background-color: #2ecc71; /* Green color */
    border: none;
}

.custom-modal .btn-primary:hover {
    background-color: #ff6347; /* Darker coral on hover */
}

.custom-modal .btn-secondary:hover {
    background-color: #27ae60; /* Darker green on hover */
}