<template>
    <div class="w-full h-[285px] px-10 py-5 bg-[url('/img/section_tertiary_card_bg.svg')] bg-cover border border-[#E3FA6D80] rounded-[10px] flex flex-col gap-[9px]">
        <NuxtImg src="/img/card_tertiary_img.svg" width="106" />
        <h3 class="text-[27px] font-bold text-gradient">
            {{ title }}
        </h3>
        <p class="text-[22px] text-white max-w-[352px] leading-6.5">
            {{ description }}
        </p>
    </div>
</template>

<script setup lang="ts">
defineProps<{
    title: string;
    description: string;
}>();
</script>