<div class="grid gap-4 md:grid-cols-3">
    <div class="flex-col p-8 py-16 rounded-lg shadow-2xl md:p-12 bg-gradient-to-br from-gray-900 to-black">
        <p class="flex items-center justify-center text-4xl font-semibold text-green-400 bg-green-800 rounded-full shadow-lg w-14 h-14">
            1
        </p>
        <div class="h-6"></div>
        <p class="font-serif text-3xl">Efficient File Management</p>
        <p class="mt-4 text-gray-300">PG-FMS offers advanced file operations including move, copy, rename, and delete, streamlining your file management tasks.</p>
    </div>
    <div class="flex-col p-8 py-16 rounded-lg shadow-2xl md:p-12 bg-gradient-to-b from-gray-900 to-black">
        <p class="flex items-center justify-center text-4xl font-semibold text-indigo-400 bg-indigo-800 rounded-full shadow-lg w-14 h-14">
            2
        </p>
        <div class="h-6"></div>
        <p class="font-serif text-3xl">Advanced File Filtering</p>
        <p class="mt-4 text-gray-300">Filter files based on type, size, and date modified, allowing for precise file organization and retrieval.</p>
    </div>
    <div class="flex-col p-8 py-16 rounded-lg shadow-2xl md:p-12 bg-gradient-to-bl from-gray-900 to-black">
        <p class="flex items-center justify-center text-4xl font-semibold text-teal-400 bg-teal-800 rounded-full shadow-lg w-14 h-14">
            3
        </p>
        <div class="h-6"></div>
        <p class="font-serif text-3xl">Cross-Platform Compatibility</p>
        <p class="mt-4 text-gray-300">PG-FMS is designed to work seamlessly across Windows, macOS, and Linux, ensuring consistent performance in various environments.</p>
    </div>
</div>
<div class="h-40"></div>
