/* General Styles */
.header nav {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.header-section {
    background-color: #333; /* Same as the footer */
    color: #fff;
}



.navbar-brand .logo {
    height: 40px;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

.navbar-nav .nav-link:hover, 
.navbar-nav .nav-link.active {
    color: #ffcc00 !important;
    border-bottom: 2px solid #ffcc00;
}

.container {
    padding: 0; /* Remove default padding if present */
}

.content-section {
    background-color: #f5f5f5; /* Set your desired background color */
}

.hero-section {
    margin-bottom: 20px; /* Add space below the hero section */
    background-color: #93C9DC;
    padding: 20px;
}

.carousel-item img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.card-body, .card-header {
    color: #000; /* Set text color to black */
}

@media (max-width: 768px) {
    .carousel-item img {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .carousel-item img {
        height: 200px;
    }
}

footer {
    margin-top: 0px; /* No extra margin at the top */
    padding: 2rem 0; /* Add vertical padding (equivalent to py-5) */
    background-color: #333;
    color: #fff;
}

.footer .card-header, 
.footer .card-body, 
.footer p, 
.footer a {
    color: #000; /* Set text color to black */
}

.footer .card-header {
    background-color: #f8f9fa; /* Optional: set a light background for the headers */
}
.bg-light-gray {
    background-color: #f5f5f5; /* Replace with your desired color */
}
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.carousel img {
    width: 100%;
    height: auto;
}




footer .card {
    border: none;
}

footer .card-header {
    background-color: #f8f9fa;
    font-weight: bold;
}
.footer p.text-center {
    color: #fff; /* Set font color to white */
}

footer hr {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

footer p {
    margin-top: 15px;
    font-size: 0.9rem;
}