/* ==========================================================
   NAVIGATION
========================================================== */

.site-header{

    position:sticky;

    top:0;

    z-index:1050;

    background:#fff;

    transition:all .25s ease;

}

.site-header.scrolled{

    box-shadow:0 6px 18px rgba(0,0,0,.08);

}

.navbar{

    min-height:72px;

    padding:10px 0;

}

.navbar-brand{

    text-decoration:none;

}

.brand-title{

    font-size:1.35rem;

    font-weight:700;

    color:#003399;

    line-height:1.1;

}

.brand-subtitle{

    font-size:.85rem;

    color:#666;

    margin-top:2px;

}

.nav-link{

    font-weight:600;

    margin:0 .35rem;

    color:#444;

    transition:all .2s ease;

}

.nav-link:hover{

    color:#003399;

}

.nav-link.active{

    color:#003399!important;

}

.dropdown-menu {
    background: rgba(170, 230, 220, 0.94);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(0, 51, 153, 0.08);
    border-radius: 10px;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);

    padding: 6px;
    min-width: 200px;
}
.dropdown-item {
    padding: 9px 10px;
    border-radius: 6px;

    font-weight: 600;
    font-size: 0.95rem;

    color: #344054;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}
.dropdown-item:hover{

    background:#003399;

    color:#fff;

}

.dropdown-item.active{

    background:#003399;

    color:#fff;

}

.btn-warning{

    font-weight:600;

}

@media (max-width:991px){

    .navbar{

        padding:12px 0;

    }

    .navbar-collapse{

        padding-top:15px;

    }

    .nav-link{

        margin:.25rem 0;

    }

}

.btn-warning{

    white-space:nowrap;

}
.btn-warning{

    padding:10px 22px;

    border-radius:10px;

}

.navbar ul,
.navbar li {
    list-style: none !important;
    list-style-type: none !important;
}
.navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
}