<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->onlyProps(['data']) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $attributes = $attributes->exceptProps(['data']); ?>
<?php foreach (array_filter((['data']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>
<?php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

?>

<section
    class="container mx-auto grid grid-cols-12 gap-x-4 gap-y-16 px-2 text-[#424242] md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <?php if(isset($child[0])): ?>
        <?php $__currentLoopData = $child[0]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div
                class="group/card relative col-span-12 space-y-2 rounded-xl bg-white px-4 pb-7 pt-16 text-center text-sm transition-shadow duration-500 hover:shadow-xl sm:col-span-6 md:col-span-4">
                <h1 class="text-lg font-bold"><?php echo e($value->title); ?></h1>
                <p class="line-clamp-3 text-neutral-400">
                    <?php echo e($value->short_des); ?>

                </p>
                <a href="<?php echo e(route('service-view', $value->id)); ?>"
                    class="group/learn-more mx-auto block w-fit font-bold text-[#F06728]">Learn
                    More
                    <i
                        class="fa-solid fa-arrow-right transition-transform duration-500 group-hover/learn-more:translate-x-[4px]"></i></a>
                <div
                    class="absolute left-1/2 top-0 flex h-24 w-24 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-[10px] border-[#F8F8F8] bg-white transition-colors duration-500 group-hover/card:border-[#F06728]">
                    <span class="text-[3rem] text-[#F06728]"><i class="<?php echo e($value->icone); ?>"></i></span>
                </div>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    <?php endif; ?>
</section>
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/components/frontend/all-service.blade.php ENDPATH**/ ?>