body {
        margin: 0;
        font-family: Arial, sans-serif;
    }

    /* Top bar */
    .topbar {
        background: #8C1515;
        color: white;
        padding: 10px 20px;
        font-weight: bold;
    }
.logo img{
height:60px; /* adjust size */
width:auto;
}
    /* Navigation */
nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 40px;
background:#fff;
position: sticky;
top: 0;
z-index: 1000;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.menu{
list-style:none;
display:flex;
gap:25px;
}

.menu li{
position:relative;
}

.menu a{
text-decoration:none;
color:#333;
font-weight:500;
padding:8px 10px;
display:block;
}

/* Submenu */
.submenu{
display:none;
position:absolute;
top:100%; /* important fix */
left:0;
background:white;
list-style:none;
padding:10px 0;
width:220px;
border:1px solid #ddd;
box-shadow:0 4px 8px rgba(0,0,0,0.1);
}

.submenu li{
padding:8px 15px;
}

.submenu li:hover{
background:#f5f5f5;
}

/* Hover trigger */
.dropdown:hover .submenu{
display:block;
}

    /* Hero section */
.home-page .hero{
height:600px;
background-image:
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url("../images/space-bg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;

display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

/* .inner-page {
        background-image: url("/images/space-bg.png");
        background-size: cover;
        background-position: center;
        background-repeat: repeat-y;
        position: relative;
    } */

    /* white overlay */
    /* .inner-page::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.95);
        pointer-events: none;
    } */

.hero-content{
background: rgba(0,0,0,0.4);
padding:20px 40px;
border-radius:8px;
}

    .hero h1{
        font-size:48px;
        margin:0;
    }

    /* Card section */
    .section {
        padding: 60px 40px;
    }

    .cards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 25px;
    }

    .card {
        border: 1px solid #eee;
        padding: 20px;
        border-radius: 8px;
    }

    /* Footer */
    footer {
        background: #111;
        color: white;
        padding: 40px;
        margin-top: 40px;
    }