<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/1763372613423646/mixed-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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/6ti4rj616vp7dlfe5l291df083vo/mobile"
        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">
        Mixed 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/1763372610023009/challenging-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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/7o9bt0c8ts941tcfp3nj05o6laal/mobile"
        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">
        Challenging 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/1763372605972647/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/a66ht2cb4a06syidzyhyr57p0wzl/mobile"
        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/1763372602914340/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/0eyijmgy7iakcsgzq8ya433can6j/mobile"
        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/1763372599834153/mixed-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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/t4xag8moavlco99x73vxt8jq9cka/mobile"
        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">
        Mixed 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>

    <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/1763372596414605/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/eudi68wamyfiizcgqki1zl0ygud8/mobile"
        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">
        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/1763372593189136/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/zv6ebtbo282guzzc3ysjwt57l14c/mobile"
        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/1763372590257605/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/pto3rbzs9pc0ot5duy1sgun08ysk/mobile"
        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">
        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/1763372586986754/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/olpqcq059sbr93gu45omhfr6xd5v/mobile"
        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/1763372583801954/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://triviamaze.com/cdn-cgi/imagedelivery/jDcBkMMKOkzT3ar1usEXmg/p6ykf9yjhn52ckizn98gk1rixfxh/mobile"
        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">
        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>

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