header{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;transition:box-shadow 0.3s ease}.header-scrolled{box-shadow:0 2px 16px rgb(0 0 0 / .08)}header .logo img{height:50px}header .nav-menu{display:flex;align-items:center;list-style:none;padding-left:0;margin:0}header .nav-menu li{position:relative}header .nav-menu li:hover>.submenu{display:block}header .nav-menu li.has-children::after{content:'';position:absolute;top:100%;left:0;width:100%;height:.5rem}.submenu{display:none;position:absolute;top:100%;left:0;margin-top:.5rem;min-width:190px;z-index:10}.submenu li a{white-space:nowrap}.hamburger-menu{display:none;background:none;border:none;font-size:28px;color:#111827;cursor:pointer;z-index:1002}@media (max-width:768px){.hamburger-menu{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;z-index:999;background:#fff;box-shadow:0 12px 24px rgb(0 0 0 / .1)}.main-nav.active{display:flex;padding:10px}header .nav-menu{flex-direction:column;align-items:stretch;width:100%;margin:0}header .nav-menu li a{width:100%;border-radius:.75rem}header .nav-menu li:hover>.submenu{display:none}header .nav-menu li.active>.submenu{display:block;position:static;width:100%;margin:.25rem 0 0;box-shadow:none;background:#f9fafb}.nav-menu i{margin-left:auto}.menu-link{display:flex;align-items:center;justify-content:space-between}}@media (min-width:769px){.hamburger-menu{display:none}.depth-1,.depth-2{left:0;top:100%}}header{z-index:1000}.main-nav{z-index:1001}.hamburger-menu{z-index:1002}header,.main-nav,.submenu{transition:all 0.3s cubic-bezier(.4,0,.2,1)}