#menu {
  display: none;
  margin-right: 15%;
}
#menu .level_1 {
  display: flex;
  padding: 0 15px;
  background-color: #00060F;
  border-radius: 999px;
}
#menu .level_1 > li {
  position: relative;
  padding: 0 15px;
  cursor: pointer;
}
#menu .level_1 > li:hover > span {
  color: #3A6AFD;
  transition: all 0.2s ease;
}
#menu .level_1 > li:hover .submenu-wrap {
  max-height: 300px;
}
#menu .level_1 > li a {
  text-decoration: none;
}
#menu .level_1 > li span {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(0.875em, 0.196vw + 0.804em, 1em);
  line-height: 1.8;
  color: #FFFFFF;
  font-family: "Proxima Nova", sans-serif;
  font-size: clamp(0.688em, 0.098vw + 0.652em, 0.875em);
  white-space: nowrap;
  line-height: 50px;
}
#menu .submenu-wrap {
  position: absolute;
  top: 110%;
  left: 0;
  display: block;
  max-height: 0;
  background-color: #00060F;
  border-radius: 10px;
  transition: all 0.2s ease;
  overflow: hidden;
}
#menu .level_2 {
  padding: 30px;
}
#menu .level_2 li:hover span {
  color: #3A6AFD;
  transition: all 0.2s ease;
}
#menu .level_2 li span {
  line-height: 35px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fcnctoolshop%2Fpublic_html%2Fprivate-bundles%2Fpixelpunkcoder%2Fcnctoolshop%2Fsrc%2FResources%2Fpublic%2Fcss%2Ffrontend%2Fnavigation.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMQ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAIQ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%22%7D */