/* .dropdown-menu:hover .lower-menu {
  background: radial-gradient(100rem circle at var(--xPos) var(--yPos), rgba(251, 185, 0, 0.4), transparent 15%);
}
.lower-menu {
  width: 100%;
  height: 190px;
  background: radial-gradient(150rem circle at 0 0, rgba(251, 185, 0, 0), transparent 0%);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.15s ease-in-out;
  overflow: hidden;
}

.lower-menu:hover::before {
  opacity: 1;
}

.lower-menu::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background: radial-gradient(60rem circle at var(--xPos) var(--yPos), rgba(251, 185, 0, 0.3), transparent 35%);
  opacity: 0;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}

.lower-menu .lower-menu-content {
  background-color:#222C35;
  border-radius: inherit;
  transition: all 0.25s;
  height: calc(100% - 0.2rem);
  width: calc(100% - 0.2rem);
} */