@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));
@endphp


<section class="2xl:container 2xl:mx-auto  mb-6 mt-20 md:px-[20px] lg:px-[105px]">
    <div >
        <h2 class="text-[#f63b3b] text-4xl font-bold">Our Valued Clients</h2>
        <p class="my-3  text-gray-500 text-sm">Our clients for whom we currently work or have rendered services are instances below</p>
        <h3 class="mb-4 text-2xl font-semibold text-[#6d0117] dark:text-white" >Statutory Audit clients</h3>
        
        <ol class="max-w-md space-y-1 text-gray-500 list-decimal dark:text-gray-400 list-inside text-sm"  >

            @if(!empty($child))
            @foreach ($child as $value )
            <li class="ml-6">
                {{$value['client_list']}}
            </li>
            @endforeach
            @endif
         
      </ol>
      </div>
</section>