{% load i18n %}

<div class="bg-white p-6 rounded-lg shadow-md transform hover:scale-105 duration-300">
    <div class="text-indigo-600 text-3xl mb-4">
        <i class="fas fa-users"></i>
    </div>
    <h3 class="text-xl font-semibold mb-2">{% translate "Team Collaboration" %}</h3>
    <p class="text-gray-600">{% translate "Foster seamless collaboration among team members across different departments." %}</p>
    <div class="mt-4 text-indigo-600 cursor-pointer">
        <i class="fas fa-info-circle"></i> {% translate "Learn more" %}
    </div>
</div>