<style>
    .footer-social a{
        font-size:20px;
    }
    .whatsapp {
    right: 21px !important;
    }
    .whatsapp {
      width: 50px;
      height: 50px;
      right: 50px;
      bottom: 100px;
      background: #10b418;
      position: fixed;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      border-radius: 50%;
      z-index: 99;
      display: inline-block;
      line-height: 47px;
    }
    .phone-call {
      width: 50px;
      height: 50px;
      left: 20px;
      bottom: 100px;
      background: #2693c8;
      position: fixed;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      border-radius: 50%;
      z-index: 99;
      display: inline-block;
      line-height: 65px;
    }
     .whatsapp:before {
        position: absolute;
        content: " ";
        z-index: -1;
        top: -15px;
        right: -15px;
        /*background-color: #10b418;*/
        width: 80px;
        height: 80px;
        border-radius: 100%;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        opacity: 0.6;
        -webkit-animation: pulse 1s ease-out;
        animation: pulse 1.8s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    .phone-call:before {
        position: absolute;
        content: " ";
        z-index: -1;
        top: -15px;
        right: -15px;
        /*background-color: #2693c8;*/
        width: 80px;
        height: 80px;
        border-radius: 100%;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        opacity: 0.6;
        -webkit-animation: pulse 1s ease-out;
        animation: pulse 1.8s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
</style>

<footer class="footer-section section bg-gray-two">

    <div class="whatsapp">
        <a href="https://wa.me/<?php echo $data1['whatsapp']; ?>"><img src="https://cdn2.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-whatsapp-circle-512.png" width="50" alt="Whatsapp" title="Whatspp"> </a>
    </div>
    <div class="phone-call">
        <a href="tel:<?php echo $data1['phone']; ?>" > <i style="font-size: 36px;" class="fa fa-phone"></i></a>
    </div>
<div class="footer-top section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-60 pb-lg-40 pb-md-30 pb-sm-15 pb-xs-5">
    <div class="container">
        <div class="row">

            <!--Footer Widget start-->
            <div class="footer-widget col-lg-3 col-md-6 col-sm-6 col-12 mb-40 mb-xs-35">
                <div class="footer-logo">
                    <a href="<?php echo $wspath?>"><img src="<?php echo $wspath?>admin/images/<?php echo $data1["footer_logo"];?>" alt="<?php echo $site_name?>"></a>
                </div>
                <p><?php echo $data1["short_about"] ?></p>
                <div class="footer-social">
                    <a href="<?php echo $data1["facebook_link"] ?>"><i class="fa fa-facebook"></i></a>
                    <a href="<?php echo $data1["twitter_link"] ?>"><i class="fa fa-twitter"></i></a>
                    <a href="<?php echo $data1['linkedin_link']?>"><i class="fa fa-linkedin"></i></a>
                    <a href="<?php echo $data1["insta_link"] ?>"><i class="fa fa-instagram"></i></a>
                    <a href="<?php echo $data1['youtube_link'];?>"><i class="fa fa-youtube"></i></a>
                  
                </div>
            </div>

            <!--Footer Widget start-->
            <div class="footer-widget col-lg-3 col-md-6 col-sm-6 col-12 mb-40 mb-xs-35">
                <h4 class="title"><span class="text">Shop By Cat</span></h4>
                <ul class="ft-menu">
                    <?php
                        $sqlsubcat = "SELECT * FROM `tbl_tourspots` WHERE  `spots_status`='Active' ORDER BY subcat_order_by  ASC LIMIT 7";
                        $runsubcat = mysqli_query($db,$sqlsubcat) or die("Query Not run");
                        while($datasubcat = mysqli_fetch_assoc($runsubcat)){
                    ?>
                    <li><a href="<?php echo $wspath ?>category<?php echo $datasubcat['spots_url'];?>.html"><?php echo $datasubcat['spots_name'];?></a></li>
                    <?php }?>
                </ul>
            </div>
            <!--Footer Widget end-->

            <!--Footer Widget start-->
            <div class="footer-widget col-lg-3 col-md-6 col-sm-6 col-12 mb-40 mb-xs-35">
                <h4 class="title"><span class="text">About Us</span></h4>
                <ul class="ft-menu">
                    <li><a href="<?php echo $wspath?>ship-and-delivery-policy.html">Shipping & Return Policy</a></li>
                    <li><a href="<?php echo $wspath?>about.html">Company</a></li>
                    <li><a href="<?php echo $wspath?>terms-conditions.html">Terms & Conditions</a></li>
                    <li><a href="<?php echo $wspath?>privacy-policy.html">Privacy Policy</a></li>
                    <!--<li><a href="<?php echo $wspath?>blog-listing.php">Blog</a></li>-->
                    <li><a href="<?php echo $wspath?>contact.html">Contact Us</a></li>
                    <li><a href="<?php echo $wspath?>sitemap.html">Sitemap</a></li>
                </ul>
            </div>
            <div class="footer-widget col-lg-3 col-md-6 col-sm-6 col-12 mb-40 mb-xs-35">
                <h4 class="title"><span class="text">Contact Info</span></h4>
                <p class="mb-15"><i class="ion-ios-location"></i> <?php echo $data1['address']?></p>
                <p class="mb-15"><i class="fa fa-phone"></i><a href="tel:<?php echo $data1['phone']?>" ><?php echo $data1['phone']?></a></p>
                <p class="mb-15"> <i class="fa fa-envelope"></i> <a href="mailto:<?php echo $data1['email']?>" ><?php echo $data1['email']?></a></p>
                <!--<p class="mb-15"> <i class="fa fa-envelope"></i> <?php echo $data1['alt_email']?></p>-->
               
            </div>
           
        </div>
    </div>
</div>


<div class="footer-bottom section">
    <div class="container">
        <div class="row g-0">
            <div class="col-12 ft-border pt-25 pb-25">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-8 col-md-8 col-sm-12">
                        <div class="copyright text-start">
                            <p>Copyright &copy;2024 <a href="#"><?php echo $site_name?></a>. All rights reserved. Designed and Developed By <a href="https:www.webkeyindia.com" target="_blank">WebKeyIndia</a></p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <div class="footer-nav text-end">
                            <nav>
                                <!--<ul>-->
                                <!--    <li><a href="#">Contact Us</a></li>-->
                                <!--    <li><a href="#">Questions</a></li>-->
                                <!--    <li><a href="#">Affiliate</a></li>-->
                                <!--    <li><a href="#">Help</a></li>-->
                                <!--</ul>-->
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



</footer>

 

  <!-- <div class="modal fade quick-view-modal-container" id="quick-view-modal-container" tabindex="-1" role="dialog"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="col-xl-12 col-lg-12">
                            <div class="row">
                                <div class="col-lg-4 col-md-6">
                                
                                    <div class="product-details-left">
                                        <div class="product-details-images slider-lg-image-1 tf-element-carousel"
                                            data-slick-options='{
                                                "slidesToShow": 1,
                                                "slidesToScroll": 1,
                                                "infinite": true,
                                                "asNavFor": ".slider-thumbs-1",
                                                "arrows": false,
                                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
                                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
                                                }'>
                                            <div class="lg-image">
                                                <img src="assets/images/product/large-product/l-product-1.jpg" alt="">
                                                <a href="assets/images/product/large-product/l-product-1.jpg"></a>
                                            </div>
                                            <div class="lg-image">
                                                <img src="assets/images/product/large-product/l-product-2.jpg" alt="">
                                                <a href="assets/images/product/large-product/l-product-2.jpg"></a>
                                            </div>
                                            <div class="lg-image">
                                                <img src="assets/images/product/large-product/l-product-3.jpg" alt="">
                                                <a href="assets/images/product/large-product/l-product-3.jpg"></a>
                                            </div>
                                            <div class="lg-image">
                                                <img src="assets/images/product/large-product/l-product-4.jpg" alt="">
                                                <a href="assets/images/product/large-product/l-product-4.jpg"></a>
                                            </div>
                                            <div class="lg-image">
                                                <img src="assets/images/product/large-product/l-product-5.jpg" alt="">
                                                <a href="assets/images/product/large-product/l-product-5.jpg"></a>
                                            </div>
                                        </div>
                                        <div class="product-details-thumbs slider-thumbs-1 tf-element-carousel"
                                            data-slick-options='{
                                                "slidesToShow": 4,
                                                "slidesToScroll": 1,
                                                "infinite": true,
                                                "focusOnSelect": true,
                                                "asNavFor": ".slider-lg-image-1",
                                                "arrows": false,
                                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
                                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
                                                }' data-slick-responsive='[
                                                {"breakpoint":991, "settings": {
                                                    "slidesToShow": 3
                                                }},
                                                {"breakpoint":767, "settings": {
                                                    "slidesToShow": 4
                                                }},
                                                {"breakpoint":479, "settings": {
                                                    "slidesToShow": 2
                                                }}
                                            ]'>
                                            <div class="sm-image"><img
                                                    src="assets/images/product/small-product/s-product-1.jpg"
                                                    alt="product image thumb"></div>
                                            <div class="sm-image"><img
                                                    src="assets/images/product/small-product/s-product-2.jpg"
                                                    alt="product image thumb"></div>
                                            <div class="sm-image"><img
                                                    src="assets/images/product/small-product/s-product-3.jpg"
                                                    alt="product image thumb"></div>
                                            <div class="sm-image"><img
                                                    src="assets/images/product/small-product/s-product-4.jpg"
                                                    alt="product image thumb"></div>
                                            <div class="sm-image"><img
                                                    src="assets/images/product/small-product/s-product-5.jpg"
                                                    alt="product image thumb"></div>
                                        </div>
                                    </div>
                                   
                                </div>
                                <div class="col-lg-8 col-md-6">
                                  
                                    <div class="product-details-content">
                                       
                                        <div class="product-nav">
                                            <a href="#"><i class="fa fa-angle-left"></i></a>
                                            <a href="#"><i class="fa fa-angle-right"></i></a>
                                        </div>
                                        
                                        <h2>Aliquam lobortis est turpis mauris egestas eget</h2>
                                        <div class="single-product-reviews">
                                            <i class="fa fa-star active"></i>
                                            <i class="fa fa-star active"></i>
                                            <i class="fa fa-star active"></i>
                                            <i class="fa fa-star active"></i>
                                            <i class="fa fa-star-o"></i>
                                            <a class="review-link" href="#">(1 customer review)</a>
                                        </div>
                                        <div class="single-product-price">
                                            <span class="price new-price">$66.00</span>
                                            <span class="regular-price">$77.00</span>
                                        </div>
                                        <div class="product-description">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                                veniam, quis nostrud exercitation ullamco,Proin lectus ipsum, gravida et
                                                mattis vulputate, tristique ut lectus</p>
                                        </div>
                                        <div class="single-product-quantity">
                                            <form class="add-quantity" action="#">
                                                <div class="product-quantity">
                                                    <input value="1" type="number">
                                                </div>
                                                <div class="add-to-link">
                                                    <button class="btn"><i class="ion-bag"></i>add to cart</button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="wishlist-compare-btn">
                                            <a href="#" class="wishlist-btn">Add to Wishlist</a>
                                            <a href="#" class="add-compare">Compare</a>
                                        </div>
                                        <div class="product-meta">
                                            <span class="posted-in">
                                                Categories:
                                                <a href="#">Accessories</a>,
                                                <a href="#">Electronics</a>
                                            </span>
                                        </div>
                                        <div class="single-product-sharing">
                                            <h3>Share this product</h3>
                                            <ul>
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                                <li><a href="#"><i class="fa fa-vimeo"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
  </div> -->
 
    <!-- All jquery file included here -->
    <script src="<?php echo $wspath?>assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="<?php echo $wspath?>assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="<?php echo $wspath?>assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="<?php echo $wspath?>assets/js/popper.min.js"></script>
    <script src="<?php echo $wspath?>assets/js/bootstrap.min.js"></script>
    <script src="<?php echo $wspath?>assets/js/plugins.js"></script>
    <script src="<?php echo $wspath?>assets/js/main.js"></script>