/* --- General Styles --- */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.content-section {
    padding: 40px 0;
}

/* --- Hero Section --- */
.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/hero-bg.jpg') no-repeat center center/cover;
    min-height: 60vh;
}

/* --- Top Bar --- */
.top-bar {
    background-color: #005a8b; /* A dark blue color */
    font-size: 0.9rem;
}

/* --- Footer --- */
footer a {
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a:hover {
    color: #fff !important;
}

/* --- Card Hover Effect --- */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}