.header {
  @apply bg-transparent py-6  left-0 w-full z-50 transition-transform duration-700;
  transform: translateY(0px);
}

.header.hide {
  transform: translateY(-200px);
}

/* navbar items */
.navbar {
  @apply relative flex flex-wrap items-center justify-between;
}

.navbar-brand {
  @apply text-text-dark  text-xl font-semibold;
  image {
    @apply max-h-full max-w-full;
  }
}

.navbar-nav {
  @apply text-center lg:text-left;
}

.nav-link {
  @apply text-white hover:text-primary block p-3 cursor-pointer font-normal transition lg:px-2 lg:py-3;
}

.nav-dropdown {
  @apply mr-0;
}

.nav-dropdown > svg {
  @apply pointer-events-none;
}

.nav-dropdown-list {
  @apply bg-body  z-10 min-w-45 rounded p-4 shadow-sm;
}

.nav-dropdown-item {
  @apply not-last:mb-2;
}

.nav-dropdown-link {
  @apply text-text-dark hover:text-primary   block py-1 font-semibold transition;
}