/* Custom styles */
.hero-header {
    /* background: linear-gradient(rgba(15, 66, 121, 0.8), rgba(15, 66, 121, 0.8)), 
                        url('https://images.unsplash.com/photo-1559757148-5c350d0d3c56?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80'); */
    background-size: cover;
    background-position: center;
}

.modal-content {
    border-radius: 10px;
    overflow: hidden;
 
}


.modal-header .btn-close {
    filter: invert(1);
}

.modal-body {
    padding: 2rem;
}

.form-control,
.form-select {
    border-radius: 8px;
    padding: 12px 15px;
}

.btn-outline-primary:hover {
    background-color: #0f4279;
    color: white;
}

.modal-footer {
    border-top: none;
    padding: 1rem 2rem 2rem;
}



/* Increase modal height for tablet and desktop */
@media (min-width: 768px) {
    .modal-content {
        height: 500px !important;
        min-height: 500px !important;
    }

    /* Optional: Make modal body scrollable if content overflows */
    .modal-body {
        max-height: 400px;
        overflow-y: auto;
    }
}

/* For extra large screens, you can make it even taller */
@media (min-width: 1200px) {
    .modal-content {
        height: 550px !important;
        min-height: 550px !important;
    }

    .modal-body {
        max-height: 450px;
    }
}