dark:bg-dark-2 lg:dark:bg-transparent"
                >
                  <ul class="block lg:flex">
                    <li class="relative" @click.outside="showMegaMenu = false">
                      <button
                        @click="showMegaMenu = !showMegaMenu"
                        class="flex w-full items-center justify-between gap-2 py-2 text-base font-medium text-body-color hover:text-dark lg:ml-12 lg:inline-flex lg:w-auto lg:justify-center dark:text-dark-6 dark:hover:text-white"
         