/* --- APPEND TO BOTTOM OF FILE --- */

/* 1. Hero Wrapper & Overlay */
.hero-slider-wrapper {
    position: relative;
    overflow: hidden;
    padding: 140px 0 120px; /* More breathing room */
    color: white;
}

/* The Unique Blend: A modern gradient overlay */
.hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Gradient: Deep Blue to slightly lighter Blue diagonal */
    background: linear-gradient(135deg, rgba(0, 64, 133, 0.92) 0%, rgba(0, 86, 179, 0.75) 100%);
    z-index: 2;
}

/* 2. The Background Slider */
.hero-slider {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}

.hero-slide {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    transform: scale(1);
}

.hero-slide.active {
    opacity: 1;
    /* Slow Zoom Effect (Ken Burns) */
    animation: zoomEffect 20s infinite alternate; 
}

@keyframes zoomEffect {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); } /* Gentle zoom */
}

/* 3. Text Animations */
.relative { position: relative; }
.z-10 { z-index: 10; }

/* Fade Up Animation */
.animate-fade-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s forwards;
}

/* Fade Down Animation */
.animate-fade-down {
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 0.8s forwards;
}

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }

@keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
    to { opacity: 1; transform: translateY(0); }
}

/* Buttons Shadow */
.shadow-lg { box-shadow: 0 10px 25px rgba(0,0,0,0.2); }