 <footer class="overflow-hidden sm:pt-80 pt-30">
    <div  class="xl:mx-80 sm:mx-50 mx-20 xl:rounded-[80px] sm:rounded-6xl rounded-2xl dark:bg-card bg-white relative z-1 after:content-[''] after:absolute after:top-0 after:left-0 after:size-full after:opacity-40 after:bg-no-repeat after:pointer-events-none after:bg-cover after:bg-[url('../images/background/bg20.png')] after:-z-1">
        <div class="xl:pt-140 xl:px-0 sm:px-50 lg:pt-80 pt-40">
            <div class="container relative z-2">
                <div class="xl:mb-120 lg:mb-80 sm:mb-50 mb-30 xl:max-w-900">
                    <h2 class="xl:text-7xxl/90 lg:text-6xl sm:text-5xl xs:text-4xxl text-4xl font-bold dark:text-white text-primary headline">{!! $footer_title !!}</h2>
                </div>
                <div class="grid grid-cols-12 gap-20">
                    <div class="lg:col-span-3 sm:col-span-6 col-span-12">
                        @php
                            $section1_widgets_ids = array_keys($footer_sections['Section 1'] ?? array());
                            $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                        @endphp
                        @forelse ($section1_widgets ?? array() as $widget)
                            {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                        @empty
                        @endforelse
                    </div>
                    <div class="lg:col-span-3 sm:col-span-6 col-span-12">
                        @php
                            $section1_widgets_ids = array_keys($footer_sections['Section 2'] ?? array());
                            $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                        @endphp
                        @forelse ($section1_widgets ?? array() as $widget)
                            {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                        @empty
                        @endforelse
                    </div>
                    <div class="lg:col-span-3 sm:col-span-6 col-span-12">
                        @php
                            $section1_widgets_ids = array_keys($footer_sections['Section 3'] ?? array());
                            $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                        @endphp
                        @forelse ($section1_widgets ?? array() as $widget)
                            {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                        @empty
                        @endforelse
                    </div>
                    <div class="lg:col-span-3 sm:col-span-6 col-span-12">
                        @php
                            $section1_widgets_ids = array_keys($footer_sections['Section 4'] ?? array());
                            $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                        @endphp
                        @forelse ($section1_widgets ?? array() as $widget)
                            {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                        @empty
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
        <div class="xl:py-60 py-30 sm:px-20">
            <div class="container">
                <div class="flex justify-between sm:items-center max-sm:flex-col-reverse">
                    @if($footer_copyright_on)
                    <p class="dark:text-white/50 text-black/50 font-light uppercase">{!! $copyright_title !!}</p>
                    @endif
                    <div class="absolute xl:-bottom-40 -bottom-60 right-[12%] max-sm:hidden">
                        <a id="scrolltopbtn" href="javascript:void(0);" class="xl:w-92 xl:h-167 p-10 rounded-6xl dark:bg-white bg-secondary flex items-center justify-center duration-500 hover:bg-black dark:hover:bg-bglight">
                            <span class="sm:w-43 sm:h-84 w-25 h-54">
                                <svg class="size-full" viewBox="0 0 43 84" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path class="dark:fill-secondary fill-white" d="M21 4H23V84H21V4Z" fill="black"/>
                                    <path class="dark:stroke-secondary stroke-white" d="M1 23C12.4 18.5078 17.2688 14.0332 21.9713 3C26.2738 14.4148 30.2419 18.8641 42 23" stroke="black" stroke-width="2"/>
                                </svg>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="md:mt-100 sm:mt-60 mt-40 overflow-hidden max-sm:pb-80">
        <div class="flex items-center sm:gap-100 gap-60 flex-nowrap animate-ticker">
            @php
            $tags = explode(',', @$footer_marquee_tags);
            @endphp
            @if(isset($tags))
                @foreach ($tags as $tag) 
                    <div class="text-center inline-block -mb-10">
                        <span class="md:text-14xxl text-8xxl/87 dark:text-white text-secondary font-bold uppercase">{{ $tag }}</span>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</footer>




