<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/1742308657781545/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/thbutumljujad6f1aetz184rle2k"
        alt="General Knowledge 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">
        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/1742308655669624/usa-vs-europe-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/pw4h0zsx2v776akbm0jcrgzom3xa"
        alt="General Knowledge 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">
        USA vs Europe 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/1742308654090408/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/v9g0lgl4g78kmis412wr38rsbdd1"
        alt="General Knowledge 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">
        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/1742308652889287/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/noj77asgq28qj93f5e7uc1p714lu"
        alt="General Knowledge 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">
        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/1742308650501490/official-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/i1xf2n1f5z48xjfoh6flq9peyuks"
        alt="General Knowledge 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">
        Official 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/1742308649095814/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/zfj6uhbtd408h6eo45zofzg0m9gv"
        alt="General Knowledge 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">
        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/1742308647680630/enter-to-test-your-iq/">
    <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/z99h7eicofj4l10hn9pbue2gi70k"
        alt="General Knowledge 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">
        Enter to test your IQ
      </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/1742308645870456/almost-nobody-is-able-to-score-a-6-or-better/">
    <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/gmwdld862egidg1it7gmojywcum0"
        alt="General Knowledge 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">
        Almost nobody is able to score a 6 or better.
      </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/1742308643431060/do-you-have-an-excessively-developed-brain/">
    <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/eowfiehhg8tizg09tn7bdw77qkbc"
        alt="General Knowledge 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">
        Do you have an excessively developed Brain ?
      </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/1742308641889569/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/313r9njpzir8jw8m8utcxfznh7mg"
        alt="General Knowledge 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">
        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>

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