/* ==========================================================
   NAVBAR
========================================================== */

.site-header{

    position:sticky;
    top:0;
    left:0;

    width:100%;

    background:#081838;

    border-bottom:1px solid rgba(255,255,255,.08);

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

    z-index:9999;

}

.site-header .container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:72px;

}

/* ==========================================================
   LOGO
========================================================== */

.logo img{

    width:235px;
    height:auto;

}

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

.main-nav{

    margin-left:auto;

}

.main-nav ul{

    display:flex;

    align-items:center;

    gap:42px;

}

.main-nav a{

    position:relative;

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.main-nav a:hover{

    color:#FFD54A;

}

.main-nav a.active{

    color:#FFD54A;

}

.main-nav a.active::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-24px;

    transform:translateX(-50%);

    width:28px;

    height:3px;

    border-radius:50px;

    background:#FFD54A;

}