.header-bg {
    background: url('../images/home.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-contact {
    background: url('../images/contact.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-resources {
    background: url('../images/resources.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-about {
    background: url('../images/about.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-services {
    background: url('../images/services.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b1 {
    background: url('../images/blogpost1.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b2 {
    background: url('../images/blogpost2.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b3 {
    background: url('../images/blogpost3.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b4 {
    background: url('../images/blogpost4.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b5 {
    background: url('../images/blogpost5.jpg') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b6 {
    background: url('../images/blogpost6.png') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b7 {
    background: url('../images/blogpost7.png') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b8 {
    background: url('../images/blogpost8.png') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b9 {
    background: url('../images/blogpost9.png') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-b10 {
    background: url('../images/blogpost10.png') no-repeat center center;
    background-size: cover;
    height: 500px;
}

.header-overlay {
    background: rgba(255, 255, 255, 0.8);
}

.header-slogan {
    position: relative;
    color: #fff;
	z-index: 1 !important;
}

/* Override for desktops (screen width 992px and above) */
@media (min-width: 992px) {
    .header-slogan {
        z-index: 2 !important;
    }
}

h5 {
	font-weight:bold;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #0f1d41;
}

.header-slogan i {
    font-size: 50px;
    color: #fff;
	margin-top:100px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.header-slogan h1 {
    color: #fff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);

}

h3 {
	font-weight: bold;
	color: #041E41;
}


.logo-img {
    height: 60px;
}

.main-container {
    max-width: 1200px;
}

/* Apply Open Sans font to the entire page */
body {
    font-family: 'Open Sans', sans-serif;
}

/* Navigation styling for main nav links */
.navbar-nav .nav-item {
    margin-right: 1rem; /* Adds space between navigation items */
}

/* Navigation styling for main nav links */
.navbar-nav .nav-link {
    color: white !important;
    text-transform: uppercase; /* Makes text all caps */
    font-size: 0.9rem; /* Slightly smaller font size */
    font-weight: bold; /* Always bold */
    padding: 0.5rem 2.5rem; /* Adds more space between links */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover transition */
}

/* Hover effect for main nav links */
.navbar-nav .nav-link:hover {
    background-color: #C6093B; /* Background color on hover */
    color: white !important; /* Ensures text remains white */
    border-radius: 0.25rem; /* Optional: Adds rounded corners */
}

/* Dropdown menu customization */
.navbar-nav .dropdown-menu {
    background-color: #ffffff; /* White background for dropdown */
    border: none; /* Removes border for a cleaner look */
    border-radius: 0.25rem; /* Optional: Rounded corners */
    padding: 0.5rem 0;
	z-index:10 !important;
}

/* Dropdown menu links */
.navbar-nav .dropdown-item {
    color: #0f1d41 !important; /* Dark blue for dropdown items */
    text-transform: uppercase; /* Ensures dropdown text is all caps */
    font-size: 0.85rem; /* Slightly smaller font size */
    font-weight: bold; /* Bold text */
    padding: 0.5rem 1.5rem; /* Adds padding for better spacing */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

/* Hover effect for dropdown links */
.navbar-nav .dropdown-item:hover {
    background-color: #C6093B; /* Matches hover color of main nav */
    color: white !important; /* Changes text to white */
}

/* Style the offcanvas menu */
.offcanvas {
    background-color: #0f1d41; /* Matches your header background */
    z-index: 1050 !important; /* Ensure it appears above the slogan */

}

.offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Offcanvas links */
.offcanvas-body .nav-link {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white !important;
    padding: 0.75rem 1rem;
    transition: background-color 0.3s ease;
}

.offcanvas-body .nav-link:hover {
    background-color: #C6093B;
    border-radius: 0.25rem;
}

	.footer-link {
        color: #000; /* Default color */
        transition: color 0.3s ease;
    }

    .footer-link:hover {
        color: red; /* Hover color */
    }

.services-section {
    padding: 0;
}

.service-item {
    height: 250px; /* Adjust height as needed */
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.service-overlay {
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: filter 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.service-item:hover .service-overlay {
    filter: brightness(1.2);
}

.required::after {
            content: "*";
            color: red;
        }

.blog-post {
        border: 1px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        height: 100%; /* Ensure the entire blog post container is consistent */
        display: flex;
        flex-direction: column;
    }

    .blog-post img {
        width: 100%;
        height: 200px; /* Fixed height for all images */
        object-fit: cover; /* Ensures the image fills the space without distortion */
    }

    .blog-post .content {
        padding: 15px;
        flex-grow: 1; /* Allows the text content to fill the remaining space */
    }

    .blog-post h5 a {
        color: #000;
        font-size: 1rem;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .blog-post h5 a:hover {
        color: red; /* Matches the footer hover style */
    }


/* Hover effects for service list items */
.services-menu a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.services-menu a:hover {
    color: #f8b400; /* Change to your desired hover color */
}

/* Sticky sidebar for services list */
.services-menu {
    position: sticky;
    top: 20px; /* Adjust to leave some space from the top */
}