{{-- <footer class="rlr-footer rlr-section__mt">
    <div class="container">

        <div class="rlr-footer__menu">
            <p>page_item</p>
            @foreach ($footerCats->take(2) as $item)
                <nav class="rlr-footer__menu__col">
                    <h4>
                        <a href="{{ route('categories', $item->slug) }}" alt="{{ $item->name }}"
                            title="{{ $item->name }}">
                            {{ $item->name }}
                        </a>
                    </h4>
                    <ul>
                        @if ($item->children->isNotEmpty())
                            @foreach ($item->children as $item)
                                <li>
                                    <a
                                        href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                        {{ $item->name }}
                                    </a>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </nav>
            @endforeach
            
            @foreach ($footerCats->skip(2)->take(1) as $item)
                <nav class="rlr-footer__menu__col">
                    <h4>
                        <a href="{{ route('categories', $item->slug) }}" alt="{{ $item->name }}"
                            title="{{ $item->name }}">
                            {{ $item->name }}
                        </a>
                    </h4>
                    <ul>
                        @if ($item->children->isNotEmpty())
                            @foreach ($item->children as $item)
                                <li>
                                    <a
                                        href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                        {{ $item->name }}
                                    </a>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </nav>
            @endforeach
        </div>

        <!-- Footer bottom -->
        <div class="rlr-footer__legal pt-0">
            <div class="rlr-footer__legal__row rlr-footer__legal__row--top">

                <div class="col-lg-5 col-md-6 ">
                    <div class="policy-links">
                        <ul class="policy-list justify-content-lg-end justify-content-center">
                            <li><a href="{{ route('home') }}">{{ __('footer.home') }}</a></li>
                            <li><a href="{{ route('about') }}">{{ __('footer.about_us') }}</a></li>
                            <li><a href="{{ route('contact') }}">{{ __('footer.contact_us') }}</a></li>
                            <li><a href="{{ route('blogs') }}">{{ __('footer.blogs') }}</a></li>
                            <li><a href="{{ route('faqs') }}">{{ __('footer.faq') }}</a></li>

                        </ul>
                    </div>
                </div>

                <div class="rlr-footer__legal__row__col footer-social-links footer_social ">
                    @foreach ($social_media as $social_row)
                        <span class="separate"></span>
                        <a target="blank" href="{{ $social_row['link'] }}">
                            {!! $social_row['icon'] !!}
                        </a>
                    @endforeach


                </div>

                <div class="rlr-footer__legal__row rlr-footer__legal__row--bottom " style="display: inline-block;">

                    <!-- Footer payment thumbs -->
                    <img src="{{ Storage::url(nova_get_setting('footer_image')) }}"
                        alt="{{ nova_get_setting('footer_image_alt') }}"
                        title="{{ nova_get_setting('footer_image_title') }}" width="300" />
                </div>

            </div>






        </div>
    </div>
    </div>

    <div class="rlr-footer__legal__row__col footer-social-links footer_bottom " style="text-align: center;">
        <span>
            <p><a href="https://www.seoera.net" target="_blank"> SeoEra </a> © {{ date('Y') }} -
                {{ __('footer.all_rights_reserved') }}</p>
        </span>
    </div>
</footer> --}}

