<section>
    <div class="xl:pb-100 sm:pb-80 pb-40 flex-1 overflow-hidden">
        <div class="container-full">
            <div class="hidden">
                <h2 class="xl:text-6xl md:text-5xl text-4xl">Services</h2>
            </div>
            <div class="w-full">
                <div class="flex items-center gap-100 flex-nowrap animate-ticker">
                    @php
                    $marquee_list = explode(',', @$args['marquee_list']);
                    @endphp
                    @if(isset($marquee_list))
                        @foreach ($marquee_list as $text) 
                            <div class="text-center">
                                <span class="block sm:text-[222px]/150 text-[120px]/120 dark:from-white/20 dark:via-white/5 from-black/20 via-black/5 to-white/0 bg-gradient-to-b bg-clip-text text-transparent">{{ $text }}</span>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<section class="overflow-hidden md:-mt-120 -mt-60 img-zoom">
    <div class="container-full">
        <div class="hidden">
            <h2 class="xl:text-6xl md:text-5xl text-4xl">Services</h2>
        </div>
        <div class="relative overflow-hidden">
            <div class="img-box">
                <img src="{{ DzHelper::getStorageImage('storage/magic-editor/'.@$args['image']) }}" alt="">
            </div>
        </div>
    </div>
</section>