1742764532s:34695:"<table class="mb-4 w-full table-auto border-collapse border">
    <thead>
        <tr class="bg-foreground/10">
            <th class="border p-2 text-start">Model</th>
            <th class="border p-2 text-end">Credits</th>
        </tr>
    </thead>
    <tbody>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Images
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 top-full -translate-y-1 before:-bottom-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">stable-diffusion-xl-1024-v1-0</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">clipdrop</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">pebblely</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">unsplash</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">pexels</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">pixabay</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                    <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">dall-e-3</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">flux-pro</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">ideogram-v2</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                            <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">midjourney</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Words
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 top-full -translate-y-1 before:-bottom-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                                                                                                                                                                                                                                                    <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">claude-3-opus-20240229</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">gpt-3.5-turbo</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                                                                                                                <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">gpt-4o</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                                                                                                                <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">text-embedding-3-small</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">gemini-1.5-pro-latest</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">deepseek-chat</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">serper</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">perplexity</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">grok-2-1212</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">grok-2-vision-1212</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">perplexity/llama-3.1-sonar-small-128k-chat</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Characters
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 top-full -translate-y-1 before:-bottom-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">isolator</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Image to Video
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 top-full -translate-y-1 before:-bottom-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">image-to-video</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Video
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 bottom-full translate-y-1 before:-top-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">video-upscaler</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">cogvideox-5b/video-to-video</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">animatediff-v2v</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">fast-animatediff/turbo/video-to-video</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Text to Speech
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 bottom-full translate-y-1 before:-top-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">elevenlabs</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">google</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">azure</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">speechify</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">tts-1</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">tts-1-hd</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">music-01</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Speech to Text
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 bottom-full translate-y-1 before:-top-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">whisper-1</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                            <tr>
                <td class="flex justify-between border p-2">
                    Text to Video
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 bottom-full translate-y-1 before:-top-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">synthesia</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">heygen</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">veo2</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">kling</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">luma-dream-machine</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">haiper</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">minimax</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
                                                                                    <tr>
                <td class="flex justify-between border p-2">
                    Plagiarism
                    <span class="lqd-tooltip-container group relative inline-flex cursor-default before:absolute before:-start-1.5 before:-top-1.5 before:h-7 before:w-7 [&:hover>.lqd-tooltip-content]:visible [&:hover>.lqd-tooltip-content]:translate-y-0 [&:hover>.lqd-tooltip-content]:opacity-100">
    <span class="lqd-tooltip-icon opacity-40">
        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" stroke-width="0" fill="currentColor" />
</svg>    </span>
    <span class="lqd-tooltip-content min-w-64 invisible absolute start-1/2 z-50 mb-3 -translate-x-1/2 rounded-xl bg-background/80 px-4 py-3 text-center text-xs leading-normal text-foreground opacity-0 shadow-lg shadow-black/5 backdrop-blur-sm backdrop-saturate-150 transition-all before:absolute before:inset-x-0 before:h-3 bottom-full translate-y-1 before:-top-3 max-h-48 overflow-y-auto">
        

                    <div>
                <h5 class="font-semibold">Credits Details</h5>
                <hr class="my-3 border-heading-foreground/10" />

                                                        <div class="flex justify-between gap-x-1 border-b py-1.5 text-2xs last:border-b-0">
                        <span class="text-start">plagiarismcheck</span>
                        <span class="text-end font-medium">Unlimited</span>
                    </div>
                            </div>
            </span>
</span>
                </td>
                <td class="border p-2 text-end">
                    Unlimited
                </td>
            </tr>
            </tbody>
</table>
";