NAV UL  {
    @media screen and (min-width:640px) {
        display: flex;
        justify-content: end;
    }
}
NAV UL LI  {
    padding:0px 10px;
    position: relative;
    @media screen and (min-width:640px) {
        display: flex;
        align-items: center;
        height:75px;
    }
    @media screen and (max-width:640px) {
       padding:8px;
        
    }
}
NAV UL LI:has(.sub-menu) {
    position: relative;
}
NAV UL LI:has(.sub-menu):hover .sub-menu {
    display: block;
}
NAV UL LI UL.sub-menu {
    position: absolute;
    width: 100%;
    min-width: 200px;
    right: 0px;
    top: 74px;
    background-color: white;
    z-index: 100;
    /* border-top: 1px solid var(--blue); */
    border-radius: 0px 0px 10px 10px;
    /* display: flex;
    justify-content: start; */
    padding:20px;
    display: none;
}
NAV UL LI UL.sub-menu LI {
    color:var(--blue);
    height: auto;
    padding:10px 0px;
}

NAV UL LI A {
    position: relative;
}
NAV UL LI A:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: var(--blue);
    left: 0px;
    bottom:-5px;
}
NAV UL LI:hover > A:before {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

/* Mobile Menu */
#mobileMenu {
    left:100%;
    transition:all 0.3s ease-in-out;
}

#mobileMenu.mobile-menu--open {
    left:0
}


#mobileNavToggle.mobile-menu-toggle--open .icon-bar:last-of-type {
    display:none;
}

#mobileNavToggle.mobile-menu-toggle--open .icon-bar:first-of-type {
    transform: rotate(45deg);
    top:8px;
}

#mobileNavToggle.mobile-menu-toggle--open .icon-bar:nth-of-type(2) {
    transform: rotate(-45deg);
}