        <section class="main-slider-one" id="home">
            <div class="main-slider-one__item">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-7 col-lg-8 col-md-10">
                            <div class="main-slider-one__content">
                                <h5 class="main-slider-one__sub-title main-three bw-split-in-top">Discover Your</h5><!-- slider-sub-title -->
                                <h2 class="main-slider-one__title main-three bw-split-in-down">Next Step <br> Destination</h2><!-- slider-title -->
                                <p class="main-slider-one__text main-three bw-split-in-down">Lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris nullam the Lorem ipsum dolor sit amet consectetur adipiscing elit.</p><!-- /.main-slider-one__text -->
                            </div><!-- /.main-slider-one__content -->
                        </div><!-- /.col-xl-6 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
                <div class="main-slider-one__destinations">
                    <div class="container">
                        <div class="destinations-two__inner">
                            <div class="destinations-two__carousel gotur-owl__carousel gotur-owl__carousel--custom-nav gotur-owl__carousel--with-shadow owl-carousel owl-theme" data-owl-nav-prev=".main-slider-one__carousel__nav--left" data-owl-nav-next=".main-slider-one__carousel__nav--right" data-owl-options='{
                            "items": 1,
                            "margin": 30,
                            "loop": true,
                            "smartSpeed": 700,
                            "nav": false,
                            "dots": false,
                            "autoplay": true,
                            "responsive": {
                                "0": {
                                    "items": 1
                                },
                                "575": {
                                    "items": 2
                                },
                                "768": {
                                    "items": 2
                                },
                                "992": {
                                    "items": 3
                                }
                            }
                        }'>
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-1-image.webp" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-2-image.webp" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-3-image.jpg" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-1-image.webp" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-2-image.webp" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="destinations-card-two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destinations-card-two__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/main-slider/hero-1-3-image.jpg" alt="destinations image">
                                        </div><!-- /.destinations-card-two__thumb -->
                                    </div><!-- /.destinations-card-two -->
                                </div><!-- /.item -->
                            </div><!-- /.destinations-two__carousel -->
                        </div><!-- /.destinations-two__inner -->
                    </div><!-- /.container -->
                    <div class="main-slider-one__destinations__hover">
                        <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-1-1-hover.webp" alt="destinations image">
                    </div><!-- /.destinations-card-two__group-card -->
                </div><!-- /.main-slider-one__dep -->
                <div class="main-slider-one__bottom__nav">
                    <button class="main-slider-one__carousel__nav--left"><span class="icon-arrow-left"></span></button>
                    <button class="main-slider-one__carousel__nav--right"><span class="icon-arrow-right"></span></button>
                </div>
                <div class="main-slider-one__action-form">
                    <div class="container">
                        <div class="main-slider-one__form">
                            <div class="banner-form wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                <div class="container">
                                    <form class="banner-form__wrapper" action="https://pixydrops.com/gotur-html/tour-listing-2.html">
                                        <div class="banner-form row gutter-x-30 align-items-center">
                                            <div class="banner-form__control banner-form__col--1">
                                                <i class="icon icon-location"></i>
                                                <label for="location">Location</label>
                                                <select name="location" class="selectpicker" id="location">
                                                    <option value="select">Australia</option>
                                                    <option value="spain">Spain</option>
                                                    <option value="africa">Africa</option>
                                                    <option value="europe">Europe</option>
                                                </select>
                                            </div>
                                            <div class="banner-form__control banner-form__col--2">
                                                <i class="icon icon-travle"></i>
                                                <label for="type2">Activities Type</label>
                                                <select name="type" class="selectpicker" id="type2">
                                                    <option value="select">Adventure</option>
                                                    <option value="spanis">Booking Type</option>
                                                    <option value="africa">Beach</option>
                                                    <option value="europe">Discovery</option>
                                                </select>
                                            </div>
                                            <div class="banner-form__control banner-form__control--date banner-form__col--3">
                                                <i class="icon icon-clock"></i>
                                                <label for="date">Activate Day</label>
                                                <input class="gotur-multi-datepicker" id="date" type="text" name="date" placeholder="Fev 5 - 5">
                                            </div>
                                            <div class="banner-form__control banner-form__col--4">
                                                <i class="icon icon-group"></i><!-- / -->
                                                <label for="guests">Traveler</label>
                                                <button type="button" class="banner-form__qty-minus sub">
                                                    <i class="icon-down-arrow"></i>
                                                </button>
                                                <input id="guests" type="number" value="2" name="guests" placeholder="2">
                                                <button type="button" class="banner-form__qty-plus add">
                                                    <i class="icon-down-arrow"></i>
                                                </button>
                                            </div>
                                            <div class="banner-form__control banner-form__button banner-form__col--5">
                                                <button class="gotur-btn" type="submit">Search</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- banner-form -->
                        </div><!-- /.main-slider-four__form -->
                    </div><!-- /.container -->
                </div><!-- /.main-slider-one__action-form -->
                <div class="main-slider-one__element">
                    <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-1-2-hover.webp" alt="element">
                </div><!-- /.main-slider-one__element -->
                <div class="main-slider-one__element-one">
                    <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-shapr-1-2-2.webp" alt="element">
                </div><!-- /.main-slider-one__element -->
                <div class="main-slider-one__element-two">
                    <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-shapr-1-3.png" alt="element">
                </div><!-- /.main-slider-one__element -->
                <div class="main-slider-one__element-three">
                    <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-shapr-1-2-1.png" alt="element">
                </div><!-- /.main-slider-one__element -->
                <div class="main-slider-one__element-four"></div><!-- /.main-slider-one__element -->
                <div class="main-slider-one__element-five">
                    <img src="<?php echo base_url("assets/"); ?>images/shapes/hero-shapr-1-2-a.webp" alt="element">
                </div><!-- /.main-slider-one__element -->
            </div><!-- /.main-slider-one__item -->
        </section><!-- /.main-slider-one -->

        <section class="about-two about-two--two section-space" id="about">
            <div class="container">
                <div class="row gutter-y-40">
                    <div class="col-lg-6">
                        <div class="about-two__thumb wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='300ms'>
                            <div class="about-two__thumb__item  ">
                                <img src="<?php echo base_url("assets/"); ?>images/about/about-2-1.jpg" alt="gotur image">
                            </div><!-- /.about-two__thumb__item -->
                            <div class="about-two__thumb__item-small  ">
                                <img src="<?php echo base_url("assets/"); ?>images/about/about-s-2-1.jpg" alt="gotur image">
                            </div><!-- /.about-two__thumb__item -->
                            <div class="about-two__thumb__funfact">
                                <div class="about-two__thumb__funfact__icon">
                                    <i class="icon-icon-4"></i>
                                </div><!-- /.about-two__thumb__funfact__icon -->
                                <div class="about-two__thumb__funfact__content count-box">
                                    <h2 class="about-two__thumb__funfact__count">
                                        <span class="count-text" data-stop="25" data-speed="2000"></span>
                                        <span>Years</span>
                                    </h2><!-- /.about-two__thumb__funfact__count -->
                                    <p class="about-two__thumb__funfact__text">Of Experience</p><!-- /.about-two__thumb__funfact__text -->
                                </div><!-- /.about-two__thumb__funfact__content -->
                            </div><!-- /.about-two__thumb__funfact -->
                            <div class="about-two__thumb__item-element">
                                <img src="<?php echo base_url("assets/"); ?>images/shapes/corki.webp" alt="gotur image">
                            </div><!-- /.about-two__thumb__item -->
                        </div><!-- /.about-two__left -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="about-two__right">
                            <div class="sec-title  ">
                                <h6 class="sec-title__tagline bw-split-in-right">About company</h6><!-- /.sec-title__tagline -->
                                <h3 class="sec-title__title bw-split-in-left">Great Opportunity for Adventure & Travels</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <p class="about-two__top__text wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point.</p><!-- /.about-two__top__text -->
                            <div class="about-two__feature">
                                <div class="row gutter-y-20 gutter-x-20">
                                    <div class="col-xl-6 col-lg-12 col-md-6 wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="about-two__feature-vestion">
                                            <div class="about-two__feature_icon">
                                                <i class="icon-flag"></i>
                                            </div><!-- /.about-two__feature_icon -->
                                            <div class="about-two__feature-content">
                                                <h5 class="about-two__feature-title">Trusted travel guide</h5><!-- /.about-two__feature-title -->
                                                <p class="about-two__feature-text">Aliquam erat volutpat Nullam imperdiet</p><!-- /.about-two__feature-text -->
                                            </div><!-- /.about-two__feature-content -->
                                        </div><!-- /.about-two__feature-vestion -->
                                    </div><!-- /.col-xl-6 col-lg-12 col-md-6 -->
                                    <div class="col-xl-6 col-lg-12 col-md-6">
                                        <div class="about-two__feature-vestion wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='400ms'>
                                            <div class="about-two__feature_icon">
                                                <i class="icon-misstion"></i>
                                            </div><!-- /.about-two__feature_icon -->
                                            <div class="about-two__feature-content">
                                                <h5 class="about-two__feature-title">Mission & Vision</h5><!-- /.about-two__feature-title -->
                                                <p class="about-two__feature-text">Ut vehiculadictumst. Maecenas ante.</p><!-- /.about-two__feature-text -->
                                            </div><!-- /.about-two__feature-content -->
                                        </div><!-- /.about-two__feature-vestion -->
                                    </div><!-- /.col-xl-6 col-lg-12 col-md-6 -->
                                </div><!-- /.row -->
                            </div><!-- /.about-two__feature -->
                            <div class="about-two__button wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                <a href="blog-details-left.html" class="gotur-btn gotur-btn--primary">Discover More <span class="icon"><i class="icon-right"></i></span><!-- /.icon --></a>
                                <div class="about-two__button__author">
                                    <div class="about-two__button__author__thumb">
                                        <img src="<?php echo base_url("assets/"); ?>images/resources/about-author-1-1.png" alt="author">
                                    </div><!-- /.about-two__button__call__icon -->
                                    <div class="about-two__button__author__content">
                                        <h5 class="about-two__button__author__name">Ronald Richards</h5>
                                        <span class="about-two__button__author__dec">Co, Founder</span><!-- /.about-two__button__author__dec -->
                                    </div><!-- /.about-two__button__call__content -->
                                </div><!-- /.about-two__button__call -->
                            </div><!-- /.about-two__button -->
                        </div><!-- /.about-two__right -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
            <!--
            <div class="client-carousel  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                <div class="container">
                    <h6 class="client-carousel__title">1k + Brands Trust Us</h6>
                    <div class="client-carousel__one gotur-owl__carousel owl-theme owl-carousel" data-owl-options='{
            "items": 5,
            "margin": 65,
            "smartSpeed": 700,
            "loop":true,
            "autoplay": false,
            "nav":false,
            "dots":false,
            "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
            "responsive":{
                "0":{"items": 2,"margin": 30},
                "431":{"items": 1,"margin": 30},
                "500":{"items": 2,"margin": 40},
                "768":{"items": 3,"margin": 50},
                "992":{"items": 4,"margin": 60},
                "1200":{"items": 5,"margin": 100}
            }
            }'>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                        <div class="client-carousel__one__item">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-1-1.png" alt="gotur" class="client-carousel__one__image">
                            <img src="<?php echo base_url("assets/"); ?>images/brand/brand-hover-1-1.png" alt="gotur" class="client-carousel__one__hover-image">
                        </div>
                    </div>
                </div>
            </div>
            -->
            <div class="about-two__element-one">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/about-1-1.html" alt>
            </div><!-- /.about-two__element-one -->
            <div class="about-two__element-two">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/corki.webp" alt="gotur image">
            </div><!-- /.about-two__element-one -->
        </section><!-- /.about-two -->

        <!-- ===== TOP PACKAGES===== -->
        <section id="travel-carousel-section">
          <style>    /* ================= HEADER LAYOUT (SCOPED) ================= */

        #travel-carousel-section .tc-header {
          width: 1200px;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          gap: 24px;
          margin-bottom: 60px;
        }

        #travel-carousel-section .tc-content {
            color: #ffffff;
        }

        /* LEFT SIDE */
        #travel-carousel-section .tc-header-left {
          max-width: 700px;
        }

        /* EYEBROW */
        #travel-carousel-section .section-eyebrow {
          font-size: 14px;
          letter-spacing: 2px;
          text-transform: uppercase;
          margin-bottom: 10px;
          color: #123a73;
          font-weight: 700;
        }

        /* MAIN HEADING (INCREASED SIZE) */
        #travel-carousel-section .section-title {
          font-size: 56px;
          line-height: 1.1;
          margin: 0;
          color: #123a73;
          font-weight: 800;
        }

        /* italic highlight */
        #travel-carousel-section .section-title em {
          font-style: italic;
          color: #f4b400;
        }

        /* SUBTITLE */
        #travel-carousel-section .section-subtitle {
          margin-top: 14px;
          font-size: 16px;
          max-width: 520px;
          color: #123a73;
          opacity: 0.9;
        }

        /* RIGHT BUTTON */
        #travel-carousel-section .btn-glass {
          padding: 12px 18px;
          border-radius: 999px;
          text-decoration: none;
          font-size: 14px;
          backdrop-filter: blur(10px);
          transition: 0.3s;
          white-space: nowrap;
          background: #123a73;
          color: #ffffff;
          border: 1px solid #123a73;
        }

        .btn-glass:hover {
          border-color: var(--accent-cyan);
          transform: translateY(-2px);
        }
          </style>
          <div class="tc-header">
            <div class="tc-header-left">
              <p class="section-eyebrow reveal">Discover Your Next Escape</p>
              <h2 class="section-title reveal reveal-delay-1">Top Travel <em>Packages</em></h2>
              <p class="section-subtitle reveal reveal-delay-2">
                Curated trips for modern travelers seeking quality.
              </p>
            </div>

            <a href="#" class="btn-glass reveal reveal-delay-2">View All Packages →</a>
          </div>

          <div class="tc-carousel" id="tc-carousel"></div>

          <div class="tc-nav">
            <button class="tc-btn" id="tc-prev">‹</button>
            <div class="tc-dots" id="tc-dots"></div>
            <button class="tc-btn" id="tc-next">›</button>
          </div>

          <style>
          #travel-carousel-section {
            height: 150vh;
            background: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-family: "Inter", sans-serif;
            overflow: hidden;
          }

          #travel-carousel-section .tc-carousel {
            position: relative;
            width: 1200px;
            height: 560px;
            perspective: 1200px;
          }

          #travel-carousel-section .tc-card {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 320px;
            height: 520px;
            border-radius: 24px;
            overflow: hidden;
            background: #ffffff;
            color: #1d231f;
            box-shadow: 0 16px 40px rgba(29, 35, 31, 0.18);

            opacity: 0;

            transform-style: preserve-3d;
            transition: transform 0.7s cubic-bezier(.25,.8,.25,1), opacity 0.5s;
            will-change: transform, opacity;
          }

          #travel-carousel-section .tc-card img {
            width: 100%;
            height: 250px;
            object-fit: cover;
          }

          #travel-carousel-section .tc-content {
            padding: 20px;
          }

          #travel-carousel-section h2 {
            margin: 10px 0;
            font-size: 22px;
          }

          #travel-carousel-section .tc-location {
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
          }

          #travel-carousel-section h4 {
            margin-top: 15px;
            font-size: 11px;
            color: rgba(255, 255, 255, 0.7);
            letter-spacing: 1px;
          }

          #travel-carousel-section .tc-desc {
            font-size: 13px;
            margin: 8px 0;
            color: rgba(255, 255, 255, 0.85);
          }

          #travel-carousel-section .tc-stats {
            display: flex;
            justify-content: space-between;
            margin: 15px 0;
          }

          #travel-carousel-section .tc-stats span {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.7);
          }

          #travel-carousel-section .tc-stats b {
            font-size: 14px;
          }

          #travel-carousel-section .tc-green {
            color: #f4b400;
          }

          #travel-carousel-section .tc-price-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
          }

          #travel-carousel-section .tc-fly {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: none;
            background: #f4b400;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
          }

          #travel-carousel-section .tc-nav {
            display: flex;
            align-items: center;
            margin-top: 50px;
          }

          #travel-carousel-section .tc-dots {
            display: flex;
            gap: 8px;
            margin: 0 20px;
          }

          #travel-carousel-section .tc-dots span {
            width: 10px;
            height: 10px;
            background: #123a73;
            border: 1px solid #123a73;
            border-radius: 50%;
            transition: 0.3s;
            cursor: pointer;
            opacity: 0.95;
          }

          #travel-carousel-section .tc-dots .active {
            width: 22px;
            height: 10px;
            background: #ffbf00;
            border-color: #ffbf00;
            border-radius: 10px;
            opacity: 1;
          }

          #travel-carousel-section .tc-btn {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.35);
            background: transparent;
            color: #ffffff;
            cursor: pointer;
          }

          /* card style */
          #travel-carousel-section .tc-card{
               background: #ffffff;
               border: 1px solid #eef0f2;
               color: #1d231f;
        }

          #travel-carousel-section .pkg-card-body .tc-card{
          padding: 16px;
          color: #1d231f;
           background: #ffffff;
        }

         #travel-carousel-section.pkg-card-title {
          font-size: 18px;
          font-weight: 600;
          color: #ffffff;
        }

         #travel-carousel-section.pkg-card-desc {
          font-size: 13px;
          color: rgba(255, 255, 255, 0.85);
        }

         #travel-carousel-section.pkg-price-from,
        .pkg-price-pp {
          font-size: 11px;
          color: rgba(255, 255, 255, 0.8);
        }

         #travel-carousel-section.pkg-price-amount {
          font-size: 16px;
          font-weight: 700;
          color: #f4b400;
        }

         #travel-carousel-section.pkg-features {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          margin: 12px 0;
        }

         #travel-carousel-section.pkg-feature {
          font-size: 11px;
          background: #f7f8f8;
          padding: 5px 10px;
          border-radius: 20px;
          border: 1px solid #e6e8ea;
          color: #595959;
        }

        /* Visibility fixes for light card theme */
        #travel-carousel-section .pkg-card-body,
        #travel-carousel-section .pkg-card-title,
        #travel-carousel-section .pkg-card-desc,
        #travel-carousel-section .pkg-price-from,
        #travel-carousel-section .pkg-price-pp {
          color: #1f2937 !important;
        }

        #travel-carousel-section .pkg-price-amount {
          color: var(--gotur-base, #123a73) !important;
          font-weight: 800;
          font-size: 22px;
        }

        #travel-carousel-section .pkg-feature {
          background: #f7f8f8 !important;
          border: 1px solid #e6e8ea !important;
          color: #595959 !important;
        }

        #travel-carousel-section .pkg-card-title {
          font-size: 22px !important;
          font-weight: 700 !important;
          margin-bottom: 10px !important;
        }

        #travel-carousel-section .pkg-card-desc {
          font-size: 14px !important;
          line-height: 1.6 !important;
          margin-bottom: 14px !important;
        }

        #travel-carousel-section .pkg-card-footer .gotur-btn {
          padding: 8px 12px 8px 16px !important;
          min-height: auto !important;
          font-size: 12px !important;
          white-space: nowrap;
          border-radius: 999px !important;
          background: transparent !important;
          color: #ffffff !important;
          font-weight: 700 !important;
          border: 1px solid rgba(255, 255, 255, 0.45) !important;
          display: inline-flex !important;
          align-items: center !important;
          gap: 8px !important;
        }
        #travel-carousel-section .top-packages-trx__btn-icon {
          width: 22px;
          height: 22px;
          border-radius: 50%;
          background: #123a73;
          color: #ffffff;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 10px;
          line-height: 1;
        }
        #travel-carousel-section .top-packages-trx__btn-icon i::before {
          color: #ffffff !important;
        }

        #travel-carousel-section .tc-btn {
          background: #ffffff !important;
          border: 1px solid #123a73 !important;
          color: #123a73 !important;
        }

        #travel-carousel-section .tc-btn:hover {
          background: #123a73 !important;
          color: #ffffff !important;
        }

        /* Final card structure styling to match requested look */
        #travel-carousel-section .tc-card {
          background: #071a3a !important;
          border: 1px solid #dbe2ee !important;
          border-radius: 22px !important;
          overflow: hidden !important;
        }
        #travel-carousel-section .tc-card img {
          height: 225px !important;
        }
        #travel-carousel-section .pkg-card-body {
          background: #071a3a !important;
          color: #ffffff !important;
          padding: 16px 18px 18px !important;
        }
        #travel-carousel-section .pkg-card-title {
          color: #ffffff !important;
          font-size: 20px !important;
          line-height: 1.2 !important;
          margin-bottom: 8px !important;
          font-weight: 700 !important;
        }
        #travel-carousel-section .pkg-card-desc {
          color: rgba(255, 255, 255, 0.78) !important;
          margin-bottom: 12px !important;
          font-size: 13px !important;
        }
        #travel-carousel-section .pkg-features {
          gap: 8px !important;
          margin: 8px 0 14px !important;
          display: flex !important;
          flex-wrap: wrap !important;
        }
        #travel-carousel-section .pkg-feature {
          background: rgba(255, 255, 255, 0.08) !important;
          border: 1px solid rgba(255, 255, 255, 0.18) !important;
          color: rgba(255, 255, 255, 0.9) !important;
          border-radius: 10px !important;
          font-size: 12px !important;
          padding: 5px 9px !important;
          flex: 0 0 calc(50% - 8px) !important;
          min-height: 32px;
        }
        #travel-carousel-section .pkg-card-footer {
          border-top: 1px solid rgba(255, 255, 255, 0.14);
          padding-top: 12px;
          margin-top: 10px;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
        }
        #travel-carousel-section .pkg-price-from,
        #travel-carousel-section .pkg-price-pp {
          color: rgba(255, 255, 255, 0.72) !important;
          display: block;
          font-size: 12px !important;
        }
        #travel-carousel-section .pkg-price-amount {
          color: #f4b400 !important;
          font-size: 20px !important;
          line-height: 1.1 !important;
          font-weight: 800 !important;
        }
          </style>

        <script>
        (function(){

          const data = [
            {
              title: "Emerald Island",
              location: "Philippines",
              desc: "Crystal-clear waters and lush greenery.",
              distance: "9200 MI",
              price: "$890",
              img: "https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86"
            },
            {
              title: "Golden Dunes",
              location: "Morocco",
              desc: "Endless golden dunes.",
              distance: "7000 MI",
              price: "$1320",
              img: "https://images.unsplash.com/photo-1542332213-9b5a5a3fad35"
            },
            {
              title: "Sunset Cliffs",
              location: "USA",
              desc: "Golden sunset over cliffs.",
              distance: "7500 MI",
              price: "$1670",
              img: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e"
            },
            {
              title: "Azure Coast",
              location: "France",
              desc: "Beautiful coastline views.",
              distance: "6200 MI",
              price: "$1195",
              img: "https://images.unsplash.com/photo-1542332213-9b5a5a3fad35"
            },
            {
              title: "Royal Sand Bay",
              location: "Dubai",
              desc: "Luxury beach destination.",
              distance: "5500 MI",
              price: "$1770",
              img: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c"
            }
          ];

          const section = document.getElementById("travel-carousel-section");
          const carousel = section.querySelector("#tc-carousel");
          const dotsContainer = section.querySelector("#tc-dots");
          const prevBtn = section.querySelector("#tc-prev");
          const nextBtn = section.querySelector("#tc-next");

          let current = 2;

          data.forEach((item, i) => {
            const card = document.createElement("div");
            card.className = "tc-card";

            card.innerHTML = `
          <img src="${item.img}">

          <div class="pkg-card-body">

            <div class="pkg-card-title">${item.title}</div>

            <div class="pkg-card-desc">
              ${item.desc}
            </div>

            <div class="pkg-features">
              <span class="pkg-feature">✈ Flights incl.</span>
              <span class="pkg-feature">🏨 5-star hotel</span>
              <span class="pkg-feature">📅 7 nights</span>
              <span class="pkg-feature">🍽 All meals</span>
            </div>

            <div class="pkg-card-footer">
              <div class="pkg-price">
                <span class="pkg-price-from">From</span>
                <span class="pkg-price-amount">${item.price}</span>
                <span class="pkg-price-pp">per person</span>
              </div>

              <a href="#" class="gotur-btn">Book Now <span class="top-packages-trx__btn-icon"><i class="icon-right"></i></span></a>
            </div>

          </div>
        `;

            carousel.appendChild(card);

            const dot = document.createElement("span");
            dot.addEventListener("click", () => {
              current = i;
              update();
            });
            dotsContainer.appendChild(dot);
          });

          const cards = carousel.querySelectorAll(".tc-card");
          const dots = dotsContainer.querySelectorAll("span");

          function update() {

            const base = "translate(-50%, -50%)";

            cards.forEach((card, i) => {
              let offset = i - current;

              if (offset < -2) offset += cards.length;
              if (offset > 2) offset -= cards.length;

              let transform = "";
              let zIndex = 0;
              let opacity = 0;

              if (offset === 0) {
                transform = `${base} translateX(0px) translateZ(0px) scale(1)`;
                zIndex = 5;
                opacity = 1;
              }
              else if (offset === -1) {
                transform = `${base} translateX(-300px) translateZ(-100px) scale(0.9)`;
                zIndex = 4;
                opacity = 0.6;
              }
              else if (offset === -2) {
                transform = `${base} translateX(-560px) translateZ(-200px) scale(0.8)`;
                zIndex = 3;
                opacity = 0.3;
              }
              else if (offset === 1) {
                transform = `${base} translateX(300px) translateZ(-100px) scale(0.9)`;
                zIndex = 4;
                opacity = 0.6;
              }
              else if (offset === 2) {
                transform = `${base} translateX(560px) translateZ(-200px) scale(0.8)`;
                zIndex = 3;
                opacity = 0.3;
              }
              else {
                transform = `${base} scale(0)`;
                opacity = 0;
              }

              card.style.transform = transform;
              card.style.zIndex = zIndex;
              card.style.opacity = opacity;
            });

            dots.forEach(d => d.classList.remove("active"));
            if (dots[current]) dots[current].classList.add("active");
          }

          nextBtn.addEventListener("click", () => {
            current = (current + 1) % cards.length;
            update();
          });

          prevBtn.addEventListener("click", () => {
            current = (current - 1 + cards.length) % cards.length;
            update();
          });

          update();

        })();
        </script>

        </section>

        <section class="destination-filter section-space" id="destination">
            <div class="container">
                <div class="destination-filter__top">
                    <div class="sec-title text-center">
                        <h6 class="sec-title__tagline bw-split-in-right">Popular Destination</h6><!-- /.sec-title__tagline -->
                        <h3 class="sec-title__title bw-split-in-left">Popular <span> Destinations</span></h3><!-- /.sec-title__title -->
                    </div><!-- /.sec-title -->
                    <p class="destination-filter__top__text">The island of Crete offers a rare mix of splendid beaches, amazing mountain landscap, vibrant towns and cosy villages inhabited by warm-hearted locals, all this spiced</p><!-- /.destination-filter__top__text -->
                </div><!-- /.destination-filter__top -->
                <div class="tabs-box">
                    <div class="destination-filter__btn tab-buttons">
                        <button data-tab="#itemOne" class="tab-btn gotur-btn">Europe</button>
                        <button data-tab="#itemTwo" class="tab-btn gotur-btn active-btn">Asia</button>
                        <button data-tab="#itemThree" class="tab-btn gotur-btn">Africa</button>
                        <button data-tab="#itemFour" class="tab-btn gotur-btn">South America</button>
                        <button data-tab="#itemFive" class="tab-btn gotur-btn">Australia</button>
                    </div><!-- /.tab-buttons -->
                    <div class="tabs-content">
                        <div class="item tab" id="itemOne">
                            <div class="row gutter-y-20 gutter-x-20">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-1.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Bangkok</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-2.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Tokyo</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-3.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Kashmir</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-4.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Indonesia</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.item -->
                        <div class="item tab active-tab" id="itemTwo">
                            <div class="row gutter-y-20 gutter-x-20">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-1.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Bangkok</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-2.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Tokyo</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-3.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Kashmir</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-4.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Indonesia</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.item -->
                        <div class="item tab" id="itemThree">
                            <div class="row gutter-y-20 gutter-x-20">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-1.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Bangkok</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-2.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Tokyo</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-3.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Kashmir</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-4.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Indonesia</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.item -->
                        <div class="item tab" id="itemFour">
                            <div class="row gutter-y-20 gutter-x-20">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-1.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Bangkok</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-2.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Tokyo</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-3.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Kashmir</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-4.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Indonesia</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.item -->
                        <div class="item tab" id="itemFive">
                            <div class="row gutter-y-20 gutter-x-20">
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-1.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Bangkok</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-2.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Tokyo</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-3.webp" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Kashmir</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                                <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                                    <div class="destination-card-one wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="destination-card-one__thumb">
                                            <img src="<?php echo base_url("assets/"); ?>images/destination/destination-1-4.jpg" alt="destination">
                                            <a href="#" class="destination-card-one__overly"></a>
                                        </div><!-- /.destination-card-one__thumb -->
                                        <div class="destination-card-one__content">
                                            <h3 class="destination-card-one__title"><a href="destination-details.html">Indonesia</a></h3><!-- /.destination-card-one__title -->
                                        </div><!-- /.destination-one__content -->
                                    </div><!-- /.destination-one -->
                                </div><!-- /.col-xl-3 col-lg-4 col-md-4 col-sm-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.item -->
                    </div><!-- /.tabs-content -->
                </div><!-- /.tabs-box -->
            </div><!-- /.container -->
            <div class="destination-filter__element">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/plan.png" alt>
            </div><!-- /.destination-filter__element -->
            <div class="destination-filter__element-two">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/monjil.html" alt>
            </div><!-- /.destination-filter__element -->
        </section><!-- /.destination-filter -->

        <!-- ===== WORLD MAP ===== -->
        <section class="destination-filter section-space" id="voyager-pro">

          <div class="vp-decor" aria-hidden="true">
            <span class="vp-plane vp-plane--left"><i class="fa-solid fa-plane"></i></span>
            <span class="vp-plane vp-plane--top"><i class="fa-solid fa-plane"></i></span>
            <span class="vp-plane vp-plane--right"><i class="fa-solid fa-plane"></i></span>
            <span class="vp-curve vp-curve--left"></span>
            <span class="vp-curve vp-curve--right"></span>
          </div>

          <!-- HEADER -->
            <div class="destination-filter__top">
                <div class="sec-title text-center">
                    <h6 class="sec-title__tagline bw-split-in-right">Explore the World</h6><!-- /.sec-title__tagline -->
                    <h3 class="sec-title__title bw-split-in-left">Top Tour Places Around the <span> World</span></h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <p class="destination-filter__top__text">Discover iconic destinations, breathtaking landscapes, and unforgettable experiences across the globe.</p><!-- /.destination-filter__top__text -->
            </div>


          <div class="vp-container">

            <!-- LEFT -->
            <div class="vp-left">
              <canvas id="vp-canvas"></canvas>
            </div>

            <!-- RIGHT -->
            <div class="vp-right">

              <div class="vp-placeholder" id="vp-placeholder">
                <h2>Explore the World</h2>
                <p>Click on a destination</p>
              </div>

              <div class="vp-card hidden" id="vp-card">

                <!-- MAP -->
                <div id="vp-map"></div>

                <!-- IMAGE -->
                <div class="vp-image-box">
                  <img id="vp-image" />
                </div>

                <div class="vp-info">
                  <div class="vp-copy">
                    <h2 id="vp-title"></h2>
                    <p id="vp-desc"></p>
                  </div>
                  <button id="vp-btn">View Deals →</button>
                </div>

              </div>

            </div>
          </div>

        <style>
        #voyager-pro {
          background: linear-gradient(180deg, #f5f7fb 0%, #edf2f8 100%);
          padding: 72px 20px;
          font-family: var(--gotur-font);
          position: relative;
          overflow: hidden;
        }

        #voyager-pro .vp-decor {
          position: absolute;
          inset: 0;
          pointer-events: none;
          z-index: 0;
        }

        #voyager-pro .vp-plane {
          position: absolute;
          color: rgba(99, 171, 69, 0.12);
          animation: vp-plane-float 6s ease-in-out infinite;
        }

        #voyager-pro .vp-plane--left {
          left: 72px;
          top: 170px;
          font-size: 66px;
        }

        #voyager-pro .vp-plane--top {
          left: 54%;
          top: 24px;
          font-size: 72px;
          animation-delay: .8s;
        }

        #voyager-pro .vp-plane--right {
          right: 78px;
          top: 182px;
          font-size: 64px;
          animation-delay: 1.4s;
        }

        #voyager-pro .vp-curve {
          position: absolute;
          border-top: 2px dashed rgba(18, 58, 115, 0.16);
          border-radius: 999px;
        }

        #voyager-pro .vp-curve--left {
          left: 28px;
          top: 190px;
          width: 230px;
          height: 75px;
        }

        #voyager-pro .vp-curve--right {
          right: 30px;
          top: 186px;
          width: 246px;
          height: 80px;
        }

        @keyframes vp-plane-float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-8px); }
        }

        #voyager-pro .vp-heading-wrap,
        #voyager-pro .vp-container {
          position: relative;
          z-index: 1;
        }

        #voyager-pro .vp-container{
          display: flex;
          max-width: 1200px;
          margin: auto;
          gap: 34px;
          align-items: center;
        }

        #voyager-pro .vp-left{ flex: 1; height: 520px; }

        #voyager-pro canvas{
          width:100%;
          height:100%;
          cursor:pointer;
        }

        #voyager-pro .vp-right{
          flex:1;
          color: #1d2b3f;
          display: flex;
          align-items: center;
          min-height: 420px;
        }

        #voyager-pro .vp-placeholder{
          opacity: .9;
          color: #5a6d87;
        }

        #voyager-pro .vp-placeholder h2{
          margin: 0 0 8px;
          color: #123a73;
          font-family: var(--gotur-heading-font);
          font-size: 32px;
        }

        #voyager-pro .vp-card{
          width: 100%;
          background: #ffffff;
          border-radius: 20px;
          padding: 18px;
          border: 1px solid #d7e0ee;
          box-shadow: 0 14px 30px rgba(18, 58, 115, 0.12);
        }

        /* MAP */
        #voyager-pro #vp-map{
          width:100%;
          height:220px;
          border-radius: 14px;
          margin-bottom: 15px;
          border: 1px solid #d7e0ee;
        }

        /* IMAGE */
        #voyager-pro .vp-image-box{
          position:relative;
          width:100%;
          height:220px;
          border-radius:14px;
          overflow:hidden;
          margin-bottom: 14px;
          border: 1px solid #d7e0ee;
        }

        #voyager-pro .vp-image-box img{
          width:100%;
          height:100%;
          object-fit:cover;
        }

        /* BUTTON */
        #voyager-pro #vp-title{
          margin: 0 0 5px;
          color: #123a73;
          font-family: var(--gotur-heading-font);
          font-size: 30px;
          font-weight: 700;
        }

        #voyager-pro #vp-desc{
          margin: 0 0 14px;
          color: #5a6d87;
          font-size: 15px;
          line-height: 1.6;
        }

        #voyager-pro .vp-info{
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
        }

        #voyager-pro .vp-copy{
          min-width: 0;
        }

        #voyager-pro .vp-copy #vp-desc{
          margin-bottom: 0;
        }

        #voyager-pro #vp-btn{
          position: static;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: #123a73;
          color: #fff;
          border: 1px solid #123a73;
          padding: 10px 18px;
          border-radius: 999px;
          cursor: pointer;
          font-size: 14px;
          font-weight: 700;
          transition: all .25s ease;
          white-space: nowrap;
          flex-shrink: 0;
        }

        #voyager-pro #vp-btn:hover{
          background: #f4b400;
          border-color: #f4b400;
          color: #1d2b3f;
        }

        #voyager-pro .section-eyebrow{
          color: #d9a21a;
          background: #f7efd9;
          border-radius: 8px;
          display: inline-block;
          padding: 8px 13px;
          font-family: var(--gotur-font2);
          font-size: 36px;
          line-height: 1;
          animation: vp-text-reveal .7s ease-out both;
        }

        #voyager-pro .section-title{
          color: #1d2b3f;
          font-family: var(--gotur-heading-font);
          font-weight: 700;
          animation: vp-title-enter .9s ease-out both, vp-title-float 4s ease-in-out 1s infinite;
        }

        #voyager-pro .section-title em{
          color: #123a73;
          font-style: italic;
          display: inline-block;
          animation: vp-em-sweep 2.8s ease-in-out 1.1s infinite;
        }

        #voyager-pro .section-subtitle{
          color: #5a6d87;
          max-width: 760px;
          animation: vp-text-reveal 1s ease-out .35s both;
        }

        @keyframes vp-title-enter {
          from {
            opacity: 0;
            transform: translateY(16px);
            letter-spacing: 0.02em;
          }
          to {
            opacity: 1;
            transform: translateY(0);
            letter-spacing: 0;
          }
        }

        @keyframes vp-title-float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-3px); }
        }

        @keyframes vp-text-reveal {
          from {
            opacity: 0;
            transform: translateY(14px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        @keyframes vp-em-sweep {
          0%, 100% {
            transform: translateY(0);
            text-shadow: none;
          }
          50% {
            transform: translateY(-1px);
            text-shadow: 0 4px 14px rgba(18, 58, 115, 0.28);
          }
        }

        #voyager-pro .hidden{ display:none; }

        @media(max-width:900px){
          #voyager-pro .vp-container{ flex-direction:column; }
          #voyager-pro .vp-plane,
          #voyager-pro .vp-curve { display: none; }
        }
        </style>

        <!-- LEAFLET -->
        <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
        <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

        <!-- GLOBE -->
        <script src="https://d3js.org/d3.v7.min.js"></script>
        <script src="https://unpkg.com/topojson-client@3"></script>

        <script>
        (function(){

        const canvas = document.getElementById("vp-canvas");
        const ctx = canvas.getContext("2d");

        const card = document.getElementById("vp-card");
        const placeholder = document.getElementById("vp-placeholder");

        const title = document.getElementById("vp-title");
        const desc = document.getElementById("vp-desc");
        const image = document.getElementById("vp-image");

        let map;

        /* DESTINATIONS */
        const DESTINATIONS = [
        {name:"Paris",coords:[2.35,48.85],desc:"City of lights and romance.",img:"https://images.unsplash.com/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=1000&q=80"},

        {name:"London",coords:[-0.12,51.50],desc:"Historic landmarks.",img:"https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1000&q=80"},

        {name:"New York",coords:[-74,40.71],desc:"The city that never sleeps.",img:"https://images.unsplash.com/photo-1490578474895-699cd4e2cf59?auto=format&fit=crop&w=1000&q=80"},

        {name:"Dubai",coords:[55.27,25.20],desc:"Luxury skyline.",img:"https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1000&q=80"},

        {name:"Tokyo",coords:[139.65,35.67],desc:"Tradition meets future.",img:"https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1000&q=80"},

        {name:"Sydney",coords:[151.20,-33.86],desc:"Harbour city.",img:"https://images.unsplash.com/photo-1506973035872-a4ec16b8e8d9?auto=format&fit=crop&w=1000&q=80"},

        {name:"Rome",coords:[12.49,41.89],desc:"Ancient history.",img:"https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1000&q=80"},

        {name:"Bali",coords:[115.18,-8.65],desc:"Tropical paradise.",img:"https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1000&q=80"},

        {name:"Maldives",coords:[73.22,3.20],desc:"Luxury islands.",img:"https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1000&q=80"},

        {name:"Cape Town",coords:[18.42,-33.92],desc:"Ocean + mountains.",img:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?auto=format&fit=crop&w=1000&q=80"}
        ];

        /* MAP FUNCTION */
        function loadMap(lat, lng, name){
          if(map){ map.remove(); }

          map = L.map('vp-map').setView([lat, lng], 12);

          L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution:'© OpenStreetMap'
          }).addTo(map);

          L.marker([lat,lng]).addTo(map).bindPopup(name).openPopup();
        }

        /* GLOBE */
        let width,height,projection,path,rotation=0;

        function resize(){
          width=canvas.offsetWidth;
          height=canvas.offsetHeight;
          canvas.width=width;
          canvas.height=height;

          projection=d3.geoOrthographic()
            .scale(Math.min(width,height)/2.2)
            .translate([width/2,height/2]);

          path=d3.geoPath(projection,ctx);
        }

        resize();
        window.addEventListener("resize",resize);

        fetch("https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json")
        .then(r=>r.json())
        .then(data=>{

          const world=topojson.feature(data,data.objects.countries);

          function draw(){
            rotation+=0.2;
            projection.rotate([rotation,-20]);

            ctx.clearRect(0,0,width,height);

            ctx.beginPath();
            ctx.arc(width/2,height/2,projection.scale(),0,Math.PI*2);
            ctx.fillStyle="#e4ecf7";
            ctx.fill();

            ctx.beginPath();
            path(world);
            ctx.fillStyle="#123a73";
            ctx.fill();
            ctx.strokeStyle="#ffffff";
            ctx.stroke();

            DESTINATIONS.forEach(city=>{
              const p=projection(city.coords);
              if(!p) return;

              const visible=d3.geoDistance(
                city.coords,
                projection.invert([width/2,height/2])
              ) < Math.PI/2;

              if(!visible) return;

              ctx.fillStyle="#f4b400";
              ctx.beginPath();
              ctx.arc(p[0],p[1],4,0,Math.PI*2);
              ctx.fill();
            });

            requestAnimationFrame(draw);
          }

          draw();

          canvas.addEventListener("click",(e)=>{

            const rect=canvas.getBoundingClientRect();
            const mx=e.clientX-rect.left;
            const my=e.clientY-rect.top;

            let found=null;

            DESTINATIONS.forEach(city=>{
              const p=projection(city.coords);
              if(!p) return;

              const dx=mx-p[0];
              const dy=my-p[1];

              if(Math.sqrt(dx*dx+dy*dy)<8){
                found=city;
              }
            });

            if(found){
              placeholder.classList.add("hidden");
              card.classList.remove("hidden");

              title.innerText=found.name;
              desc.innerText=found.desc;

              loadMap(found.coords[1], found.coords[0], found.name);
              image.src = found.img;
            }

          });

        });

        })();
        </script>

        </section>

        <section class="cta-five section-space">
            <div class="cta-five__inner">
                <div class="cta-five__bg wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms" style="background-image: url(<?php echo base_url("assets/"); ?>images/backgrounds/cta-1-1.jpg);"></div><!-- /.cta-five__bg -->
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-lg-6">
                            <div class="cta-five__funfact wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="400ms">
                                <ul class="cta-five__funfact__list list-unstyled">
                                    <li class="cta-five__funfact__item">
                                        <div class="cta-five__funfact__icon">
                                            <i class="icon-travel-and-tourism"></i>
                                        </div><!-- /.cta-five__funfact__icon -->
                                        <div class="cta-five__funfact__content count-box">
                                            <h3 class="cta-five__funfact__count">
                                                <span class="count-text" data-stop="30" data-speed="1500"></span>
                                                <span>k+</span>
                                            </h3><!-- /.cta-five__funfact__count -->
                                            <p class="cta-five__funfact__text">Tours success</p><!-- /.cta-five__funfact__text -->
                                        </div><!-- /.cta-five__funfact__content -->
                                    </li><!-- /.cta-five__funfact__item -->
                                    <li class="cta-five__funfact__item">
                                        <div class="cta-five__funfact__icon">
                                            <i class="icon-tourist"></i>
                                        </div><!-- /.cta-five__funfact__icon -->
                                        <div class="cta-five__funfact__content count-box">
                                            <h3 class="cta-five__funfact__count">
                                                <span class="count-text" data-stop="6500" data-speed="1500"></span>
                                                <span>+</span>
                                            </h3><!-- /.cta-five__funfact__count -->
                                            <p class="cta-five__funfact__text">Happy Traveler</p><!-- /.cta-five__funfact__text -->
                                        </div><!-- /.cta-five__funfact__content -->
                                    </li><!-- /.cta-five__funfact__item -->
                                    <li class="cta-five__funfact__item">
                                        <div class="cta-five__funfact__icon">
                                            <i class="icon-trophy"></i>
                                        </div><!-- /.cta-five__funfact__icon -->
                                        <div class="cta-five__funfact__content count-box">
                                            <h3 class="cta-five__funfact__count">
                                                <span class="count-text" data-stop="6561" data-speed="1500"></span>
                                                <span>+</span>
                                            </h3><!-- /.cta-five__funfact__count -->
                                            <p class="cta-five__funfact__text">Awards Winning</p><!-- /.cta-five__funfact__text -->
                                        </div><!-- /.cta-five__funfact__content -->
                                    </li><!-- /.cta-five__funfact__item -->
                                    <li class="cta-five__funfact__item">
                                        <div class="cta-five__funfact__icon">
                                            <i class="icon-quality"></i>
                                        </div><!-- /.cta-five__funfact__icon -->
                                        <div class="cta-five__funfact__content count-box">
                                            <h3 class="cta-five__funfact__count">
                                                <span class="count-text" data-stop="25" data-speed="1500"></span>
                                                <span>+</span>
                                            </h3><!-- /.cta-five__funfact__count -->
                                            <p class="cta-five__funfact__text">Our Experience</p><!-- /.cta-five__funfact__text -->
                                        </div><!-- /.cta-five__funfact__content -->
                                    </li><!-- /.cta-five__funfact__item -->
                                </ul><!-- /.cta-five__funfact__list -->
                            </div><!-- /.cta-five__thumb -->
                        </div><!-- /.col-lg-6 -->
                        <div class="col-lg-6">
                            <div class="cta-five__shape wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="400ms">
                                <img src="<?php echo base_url("assets/"); ?>images/shapes/cta-1-1.webp" alt>
                            </div><!-- /.cta-five__content -->
                        </div><!-- /.col-lg-6 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.cta-five__inner -->
        </section><!-- /.cta-five -->

        <section class="feature-package feature-package--two" id="guide">
            <div class="container">
                <div class="feature-package__top">
                    <div class="row align-items-end">
                        <div class="col-lg-8">
                            <div class="sec-title ">
                                <h6 class="sec-title__tagline bw-split-in-right">popular tours</h6><!-- /.sec-title__tagline -->
                                <h3 class="sec-title__title bw-split-in-left">Most Popular <span>Tours</span></h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                        </div><!-- /.col-lg-8 -->
                        <div class="col-lg-4">
                            <div class="feature-package__bottom__nav">
                                <button class="feature-package__carousel__nav--left"><span class="icon-arrow-left"></span></button>
                                <button class="feature-package__carousel__nav--right"><span class="icon-arrow-right"></span></button>
                            </div>
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div><!-- /.feature-package__top -->
            </div><!-- /.container -->
            <div class="container-fluid">
                <div class="feature-package__inner">
                    <div class="feature-package__carousel gotur-owl__carousel gotur-owl__carousel--custom-nav gotur-owl__carousel--with-shadow owl-carousel owl-theme" data-owl-nav-prev=".feature-package__carousel__nav--left" data-owl-nav-next=".feature-package__carousel__nav--right" data-owl-options='{
                    "items": 1,
                    "margin": 30,
                    "loop": false,
                    "smartSpeed": 700,
                    "nav": false,
                    "dots": false,
                    "autoplay": false,
                    "responsive": {
                        "0": {
                            "items": 1
                        },
                        "576": {
                            "items": 2
                        },
                        "768": {
                            "items": 2
                        },
                        "992": {
                            "items": 3
                        },
                        "1199": {
                            "items": 3
                        },
                        "1500": {
                            "items": 4
                        }
                    }
                }'>
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-1.webp" alt="All Inclusive Ultimate Circle Island Day with Lunch">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">All Inclusive Ultimate Circle Island Day with Lunch</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-2.webp" alt="Molokini and Turtle Town Snorkeling Adventure Aboard">
                                    <div class="listing-card-four__btn-group">

                                        <div class="listing-card-four__discount">-40% Off</div><!-- /.listing-card-four__discount -->


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">Molokini and Turtle Town Snorkeling Adventure Aboard</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-3.jpg" alt="All Inclusive Ultimate Circle Island Day with Lunch">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">All Inclusive Ultimate Circle Island Day with Lunch</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-4.webp" alt="Molokini and Turtle Town Snorkeling Adventure Aboard">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">Molokini and Turtle Town Snorkeling Adventure Aboard</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-1.webp" alt="All Inclusive Ultimate Circle Island Day with Lunch">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">All Inclusive Ultimate Circle Island Day with Lunch</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-2.webp" alt="Molokini and Turtle Town Snorkeling Adventure Aboard">
                                    <div class="listing-card-four__btn-group">

                                        <div class="listing-card-four__discount">-40% Off</div><!-- /.listing-card-four__discount -->


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">Molokini and Turtle Town Snorkeling Adventure Aboard</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-3.jpg" alt="All Inclusive Ultimate Circle Island Day with Lunch">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">All Inclusive Ultimate Circle Island Day with Lunch</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                        <div class="item">
                            <div class="listing-card-four wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='100ms'>
                                <div class="listing-card-four__image">
                                    <img src="<?php echo base_url("assets/"); ?>images/blog/listing-list-4-4.webp" alt="Molokini and Turtle Town Snorkeling Adventure Aboard">
                                    <div class="listing-card-four__btn-group">


                                        <div class="listing-card-four__featured">Featured</div><!-- /.listing-card-four__featured -->

                                    </div><!-- /.listing-card-four__btn-group -->
                                    <div class="listing-card-four__btns">
                                        <a href="#"><i class="far fa-heart"></i></a>
                                        <div class="listing-card-four__btns__hover">
                                            <a href="#" class="listing-card-four__popup card__popup" data-gallery-options='{
                    "items": [
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-1.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-2.jpg"
                        },
                        {
                            "src": "<?php echo base_url("assets/"); ?>images/blog/listing-1-3.jpg"
                        }
                    ],
                    "gallery": {
                        "enabled": true
                    },
                    "type": "image"
                }'>
                                                <span class="icon-image"></span>
                                            </a>
                                            <a class="video-popup" href="https://www.youtube.com/watch?v=0MuL8fd3pb8"><span class="icon-video"></span></a>
                                        </div><!-- /.listing-card-four__btns__hover -->
                                    </div>
                                    <ul class="listing-card-four__meta list-unstyled">
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-pin1"></i> </span>Slingerland</a>
                                        </li>
                                        <li>
                                            <a href="tour-listing-details-2.html"> <span class="listing-card-four__meta__icon"> <i class="icon-calendar"></i> </span>6 Days, 3 Night</a>
                                        </li>
                                    </ul><!-- /.listing-card-four__meta -->
                                    <a href="tour-listing-details-2.html" class="listing-card-four__image__overly"></a>
                                </div><!-- /.listing-card-four__image -->
                                <div class="listing-card-four__content">
                                    <div class="listing-card-four__rating">
                                        <span>(10 Review)</span>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div><!-- /.listing-card-four__rating -->
                                    <h3 class="listing-card-four__title"><a href="tour-listing-details-2.html">Molokini and Turtle Town Snorkeling Adventure Aboard</a></h3><!-- /.listing-card-four__title -->

                                    <div class="listing-card-four__content__btn">
                                        <div class="listing-card-four__price">
                                            <span class="listing-card-four__price__sub">Per Day</span>
                                            <span class="listing-card-four__price__number">$59.00</span>
                                        </div><!-- /.listing-card-four__price -->
                                        <a href="tour-listing-details-2.html" class="listing-card-four__btn gotur-btn"> Book Now <span class="icon"><i class="icon-right"></i> </span></a>
                                    </div><!-- /.listing-card-four__content__btn -->
                                </div><!-- /.listing-card-four__content -->
                            </div><!-- /.listing-card-four -->
                        </div><!-- /.item -->
                    </div><!-- /.feature-package__carousel -->
                </div><!-- /.feature-package__inner -->

            </div><!-- /.container -->

            <div class="feature-package__element">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/love-1-2.png" alt>
            </div><!-- /.feature-package__element -->
        </section><!-- /.feature-package -->

        <section class="offer-one section-space">
            <div class="container">
                <div class="sec-title text-center">
                    <h6 class="sec-title__tagline bw-split-in-right">Special Offers</h6><!-- /.sec-title__tagline -->
                    <h3 class="sec-title__title bw-split-in-left">Offers To <span> Inspire You</span></h3><!-- /.sec-title__title -->
                </div><!-- /.sec-title -->
                <div class="row gutter-y-30 gutter-x-30">
                    <div class="col-lg-6 wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                        <div class="offer-one__card">
                            <div class="offer-one__card__content">
                                <div class="sec-title ">
                                    <h6 class="sec-title__tagline bw-split-in-right">Special Offer</h6><!-- /.sec-title__tagline -->
                                    <h3 class="sec-title__title bw-split-in-left">Explore All Tour Of The <br> World With Us</h3><!-- /.sec-title__title -->
                                </div><!-- /.sec-title -->
                                <div class="offer-one__card__btn">
                                    <a href="tour-listing-details-1.html" class="gotur-btn">Book Now <span class="icon"><i class="icon-right"></i></span></a>
                                </div><!-- /.offer-one__card__btn -->
                            </div><!-- /.offer-one__card__content -->
                            <div class="offer-one__card__left">
                                <div class="offer-one__card__thumb">
                                    <img src="<?php echo base_url("assets/"); ?>images/resources/offer-1-1.webp" alt="shape">
                                </div><!-- /.offer-one__card__thumb -->
                            </div><!-- /.offer-one__card__left -->
                        </div><!-- /.offer-one__card -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6 wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                        <div class="offer-one__card offer-one__card--two">
                            <div class="offer-one__card__left">
                                <div class="offer-one__card__thumb">
                                    <img src="<?php echo base_url("assets/"); ?>images/resources/offer-1-2.webp" alt="shape">
                                </div><!-- /.offer-one__card__thumb -->
                            </div><!-- /.offer-one__card__left -->
                            <div class="offer-one__card__content">
                                <div class="sec-title text-end">
                                    <h6 class="sec-title__tagline bw-split-in-right">Get 40% Offer</h6><!-- /.sec-title__tagline -->
                                    <h3 class="sec-title__title bw-split-in-left">Tours and Trip <br> Packages, Globally</h3><!-- /.sec-title__title -->
                                </div><!-- /.sec-title -->
                                <div class="offer-one__card__btn">
                                    <a href="tour-listing-details-1.html" class="gotur-btn gotur-btn--primary">Book Now <span class="icon"><i class="icon-right"></i></span></a>
                                </div><!-- /.offer-one__card__btn -->
                            </div><!-- /.offer-one__card__content -->
                        </div><!-- /.offer-one__card -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
            <div class="offer-one__element">
                <img src="<?php echo base_url("assets/"); ?>images/resources/about-3-1.html" alt>
            </div><!-- /.offer-one__element -->
        </section><!-- /.offer-one -->

        <section class="why-choose-one section-space-bottom">
            <div class="container">
                <div class="row align-items-center gutter-y-40">
                    <div class="col-lg-6">
                        <div class="why-choose-one__thumb wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='400ms'>
                            <div class="row align-items-center gutter-y-30">
                                <div class="col-lg-6">
                                    <div class="why-choose-one__thumb__item-one  ">
                                        <img src="<?php echo base_url("assets/"); ?>images/about/about-s-8-2.jpg" alt="image">
                                    </div><!-- /.why-choose-one__thumb__item -->
                                    <div class="why-choose-one__thumb__item-one  ">
                                        <img src="<?php echo base_url("assets/"); ?>images/about/about-s-8-1.webp" alt="image">
                                    </div><!-- /.why-choose-one__thumb__item -->
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <div class="why-choose-one__thumb__item-two  ">
                                        <img src="<?php echo base_url("assets/"); ?>images/about/about-8-1.webp" alt="image">
                                    </div><!-- /.why-choose-one__thumb__item -->
                                </div><!-- /.col-lg-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.why-choose-one__thumb -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="why-choose-one__content">
                            <div class="sec-title ">
                                <h6 class="sec-title__tagline bw-split-in-right">Why Choose Us</h6><!-- /.sec-title__tagline -->
                                <h3 class="sec-title__title bw-split-in-left"> Get The <span>Best Travel</span> Experience With Gotur</h3><!-- /.sec-title__title -->
                            </div><!-- /.sec-title -->
                            <p class="why-choose-one__content__text wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='400ms'>It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point.</p><!-- /.why-choose-one__content__text -->
                            <ul class="why-choose-one__list">
                                <li>
                                    <div class="why-choose-one__list__item wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='200ms'>
                                        <div class="why-choose-one__icon">
                                            <i class="icon-flag"></i>
                                        </div><!-- /.why-choose-one__icon -->
                                        <h5 class="why-choose-one__title">Trusted travel guide</h5><!-- /.why-choose-one__title -->
                                    </div><!-- /.why-choose-one__list__item -->
                                </li>
                                <li>
                                    <div class="why-choose-one__list__item wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='400ms'>
                                        <div class="why-choose-one__icon">
                                            <i class="icon-calender"></i>
                                        </div><!-- /.why-choose-one__icon -->
                                        <h5 class="why-choose-one__title">Instant Booking</h5><!-- /.why-choose-one__title -->
                                    </div><!-- /.why-choose-one__list__item -->
                                </li>
                                <li>
                                    <div class="why-choose-one__list__item wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='600ms'>
                                        <div class="why-choose-one__icon">
                                            <i class="icon-travle1"></i>
                                        </div><!-- /.why-choose-one__icon -->
                                        <h5 class="why-choose-one__title">World Class Travel</h5><!-- /.why-choose-one__title -->
                                    </div><!-- /.why-choose-one__list__item -->
                                </li>
                                <li>
                                    <div class="why-choose-one__list__item wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='800ms'>
                                        <div class="why-choose-one__icon">
                                            <i class="icon-perasut"></i>
                                        </div><!-- /.why-choose-one__icon -->
                                        <h5 class="why-choose-one__title">Paragliding Tour</h5><!-- /.why-choose-one__title -->
                                    </div><!-- /.why-choose-one__list__item -->
                                </li>
                            </ul><!-- /.why-choose-one__list -->
                        </div><!-- /.why-choose-one__content -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
            <div class="why-choose-one__element">
                <img src="<?php echo base_url("assets/"); ?>images/shapes/perasut-1-1.webp" alt>
            </div><!-- /.why-choose-one__element -->
        </section><!-- /.why-choose-one -->

        <section class="testimonials-three testimonials-three--two section-space" id="testimonials">
            <div class="testimonials-three__bg" style="background-image: url(<?php echo base_url("assets/"); ?>images/backgrounds/testi-3-1.html);"></div><!-- /.testimonials-three__bg -->
            <div class="container-fluid">
                <div class="row align-items-center gutter-y-40">
                    <div class="col-xl-6">
                        <div class="testimonials-three__top">
                            <div class="testimonials-three__thumb wow fadeInLeft" data-wow-duration='1500ms' data-wow-delay='400ms'>
                                <img src="<?php echo base_url("assets/"); ?>images/resources/testi--3-1.png" alt="gotur image">
                            </div><!-- /.testimonials-three__thumb -->
                            <div class="testimonials-three__bottom__nav">
                                <button class="testimonials-three__carousel__nav--left"><span class="icon-arrow-left"></span></button>
                                <button class="testimonials-three__carousel__nav--right"><span class="icon-arrow-right"></span></button>
                            </div>
                        </div><!-- /.testimonials-three__top -->
                    </div><!-- /.col-xl-4 -->
                    <div class="col-xl-6">
                        <div class="testimonials-three__inner">
                            <div class="testimonials-three__carousel gotur-owl__carousel gotur-owl__carousel--custom-nav gotur-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-nav-prev=".testimonials-three__carousel__nav--left" data-owl-nav-next=".testimonials-three__carousel__nav--right" data-owl-options='{
                            "items": 1,
                            "margin": 30,
                            "loop": true,
                            "smartSpeed": 700,
                            "nav": false,
                            "dots": false,
                            "autoplay": false,
                            "responsive": {
                                "0": {
                                    "items": 1
                                },
                                "768": {
                                    "items": 2
                                },
                                "992": {
                                    "items": 2
                                },
                                "1199": {
                                    "items": 2
                                }
                            }
                        }'>
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-1.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Courtney Henry</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Marketing Coordinator</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-2.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Jacob Jones</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Web Designer</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-1.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Courtney Henry</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Marketing Coordinator</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-2.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Jacob Jones</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Web Designer</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-1.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Courtney Henry</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Marketing Coordinator</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                                <div class="item">
                                    <div class="testimonials-two-card testimonials-two-card--two  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
                                        <div class="testimonials-two-card__inner">
                                            <div class="testimonials-two-card__top">
                                                <img src="<?php echo base_url("assets/"); ?>images/resources/testimonials-2-2.webp" alt="testiomonials author">
                                            </div><!-- /.testimonials-two-card__top -->
                                            <div class="testimonials-two-card__content testimonials-two-card__content--two">
                                                <div class="testimonials-two-card__author">
                                                    <h4 class="testimonials-two-card__author__name">Jacob Jones</h4><!-- /.testimonials-two-card__author__name -->
                                                    <p class="testimonials-two-card__author__dec">Web Designer</p><!-- /.testimonials-two-card__author__dec -->
                                                </div><!-- /.testimonials-two-card__author -->
                                                <p class="testimonials-two-card__text">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo</p><!-- /.testimonials-two-card__text -->
                                            </div><!-- /.testimonials-two-card__content -->
                                            <div class="testimonials-two-card__star testimonials-two-card__star--two">
                                                <div class="testimonials-two-card__star__item">
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                    <i class="icon-star"></i>
                                                </div><!-- /.testimonials-two-card__star__item -->
                                            </div><!-- /.testimonials-two-card__star -->
                                            <div class="testimonials-two-card__quite">
                                                <i class="icon-straight-quotes"></i>
                                            </div><!-- /.testimonials-two-card__quite -->
                                        </div><!-- /.testimonials-two-card__inner -->
                                    </div><!-- /.testimonials-two-card -->
                                </div><!-- /.item -->
                            </div><!-- /.testimonials-three__carousel -->
                        </div><!-- /.testimonials-three__inner -->
                    </div><!-- /.col-xl-8 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.testimonials-three -->

        <!-- ===== RING ANIMATION ===== -->
        <section id="uk-places" class="contact reveal" aria-label="Best Places to Visit in the UK">

        <style>
        /* ====== SCOPED ONLY TO .contact ====== */
        #uk-places.contact {
          position: relative;
          padding: 80px 0;
          overflow: hidden;
          background: #eef2f7;
        }

        #uk-places .uk-places__decor {
          position: absolute;
          inset: 0;
          pointer-events: none;
          z-index: 0;
        }

        #uk-places .uk-places__plane {
          position: absolute;
          color: rgba(99, 171, 69, 0.12);
          animation: uk-places-float 6s ease-in-out infinite;
        }

        #uk-places .uk-places__plane--left {
          left: 70px;
          top: 150px;
          font-size: 74px;
        }

        #uk-places .uk-places__plane--top {
          left: 58%;
          top: 18px;
          font-size: 82px;
          animation-delay: .8s;
        }

        #uk-places .uk-places__plane--right {
          right: 85px;
          top: 165px;
          font-size: 72px;
          animation-delay: 1.4s;
        }

        #uk-places .uk-places__curve {
          position: absolute;
          border-top: 2px dashed rgba(18, 58, 115, 0.16);
          border-radius: 999px;
        }

        #uk-places .uk-places__curve--left {
          left: 30px;
          top: 170px;
          width: 250px;
          height: 80px;
        }

        #uk-places .uk-places__curve--right {
          right: 35px;
          top: 165px;
          width: 265px;
          height: 86px;
        }

        @keyframes uk-places-float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-8px); }
        }

        #uk-places .scene,
        #uk-places .a3d {
          display: grid;
        }

        #uk-places .scene {
          overflow: hidden;
          perspective: 35em;
          mask: linear-gradient(90deg, #0000, red 20% 80%, #0000);
        }

        #uk-places .a3d {
          place-self: center;
          transform-style: preserve-3d;
          animation: contact-rotate 32s linear infinite;
        }

        @keyframes contact-rotate {
          to {
            transform: rotateY(360deg);
          }
        }

        #uk-places .card {
          --w: 17.5em;
          --ba: calc(360deg / var(--n));
          grid-area: 1/1;
          width: var(--w);
          aspect-ratio: 7/10;
          object-fit: cover;
          border-radius: 1.5em;
          backface-visibility: hidden;
          transform: rotateY(calc(var(--i) * var(--ba)))
            translateZ(calc(-1 * (0.5 * var(--w) + 0.5em) / tan(0.5 * var(--ba))));
        }

        @media (prefers-reduced-motion: reduce) {
          #uk-places .a3d {
            animation-duration: 128s;
          }
        }

        #uk-places .section-eyebrow {
          color: #123a73;
          font-weight: 700;
          background: #f7efd6;
          color: #d79f10;
          display: inline-block;
          padding: 7px 13px;
          border-radius: 8px;
          font-family: var(--gotur-font2);
          font-size: 28px;
          line-height: 1;
          margin-bottom: 12px;
          animation: uk-text-reveal .7s ease-out both;
        }

        #uk-places .section-title {
          color: #1f2a28;
          font-size: clamp(34px, 4vw, 50px);
          line-height: 1.2;
          margin-bottom: 10px;
          font-weight: 700;
          animation: uk-heading-enter .9s ease-out both, uk-heading-float 4s ease-in-out 1s infinite;
        }

        #uk-places .section-title em {
          color: #123a73;
          font-style: italic;
          font-weight: 600;
          display: inline-block;
          animation: uk-em-sweep 2.8s ease-in-out 1.1s infinite;
        }

        @keyframes uk-heading-enter {
          from {
            opacity: 0;
            transform: translateY(16px);
            letter-spacing: 0.02em;
          }
          to {
            opacity: 1;
            transform: translateY(0);
            letter-spacing: 0;
          }
        }

        @keyframes uk-heading-float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-3px); }
        }

        #uk-places .section-subtitle {
          color: #4d607a;
          max-width: 760px;
          font-size: 17px;
          line-height: 1.8;
          animation: uk-text-reveal 1s ease-out .35s both;
        }

        @keyframes uk-text-reveal {
          from {
            opacity: 0;
            transform: translateY(14px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        @keyframes uk-em-sweep {
          0%, 100% {
            transform: translateY(0);
            text-shadow: none;
          }
          50% {
            transform: translateY(-1px);
            text-shadow: 0 4px 14px rgba(18, 58, 115, 0.28);
          }
        }

        #uk-places .scene > div:first-child {
          position: relative;
          z-index: 2;
        }

        #uk-places .a3d {
          position: relative;
          z-index: 1;
        }

        @media (max-width: 991px) {
          #uk-places .uk-places__plane {
            display: none;
          }

          #uk-places .uk-places__curve {
            display: none;
          }
        }
        </style>

        <div class="uk-places__decor" aria-hidden="true">
          <span class="uk-places__plane uk-places__plane--left"><i class="fa-solid fa-plane"></i></span>
          <span class="uk-places__plane uk-places__plane--top"><i class="fa-solid fa-plane"></i></span>
          <span class="uk-places__plane uk-places__plane--right"><i class="fa-solid fa-plane"></i></span>
          <span class="uk-places__curve uk-places__curve--left"></span>
          <span class="uk-places__curve uk-places__curve--right"></span>
        </div>

        <div class="scene">
          <div style="text-align:center; margin-bottom:0;">
            <p class="section-eyebrow reveal" style="justify-content:center;">
              Explore the United Kingdom
            </p>
            <h2 class="section-title reveal reveal-delay-1" style="text-align:center;">
              Best Places to<em>Visit in the UK</em>
            </h2>
            <p class="section-subtitle reveal reveal-delay-2" style="margin:0 auto; text-align:center;">
