@if($service)
<div class="d-flex justify-content-center mt-2">
    <div class="card text-center p-2" style="max-width: 280px; width: 100%;
               border-radius: 12px;
               background: #ffffff;
               color: #333;
               box-shadow: 0 4px 15px rgba(0,0,0,0.08);
               border: 1px solid #f0f0f0;">

        <div class="mb-3">
            <i class="bi bi-person-circle" style="font-size: 48px; color: #4a6cf7;"></i>
        </div>

        <h4 class="fw-semibold mb-2" style="color: #2d2f31;"> {{ $service }}</h4>

    </div>
</div>

@endif