/* ===== HEADER FIX ONLY ===== */

/* Top bar */
.top-bar{
    background:#00040b;
    color:#fcf9f9;
    padding:8px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
}
.top-bar i{
    color:#f5c542;
    margin-right:6px;
}
.top-right a{
    color:#fff;
    margin-left:15px;
    font-size:18px;
}
.top-right a:hover{
    color:#f5c542;
}

/* Main header */
header.main-header{
    background:#f7f7f6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 40px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    position:sticky;
    top:0;
    z-index:999;
}

/* Logo */
.logo{
    display:flex;
    align-items:center;
    font-size:22px;
    font-weight:900;
    color:#0b3c8d;
}
.logo img{
    height:100px;
    width:auto;
    margin-right:12px;
    display:block;
}

/* Navigation */
.main-header nav ul{
    list-style:none;
    display:flex;
    gap:30px;
    margin:0;
    padding:0;
}
.main-header nav ul li a{
    text-decoration:none;
    color:#333;
    font-weight:600;
    padding-bottom:9px;
    border-bottom:2px solid transparent;
}
.main-header nav ul li a:hover,
.main-header nav ul li a.active{
    color:#00050b;
    border-bottom:2px solid #f5c542;
}