<turbo-stream action="append" target="category_1_cards"><template>
    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717411362095262/general-trivia-quiz/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/drgufbsdo7lj6js810827zskzfw4"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        General Trivia Quiz
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717410498058796/intelligence-test/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/vh9mwgphcozhaseu0e0u0ewo01pj"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Intelligence Test
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717410441277351/impossible-knowledge-quiz/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/iusb6cul98196i9hec50sxv90zsp"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Impossible Knowledge Quiz
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717410345640480/challenging-mixed-trivia/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/t4rcixnja9a6byztbj8il4gtkghn"
        alt="mixed trivia quiz"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Challenging Mixed Trivia
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              mixed
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717410288494994/mixed-trivia-quiz/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/hjalmop0ys6moqpjm523v6vmdcnt"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Mixed Trivia Quiz
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717409976841276/general-knowledge-quiz/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/gsh9d0xxs8n3vb26tp659lusr6yi"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        General Knowledge Quiz
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717408280587715/unbeatable-knowledge-quiz/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/lw74pz5vsia081pddlnljw07qnyc"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Unbeatable Knowledge Quiz
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717408236250515/challenging-mixed-trivia/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/38stwr97hyaa4njrnxith006ebj3"
        alt="mixed trivia quiz"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        Challenging Mixed Trivia
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              mixed
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717408181073463/10-hard-trivia-questions/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/rf2mq13b4e2gwabakkl91m9yuh7o"
        alt="mixed trivia quiz"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        10 Hard Trivia Questions
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

    <div class="flex flex-col w-full rounded-xl bg-white border border-primary/30 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-200 overflow-hidden dark:bg-neutral-700">
  <a data-turbo-frame="_top" class="flex flex-col flex-1" href="/quiz/1717408111361985/general-knowledge-trivia/">
    <div class="w-full aspect-[4/5] overflow-hidden">
      <img
        class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
        decoding="async"
        src="https://cdn.triviamaze.com/cdn-cgi/image/width=380,fit=scale-down,format=auto/f75j6q3klksw6m0257k3sz9ekwbj"
        alt="General Knowledge Trivia"
      />
    </div>
    <div class="p-3 flex flex-col flex-1">
      <h2 class="text-sm font-semibold leading-snug line-clamp-2 text-neutral-800 dark:text-white mt-0 text-left">
        General Knowledge Trivia
      </h2>
        <div class="mt-auto pt-2 flex flex-wrap gap-1">
            <span class="rounded-full bg-primary/10 px-2 py-0.5 text-[0.7em] font-semibold text-secondary">
              General Knowledge
            </span>
        </div>
    </div>
</a></div>

</template></turbo-stream>
<turbo-stream action="replace" target="category_1_load_more"><template>
  <div id="category_1_load_more" class="mt-4 text-center">
      <a data-turbo-stream="true" class="inline-block px-4 py-2 rounded-lg bg-primary text-white hover:bg-primary-600 transition-colors" href="/home/categories/general-knowledge/page/83/">Load more</a>
  </div>
</template></turbo-stream>