:root {
--oil-navy: #0a192f;
--oil-gold: #c5a059;
--oil-slate: #475569;
}
body { font-family: 'Segoe UI', Roboto, sans-serif; color: #1e293b; overflow-x: hidden; }

/* Hero Section with Parallax Effect */
.hero {
height: 100vh;
background: linear-gradient(rgba(10, 25, 47, 0.7), rgba(10, 25, 47, 0.7)), 
url('img/Hero.png');
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
color: white;
}

.section-padding { padding: 90px 0; }

.nav-link { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.bg-navy { background-color: var(--oil-navy); color: white; }

/* Page Header with Image Overlay */
.page-header {
    padding: 120px 0 80px;
    background: linear-gradient(rgba(10, 25, 47, 0.8), rgba(10, 25, 47, 0.8)), 
                url('img/Page-header.jpg');
    background-size: cover;
    background-position: center;
    color: white;
}


.stat-banner {
    background: var(--oil-navy);
    color: white;
    padding: 60px 0;
    margin: 40px 0;
}