<?php $__env->startSection('content'); ?>
    <section class="layout-pt-lg  layout-pb-sm skbanner">
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          
  

          </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-3 lg-2 md-2 sm-2 base-1" data-nav-prev="js-places-prev" data-pagination="js-places-pag" data-nav-next="js-places-next">
          <div class="swiper-wrapper">

            <div class="swiper-slide">

              <div class="ctaCard -type-1 rounded-4 ">
                <div class="ctaCard__image">
                  <img class="js-lazy img-ratio " src="{{ asset('img/1.png" alt="image">
                </div>
                <div class="ctaCard__content py-50 px-50 lg:py-30 lg:px-30">
                  <div class="text-15 fw-500 text-white mb-10">Enjoy Summer Deals</div>
                  <h4 class="text-30 lg:text-24 text-white"> Things To Do On<br> Your Trip</h4>
                  
                  <div class="d-inline-block mt-30">
                    <a class="button px-48 py-15 -blue-1 -min-180 bg-white text-dark-1" href="#">Book Now</a>
                  </div>
                </div>
              </div>

            </div>

            <div class="swiper-slide">

              <div class="ctaCard -type-1 rounded-4 ">
                <div class="ctaCard__image">
                  <img class="js-lazy img-ratio loading" src="{{ asset('img/2.png" alt="image">
                </div>
                <div class="ctaCard__content py-50 px-50 lg:py-30 lg:px-30">
                  <div class="text-15 fw-500 text-white mb-10">Enjoy Summer Deals</div>
                  <h4 class="text-30 lg:text-24 text-white"> Things To Do On<br> Your Trip</h4>
                  
                  <div class="d-inline-block mt-30">
                    <a class="button px-48 py-15 -blue-1 -min-180 bg-white text-dark-1" href="#">Book Now</a>
                  </div>
                </div>
              </div>


            </div>

            <div  class="swiper-slide">

              <div class="ctaCard -type-1 rounded-4 ">
                <div class="ctaCard__image">
                  <img class="js-lazy img-ratio loading" src="{{ asset('img/3.png" alt="image">
                </div>
                <div class="ctaCard__content py-50 px-50 lg:py-30 lg:px-30">
                  <div class="text-15 fw-500 text-white mb-10">Enjoy Summer Deals</div>
                  <h4 class="text-30 lg:text-24 text-white"> Things To Do On<br> Your Trip</h4>
                  
                  <div class="d-inline-block mt-30">
                    <a class="button px-48 py-15 -blue-1 -min-180 bg-white text-dark-1" href="#">Book Now</a>
                  </div>
                </div>
              </div>


            </div>
        
        

          </div>
        </div>

        
      </div>
    </section>







    <section id="sec1" class="  layout-pb-sm">
      
      


      <div class="container-fluid">
        <div  class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
           
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev1">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

             

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next1">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev1" data-pagination="js-places-pag1" data-nav-next="js-places-next1">
          <div class="swiper-wrapper">

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div  class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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


    </section>


    <section id="sec2" class="  layout-pb-sm">
    
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
            
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev2">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

            

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next2">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev2" data-pagination="js-places-pag2" data-nav-next="js-places-next2">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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

    <section id="sec3" class="  layout-pb-sm">
   
     
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
             
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev3">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

          

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next3">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev3" data-pagination="js-places-pag3" data-nav-next="js-places-next3">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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

    <section id="sec4" class="  layout-pb-sm">
  
    
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
            
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev4">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

          

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next4">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev4" data-pagination="js-places-4" data-nav-next="js-places-next4">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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


    <section id="sec5" class="  layout-pb-sm">
    
    
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
           
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev5">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

            

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next5">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev5" data-pagination="js-places-pag5" data-nav-next="js-places-next5">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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


    <section id="sec6" class="  layout-pb-sm">

      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
           
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev6">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

        

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next6">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev6" data-pagination="js-places-pag6" data-nav-next="js-places-next6">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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

    </section>

    <section id="sec7" class="  layout-pb-sm">
   
    
      <div data-anim-wrap class="container-fluid">
        <div data-anim-child="slide-up delay-1" class="row y-gap-20 justify-between items-end">
          <div class="col-auto">
            <div class="sectionTitle -md">
              <h2 class="sectionTitle__title">Most Desert Safari
              </h2>
            
            </div>
          </div>

          <div class="col-auto">
           
            <div class="d-flex x-gap-15 items-center justify-center pt-40 sm:pt-20">

              <a href="categories.html" class="d-block text-14 text-blue-1 fw-500 underline mt-0">Show (16)</a>

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-left-hover js-places-prev7">
                  <i class="icon icon-chevron-left"></i>
                </button>
              </div>

          

              <div class="col-auto">
                <button class="d-flex items-center text-24 arrow-right-hover js-places-next7">
                  <i class="icon icon-chevron-right"></i>
                </button>
              </div>
            </div>

          </div>
        </div>

        <div class="pt-40 overflow-hidden js-section-slider" data-gap="10" data-slider-cols="xl-6 lg-3 md-2 sm-2 base-1" data-nav-prev="js-places-prev7" data-pagination="js-places-pag7" data-nav-next="js-places-next7">
          <div class="swiper-wrapper">

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-5" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t4.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-yellow-1 text-dark-1">
                        Top Rated
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>


              </a>

            </div>


            <div data-anim-child="slide-up delay-6" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-7" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

            <div data-anim-child="slide-up delay-2" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-dark-1 text-white">
                        LIKELY TO SELL OUT*
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-3" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">


                      <div class="cardImage-slider rounded-4 overflow-hidden js-cardImage-slider">
                        <div class="swiper-wrapper">

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t2.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t1.png" alt="image">
                          </div>

                          <div class="swiper-slide">
                            <img class="col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">
                          </div>

                        </div>

                        <div class="cardImage-slider__pagination js-pagination"></div>

                        <div class="cardImage-slider__nav -prev">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-prev">
                            <i class="icon-chevron-left text-10"></i>
                          </button>
                        </div>

                        <div class="cardImage-slider__nav -next">
                          <button class="button -blue-1 bg-white size-30 rounded-full shadow-2 js-next">
                            <i class="icon-chevron-right text-10"></i>
                          </button>
                        </div>
                      </div>

                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>
              </a>

            </div>

            <div data-anim-child="slide-up delay-4" class="swiper-slide">

              <a  href="details.html" class="tourCard -type-1 rounded-4 ">
                <div class="tourCard__image">

                  <div class="cardImage ratio ratio-1:1">
                    <div class="cardImage__content">

                      <img class="rounded-4 col-12 js-lazy" src="#" data-src="{{ asset('img/t3.png" alt="image">


                    </div>

                    <div class="cardImage__wishlist">
                      <button class="button -blue-1 bg-white size-30 rounded-full shadow-2">
                        <i class="icon-heart text-12"></i>
                      </button>
                    </div>


                    <div class="cardImage__leftBadge">
                      <div class="py-5 px-15 rounded-right-4 text-12 lh-16 fw-500 uppercase bg-blue-1 text-white">
                        Best Seller
                      </div>
                    </div>

                  </div>

                </div>

                <div class="tourCard__content mt-10">
                  <div class="d-flex items-center lh-14 mb-5">
                    <div class="text-14 text-light-1">16+ hours</div>
                    <div class="size-3 bg-light-1 rounded-full ml-10 mr-10"></div>
                    <div class="text-14 text-light-1">UAE</div>
                  </div>

                  <h4 class="tourCard__title text-dark-1 text-18 lh-16 fw-500">
                    <span>Castle and Bath with Pub Lunch in Lacoc</span>
                  </h4>


                  <div class="row justify-between items-center pt-15">
                    <div class="col-auto">
                      <div class="d-flex items-center">
                        <div class="d-flex items-center x-gap-5">

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                          <div class="icon-star text-yellow-1 text-10"></div>

                        </div>

                      </div>
                    </div>

                    <div class="col-auto">
                      <div class="text-14 text-light-1">
                        From
                        <span class="text-16 fw-500 text-dark-1">AED 72</span>
                      </div>
                    </div>
                  </div>

                  
                </div>

              </a>

            </div>

          

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

    </section>
    
    <?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\Visitors_Dubai\visitorsDubai\resources\views/home/index.blade.php ENDPATH**/ ?>