/* Header Fix - override styles to ensure header content visibility */
.header * {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
    display: block !important;
}

.header h1,
.header .hero-subtitle,
.header p {
    color: white !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

.header h1 {
    font-size: 3.5rem !important;
    margin-bottom: 1.5rem !important;
    font-weight: 800 !important;
}

.header .hero-subtitle,
.header p {
    font-size: 1.2rem !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.header {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/hero-bg.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 10rem 0 5rem !important;
}