<!-- ==================== Footer Four Start Here ==================== -->
<footer class="footer-style2 footer-style-5 footer-style4 position-relative bg-cover bg-overlay mx-lg-3 mx-2 mb-15"
    style="background: url(assets/img/home-2/footer2.jpg);">
    <div class="position-absolute end-0 plan2 bottom-0 d-sm-block d-none mb-xxl-100 pb-50 me-100 float-bob-y">
        <img src="<?php echo e(asset('assets/img/home-2/bl.png ')); ?>" alt="img">
    </div>
    <div class="position-absolute plan5 float-bob-y d-sm-block d-none">
        <img src="<?php echo e(asset('assets/img/home-2/plan2.png ')); ?>" alt="img">
    </div>
    <div class="position-absolute trou-plan float-bob-y d-xl-block d-none">
        <img src="<?php echo e(asset('assets/img/home-2/tour-plan.png ')); ?>" alt="img">
    </div>
    <div class="container">
        <div class="footer-widget-wrapper style-5">
            <div class="newsletter-content-5">
                <h3 class="wow fadeInUp" data-wow-delay=".3s">Join our newsletter & get $20 discount</h3>
                <p class="wow fadeInUp" data-wow-delay=".5s">Get E-mail updates about our latest shop and special
                    offers.</p>
                <form action="#">
                    <div class="form-clt wow fadeInUp" data-wow-delay=".3s">
                        <input type="text" name="email" id="email" placeholder="Enter your email">
                        <button type="submit" class="theme-btn">
                            Subscribe <i class="fa-solid fa-paper-plane"></i>
                        </button>
                    </div>
                </form>
            </div>
            <div class="row g-4">
                <div class="col-lg-5 col-md-12 wow fadeInUp" data-wow-delay=".2s">
                    <div class="wid-title text-lg-start mb-xxl-30 mb-xl-20 mb-15">
                        <a href="<?php echo e(route('home')); ?>" class="footer-logo">
                            <img src="<?php echo e(asset('assets/img/logo/white-logo.svg ')); ?>" alt="img">
                        </a>
                    </div>
                    <p class="text-white mb-xxl-40 mb-xl-30 mb-20 text-lg-start">
                        We offer carefully curated destinations and tours that capture the true essence.
                    </p>
                    <p class="mb-xl-20 mb-lg-15 mb-10 fw-semibold text-white text-lg-start">Your
                        all-in-one travel app</p>
                    <div
                        class="d-flex align-items-center justify-content-lg-start flex-lg-nowrap flex-wrap gap-xxl-25 gap-xl-15 gap-10">
                        <a href="#0"
                            class="bg-white d-flex align-items-center app-item rounded-2 gap-xxl-15 gap-10">
                            <i class="fa-brands fa-apple fs-2"></i>
                            <div class="">
                                <span class="text-color text-nowrap d-block mb-0 fs-13">Download on the</span>
                                <h5>Apple Store</h5>
                            </div>
                        </a>
                        <a href="#0"
                            class="bg-white d-flex align-items-center app-item rounded-2 gap-xxl-15 gap-10">
                            <i class="fa-brands fa-google-play fs-2"></i>
                            <div class="">
                                <span class="text-color text-nowrap d-block mb-0 fs-13">Download on the</span>
                                <h5>Apple Store</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp" data-wow-delay=".4s">
                    <div class="single-footer-widget style-2 m-0">
                        <div class="wid-title">
                            <h4>Useful Links</h4>
                        </div>
                        <ul class="list-items">
                            <li>
                                <a href="<?php echo e(route('destination.details')); ?>">
                                    All Destination
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    24/7 Support
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('news.details')); ?>">
                                    Our Blog
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('tour.details')); ?>">
                                    Tour Places
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    Reviews
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp" data-wow-delay=".6s">
                    <div class="single-footer-widget style-2 m-0">
                        <div class="wid-title">
                            <h4>About Touro</h4>
                        </div>
                        <ul class="list-items">
                            <li>
                                <a href="<?php echo e(route('about')); ?>">
                                    About Us
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    Legal Notice
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    Terms & Condition
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    Contact Us
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('contact')); ?>">
                                    Apple Store
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-5 wow fadeInUp" data-wow-delay=".8s">
                    <div class="single-footer-widget style-2 m-0">
                        <div class="wid-title">
                            <h4>Our Galley</h4>
                        </div>
                        <div
                            class="footer-gallery-item gap-xxl-8 gap-xl-6 gap-4 footer-gallery-small2 flex-wrap d-flex align-items-center">
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-1.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-1.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-2.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-2.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-3.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-3.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-4.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-4.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-5.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-5.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-6.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-6.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-7.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-7.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-8.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-8.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                            <div class="gallery-iamge">
                                <img src="<?php echo e(asset('assets/img/home-1/footer/gallery-3.jpg ')); ?>" alt="img">
                                <a href="assets/img/home-1/footer/gallery-3.jpg" class="icon img-popup2">
                                    <i class="far fa-plus"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom2 py-xxl-4 py-3">
        <div class="container">
            <div class="row justify-content-xl-between justify-content-center gx-lg-4 gy-xl-0 gy-3 wow fadeInUp"
                data-wow-delay=".3s">
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <p class="max-w-250px text-sm-start mx-md-0 text-white">&copy; 2025 Tramex
                        LLC All rights reserved by wowtheme7.</p>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="call-item d-flex justify-content-sm-start flex-nowrap align-items-center">
                        <div class="icon min-w-50">
                            <i class="fa-solid fa-phone-volume"></i>
                        </div>
                        <div class="content">
                            <span>Call Us</span>
                            <h5>
                                <a href="tel:+8809533309">+88 09 53 33 09</a>
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="call-item d-flex justify-content-sm-start flex-nowrap align-items-center">
                        <div class="icon min-w-50">
                            <i class="fa-solid fa-envelope"></i>
                        </div>
                        <div class="content">
                            <span>Mail Us</span>
                            <h5>
                                <a href="mailto:hellotramex@gmail.com">hellotramex@gmail.com</a>
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="social-icon2 d-flex justify-content-xl-end gap-md-10 gap-5 align-items-center">
                        <a href="javascript:void(0)"><i class="fa-brands fa-facebook-f"></i></a>
                        <a href="javascript:void(0)"><i class="fa-brands fa-twitter"></i></a>
                        <a href="javascript:void(0)"><i class="fa-brands fa-pinterest-p"></i></a>
                        <a href="javascript:void(0)"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- ==================== Footer Four End Here ==================== -->

