<section class="noice-overlay bg-linear-(--primary2-gradient)">
    <div class="sm:py-60 py-40">
        <div class="container">
            <div class="hidden">
                <h2 class="xl:text-6xl md:text-5xl text-4xl">Counter</h2>
            </div>
            <div class="grid grid-cols-12 sm:gap-20 gap-10 content">
                @if(isset($args['item']))
                @foreach($args['item'] as $key => $value)
                <div class="sm:col-span-4 col-span-12">
                    <div class="sm:py-50 py-10 sm:pe-90">
                        <div class="sm:mb-30">
                            <span class="sm:text-[120px]/[1] text-7xxl text-secondary font-bold flex">
                                @if(isset($value['counter_number']) && $value['counter_number'] != '')
                                <span class="value" data-akhi="{{ $value['counter_number'] }}">{{ $value['counter_number'] }}</span>
                                @endif
                                @if(isset($value['symbol']) && $value['symbol'] != '')
                                <span>{{ $value['symbol'] }}</span>
                                @endif
                            </span>
                        </div>
                        <hr class="border-t border-secondary sm:my-20 my-10">
                        @if(isset($value['text']) && $value['text'] != '')
                        <p class="sm:text-xl text-lg/26 uppercase text-secondary xl:max-w-200">{{ $value['text'] }}</p>
                        @endif
                    </div>
                </div>
                @endforeach
                @endif
            </div>
        </div>
    </div>
</section>
