.course-modal {
    background: #f1d9b9;
    border-radius: 12px;
    border: 6px solid #6b4b35;
}

.course-title {
    background: #5a3d2b;
    color: #fff;
    padding: 12px 40px;
    border-radius: 0 0 12px 12px;
    font-weight: 600;
    font-size: 1.2rem;
}

.course-modal label {
    font-weight: 500;
    color: #3b2a1f;
}

.course-modal .form-control,
.course-modal .form-select {
    border-radius: 10px;
    border: none;
    padding: 12px;
}

.country-code {
    max-width: 150px;
}

.submit-btn {
    background: #5a3d2b;
    color: #fff;
    padding: 12px 40px;
    border-radius: 10px;
    font-weight: 600;
    
}

.submit-btn:hover {
    background: #4a3224;
}


/* Make modal exactly 75% of viewport width */
.modal-75 {
    width: 75vw !important;       /* 75% of screen width */
    max-width: 1200px;            /* optional max width */
    margin: 1.75rem auto;         /* centers modal */
}

@media (max-width: 992px) {
    .modal-75 {
        width: 90vw !important;   /* slightly smaller on tablets */
    }
}

@media (max-width: 576px) {
    .modal-75 {
        width: 95vw !important;   /* almost full width on mobile */
    }
}