Discover iconic cities, historic landmarks, and breathtaking landscapes across England, Scotland, Wales, and Northern Ireland.            </p>
          </div>

          <div class="a3d" style="--n: 12">
            <img class="card" src="https://images.unsplash.com/photo-1529655683826-aba9b3e77383?w=280" style="--i:0">
            <img class="card" src="https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=280" style="--i:1">
            <img class="card" src="https://images.unsplash.com/photo-1520986606214-8b456906c813?w=280" style="--i:2">
            <img class="card" src="https://images.unsplash.com/photo-1543349689-9a4d426bee8e?w=280" style="--i:3">
            <img class="card" src="https://images.unsplash.com/photo-1526129318478-62ed807ebdf9?w=280" style="--i:4">
            <img class="card" src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad?w=280" style="--i:5">
            <img class="card" src="https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=280" style="--i:6">
            <img class="card" src="https://images.unsplash.com/photo-1529655683826-aba9b3e77383?w=280" style="--i:7">
            <img class="card" src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad?w=280" style="--i:8">
            <img class="card" src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad?w=280" style="--i:9">
            <img class="card" src="https://images.unsplash.com/photo-1513026705753-bc3fffca8bf4?w=280" style="--i:10">
            <img class="card" src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad?w=280" style="--i:11">
            <img class="card" src="https://images.unsplash.com/photo-1486299267070-83823f5448dd?w=280" style="--i:12">
            <img class="card" src="https://images.unsplash.com/photo-1506377585622-bedcbb027afc?w=280" style="--i:13">
            <img class="card" src="https://images.unsplash.com/photo-1533929736458-ca588d08c8be?w=280" style="--i:14">
            <img class="card" src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=280" style="--i:15">
            <img class="card" src="https://images.unsplash.com/photo-1473177104440-ffee2f376098?w=280" style="--i:16">
          </div>
        </div>
        </section>

        <script>
        document.addEventListener('DOMContentLoaded', function () {
          document.querySelectorAll('a[href]').forEach(function (link) {
            link.setAttribute('href', '#');
          });
        });
        </script>
