<?php include 'header.php';?>


    <!-- banner starts -->
    <section class="banner overflow-hidden">
        <div class="slider top50">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="slide-inner">
                            <div class="slide-image" style="background-image:url(images/slider/The-Ritz-Carlton-Bali-11.jpg)"></div>
                            <div class="swiper-content">
                                <div class="entry-meta mb-2">
                                    <h5 class="entry-category mb-0 white">Bali</h5>
                                </div>
                                <h1 class="mb-2"><a href="#" class="white">The Ritz-Carlton</a></h1>
                                <p class="white mb-4"></p>
                                <a href="#" class="nir-btn">Discover More</a>
                            </div>
                            <div class="dot-overlay"></div>
                        </div> 
                    </div>
                    <div class="swiper-slide">
                        <div class="slide-inner">
                            <div class="slide-image" style="background-image:url(images/slider/Double-Six-Hotel.jpg)"></div>
                            <div class="swiper-content">
                                <div class="entry-meta mb-2">
                                    <h5 class="entry-category mb-0 white">Bali</h5>
                                </div>
                                <h1 class="mb-2"><a href="#" class="white">Double Six Luxury Hotel</a></h1>
                                <p class="white mb-4"></p>
                                <div class="slider-button d-flex justify-content-center">
                                     <a href="#" class="nir-btn me-4">Read More</a>
                                      <a href="#" class="nir-btn-black">Contact Us</a>
                                </div>
                            </div>
                            <div class="dot-overlay"></div>
                        </div> 
                    </div>
                    <div class="swiper-slide">
                        <div class="slide-inner">
                           <div class="slide-image" style="background-image:url(images/slider/Swimming-Pool-night.jpg)"></div>
                           <div class="swiper-content">
                                <div class="entry-meta mb-2">
                                    <h5 class="entry-category mb-0 white">Singapore</h5>
                                </div>
                                <h1 class="mb-2"><a href="#" class="white">The Ritz-Carlton, Millenia </a></h1>
                                <p class="white mb-4"></p>
                                <a href="#" class="nir-btn">Make An Enquiry</a>
                            </div>
                            <div class="dot-overlay"></div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </section>
    <!-- banner ends -->

    <!-- form main starts -->
    <!-- <div class="form-main">
        <div class="section-shape top-0" style="background-image: url(images/shape-pat.png);"></div>
        <div class="container">
            <div class="row align-items-center form-content rounded position-relative ms-5 me-5">
                <div class="col-lg-2 p-0">
                    <h4 class="form-title form-title1 text-center p-4 py-5 white bg-theme mb-0 rounded-start d-lg-flex align-items-center"><i class="icon-location-pin fs-1 me-1"></i> Find Your Holidays</h4>
                </div>
                <div class="col-lg-10 px-4">
                    <div class="form-content-in d-lg-flex align-items-center">
                        <div class="form-group me-2">
                            <div class="input-box">
                                <select class="niceSelect">
                                    <option value="1">Destination</option>
                                    <option value="2">Argentina</option>
                                    <option value="3">Belgium</option>
                                    <option value="4">Canada</option>
                                    <option value="5">Denmark</option>
                                </select>
                            </div>                            
                        </div>
                        <div class="form-group me-2">
                            <div class="input-box">
                                <input type="date" name="date">
                            </div>                            
                        </div>
                        <div class="form-group me-2">
                            <div class="input-box">
                                <select class="niceSelect">
                                    <option value="1">Travel Type</option>
                                    <option value="2">City Tour</option>
                                    <option value="3">Family Tour</option>
                                </select>
                            </div>                             
                        </div>
                        <div class="form-group me-2">
                            <div class="input-box">
                                <select class="niceSelect">
                                    <option value="1">Tour Duration</option>
                                    <option value="2">5 days</option>
                                    <option value="3">7 Days</option>
                                </select>
                            </div>                             
                        </div>
                        <div class="form-group mb-0 text-center">
                            <a href="#" class="nir-btn w-100"><i class="fa fa-search mr-2"></i> Search Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- form main ends -->

