.megamenu-offcanvas {
  --nexo-offcanvas-padding-y: 2rem;
  --nexo-offcanvas-padding-x: 0;
  --nexo-offcanvas-height: auto;
  bottom: unset;
}

.megamenu-tabs {
  list-style: none;
  margin: 0;
  padding: 0;

  min-height: 30vh;
}

.megamenu-tab {
  padding: 1rem;
  border-radius: var(--nexo-border-radius);

  transition: background-color 0.3s ease, color 0.3s ease;

  cursor: pointer;
}

.megamenu-panes {
  padding: 1rem;
  border-radius: var(--nexo-border-radius);
}

.megamenu-tabs,
.megamenu-pane.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}