<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/1717740637084344/impossible-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/qme6dp2a316vkode3syixt9f773j"
        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">
        Impossible 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">
              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/1717739376274149/knowledge-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/14vp6v25ux68089pgd7o0h2xahsh"
        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">
        Knowledge 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/1717739325126942/knowledge-quiz-for-geniuses/">
    <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/aacwi9m57om6dexrq8bwujk1m4rg"
        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">
        Knowledge Quiz For Geniuses
      </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/1717739264177110/10-multiple-choice-general-knowledge-questions-level-very-hard/">
    <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/7rlthfe7y6czk5slwhep14ugb019"
        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">
        10 multiple choice general knowledge questions. level: very Hard
      </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/1717739163870847/we-bet-you-cant-answer-these-10-questions-without-scratching-your-head/">
    <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/98tic1ghv1pb9n4ad1idtls321cg"
        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">
        We bet you can&#39;t answer these 10 questions without scratching your head.
      </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/1717739037139540/mixed-knowledge-we-bet-you-cant-get-a-perfect-score-on-this-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/ui5slt8m4l8wwyv7wkz0xi6lh0z0"
        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">
        Mixed knowledge. We bet you can&#39;t get a perfect score on this 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">
              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/1717674159627498/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/fdiwk6g7ubakwc1g543q0kgmdyai"
        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">
              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/1717674090367953/quiz-on-general-knowledge/">
    <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/p7vh7erzof5q9t3rxx5znj0bitm8"
        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">
        Quiz on General Knowledge.
      </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/1717674019641662/trivia-quiz-with-a-mix/">
    <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/7bxkqa9dk62fg0klun5ga0vbi57m"
        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">
        Trivia Quiz with a Mix
      </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/1717673972534467/miscellaneous-knowledge/">
    <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/w0a0i9bl14tsausrseq54cwlftw5"
        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">
        Miscellaneous knowledge
      </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>

</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/80/">Load more</a>
  </div>
</template></turbo-stream>