<footer class="bg-white">	
    <div class="container">
        <div class="grid grid-cols-12 xl:py-80 py-40 max-lg:gap-30">
            <div class="lg:col-span-9 col-span-12">
                <div class="flex items-center flex-wrap max-md:justify-between gap-20">
                    <div class="sm:w-[20%]">
                        @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="sm:w-[20%]">
                        @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="sm:w-[20%]">
                        @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="sm:w-[20%]">
                        @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 class="lg:col-span-3 col-span-12 lg:ml-auto">
                @php
                    $section1_widgets_ids = array_keys($footer_sections['Section 5'] ?? 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 class="py-30 border-t border-black/30">
            <div class="grid grid-cols-12">
                <div class="sm:col-span-6 col-span-12 md:text-start"> 
                    <div class="widget widget_services">
                        <ul class="list-hover1 flex items-center max-sm:justify-center xl:gap-35 gap-10">
                            {!! get_social_icons('','text-base font-semibold text-textlight hover:text-secondary duration-500 relative after:absolute after:h-px after:bg-secondary after:w-0 hover:after:w-full after:duration-500 after:left-0 hover:after:left-none after:bottom-0','',true) !!}
                        </ul>
                    </div>
                </div>
                <div class="sm:col-span-6 col-span-12 sm:ml-auto max-sm:text-center"> 
                    @if($footer_copyright_on)
                    <p class="copyright-text text-textlight text-base font-medium">{!! $copyright_title !!}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</footer>	