header,
.navbar{

    position:sticky;

    top:0;

    width:100%;

    background:
    rgba(255,255,255,.94) !important;

    backdrop-filter:blur(16px);

    border:none !important;

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

    padding:10px 0 !important;

    z-index:9999;

    transition:.3s;
}

.navbar-brand{

    padding:0;
}

.navbar-brand img{

    max-height:72px;

    object-fit:contain;

    transition:.3s;
}

.navbar-nav{

    align-items:center;
}

.navbar-nav li{

    margin:0 14px;
}

.navbar-nav li a{

    color:#111827 !important;

    font-size:16px;

    font-weight:600;

    letter-spacing:.2px;

    transition:.3s;

    position:relative;

    padding:8px 0 !important;
}

.navbar-nav li a::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-5px;

    width:0%;
    height:2px;

    border-radius:10px;

    background:#f7ca55;

    transition:.3s;
}

.navbar-nav li a:hover{

    color:#f7ca55 !important;
}

.navbar-nav li a:hover::after{

    width:100%;
}

/* MOBILE */

.navbar-toggler{

    border:none !important;

    outline:none !important;
}

.navbar-toggler:focus{

    box-shadow:none !important;
}