/* Video Background Styling */
.hero-section {
    min-height: 80vh; /* Adjust height as needed */
    display: flex;
    align-items: center;
}

.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Ensures video fills the area without stretching */
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 43, 60, 0.7); /* Match Seagull Navy with 70% opacity */
    z-index: 1;
}

/* Ensure content stays above video and overlay */
.hero-section .container {
    z-index: 2;
}