.enroll-modal {
    border-radius: 12px;
    border: none;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.enroll-modal .modal-header {
    background-color: #0C0C0C;
    color: #fff;
    border-bottom: none;
}

.enroll-modal .modal-title {
    font-weight: 600;
    font-size: 1.5rem;
}

.enroll-modal .modal-body {
    padding: 2rem;
    background: #f9f9f9;
}

.enroll-modal .form-label {
    font-weight: 500;
    color: #333;
}

.enroll-modal .btn-primary {
    background-color: #F2613F;
    border: none;
    border-radius: 6px;
}

.enroll-modal .btn-primary:hover {
    background-color: #9B3922;
}
.enrollModal-close{
        filter: invert(1); /* Makes the "X" white */
    opacity: 1; /* Full visibility */
}