.mns-navigation{

    background:var(--mns-white);

    border-top:1px solid var(--mns-border-light);

    border-bottom:1px solid var(--mns-border-light);

}

.mns-navigation-inner{

    display:flex;

    align-items:center;

}

.mns-navigation-spacer{

    flex:0 0 212px;

}

.mns-nav-menu{

    display:flex;

    align-items:center;

    gap:40px;

    margin:0;

    padding:18px 0;

    list-style:none;

}

.mns-nav-menu li{

    position:relative;

}

.mns-nav-menu a{

    position:relative;

    display:block;

    color:var(--mns-text);

    font-size:16px;

    font-weight:600;

    transition:var(--mns-transition);

}

.mns-nav-menu a:hover{

    color:var(--mns-primary);

}

.mns-nav-menu a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-18px;

    width:0;

    height:3px;

    background:var(--mns-primary);

    border-radius:999px;

    transition:var(--mns-transition);

}

.mns-nav-menu a:hover::after{

    width:100%;

}

.current-menu-item > a{

    color:var(--mns-primary);

}

.current-menu-item > a::after{

    width:100%;

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1199px){

    .mns-navigation-spacer{

        flex:0 0 190px;

    }

    .mns-nav-menu{

        gap:36px;

        padding:16px 0;

    }

    .mns-nav-menu a{

        font-size:15px;

    }

    .mns-nav-menu a::after{

        bottom:-16px;

    }

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .mns-navigation-spacer{

        flex:0 0 166px;

    }

    .mns-nav-menu{

        gap:28px;

        padding:14px 0;

    }

    .mns-nav-menu a{

        font-size:14px;

    }

    .mns-nav-menu a::after{

        bottom:-14px;

    }

}