@props(['icon', 'title', 'desc', 'aos' => 'fade-up'])

<div class="p-8 bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"
     data-aos="{{ $aos }}">
    <div class="text-4xl mb-4">{{ $icon }}</div>
    <h3 class="text-xl font-semibold mb-2 text-ibs-dark">{{ $title }}</h3>
    <p class="text-gray-600">{{ $desc }}</p>
</div>