/* Navbar */
.navbar-brand {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem); /* Responsive font size */
    padding: 0.5rem 1rem;
}
.navbar-brand i {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem); /* Match icon size to text */
}
.nav-link {
    font-size: clamp(0.9rem, 2vw, 1.1rem); /* Responsive nav link size */
    padding: 0.5rem 0.75rem !important; /* Adjust padding for smaller screens */
}


/* Media Queries for Fine-Tuning */
@media (max-width: 991.98px) { /* When navbar collapses (mobile) */
    .navbar-nav {
        text-align: center; /* Center links in mobile view */
    }
    .nav-link {
        font-size: clamp(1rem, 3vw, 1.2rem); /* Slightly larger for mobile */
        padding: 0.75rem 1rem !important; /* More spacing in mobile menu */
    }
    .navbar-brand {
        font-size: clamp(1rem, 2.5vw, 1.3rem); /* Smaller brand text on mobile */
    }
}

@media (min-width: 1200px) { /* Larger screens */
    .navbar-brand {
        font-size: clamp(1.4rem, 2.5vw, 1.7rem); /* Larger brand text */
    }
    .nav-link {
        font-size: clamp(1rem, 2vw, 1.2rem); /* Larger nav links */
    }
}

/* Hero Section */
.hero-section {
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
}
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Overlay for readability */
}
.hero-section .container {
    position: relative;
    z-index: 1;
}

/* Navbar */
.navbar {
    /* transition: background-color 0.3s; */

    background-color: #004502;
}
/* Darker shade when scrolled  */
/* .navbar.scrolled { */
    /* background-color: #005566 !important; */
/* } */

/* Cards */
.card {
    transition: transform 0.3s;
}
.card:hover {
    transform: translateY(-10px);
}

/* Form
form .form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
} */

/* Programs Section */
.accordion-button {
    font-size: 1.2rem;
    font-weight: 500;
    color:#111;
    background-color: transparent !important; /* Remove default background */
    box-shadow: none !important; /* Remove any shadow */
}
.accordion-button:not(.collapsed) {
    color:#111; /*Keep text color change on active*/
    background-color: rgba(0, 128, 0, 0.5) !important; /* Remove active background */
    box-shadow: none !important; /* Remove any shadow */
}
.accordion-body {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}
.accordion-button i {
    font-size: 1.5rem;
}
.accordion-item {
    margin-bottom: 10px;
    border-radius: 0.25rem;
    overflow: hidden;
}
#programs h4 {
    color: #343a40;
    font-weight: 600;
}
/* Contact Section */