<section class="lg:pb-160 pb-100 border-b dark:border-white/20 border-black/20 tags-area bg-light dark:bg-bodybg">
    <div class="container">
        <div class="grid grid-cols-12 gap-20">
            <div class="lg:col-span-5 col-span-12">
                <div class="rounded-2xl overflow-hidden wow clip-right-animation xl:w-538 xl:h-560">
                    <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$args['image']) }}" alt="" class="size-full object-cover">
                </div>
            </div>
            <div class="lg:col-span-7 col-span-12">
                <div class="xl:ps-100 xl:pt-20">
                    <div class="sm:mb-25 mb-5">
                        @if(isset($args['subtitle']) && $args['subtitle'] != '')
                        <span class="text-xl dark:text-white mb-5 block">{{ $args['subtitle'] }}</span>
                        @endif
                        @if(isset($args['title']) && $args['title'] != '')
                        <h2 class="lg:text-5xxl sm:text-4xxl text-2xxl font-medium headline">{{ $args['title'] }}</h2>
                        @endif
                        @if(isset($args['description']) && $args['description'] != '')
                        <p class="sm:text-xl text-lg">{{ $args['description'] }}</p>
                        @endif
                    </div>
                    <div class="grid grid-cols-12 gap-17 mb-115">
                        @if(isset($args['counter']))
                        @foreach($args['counter'] as $key => $value)
                        <div class="sm:col-span-4 col-span-12">
                            <div class="border-b dark:border-white/10 border-black/10">
                                <span class="text-[50px]/70 font-bold text-primary value" data-akhi="{{ @$value['counter_number'] }}">{{ @$value['counter_number'] }}</span>
                                <span class="text-[50px]/70 font-bold text-primary">{{ @$value['symbol'] }}</span>
                            </div>
                            <p class="text-lg text-[#77775B] dark:text-bodytext mt-10">{{ @$value['text'] }}</p>
                        </div>
                        @endforeach
                        @endif
                    </div>
                    <div data-t-throwable-scene="true">
                        <div class="tags-wrapper">
                            @php
                            $tags = explode(',', @$args['tags']);
                            @endphp
                            @if(isset($tags))
                                @foreach ($tags as $tag) 
                                    <p data-t-throwable-el="">
                                        <span class="tags-box">
                                            {{ @$tag }}
                                        </span>
                                    </p>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
