/* ==========================================================
   VARTIKA INDIA SERVICES
   PREMIUM NAVBAR
========================================================== */

#mainNavbar{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;

    background:#ffffff;
    transition:.35s ease;

    box-shadow:0 5px 20px rgba(0,0,0,.06);

}

#mainNavbar.scrolled{

    padding:3px 0;

    box-shadow:0 12px 35px rgba(0,0,0,.10);

}

/* Brand */

.navbar-brand{

    display:flex;
    align-items:center;

}

.navbar-brand img{

    width:52px;
    height:52px;
    object-fit:contain;

}

.brand-title{

    display:block;

    font-size:22px;

    font-weight:700;

    color:#0d6efd;

    line-height:1;

}

.brand-subtitle{

    color:#666;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;

}

/* Navigation */

.navbar-nav{

    gap:10px;

}

.nav-link{

    position:relative;

    color:#222 !important;

    font-weight:600;

    padding:12px 18px !important;

    transition:.3s;

}

.nav-link:hover{

    color:#0d6efd !important;

}

/* Animated underline */

.nav-link::after{

    content:"";

    position:absolute;

    left:18px;

    bottom:6px;

    width:0;

    height:2px;

    background:#0d6efd;

    transition:.35s;

}

.nav-link:hover::after,

.nav-link.active::after{

    width:calc(100% - 36px);

}

.nav-link.active{

    color:#0d6efd !important;

}

/* Dropdown */

.dropdown-menu{

    border:none;

    border-radius:16px;

    padding:12px;

    margin-top:15px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    min-width:260px;

}

.dropdown-item{

    padding:12px 16px;

    border-radius:10px;

    transition:.3s;

    font-weight:500;

}

.dropdown-item:hover{

    background:#0d6efd;

    color:#fff;

    padding-left:24px;

}

/* Buttons */

.btn-outline-primary{

    border-radius:50px;

    padding:10px 24px;

    font-weight:600;

}

.btn-primary{

    border-radius:50px;

    padding:10px 28px;

    font-weight:600;

}

/* Navbar Toggle */

.navbar-toggler{

    border:none;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/* Tablet */

@media (max-width:991px){

    #mainNavbar{

        padding:10px 0;

    }

    .navbar-collapse{

        background:#ffffff;

        margin-top:15px;

        border-radius:18px;

        padding:20px;

        box-shadow:0 20px 50px rgba(0,0,0,.10);

    }

    .navbar-nav{

        gap:0;

    }

    .nav-link{

        padding:15px 0 !important;

    }

    .nav-link::after{

        display:none;

    }

    .dropdown-menu{

        box-shadow:none;

        border-radius:10px;

        margin-top:5px;

        padding-left:10px;

    }

    .d-flex.align-items-center.gap-2{

        margin-top:20px;

        width:100%;

        flex-direction:column;

    }

    .d-flex.align-items-center.gap-2 a{

        width:100%;

    }

}

/* Mobile */

@media (max-width:576px){

    .brand-title{

        font-size:18px;

    }

    .brand-subtitle{

        font-size:11px;

    }

    .navbar-brand img{

        width:42px;

        height:42px;

    }

    .btn-primary,

    .btn-outline-primary{

        padding:12px;

    }

}