{extends file='cms_template:csm master'}

{block name='content'}

    <div class="rts-breadcrumb-area four" data-bg-src="{uploads_url}/csm/assets/images/breadcrumb/06.webp">
        <div class="container h-200"><br><br>
            <div class="nav-bread-crumb">
                <a href="index.html">Home</a>
                <span><i class="fa-regular fa-chevron-right"></i></span>
                <a href="#" class="current">Destination</a>
                <span><i class="fa-regular fa-chevron-right"></i></span>
                <a href="#" class="current">Nepal</a>
                <span><i class="fa-regular fa-chevron-right"></i></span>
                <a href="#" class="current">Everest Base Camp across glacial terrain.</a>
            </div>
            <h1 class="title">The Luxury Island Hopper</h1>
        </div><br>
    </div>

    <div class="rts-tour-details-area pt--60 rts-section-gapBottom bg-white">
        <div class="container">
            <div class="top-image-area">
                <div class="row g-5">
                    <div class="col-lg-6">
                        <div class="image image-transform radius-10 overflow-hidden">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/trip/22.webp" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="right-image">
                            <div class="row g-5">
                                <div class="col-lg-12">
                                    <div class="image image-transform radius-10 overflow-hidden">
                                        <img class="hover-image" src="{uploads_url}/csm/assets/images/trip/23.webp" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6">
                                    <div class="image image-transform radius-10 overflow-hidden">
                                        <img class="hover-image" src="{uploads_url}/csm/assets/images/trip/24.webp" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6">
                                    <div class="image image-transform radius-10 overflow-hidden">
                                        <img class="hover-image" src="{uploads_url}/csm/assets/images/trip/25.webp" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-content-area g-5 mt--50">
                <div class="left">
                    <div class="tour-details-wrapper content-box radius-10 border overflow-hidden">
                        <div class="tour-content">
                            <div class="left-content">
                                <h4 class="title">Everest Base Camp across glacial terrain.</h4>
                                <ul class="meta-area">
                                    <li><i class="fa-solid fa-star-sharp"></i> 5 (2 review)</li>
                                    <li><i class="fa-regular fa-location-dot"></i> Maldives</li>
                                </ul>
                            </div>
                            <div class="right-content">
                                <div class="day-left">
                                    <h4>07</h4>
                                    <p>days</p>
                                </div>
                            </div>
                        </div>
                        <ul class="feature-list-area">
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/03.svg" alt=""></div>
                                <div class="text">
                                    <p>Transportation</p>
                                    <h6>Bus, Airlines</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/04.svg" alt=""></div>
                                <div class="text">
                                    <p>Accommodation</p>
                                    <h6>5 Stars Hotels</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/05.svg" alt=""></div>
                                <div class="text">
                                    <p>Maximum Altitude</p>
                                    <h6>5,416 metres</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/06.svg" alt=""></div>
                                <div class="text">
                                    <p>Departure from</p>
                                    <h6>Bus, Airlines</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/07.svg" alt=""></div>
                                <div class="text">
                                    <p>Best season</p>
                                    <h6>Feb To May</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/08.svg" alt=""></div>
                                <div class="text">
                                    <p>Tour type</p>
                                    <h6>Eco-Tour, Hiking</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/09.svg" alt=""></div>
                                <div class="text">
                                    <p>Meals</p>
                                    <h6>Meals Included</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/10.svg" alt=""></div>
                                <div class="text">
                                    <p>Language</p>
                                    <h6>EN, ES, FR, CN</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/11.svg" alt=""></div>
                                <div class="text">
                                    <p>Fitness level</p>
                                    <h6>Feb To May</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/12.svg" alt=""></div>
                                <div class="text">
                                    <p>Group Size</p>
                                    <h6>7 - 14</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/13.svg" alt=""></div>
                                <div class="text">
                                    <p>Minimum Age</p>
                                    <h6>14</h6>
                                </div>
                            </li>
                            <li>
                                <div class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/13.svg" alt=""></div>
                                <div class="text">
                                    <p>Maximus Age</p>
                                    <h6>60</h6>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="content-box tour-details-tab-area radius-10 border overflow-hidden">
                        <ul class="nav nav-tabs border-bottom" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview" type="button" role="tab" aria-controls="overview" aria-selected="true">
                                    Overview
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="itinerary-tab" data-bs-toggle="tab" data-bs-target="#itinerary" type="button" role="tab" aria-controls="itinerary" aria-selected="false">
                                    Itinerary
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="cost-tab" data-bs-toggle="tab" data-bs-target="#cost" type="button" role="tab" aria-controls="cost" aria-selected="false">
                                    Cost
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="faq-tab" data-bs-toggle="tab" data-bs-target="#faq" type="button" role="tab" aria-controls="faq" aria-selected="false">
                                    FAQs
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="map-tab" data-bs-toggle="tab" data-bs-target="#map" type="button" role="tab" aria-controls="map" aria-selected="false">
                                    Location
                                </button>
                            </li>
                        </ul>
                        <div class="tour-details-tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                                <div class="tab-content-inner">
                                    <div class="overview-area mb--60">
                                        <h5 class="title mb--15">Overview</h5>
                                        <p class="desc">Join us on an unforgettable journey through majestic mountain trails, alpine forests, and glacial paths. This guided hiking expedition offers a mix of scenic beauty, cultural encounters, and a rewarding physical challenge. Whether you're an adventurer or a nature lover, this trek promises memories for a lifetime.</p>
                                    </div>
                                    <div class="highlight-area">
                                        <h5 class="title">Highlights:</h5>
                                        <ul>
                                            <li><i class="fa-regular fa-check"></i> Duration: 10 Days / 9 Nights</li>
                                            <li><i class="fa-regular fa-check"></i> Difficulty: Moderate to High</li>
                                            <li><i class="fa-regular fa-check"></i> Max Altitude: 5,364m (Everest Base Camp example)</li>
                                            <li><i class="fa-regular fa-check"></i> Group Size: 8–15 people</li>
                                            <li><i class="fa-regular fa-check"></i> Guide: Professional Local Guide Included</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="itinerary" role="tabpanel" aria-labelledby="itinerary-tab">
                                <div class="tab-content-inner">
                                    <div class="itinerary-area">
                                        <div class="itinerary-header">
                                            <h2>Itinerary</h2>
                                            <div class="expand-toggle">
                                                <span>Expand all</span>
                                                <label class="switch">
                                                    <input type="checkbox" id="expandAll">
                                                    <span class="slider"></span>
                                                </label>
                                            </div>
                                        </div>

                                        <div class="itinerary-list">
                                            <div class="itinerary-item">
                                                <button class="itinerary-title"><span class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/14.svg" alt=""></span> Day 1 – Arrival In Kathmandu</button>
                                                <div class="itinerary-content">
                                                    <p>Arrive at Tribhuvan International Airport. Meet your guide, transfer to hotel. Evening briefing session.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Day 2 – Fly To Lukla (2,860m) & Trek To Phakding (2,610m)</button>
                                                <div class="itinerary-content">
                                                    <p>Fly to Lukla and trek to Phakding through scenic mountain trails.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Day 3 – Trek To Namche Bazaar (3,440m)</button>
                                                <div class="itinerary-content">
                                                    <p>Trek through pine forests and cross suspension bridges to reach Namche Bazaar.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Day 4 – Acclimatization At Namche Bazaar</button>
                                                <div class="itinerary-content">
                                                    <p>Spend the day acclimatizing, exploring local markets, and enjoying the views.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Day 5 – Trek To Tengboche (3,870m)</button>
                                                <div class="itinerary-content">
                                                    <p>Hike to Tengboche Monastery with panoramic views of Everest and Ama Dablam.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Day 6 – Trek To Dingboche (4,410m)</button>
                                                <div class="itinerary-content">
                                                    <p>Trek to Dingboche through beautiful valleys and alpine landscapes.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title"><span class="icon-2"><img src="{uploads_url}/csm/assets/images/trip/icon/15.svg" alt=""></span>Day 7 – Trek To Lobuche (4,940m)</button>
                                                <div class="itinerary-content">
                                                    <p>Continue your ascent with breathtaking views on the way to Lobuche.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="cost" role="tabpanel" aria-labelledby="cost-tab">
                                <div class="tab-content-inner">
                                    <div class="highlight-area">
                                        <h5 class="title">Trip Cost Breakdown</h5>
                                        <ul class="mb--30">
                                            <li class="tag mb--10 c-p">Included:</li>
                                            <li><i class="fa-regular fa-check"></i> Duration: 10 Days / 9 Nights</li>
                                            <li><i class="fa-regular fa-check"></i> Difficulty: Moderate to High</li>
                                            <li><i class="fa-regular fa-check"></i> Max Altitude: 5,364m (Everest Base Camp example)</li>
                                            <li><i class="fa-regular fa-check"></i> Group Size: 8–15 people</li>
                                            <li><i class="fa-regular fa-check"></i> Guide: Professional Local Guide Included</li>
                                        </ul>
                                        <ul>
                                            <li class="tag mb--10 c-p">Not Included:</li>
                                            <li><i class="fa-regular fa-check"></i> Duration: 10 Days / 9 Nights</li>
                                            <li><i class="fa-regular fa-check"></i> Difficulty: Moderate to High</li>
                                            <li><i class="fa-regular fa-check"></i> Max Altitude: 5,364m (Everest Base Camp example)</li>
                                            <li><i class="fa-regular fa-check"></i> Group Size: 8–15 people</li>
                                            <li><i class="fa-regular fa-check"></i> Guide: Professional Local Guide Included</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="faq" role="tabpanel" aria-labelledby="faq-tab">
                                <div class="tab-content-inner">
                                    <div class="itinerary-area faq">
                                        <div class="itinerary-header">
                                            <h2>Frequently Ask Questions</h2>
                                            <div class="expand-toggle">
                                                <span>Expand all</span>
                                                <label class="switch">
                                                    <input type="checkbox" id="expandAll2">
                                                    <span class="slider"></span>
                                                </label>
                                            </div>
                                        </div>

                                        <div class="itinerary-list">
                                            <div class="itinerary-item">
                                                <button class="itinerary-title"><span class="icon"><img src="{uploads_url}/csm/assets/images/trip/icon/14.svg" alt=""></span> What is the difficulty level?</button>
                                                <div class="itinerary-content">
                                                    <p>Arrive at Tribhuvan International Airport. Meet your guide, transfer to hotel. Evening briefing session.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Do I need travel insurance?</button>
                                                <div class="itinerary-content">
                                                    <p>Fly to Lukla and trek to Phakding through scenic mountain trails.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Can I rent gear locally?</button>
                                                <div class="itinerary-content">
                                                    <p>Trek through pine forests and cross suspension bridges to reach Namche Bazaar.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Is altitude sickness a concern?</button>
                                                <div class="itinerary-content">
                                                    <p>Spend the day acclimatizing, exploring local markets, and enjoying the views.</p>
                                                </div>
                                            </div>

                                            <div class="itinerary-item">
                                                <button class="itinerary-title">Are meals included?</button>
                                                <div class="itinerary-content">
                                                    <p>Hike to Tengboche Monastery with panoramic views of Everest and Ama Dablam.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="map" role="tabpanel" aria-labelledby="map-tab">
                                <div class="tab-content-inner">
                                    <div class="highlight-area">
                                        <h5 class="title">Tour Map</h5>
                                        <div class="map-area overflow-hidden radius-10">
                                            <iframe class="radius-10" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d14881.10813512346!2d92.05130130003461!3d21.28584316293776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sen!2sbd!4v1761018831728!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="contact-area content-box radius-10 border overflow-hidden">
                        <h5 class="title mb--30">You can send your enquiry via the form below.</h5>
                        <form id="contact-form" action="#" class="contact-form border radius-10 ">
                            <div class="input-div">
                                <div class="row g-24">
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="text" name="text" placeholder="Enter your first name*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="text" name="text" placeholder="Enter your last name*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="single-input">
                                            <input type="email" name="email" placeholder="Enter your email address..." required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="text" name="text" placeholder="Choose a country*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="text" name="text" placeholder="Enter your contact number*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="number" name="number" placeholder="Enter numbers of adults*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input">
                                            <input type="number" name="number" placeholder="Enter number of children" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="single-input">
                                            <textarea name="message" id="message" placeholder="Enter your message*" required></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <button type="submit" class="rts-btn btn-primary border">Send Mail</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="right">
                    <div class="sticky-top">
                        <div class="content-box radius-10 border overflow-hidden pricing-box">
                            <p class="tag">20% OFF</p>
                            <div class="price-area">
                                <div class="price">
                                    <div class="prev">
                                        <h6>From <span>$699</span></h6>
                                    </div>
                                    <div class="current">
                                        <h5>$499 <span>/ Adult</span></h5>
                                    </div>
                                </div>
                                <div class="price">
                                    <div class="prev">
                                        <h6>From <span>$699</span></h6>
                                    </div>
                                    <div class="current">
                                        <h5>$499 <span>/ Child</span></h5>
                                    </div>
                                </div>
                            </div>
                            <div class="mid-area">
                                <ul>
                                    <li><i class="fa-regular fa-check"></i> Best Price Guaranteed</li>
                                    <li><i class="fa-regular fa-check"></i> Emergency Support</li>
                                    <li><i class="fa-regular fa-check"></i> No Booking Fees</li>
                                    <li><i class="fa-regular fa-check"></i> Professional Local Guide</li>
                                </ul>
                            </div>
                            <a href="#" class="rts-btn btn-primary m-w-100 text-center border">Check Availability</a>
                            <p class="desc">Need help with booking? <a href="#contact-form">Send Us A Message</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- rts contact area start -->
    <section class="rts-contact-area inner rts-section-gap">
        <div class="container">
            <div class="section-inner body-bg-one radius-10">
                <form class="contact-form" id="contact-form" method="POST" action="mailer.php">
                    <h4 class="title">Your info</h4>
                    <div class="form-inner">
                        <div class="left">
                            <div class="single-input-wrapper">
                                <label for="name">Full Name*</label>
                                <input type="text" id="name" name="name" placeholder="Enter your full name" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="email">Email*</label>
                                <input type="email" id="email" name="email" placeholder="Your email address" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="company">Company</label>
                                <input type="text" id="company" name="company" placeholder="Your company name" required>
                            </div>
                            <div class="single-input-wrapper">
                                <label for="website">Website</label>
                                <input type="text" id="website" name="website" placeholder="Your website" required>
                            </div>
                        </div>
                        <div class="right">
                            <div class="single-input-wrapper">
                                <label for="message">Your Enquiry*</label>
                                <textarea name="message" id="message" placeholder="Enter your message here" required></textarea>
                            </div>
                            <div class="single-input-wrapper">
                                <button type="submit" class="rts-btn btn-primary with-arrow">Get Started <i class="fa-regular fa-arrow-up up-right"></i></button>
                            </div>
                            <div id="form-messages" class="mt-15 cb"></div>
                            <p class="desc">Please read our <a href="#"> privacy policy</a> and <a href="#">Cookies policy</a> so you understand how we collect and use your personal data.</p>
                        </div>
                    </div>
                </form>
            </div>
            <div class="contact-form-content-bottom-wrapper mt--30">
                <div class="row g-5">
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/01.svg" alt="contact">
                                </div>
                                <h4 class="title">Our Location</h4>
                            </div>
                            <p class="disc">
                                123 Main Street, Apt 4B Springfield,
                                IL 62704, UK
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/02.svg" alt="contact">
                                </div>
                                <h4 class="title">Email Us</h4>
                            </div>
                            <p class="disc">
                                Our support team is here to assist you
                            </p>
                            <a href="#">support@Digix.com</a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="single-contact-card body-bg-one radius-10">
                            <div class="top-area">
                                <div class="icon">
                                    <img src="{uploads_url}/csm/assets/images/contact/icon/03.svg" alt="contact">
                                </div>
                                <h4 class="title">Call Us</h4>
                            </div>
                            <p class="disc">
                                Our customer support team is available
                            </p>
                            <a href="#">+1 (111) 125- 42174</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts contact area end -->

{/block}