<!-- footer -->
<footer class="relative overflow-hidden z-2 bg-bodybg footer-style-2">
    <!-- Upper Footer -->
    <div class="xl:pt-135 sm:pt-100 pt-60">
        <div class="container">
            <div class="grid grid-cols-12 sm:gap-10 sm:mb-100 mb-30">
                <div class="md:col-span-8 col-span-12">
                    <h2 class="xl:text-[4.2vw]/[4.5vw] sm:text-6xl text-[40px]/50 sm:mb-55 mb-20 font-medium xl:max-w-700 text-white">{!! $footer_title !!}</h2>
                    <div class="grid grid-cols-12 gap-10">
                        <div class="xl:col-span-3 sm:col-span-6 col-span-12 sm:mb-0 mb-10">
                            @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="xl:col-span-5 sm:col-span-6 col-span-12 sm:mb-0 mb-10">
                            @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>
                </div>
                <div class="md:col-span-4 col-span-12">
                    <div class="grid grid-cols-12">
                        <div class="sm:col-span-6 col-span-12 sm:mb-0 mb-10Right">
                            @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:col-span-6 col-span-12 sm:mb-0 mb-10Right">
                            @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 class="col-span-12">
                            @if($footer_newsletter)
                            <div class="sm:mt-50 mt-10Right">
                                <h5 class="text-2xl sm:mb-12 text-white">Newsletter</h5>
                                <div class="">
                                    <form class="dzSubscribe">
                                        <div class="dzSubscribeMsg"></div>
                                        <div class="form-group">
                                            <div class="mb-10 relative flex flex-wrap items-stretch w-full">
                                                <input name="dzEmail" required="required" type="email" class="relative w-[1%] flex-auto py-12 pe-40 border-b-2 border-white text-white outline-none" placeholder="Email Address">
                                                <button name="submit" value="Submit" type="submit" class=" absolute right-0 top-0 p-8 z-9 h-full cursor-pointer">
                                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M18.8583 2.3165L15.7249 16.8748C15.6583 17.1915 15.4499 17.4582 15.1583 17.5998C14.8666 17.7415 14.5333 17.7415 14.2333 17.5998L11.8999 16.4665C11.8999 16.4665 8.91661 18.6248 8.30827 18.9082C8.19161 18.9665 8.14161 18.9582 8.05827 18.9582C7.94161 18.9582 7.81661 18.9248 7.71661 18.8582C7.54161 18.7415 7.43327 18.5498 7.43327 18.3415V13.9165C7.42494 13.8248 7.43327 13.7332 7.48327 13.6415C7.48327 13.6415 7.49161 13.6248 7.49994 13.6165C7.52494 13.5748 7.54994 13.5332 7.58327 13.4915L15.2583 5.0915L5.71661 12.9415C5.64161 13.0165 5.54161 13.0832 5.43327 13.1082C5.25827 13.1582 5.06661 13.1248 4.91661 13.0248L1.70827 11.5748C1.34994 11.3998 1.12494 11.0498 1.10827 10.6498C1.09994 10.2582 1.30827 9.8915 1.65827 9.69984L17.3249 1.17484C17.6916 0.974836 18.1249 1.00817 18.4666 1.25817C18.7999 1.50817 18.9499 1.9165 18.8666 2.3165H18.8583Z" fill="#E3FF75"/>
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <hr class="border-t border-white/30">
        </div>
    </div>
    @if($footer_copyright_on)
    <!-- Lower Footer -->
    <div class="py-27">
        <div class="container">
            <div class="flex justify-center sm:items-center max-sm:flex-col-reverse">
                <p class="text-lg font-light text-white/60">{!! $copyright_title !!}</p>
            </div>
        </div>
    </div>
    @endif
</footer>
<!-- footer END -->

