.nav-item{position:relative}.nav-item>.nav-link{color:var(--primary);padding:.9em;font-weight:500;display:block}.nav-item:hover>.nav-link{color:var(--secondary)}.nav-item>.nav-dropdown-menu{display:none;position:absolute;bottom:-5px;right:-10px;padding:1em 0;width:15rem;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2)}.traingle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid green}.bar{height:2px;border-radius:5px}.bar,.mobile-menu{width:100%;background-color:var(--primary)}.mobile-menu{position:absolute;top:-100%;left:0;height:100vh;transition:.7s ease-in-out;z-index:100}.mobile-menu .menu-close{opacity:0;transition:2.2s ease-in-out}.mobile-menu.open{top:0}.mobile-menu.open .menu-close{opacity:1}.mobile-menu .nav-item>.nav-link{color:#d2d3d5;font-weight:500;font-size:22px;padding:0}.mobile-menu:not(.open) .mobile-links li{opacity:0;margin-right:-300px}.mobile-menu.open .mobile-links li{opacity:0;animation:fadeInSlide .5s forwards;margin-right:0}@keyframes fadeInSlide{0%{opacity:0;margin-right:-300px}to{opacity:1;margin-right:0}}.mobile-menu.open .mobile-links li:first-child{animation-delay:.5s}.mobile-menu.open .mobile-links li:nth-child(2){animation-delay:.6s}.mobile-menu.open .mobile-links li:nth-child(3){animation-delay:.7s}.mobile-menu.open .mobile-links li:nth-child(4){animation-delay:.8s}