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


<section class="bg-[url('https://gerow.botble.com/storage/backgrounds/counter-bg.jpg')] py-20 ">
    <section
      class="2xl:container 2xl:mx-auto flex flex-col items-center justify-between gap-4 px-2 text-[#113a5e] sm:flex-row md:px-[20px] lg:px-[100px] xl:px-[169px]">
      
      @if (!empty($child))
      @foreach ($child as $value )
       <div class="text-center">
        <span class="text-4xl text-[#0298c0]"><i class="fa-solid fa-clipboard-list"></i></span>
        <h1 class="text-[35px] font-extrabold">{{$value['value']}}</h1>
        <p class="text-[18px] font-medium text-[#6a6666]">
          {{$value['text']}}
        </p>
      </div>
      @endforeach
      @endif   
  

    </section>
  </section>