<footer class="rlr-footer rlr-section__mt">
    <div class="container">

        <div class="rlr-footer__menu">
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="rlr-footer__menu__col footer_col">

                    <div class="rlr-footer__legal__row rlr-footer__legal__row--bottom " style="display: inline-block;">
                        <img src="https://www.oshatours.com/storage/2XEvmWVyqyMrcQvZsrNp3tS7lH34FOw5LhFFioPC.png"
                            alt="{{ nova_get_setting('footer_image_alt') }}"
                            title="{{ nova_get_setting('footer_image_title') }}" class="footer_col_img" />
                    </div>

                    <nav class="rlr-footer__menu__col">
                        <ul class="list_items m-0 p-0 ">
                            <li>
                                <a href="tel:{{ nova_get_setting('site_phone') }}" style="color:#000">
                                    <i class="fa fa-whatsapp"></i>
                                    {{ nova_get_setting('site_phone') }}
                                </a>
                            </li>
                            <li>
                                <a href="mailto:{{ nova_get_setting('site_email') }}" style="color:#000">
                                    <i class="fa fa-envelope"></i>
                                    {{ nova_get_setting('site_email') }}
                                </a>
                            </li>
                        </ul>
                    </nav>

                    <nav class="rlr-footer__menu__col footer_social_media">
                        <p class="flolow_us">
                            Follow Us
                        </p>
                        <ul>
                            @foreach ($social_media as $social_row)
                                {{-- <span class="separate"></span> --}}
                                <a target="blank" href="{{ $social_row['link'] }}">
                                    {!! $social_row['icon'] !!}
                                </a>
                            @endforeach
                        </ul>
                        <div class="mt-3">
                            <span>
                                <p><a href="https://www.seoera.net" target="_blank"> SeoEra </a> © {{ date('Y') }} -
                                    {{ __('footer.all_rights_reserved') }}</p>
                            </span>
                        </div>
                    </nav>

                </div>
            </div>

            <div class="col-md-6 col-lg-6 col-xl-3">
                @foreach ($footerCats->take(1) as $item)
                    <nav class="rlr-footer__menu__col">
                        <h4>
                            <a href="{{ route('categories', $item->slug) }}" alt="{{ $item->name }}"
                                title="{{ $item->name }}">
                                {{ $item->name }}
                            </a>
                        </h4>
                        <ul>
                            @if ($item->children->isNotEmpty())
                                @foreach ($item->children as $item)
                                    <li>
                                        <a
                                            href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                            {{ $item->name }}
                                        </a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </nav>
                @endforeach
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                @foreach ($footerCats->take(1) as $item)
                    <nav class="rlr-footer__menu__col">
                        <h4>
                            <a href="{{ route('categories', $item->slug) }}" alt="{{ $item->name }}"
                                title="{{ $item->name }}">
                                {{ $item->name }}
                            </a>
                        </h4>
                        <ul>
                            @if ($item->children->isNotEmpty())
                                @foreach ($item->children as $item)
                                    <li>
                                        <a
                                            href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                            {{ $item->name }}
                                        </a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </nav>
                @endforeach
            </div>
            <div class="col-md-6 col-lg-6 col-xl-3">
                @foreach ($footerCats->skip(3)->take(1) as $item)
                    <nav class="rlr-footer__menu__col">
                        <h4>
                            <a href="{{ route('categories', $item->slug) }}" alt="{{ $item->name }}"
                                title="{{ $item->name }}">
                                {{ $item->name }}
                            </a>
                        </h4>
                        <ul>
                            @if ($item->children->isNotEmpty())
                                @foreach ($item->children as $item)
                                    <li>
                                        <a
                                            href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                            {{ $item->name }}
                                        </a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </nav>
                @endforeach
            </div>

        </div>

        <!-- Footer bottom -->
        <div class="rlr-footer__legal pt-0">
            <div class="rlr-footer__legal__row rlr-footer__legal__row--top"style="text-align: center;">

                <div class="col-lg-12 col-md-6 ">
                    <div class="policy-links">
                        <ul class="policy-list justify-content-lg-end justify-content-center">
                            <li><a href="{{ route('home') }}">{{ __('footer.home') }}</a></li>
                            <li><a href="{{ route('about') }}">{{ __('footer.about_us') }}</a></li>
                            <li><a href="{{ route('contact') }}">{{ __('footer.contact_us') }}</a></li>
                            <li><a href="{{ route('blogs') }}">{{ __('footer.blogs') }}</a></li>
                            <li><a href="{{ route('faqs') }}">{{ __('footer.faq') }}</a></li>

                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
</footer>



<!--====================================================================
      start Contact Floating Box
  ================================================================-->

<div class="contact-floatbox d-none d-sm-block">
    <a href="https://wa.me/{{ nova_get_setting('site_whatsapp') }}" target="_blank" data-bs-toggle="tooltip"
        data-bs-placement="top" title="whatsapp ">
        <img src="{{ asset('front/assets/images/whatsapp.svg') }}" alt="whatsapp-icon" alt="whatsapp-icon"
            title="whatsapp-icon" />
    </a>
    <a href="tel:{{ nova_get_setting('site_phone') }}" target="_blank" data-bs-toggle="tooltip" data-bs-placement="top"
        title="phone-call" class="phone_call">
        <img loading="lazy" src="{{ asset('front/assets/images/call.png') }}" alt="phone_call" title="  phone_call"
            style="height: 50px;width: 50px;">
    </a>
</div>

<!--============================================================
      end Contact Floating Box
   ================================================================-->

<!--=====================================================
                        start menu-mobile box
  ======================================================-->
<div class="d-block d-md-none d-lg-none d-xl-none">
    <div class="menu-mobile-fixed d-flex align-items-center justify-content-between">

        <a  href='{{ route('home') }}'>
            <img loading="lazy" alt="mobile-contact" src="{{ asset('front/assets/images/call-center.svg') }}" />
            <h5>{{ __('homePage.home') }}</h5>
        </a>


        <a href="https://wa.me/{{ nova_get_setting('site_whatsapp') }}" target="_blank">
            <img loading="lazy" alt="mobile-whatsapp" src="{{ asset('front/assets/images/whatsapp_nav.svg') }}" />
            <h5>Whats App</h5>
        </a>
        <a href="tel:{{ nova_get_setting('site_phone') }}" target="_blank">
            <img loading="lazy" alt="mobile-call" src="{{ asset('front/assets/images/phone.svg') }}" />
            <h5>Call</h5>
        </a>

        <a href='{{ route('tailor_made') }}'> 
            <img loading="lazy" src="{{ asset('front/assets/images/tailor-footer.svg') }}" alt="tailor-footer" />
            <h5>{{ __('homePage.tailor_made') }}</h5>
        </a>
    </div>
</div>
<!--===========================================
                end menu-mobile box
     ===========================================-->