<!-- ==== color switcher start ==== -->
<div class="color-palate">
    <button class="color-trigger">
        <i class="fa-solid fa-gear"></i>
    </button>
    <button class="close-color-trigger">
        <i class="fa-solid fa-xmark"></i>
    </button>
    <div class="color-palate-inner">
        <a href="<?php echo e(route('home')); ?>" class="palate-logo">
            <img src="<?php echo e(asset('assets/img/logo/black-logo.svg ')); ?>" alt="img">
        </a>
        <div class="various-color clearfix">
            <h6>Multiple Colors</h6>
            <!-- Theme Color 1 -->
            <h4 class="title-theme-color">
                Theme Color 1
            </h4>
            <div class="color-picker-panel">
                <label><input type="color" data-var="--theme" value="#FB5B32"></label>
                <label><input type="color" data-var="--theme" value="#63AB45"></label>
                <label><input type="color" data-var="--theme" value="#560ce3"></label>
                <label><input type="color" data-var="--theme" value="#FF5956"></label>
            </div>

            <h4 class="title-theme-color">
                Theme Color 2
            </h4>

            <!-- Theme Color 2 -->
            <div class="color-picker-panel">
                <label><input type="color" data-var="--theme-2" value="#1ABC9C"></label>
                <label><input type="color" data-var="--theme-2" value="#3498DB"></label>
                <label><input type="color" data-var="--theme-2" value="#9B59B6"></label>
                <label><input type="color" data-var="--theme-2" value="#E67E22"></label>
            </div>
        </div>
        <h6>RTL Version</h6>
        <ul class="rtl-version option-box">
            <li class="rtl">RTL Version</li>
            <li>LTR Version</li>
        </ul>
    </div>
</div>
<!-- ==== color switcher end ==== --><?php /**PATH D:\laragon\www\touro\resources\views/frontend/includes/footers/footerFive.blade.php ENDPATH**/ ?>