/* ===============================
   NAVIKSOFT Corporate Header
=================================*/

/* ===== FIXED HEADER ===== */
.main-header{
    width:100%;
    height: 140px;
    background:white;
    position:fixed;   /* Important */
    top:0px;
    left:0px;
    z-index:100;
    box-shadow:0 2px 15px rgba(0,0,0,0.08);
}


.nav-container{
    width:95%;
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0px 0;
}

/* Logo */
.logo img{
    height:150px;
}
.nav-container{
    width:95%;
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;   /* ↓ reduced */
}

/* Desktop Nav */
.nav-links{
    display:flex;
    gap:30px;
}

.nav-links a{
    text-decoration:none;
    color:#0A3D91;
    font-weight:500;
    position:relative;
    transition:0.3s;
}

.nav-links a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0%;
    height:2px;
    background:#0A3D91;
    transition:0.3s;
}

.nav-links a:hover::after{
    width:100%;
}

/* ===== Hamburger ===== */
.hamburger{
    display:none;
    flex-direction:column;
    cursor:pointer;
    gap:5px;
}

.hamburger span{
    width:25px;
    height:3px;
    background:#0A3D91;
    transition:0.3s;
}

/* ===== Mobile ===== */
@media(max-width:768px){

    .nav-links{
        position:absolute;
        top:100%;
        right:0;
        background:white;
        flex-direction:column;
        width:250px;
        padding:20px;
        box-shadow:0 10px 30px rgba(0,0,0,0.1);
        transform:translateX(100%);
        transition:0.3s ease;
    }

    .nav-links.active{
        transform:translateX(0);
    }

    .hamburger{
        display:flex;
    }
}