<!-- about-us starts -->
<section class="about-us pt-6" style="background-image:url(images/background_pattern.png); background-position:bottom right;">
    <div class="container">
        <div class="about-image-box">
            <div class="row d-flex align-items-center justify-content-between">
                <div class="col-lg-6 ps-4">
                    <div class="about-content text-center text-lg-start">
                        <h4 class="theme d-inline-block mb-0">Get To Know Us</h4>
                        <h2 class="border-b mb-2 pb-1">Explore All Tour of the world with us.</h2>
                        <p class="border-b mb-2 pb-2">Travelshoppi has been one of the best service providers in Visa, Air Ticketing, Tours, and Packages over the years. So far, more than 5000 people around the world have been facilitated by our services. Our valuable customers receive fast visa service in popular countries such as China, United Kingdom, U.S. ,Canada Australia ,Singapore, UAE , Oman, Qatar, Bahrain , Saudi Arabia, Georgia Malaysia , Indonesia, Hong-Kong , Sri-Lanka ,India and  Schengen country (The 26 Schengen countries are: Austria, Belgium, Czech Republic, Denmark, Estonia, Finland, France, Germany, Greece, Hungary, Iceland, Italy, Latvia, Liechtenstein, Lithuania, Luxembourg, Malta, Netherlands, Norway, Poland, Portugal, Slovakia, Slovenia, Spain, Sweden, and Switzerland.)   <br><br>As digitalization is progressing, we offer our customers an online visa system that allows them to apply for their visa on our site itself. It's been made easier by Travelshoppi, a customer can just fill in the form, scan and upload the document, and our team will take it further. The person can expect his or her Visa by email within 72 hours.</p>
                        <div class="about-listing">
                            <ul class="d-flex justify-content-between">
                                <li><i class="icon-location-pin theme"></i> Tour Guide</li>
                                <li><i class="icon-briefcase theme"></i> Friendly Price</li>
                                <li><i class="icon-folder theme"></i> Reliable Tour Package</li>
                            </ul>
                        </div>
                        <a href="#" class="nir-btn white" style="margin-top: 22px;">Read More</a>
                    </div>
                </div>
                <div class="col-lg-6 mb-4 pe-4">
                    <div class="about-image" style="animation:none; background:transparent;">
                        <img src="images/travel.png" alt="">
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <div class="white-overlay"></div>
</section>
<!-- about-us ends -->
<!-- our teams starts -->
<section class="our-team pb-0">
    <div class="container">
          
        <!-- <div class="section-title mb-6 w-75 mx-auto text-center">
            <h4 class="mb-1 theme1">Tour Guides</h4>
            <h2 class="mb-1">Meet Our <span class="theme">Excellent Guides</span></h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
        </div>   -->
        <div class="team-main">
            <div class="row shop-slider">
                <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                    <div class="team-list rounded">
                        <div class="team-image">
                            <img src="images/team/Who are we-3.jpg" alt="team">
                        </div>
                        <div class="team-content text-center p-3 bg-theme">
                           <h4 class="mb-0 white">Who are we?</h4>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                    <div class="team-list rounded">
                        <div class="team-image">
                            <img src="images/team/What do we do.jpg" alt="team">
                        </div>
                        <div class="team-content text-center p-3 bg-theme">
                           <h4 class="mb-0 white">What do we do? </h4>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                    <div class="team-list rounded">
                        <div class="team-image">
                            <img src="images/team/How do we do it-1 .jpg" alt="team">
                        </div>
                        <div class="team-content text-center bg-theme p-3">
                           <h4 class="mb-0 white">How do we do it? </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- our teams Ends -->

    <!-- about-us starts -->
    <section class="about-us pb-6 pt-10" style="background-image:url(images/shape4.png); background-position:center;">
        <div class="container">
            
            <div class="section-title mb-6 w-50 mx-auto text-center">
                <h4 class="mb-1 theme1">Core Features</h4>
                <h2 class="mb-1">Find <span class="theme">Travel Perfection</span></h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
            </div>

            <!-- why us starts -->
            <div class="why-us">
                <div class="why-us-box">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 col-sm-6 mb-4">
                            <div class="why-us-item p-5 pt-6 pb-6 border rounded bg-white">
                                <div class="why-us-content">
                                    <div class="why-us-icon mb-1">
                                        <i class="icon-flag theme"></i>
                                    </div>
                                    <h4><a href="#">Tell Us What You want To Do</a></h4>
                                    <p class="mb-2">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                                    <p class="mb-0 theme">100+ Reviews</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6 mb-4">
                            <div class="why-us-item p-5 pt-6 pb-6 border rounded bg-white">
                                <div class="why-us-content">
                                    <div class="why-us-icon mb-1">
                                        <i class="icon-location-pin theme"></i>
                                    </div>
                                    <h4><a href="#">Share Your Travel Locations</a></h4>
                                    <p class="mb-2">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                                    <p class="mb-0 theme">100+ Reviews</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6 mb-4">
                            <div class="why-us-item p-5 pt-6 pb-6 border rounded bg-white">
                                <div class="why-us-content">
                                    <div class="why-us-icon mb-1">
                                        <i class="icon-directions theme"></i>
                                    </div>
                                    <h4><a href="#">Share Your Travel Preference</a></h4>
                                    <p class="mb-2">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                                    <p class="mb-0 theme">100+ Reviews</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6 mb-4">
                            <div class="why-us-item p-5 pt-6 pb-6 border rounded bg-white">
                                <div class="why-us-content">
                                    <div class="why-us-icon mb-1">
                                        <i class="icon-compass theme"></i>
                                    </div>
                                    <h4><a href="#">Here 100% Trusted Tour Agency</a></h4>
                                    <p class="mb-2">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                                    <p class="mb-0 theme">100+ Reviews</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- why us ends -->
        </div>
        <div class="white-overlay"></div>
    </section>
    <!-- about-us ends -->

    <!-- top Destination starts -->
    <section class="trending pb-3 pt-0">
        <div class="container">
            <div class="section-title mb-6 w-50 mx-auto text-center">
                <h4 class="mb-1 theme1">Top Destinations</h4>
                <h2 class="mb-1">Explore <span class="theme">Top Destinations</span></h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="row">
                        <div class="col-lg-12 mb-4">
                            <div class="trend-item1">
                                <div class="trend-image position-relative rounded">
                                    <img src="images/destination/5-5.jpeg" alt="image">
                                    <div class="trend-content d-flex align-items-center justify-content-between position-absolute bottom-0 p-4 w-100 z-index">
                                        <div class="trend-content-title">
                                            <h5 class="mb-0"><a href="tour-grid.html" class="theme1">...</a></h5>
                                            <h3 class="mb-0 white">Bali</h3>
                                        </div>
                                        <!-- <span class="white bg-theme p-1 px-2 rounded">18 Tours</span> -->
                                    </div>
                                    <div class="color-overlay"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 mb-4">
                            <div class="trend-item1">
                                <div class="trend-image position-relative rounded">
                                    <img src="images/destination/7-7.jpeg" alt="image">
                                    <div class="trend-content d-flex align-items-center justify-content-between position-absolute bottom-0 p-4 w-100">
                                        <div class="trend-content-title">
                                            <h5 class="mb-0"><a href="tour-grid.html" class="theme1">...</a></h5>
                                            <h3 class="mb-0 white">Indonesia</h3>
                                        </div>
                                        <!-- <span class="white bg-theme p-1 px-2 rounded">15 Tours</span> -->
                                    </div>
                                    <div class="color-overlay"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 mb-4">
                            <div class="trend-item1">
                                <div class="trend-image position-relative rounded">
                                    <img src="images/destination/6-6.jpeg" alt="image">
                                    <div class="trend-content d-flex align-items-center justify-content-between position-absolute bottom-0 p-4 w-100 z-index">
                                        <div class="trend-content-title">
                                            <h5 class="mb-0"><a href="tour-grid.html" class="theme1">...</a></h5>
                                            <h3 class="mb-0 white">Bali</h3>
                                        </div>
                                        <!-- <span class="white bg-theme p-1 px-2 rounded">32 Tours</span> -->
                                    </div>
                                    <div class="color-overlay"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 mb-4">
                    <div class="trend-item1">
                        <div class="trend-image position-relative rounded">
                            <img src="images/destination/9-9.jpg" alt="image">
                            <div class="trend-content d-flex align-items-center justify-content-between position-absolute bottom-0 p-4 w-100 z-index">
                                <div class="trend-content-title">
                                    <h5 class="mb-0"><a href="tour-grid.html" class="theme1">...</a></h5>
                                    <h3 class="mb-0 white">Indonesia</h3>
                                </div>
                                <!-- <span class="white bg-theme p-1 px-2 rounded">15 Tours</span> -->
                            </div>
                            <div class="color-overlay"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- top Destination ends -->

    <!-- best tour Starts -->
    <section class="trending bg-grey pt-17 pb-6">
        <div class="section-shape top-0" style="background-image: url(images/shape8.png);"></div>
        <div class="container">
            <div class="row align-items-center justify-content-between mb-6 ">
                <div class="col-lg-7">
                    <div class="section-title text-center text-lg-start">
                        <h4 class="mb-1 theme1">Membership</h4>
                        <h2 class="mb-1">Best <span class="theme">Membership Card</span></h2>
                       
                    </div>
                </div>
                <div class="col-lg-5">  
                </div>
            </div>
            <div class="trend-box">
                <div class="row item-slider">
                    <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                        <div class="trend-item rounded box-shadow bg-white">
                            <div class="trend-image position-relative">
                                <img src="images/trending/cards-1.jpg" alt="image" class="">
                                <div class="color-overlay"></div>
                            </div>
                            <div class="trend-content p-4 pt-5 position-relative">
                                <div class="trend-meta bg-theme white px-3 py-2 rounded">
                                    <div class="entry-author">
                                        <i class="icon-calendar"></i>
                                        <!-- <span class="fw-bold"> 9 Days Tours</span> -->
                                    </div>
                                </div>
                                <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Croatia</h5>
                                <h3 class="mb-1"><a href="tour-grid.html">Piazza Castello</a></h3>
                                <div class="rating-main d-flex align-items-center pb-2">
                                    <div class="rating">
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                    </div>
                                    <span class="ms-2">(12)</span>
                                </div>
                                <p class=" border-b pb-2 mb-2">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                <div class="entry-meta">
                                    <div class="entry-author d-flex align-items-center">
                                        <!-- <p class="mb-0"><span class="theme fw-bold fs-5"> $170.00</span> | Per person</p> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                        <div class="trend-item box-shadow rounded bg-white">
                            <div class="trend-image position-relative">
                                <img src="images/trending/cards-2.jpg" alt="image">
                                <div class="color-overlay"></div>
                            </div>
                            <div class="trend-content p-4 pt-5 position-relative">
                                <div class="trend-meta bg-theme white px-3 py-2 rounded">
                                    <div class="entry-author">
                                        <i class="icon-calendar"></i>
                                        <!-- <span class="fw-bold"> 9 Days Tours</span> -->
                                    </div>
                                </div>
                                <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Greece</h5>
                                <h3 class="mb-1"><a href="tour-grid.html">Santorini, Oia</a></h3>
                                <div class="rating-main d-flex align-items-center pb-2">
                                    <div class="rating">
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                    </div>
                                    <span class="ms-2">(38)</span>
                                </div>
                                <p class=" border-b pb-2 mb-2">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                <div class="entry-meta">
                                    <div class="entry-author d-flex align-items-center">
                                        <!-- <p class="mb-0"><span class="theme fw-bold fs-5"> $180.00</span> | Per person</p> -->
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                        <div class="trend-item box-shadow rounded bg-white">
                            <div class="trend-image position-relative">
                                <img src="images/trending/cards-3.jpg" alt="image">
                                <div class="color-overlay"></div>
                            </div>
                            <div class="trend-content p-4 pt-5 position-relative">
                                <div class="trend-meta bg-theme white px-3 py-2 rounded">
                                    <div class="entry-author">
                                        <i class="icon-calendar"></i>
                                        <!-- <span class="fw-bold"> 9 Days Tours</span> -->
                                    </div>
                                </div>
                                <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Maldives</h5>
                                <h3 class="mb-1"><a href="tour-grid.html">Hurawalhi Island</a></h3>
                                <div class="rating-main d-flex align-items-center pb-2">
                                    <div class="rating">
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                    </div>
                                    <span class="ms-2">(18)</span>
                                </div>
                                <p class=" border-b pb-2 mb-2">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                <div class="entry-meta">
                                    <div class="entry-author d-flex align-items-center">
                                        <!-- <p class="mb-0"><span class="theme fw-bold fs-5"> $260.00</span> | Per person</p> -->
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                        <div class="trend-item box-shadow rounded bg-white">
                            <div class="trend-image position-relative">
                                <img src="images/trending/cards-1.jpg" alt="image">
                                <div class="color-overlay"></div>
                            </div>
                            <div class="trend-content p-4 pt-5 position-relative">
                                <div class="trend-meta bg-theme white px-3 py-2 rounded">
                                    <div class="entry-author">
                                        <i class="icon-calendar"></i>
                                        <!-- <span class="fw-bold"> 5 Days Tours</span> -->
                                    </div>
                                </div>
                                <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Greece</h5>
                                <h3 class="mb-1"><a href="tour-grid.html">Santorini, Oia</a></h3>
                                <div class="rating-main d-flex align-items-center pb-2">
                                    <div class="rating">
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                        <span class="fa fa-star checked"></span>
                                    </div>
                                    <span class="ms-2">(38)</span>
                                </div>
                                <p class=" border-b pb-2 mb-2">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                <div class="entry-meta">
                                    <div class="entry-author d-flex align-items-center">
                                        <!-- <p class="mb-0"><span class="theme fw-bold fs-5"> $180.00</span> | Per person</p> -->
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
            <div style="text-align:center;"> 
            <a href="#" class="nir-btn white mx-auto">Load More</a>
            </div>
            <!-- <div class="category-main-inner">
                <div class="row align-items-center">
                    <div class="col-lg-2">
                        <h3 class="mb-0 white bg-theme p-3 py-5 text-center rounded my-4">Top Categories</h3>
                    </div>
                    <div class="col-lg-10">
                        <div class="row side-slider">
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p-2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content">
                                        <img src="images/icons/004-camping-tent.png" class="mb-1 d-inline-block" alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Camping</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p-2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content text-center">
                                        <img src="images/icons/003-hiking.png" class="mb-1 d-inline-block" alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Hiking</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p-2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content">
                                        <img src="images/icons/005-sunbed.png" class="mb-1 d-inline-block" alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Beach Tours</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p-2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content">
                                        <img src="images/icons/006-surf.png" class="mb-1 d-inline-block" alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Surfing</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content">
                                        <img src="images/icons/002-safari.png" class="mb-1 d-inline-block" alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Safari</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p-2 py-4 text-center bg-white rounded overflow-hidden">
                                    <div class="trending-topic-content">
                                        <img src="images/icons/008-cycling.png" class="mb-1 d-inline-block"  alt="">
                                        <h4 class="mb-0"><a href="tour-grid.html">Cycling</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 my-4">
                                <div class="category-item box-shadow p2 py-4 text-center bg-white rounded overflow-hidden">
                                    <img src="images/icons/007-hiking-1.png" class="mb-1 d-inline-block" alt="">
                                    <div class="trending-topic-content">
                                        <h4 class="mb-0"><a href="tour-grid.html">Trekings</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>   -->
        </div>
    </section>
    <!-- best tour Ends -->

    <!-- Last Minute Deal Starts -->
    <!-- <section class="trending pb-9">
        <div class="container">
            <div class="section-title mb-6 w-75 mx-auto text-center">
                <h4 class="mb-1 theme1">Top Deals</h4>
                <h2 class="mb-1">The Last <span class="theme">Minute Deals</span></h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
            </div>  
            <div class="trend-box">
                <div class="row">
                    <div class="col-lg-4 mb-4">
                        <div class="trend-item1 rounded box-shadow bg-white">
                            <div class="trend-image position-relative">
                                <img src="images/destination/destination11.jpg" alt="image" class="">
                                <div class="trend-content1 p-4">
                                    <h5 class="theme1 mb-1"><i class="flaticon-location-pin"></i> Norway</h5>
                                    <h3 class="mb-1 white"><a href="tour-grid.html" class="white">Norway Lake</a></h3>
                                    <div class="rating-main d-flex align-items-center pb-2">
                                        <div class="rating">
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                        </div>
                                        <span class="ms-2 white">(16)</span>
                                    </div>
                                    <div class="entry-meta d-flex align-items-center justify-content-between">
                                        <div class="entry-author d-flex align-items-center">
                                            <p class="mb-0 white"><span class="theme1 fw-bold fs-5"> $180.00</span> | Per person</p>
                                        </div>
                                        <div class="entry-author">
                                            <i class="icon-calendar white"></i>
                                            <span class="fw-bold white"> 6 Days Tours</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="trend-item1 rounded box-shadow">
                            <div class="trend-image position-relative">
                                <img src="images/destination/destination10.jpg" alt="image" class="">
                                <div class="trend-content1 p-4">
                                    <h5 class="theme1 mb-1"><i class="flaticon-location-pin"></i> Usa</h5>
                                    <h3 class="mb-1 white"><a href="tour-grid.html" class="white">New York City</a></h3>
                                    <div class="rating-main d-flex align-items-center pb-2">
                                        <div class="rating">
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                        </div>
                                        <span class="ms-2 white">(12)</span>
                                    </div>
                                    <div class="entry-meta d-flex align-items-center justify-content-between">
                                        <div class="entry-author d-flex align-items-center">
                                            <p class="mb-0 white"><span class="theme1 fw-bold fs-5"> $140.00</span> | Per person</p>
                                        </div>
                                        <div class="entry-author">
                                            <i class="icon-calendar white"></i>
                                            <span class="fw-bold white"> 3 Days Tours</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="trend-item1 rounded box-shadow">
                            <div class="trend-image position-relative">
                                <img src="images/destination/destination13.jpg" alt="image" class="">
                                <div class="trend-content1 p-4">
                                    <h5 class="theme1 mb-1"><i class="flaticon-location-pin"></i> Maldives</h5>
                                    <h3 class="mb-1 white"><a href="tour-grid.html" class="white">Male City</a></h3>
                                    <div class="rating-main d-flex align-items-center pb-2">
                                        <div class="rating">
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                            <span class="fa fa-star checked"></span>
                                        </div>
                                        <span class="ms-2 white">(12)</span>
                                    </div>
                                    <div class="entry-meta d-flex align-items-center justify-content-between">
                                        <div class="entry-author d-flex align-items-center">
                                            <p class="mb-0 white"><span class="theme1 fw-bold fs-5"> $140.00</span> | Per person</p>
                                        </div>
                                        <div class="entry-author">
                                            <i class="icon-calendar white"></i>
                                            <span class="fw-bold white"> 3 Days Tours</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="overlay"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 text-center">
                        <a href="tour-grid.html" class="nir-btn">View All Deals</a>
                    </div>
                </div>
            </div>    
        </div>
    </section> -->
    <!-- Last Minute Deal Ends -->

    <!-- testimonial starts -->
    <section class="testimonial pt-10 pb-20"  style="background-image: url(images/bg/4-4.jpg);">   
        <div class="container">
            <div class="testimonial-in">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="section-title">
                            <h4 class="mb-1 theme1">Our Testimonails</h4>
                            <h2 class="mb-1 white">Good Reviews By <span class="theme">Clients</span></h2>
                            <p class="mb-0 white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="row about-slider">
                            <div class="col-sm-4 item">
                                <div class="testimonial-item1">
                                    <div class="details d-flex">
                                        <i class="fa fa-quote-left fs-1 mb-0"></i>
                                        <div class="author-content ms-4">
                                            <p class="mb-4 white fs-5 fw-normal">Lorem Ipsum is simply dummy text of the printing andypesetting industry. Lorem ipsum a simple Lorem Ipsum has been the industry's standard dummy hic et quidem. Dignissimos maxime velit unde inventore quasi vero dolorem.</p>
                                            <div class="author-info d-flex align-items-center">
                                                <img src="images/testimonial/p-1.jpg" alt="">
                                                <div class="author-title ms-3">
                                                    <h5 class="m-0 theme1">Lonell South</h5>
                                                    <span class="white">Accountant</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 item">
                                <div class="testimonial-item1">
                                    <div class="details d-flex">
                                        <i class="fa fa-quote-left fs-1 mb-0"></i>
                                        <div class="author-content ms-4">
                                            <p class="mb-4 white fs-5 fw-normal">Lorem Ipsum is simply dummy text of the printing andypesetting industry. Lorem ipsum a simple Lorem Ipsum has been the industry's standard dummy hic et quidem. Dignissimos maxime velit unde inventore quasi vero dolorem.</p>
                                            <div class="author-info d-flex align-items-center">
                                                <img src="images/testimonial/p-2.jpg" alt="">
                                                <div class="author-title ms-3">
                                                    <h5 class="m-0 theme1">Kelton Mick</h5>
                                                    <span class="white">Manager</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 item">
                                <div class="testimonial-item1">
                                    <div class="details d-flex">
                                        <i class="fa fa-quote-left fs-1 mb-0"></i>
                                        <div class="author-content ms-4">
                                            <p class="mb-4 white fs-5 fw-normal">Lorem Ipsum is simply dummy text of the printing andypesetting industry. Lorem ipsum a simple Lorem Ipsum has been the industry's standard dummy hic et quidem. Dignissimos maxime velit unde inventore quasi vero dolorem.</p>
                                            <div class="author-info d-flex align-items-center">
                                                <img src="images/testimonial/p-3.jpg" alt="">
                                                <div class="author-title ms-3">
                                                    <h5 class="m-0 theme1">Jared Erondu</h5>
                                                    <span class="white">Supervisor</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div> 

        <div class="dot-overlay"></div>   
    </section>
    <!-- testimonial Ends -->

    <!-- offer Packages Starts -->
    <!-- <section class="trending trend-packages pt-0 pb-0 z-index3">
        <div class="container">
            <div class="trend-box mt-minus">
                <div class="row review-slider1 mx-0">
                    <div class="col-lg-6 px-2">
                        <div class="trend-full bg-white rounded box-shadow overflow-hidden">
                            <div class="row m-0">
                                <div class="col-lg-5 col-md-4 ps-md-0">
                                   <div class="trend-item2">
                                        <a href="tour-list.html" style="background-image: url(images/trending/trending1.jpg);"></a>
                                         <div class="ribbon ribbon-top-left"><span class="fw-bold">20% OFF</span></div>
                                         <div class="color-overlay"></div>
                                    </div> 
                                </div>
                                <div class="col-lg-7 col-md-8">
                                    <div class="trend-content py-3 position-relative">
                                        <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Croatia</h5>
                                        <h3 class="mb-1"><a href="tour-grid.html">Piazza Castello</a></h3>
                                        <div class="rating-main d-flex align-items-center pb-2">
                                            <div class="rating">
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                            </div>
                                            <span class="ms-2">(12)</span>
                                        </div>
                                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                        <div class="trend-meta border-b pb-2 mb-2">
                                            <div class="entry-author theme">
                                                <i class="icon-calendar"></i>
                                                <span> 9 Days Tours</span>
                                            </div>
                                        </div>
                                        <div class="entry-meta">
                                            <div class="entry-author d-flex align-items-center">
                                                <p class="mb-0"><span class="theme fw-bold fs-5"> $170.00</span> | Per person</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 px-2">
                        <div class="trend-full bg-white rounded box-shadow overflow-hidden">
                            <div class="row m-0">
                                <div class="col-lg-5 col-md-4 ps-md-0">
                                   <div class="trend-item2">
                                        <a href="tour-list.html" style="background-image: url(images/trending/trending2.jpg);"></a>
                                         <div class="ribbon ribbon-top-left"><span class="fw-bold">10% OFF</span></div>
                                         <div class="color-overlay"></div>
                                    </div> 
                                </div>
                                <div class="col-lg-7 col-md-8">
                                    <div class="trend-content py-3 position-relative">
                                        <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Greece</h5>
                                        <h3 class="mb-1"><a href="tour-grid.html">Santorini, Oia</a></h3>
                                        <div class="rating-main d-flex align-items-center pb-2">
                                            <div class="rating">
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                            </div>
                                            <span class="ms-2">(18)</span>
                                        </div>
                                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                        <div class="trend-meta border-b pb-2 mb-2">
                                            <div class="entry-author theme">
                                                <i class="icon-calendar"></i>
                                                <span> 7 Days Tours</span>
                                            </div>
                                        </div>
                                        <div class="entry-meta">
                                            <div class="entry-author d-flex align-items-center">
                                                <p class="mb-0"><span class="theme fw-bold fs-5"> $210.00</span> | Per person</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 px-2">
                        <div class="trend-full bg-white rounded box-shadow overflow-hidden">
                            <div class="row m-0">
                                <div class="col-lg-5 col-md-4 ps-md-0">
                                   <div class="trend-item2">
                                        <a href="tour-list.html" style="background-image: url(images/trending/trending3.jpg);"></a>
                                         <div class="ribbon ribbon-top-left"><span class="fw-bold">30% OFF</span></div>
                                         <div class="color-overlay"></div>
                                    </div> 
                                </div>
                                <div class="col-lg-7 col-md-8">
                                    <div class="trend-content py-3 position-relative">
                                        <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Norway</h5>
                                        <h3 class="mb-1"><a href="tour-grid.html">Norway Lake</a></h3>
                                        <div class="rating-main d-flex align-items-center pb-2">
                                            <div class="rating">
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                            </div>
                                            <span class="ms-2">(17)</span>
                                        </div>
                                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                        <div class="trend-meta border-b pb-2 mb-2">
                                            <div class="entry-author theme">
                                                <i class="icon-calendar"></i>
                                                <span> 6 Days Tours</span>
                                            </div>
                                        </div>
                                        <div class="entry-meta">
                                            <div class="entry-author d-flex align-items-center">
                                                <p class="mb-0"><span class="theme fw-bold fs-5"> $185.00</span> | Per person</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 px-2">
                        <div class="trend-full bg-white rounded box-shadow overflow-hidden">
                            <div class="row m-0">
                                <div class="col-lg-5 col-md-4 ps-md-0">
                                   <div class="trend-item2">
                                        <a href="tour-list.html" style="background-image: url(images/trending/trending4.jpg);"></a>
                                         <div class="ribbon ribbon-top-left"><span class="fw-bold">15% OFF</span></div>
                                         <div class="color-overlay"></div>
                                    </div> 
                                </div>
                                <div class="col-lg-7 col-md-8">
                                    <div class="trend-content py-3 position-relative">
                                        <h5 class="theme mb-1"><i class="flaticon-location-pin"></i> Maldives</h5>
                                        <h3 class="mb-1"><a href="tour-grid.html">Hurawalhi Island</a></h3>
                                        <div class="rating-main d-flex align-items-center pb-2">
                                            <div class="rating">
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                            </div>
                                            <span class="ms-2">(32)</span>
                                        </div>
                                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
                                        <div class="trend-meta border-b pb-2 mb-2">
                                            <div class="entry-author theme">
                                                <i class="icon-calendar"></i>
                                                <span> 4 Days Tours</span>
                                            </div>
                                        </div>
                                        <div class="entry-meta">
                                            <div class="entry-author d-flex align-items-center">
                                                <p class="mb-0"><span class="theme fw-bold fs-5"> $260.00</span> | Per person</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>    
        </div>
    </section> -->
    <!-- offer Packages Ends -->

    <!-- our teams starts -->
    <!-- <section class="our-team pb-0">
        <div class="container">
              
            <div class="section-title mb-6 w-75 mx-auto text-center">
                <h4 class="mb-1 theme1">Tour Guides</h4>
                <h2 class="mb-1">Meet Our <span class="theme">Excellent Guides</span></h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
            </div>  
            <div class="team-main">
                <div class="row shop-slider">
                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                        <div class="team-list rounded">
                            <div class="team-image">
                                <img src="images/team/img1.jpg" alt="team">
                            </div>
                            <div class="team-content text-center p-3 bg-theme">
                               <h4 class="mb-0 white">Salmon Thuir</h4>
                                <p class="mb-0 white">Senior Agent</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                        <div class="team-list rounded">
                            <div class="team-image">
                                <img src="images/team/img2.jpg" alt="team">
                            </div>
                            <div class="team-content text-center p-3 bg-theme">
                               <h4 class="mb-0 white">Horke Pels</h4>
                                <p class="mb-0 white">Head Officer</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                        <div class="team-list rounded">
                            <div class="team-image">
                                <img src="images/team/img4.jpg" alt="team">
                            </div>
                            <div class="team-content text-center p-3 bg-theme">
                               <h4 class="mb-0 white">Solden kalos</h4>
                                <p class="mb-0 white">Supervisor</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                        <div class="team-list rounded">
                            <div class="team-image">
                                <img src="images/team/img3.jpg" alt="team">
                            </div>
                            <div class="team-content text-center p-3 bg-theme">
                               <h4 class="mb-0 white">Nelson Bam</h4>
                                <p class="mb-0 white">Quality Assurance</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                        <div class="team-list rounded">
                            <div class="team-image">
                                <img src="images/team/img4.jpg" alt="team">
                            </div>
                            <div class="team-content text-center bg-theme p-3">
                               <h4 class="mb-0 white">Cacics Coold</h4>
                                <p class="mb-0 white">Asst. Manager</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- our teams Ends -->

    <!-- recent-articles starts -->
    <section class="trending recent-articles pb-6 pt-5">
        <div class="container">
            <div class="section-title mb-6 w-75 mx-auto text-center">
                <h4 class="mb-1 theme1">Our Blogs Offers</h4>
                <h2 class="mb-1">Recent <span class="theme">Articles & Posts</span></h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
            </div>
            <div class="recent-articles-inner">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="trend-item box-shadow bg-white mb-4 rounded">
                            <div class="trend-image">
                                <img src="images/trending/blog-3.jpg" alt="image">
                            </div>
                            <div class="trend-content-main p-4">
                                <div class="trend-content">
                                    <h5 class="theme mb-1">Technology</h5>
                                    <h4 class="mb-0"><a href="detail-1.html">How a developer duo at Deutsche Bank keep remote alive.</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="trend-item box-shadow bg-white mb-4 rounded">
                            <div class="trend-image">
                                <img src="images/trending/blog-1.jpg" alt="image">
                            </div>
                            <div class="trend-content-main p-4">
                                <div class="trend-content">
                                    <h5 class="theme mb-1">Inspiration</h5>
                                    <h4 class="mb-0"><a href="detail-1.html">Inspire Runner with Autism Graces of Women's Running</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="trend-item box-shadow bg-white mb-4 rounded">
                            <div class="trend-image">
                                <img src="images/trending/blog-2.jpg" alt="image">
                            </div>
                            <div class="trend-content-main p-4">
                                <div class="trend-content">
                                    <h5 class="theme mb-1">Public</h5>
                                    <h4 class="mb-0"><a href="detail-1.html">Services To Grow Your Business Sell Affiliate Products</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- recent-articles ends -->

    <!-- partner starts -->
    <section class="our-partner pt-0 pb-5">
        <div class="container">
            <div class="section-title mb-6 w-75 mx-auto text-center">
                <h4 class="mb-1 theme1">Our Partners</h4>
                <h2 class="mb-1">Our Awesome <span class="theme">partners</span></h2>
             
            </div>
            <div class="row align-items-center partner-in partner-slider">
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="partner-item p-4 py-2 rounded bg-lgrey">
                        <img src="images/partner.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- partner ends -->


<?php include 'footer.php';?>
    