/* ===========================================================
   MEDICHPLUS GLOBAL NAVBAR
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');


:root {

    --mplus-navy:#0d2140;
    --mplus-navy-light:#14315c;

    --mplus-green:#3ea24a;
    --mplus-teal:#2596a3;

    --mplus-text:#172b4d;
    --mplus-border:#e5eaf0;

}


/* Global */

body {

    font-family:'Inter', sans-serif;
    color:var(--mplus-text);

}


/* Main Header */

.mplus-navbar {

    position:sticky;

    top:0;

    z-index:9999;

    width:100%;

    background:rgba(255,255,255,.88);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(229,234,240,.7);

}


/* Navigation Area */

.mplus-navigation-bar {

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:30px;

    padding:12px 25px;

    border-top:1px solid var(--mplus-border);

    border-bottom:1px solid var(--mplus-border);

}


.mplus-nav {

    display:flex;

    align-items:center;

    gap:34px;

}


.mplus-nav-right {

    display:flex;

    align-items:center;

    gap:34px;

}



/* All Navigation Links */

.mplus-nav a,
.mplus-nav-link {

    position:relative;

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:15px;

    font-weight:700;

    color:var(--mplus-navy);

    transition:.25s ease;

}


.mplus-nav a:hover,
.mplus-nav-link:hover {

    color:var(--mplus-green);

}


/* Hover underline */

.mplus-nav a::after,
.mplus-nav-link::after {

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:3px;

    border-radius:50px;

    background:linear-gradient(
        90deg,
        var(--mplus-green),
        var(--mplus-teal)
    );

    transition:.3s ease;

}


.mplus-nav a:hover::after,
.mplus-nav a.active::after,
.mplus-nav-link:hover::after {

    width:100%;

}


.mplus-nav a.active {

    color:var(--mplus-green);

}



/* Mobile Button */

.mplus-mobile-toggle {

    display:none;

    background:none;

    border:none;

    font-size:30px;

    cursor:pointer;

    color:var(--mplus-navy);

}



/* Tablet */

@media(max-width:1100px){

    .mplus-navigation-bar {

        padding:12px 15px;

    }


    .mplus-nav {

        gap:20px;

    }

}



/* Mobile */

@media(max-width:900px){

    .mplus-nav {

        flex-wrap:wrap;

        gap:15px;

    }


    .mplus-nav-right {

        gap:15px;

    }

}