/* Custom styles */
.hero-image {
    position: relative;
    background-image: url('../img/hero-image.jpg');
    background-size: cover;
    background-position: center;
    height: 60vh;
    color: white;
}

/* Add overlay for better contrast */
.hero-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Increased opacity from 0.4 to 0.7 for darker overlay */
    backdrop-filter: blur(4px); /* Blur effect */
}

/* Ensure text stays above the overlay */
.hero-image .container {
    position: relative;
    z-index: 1;
}

.hero-image h1,
.hero-image p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.page-header {
    background-color: #f8f9fa;
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.navbar-brand {
    font-weight: bold;
}

footer {
    margin-top: 2rem;
}