<?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));

?>
<!-- Transfast Services -->
<section
    class="container mx-auto flex flex-col gap-12 px-2 md:flex-row md:items-center md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="container mx-auto space-y-2 text-[#424242] md:w-1/2 2xl:w-[42%]">
        <!-- Header -->
        <?php if(!empty($parent)): ?>
            <div>
                <h1 class="text-[31px] font-bold">
                    <?php echo e($parent['title']); ?>

                </h1>
                <p class="text-[14px] font-light">
                    <?php echo e($parent['sub title']); ?>

                </p>
            </div>
            <!-- Body -->
            <div>
                <img src="<?php echo e(asset('images/' . $parent['image'])); ?>" alt="choose-us"
                    class="h-[400px] w-full object-contain md:h-[320px]" />
            </div>
        <?php endif; ?>
    </section>
    <!-- right -->
    <section class="text-[#424242] md:w-1/2 2xl:w-[58%]">
        <ul class="multiple-dropdown-container space-y-7">
            <?php if(!empty($child[0])): ?>

                <?php $__currentLoopData = $child[0]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li>
                        <div
                            class="dropdown-trigger flex w-full cursor-pointer items-center justify-between gap-4 border-b border-[rgba(0,0,0,0.28)] py-1">
                            <div class="w-[90%] text-[12px] font-semibold sm:text-[14px] 2xl:text-[18px]">
                                <p>
                                    <?php echo e($value->question); ?>

                                </p>
                            </div>
                            <span class="flex h-6 w-6 items-center justify-center text-[#F06728]"><i
                                    class="fa-solid fa-plus"></i></span>
                        </div>
                        <!-- dropdown content -->
                        <div class="dropdown-content hidden text-sm">

                            <p class="text-justify mt-3 text-neutral-500">
                                <?php echo e($value->ans); ?>

                            </p>
                        </div>
                    </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <?php endif; ?>

        </ul>
    </section>
</section>
<?php /**PATH /home/mrglogisticsbd/public_html/resources/views/components/frontend/faq.blade.php ENDPATH**/ ?>