@props([
    'title' => '',
    'subtitle' => '',
])

<div class="px-4">
    <div class="container">
        <div class="flex w-full">
            <div class="p-8 pb-4 pt-0 mx-auto" style="min-width: 323px;">
                <div class="bg-yellow-500 text-gray-200 px-6 py-2 rounded-t-lg">
                    <span class="text-center mx-auto text-white font-bold">{{ $title }}</span>
                </div>
                <div class="bg-gray-600 px-6 py-2">
                    <p class="text-white">{{ $subtitle }}</p>
                </div>
                <!-- Rest of your existing card content -->
            </div>
        </div>
    </div>
</div>