<body class="home-hiking-bg">

    <!-- preloader -->
    <div class="preloader">
        <div class="loader">
            <span style="--i:1;"></span>
            <span style="--i:2;"></span>
            <span style="--i:3;"></span>
            <span style="--i:4;"></span>
            <span style="--i:5;"></span>
            <span style="--i:6;"></span>
            <span style="--i:7;"></span>
            <span style="--i:8;"></span>
            <span style="--i:9;"></span>
            <span style="--i:10;"></span>
            <span style="--i:11;"></span>
            <span style="--i:12;"></span>
            <span style="--i:13;"></span>
            <span style="--i:14;"></span>
            <span style="--i:15;"></span>
            <span style="--i:16;"></span>
            <span style="--i:17;"></span>
            <span style="--i:18;"></span>
            <span style="--i:19;"></span>
            <span style="--i:20;"></span>
            <div class="loader-plane"></div>
        </div>
    </div>
    <!-- preloader end -->
    <!-- header area start -->
<header class="header-style-two header--sticky">
        <div class="header-top">
            <div class="container">
                <div class="header-top-inner">
                    <div class="left">
                        
                    </div>
                    <div class="right">
                        <ul class="social-area">
                            <li><a href="tel:+12505051111">CALL +1 250-505-1111</a></li>
                          
                        </ul>
                        <div class="header-utility">
                            <div class="right-information">
                                
                                <ul class="rts-dropdown-menu switcher-currency">
                                    <li class="has-child-menu">
                                        <a href="#">
                                            <span class="menu-item">PARTNER LOGIN</span>
                                            
                                        </a>
                                        
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-main">
            <div class="container">
                <div class="header-main-inner">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="header-style-one-wrapper">
                                <div class="left-area">
                                    <div class="logo-area">
                                        <a href="index.html" class="logo">
                                            <img class="light" style="" src="{uploads_url}/csm/assets/images/logo/logo-csm2.webp" alt="logo">
                                            <img class="dark" src="{uploads_url}/csm/assets/images/logo/logo-csm2.webp" alt="logo">
                                        </a>
                                    </div>
                                    <nav class="main-nav-area">
                                        <ul class="list-unstyled rts-desktop-menu">
                                            <li class="menu-item ">
                                                <a class="main-element rts-dropdown-main-element" href="#">Home</a>
                                                
                                            </li>

                                            <li class="menu-item rts-has-dropdown">
                                                <a href="#" class="rts-dropdown-main-element">Packages</a>
                                                <!-- Start Dropdown Menu -->
                                                <ul class="rts-submenu list-unstyled menu-home">

                                                      <li class="nav-item"><a class="nav-link page" href="tour.html">Tour One</a></li>
                                    
                                                    <li class="nav-item"><a class="nav-link page" href="tour-details.html">Tour Details</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour.html">Tour One</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour-two.html">Tour Two</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour-three.html">Tour Three</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour-four.html">Tour Four</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour-five.html">Tour Five</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour-details.html">Tour Details</a></li>
                                                </ul>
                                                <!-- End Dropdown Menu -->
                                            </li>
                                            


                                            <li class="menu-item ">
                                                <a href="blog.html" class="rts-dropdown-main-element">Inspiration</a>
                                                <!-- Start Dropdown Menu -->
             
                                                <!-- End Dropdown Menu -->
                                            </li>




                                            <li class="menu-item rts-has-dropdown">
                                                <a href="#" class="rts-dropdown-main-element">About</a>
                                                <!-- Start Dropdown Menu -->
                                                <ul class="rts-submenu list-unstyled menu-home">
                                                    <li class="nav-item"><a class="nav-link page" href="about.html">About</a></li>
                                                    <li class="nav-item"><a class="nav-link" href="team.html">Teams</a></li>
                                                    <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
                                                    <li class="nav-item"><a class="nav-link" href="blog-details.html">Blog Details</a></li>
                                                    <li class="nav-item"><a class="nav-link" href="sign-in.html">Log In</a></li>
                                                    <li class="nav-item"><a class="nav-link" href="sign-up.html">Sign Up</a></li>
                                                </ul>
                                                <!-- End Dropdown Menu -->
                                            </li>
                                            <li class="menu-item"><a class="main-element rts-dropdown-main-element" href="contact.html">Contact</a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="button-area-start">
                                   <!--<a href="sign-in.html" class="rts-btn btn-primary btn-border border-primary">Whatsapp online!</a>-->
                                    <a href="sign-up.html" class="rts-btn btn-primary border-primary">Whatsapp online!</a>
                                   
                                    <div class="menu-btn-toggle menu-btn radius-6" id="menu-btn">
                                        <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect y="14" width="20" height="2" fill="#FFFFFF"></rect>
                                            <rect y="7" width="20" height="2" fill="#FFFFFF"></rect>
                                            <rect width="20" height="2" fill="#FFFFFF"></rect>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- header area end -->

    <!-- rts banner area start -->
    <div class="rts-banner-area-two slider-banner">
        <div class="swiper-area">
            <div class="swiper banner-slider-active">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="rts-hero-banner bg" data-bg-src="{uploads_url}/csm/assets/images/banner/bg-02.jpg">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="rts-hero-banner bg" data-bg-src="{uploads_url}/csm/assets/images/banner/bg-03.jpg">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="rts-hero-banner bg" data-bg-src="{uploads_url}/csm/assets/images/banner/bg-01.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="rts-banner-content-area">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="swiper banner-slider-active2">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><br><br>
                                    <div class="content-inner">
                                        <p class="sub-title">Travel Smart, Travel Better</p>
                                        <h1 class="section-title">Adventure Starts Here</h1>
                                        <p class="desc">Explore breathtaking destinations, handpicked tour packages, and seamless travel experiences — all in one place.</p>
                                        <div class="button-area">
                                            <a href="#" class="rts-btn btn-primary">Explore Tours</a>
                                            <a href="tour.html" class="rts-btn btn-primary btn-border">Popular Packages</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="content-inner"><br><br>
                                        <p class="sub-title">Intelligent reisen, besser reisen.</p>
                                        <h1 class="section-title">Hier beginnt die Wildnis</h1>
                                        <p class="desc">Ja, wir sprechen Deutsch!</p>
                                        <div class="button-area">
                                            <a href="#" class="rts-btn btn-primary">Touren entdecken</a>
                                            <a href="tour.html" class="rts-btn btn-primary btn-border">Beliebte Touren</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts banner area end -->

    <div class="rts__section advance__search__section is__home__one home-hiking">
        <div class="container">
            <div class="form-area wow fadeInUp" data-wow-delay="0.6s">
                <div class="custom-select">
                    <p class="tag">Destination</p>
                    <span class="dropdown-icon">
                        <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 0L6 7.5L0 0H12Z" fill="#119CE6"/>
                        </svg>
                    </span>
                    <div class="custom-select-trigger">All Location</div>
                    <ul class="custom-options">
                        <li class="option selected" data-value="1">Bhutan</li>
                        <li class="option" data-value="2">London</li>
                        <li class="option" data-value="3">Maldives</li>
                        <li class="option" data-value="4">Nepal</li>
                        <li class="option" data-value="5">Argentina</li>
                        <li class="option" data-value="6">Dubai</li>
                        <li class="option" data-value="7">Canada</li>
                        <li class="option" data-value="8">Indonesia</li>
                        <li class="option" data-value="9">China</li>
                        <li class="option" data-value="10">Sri Lanka</li>
                    </ul>
                    <input type="hidden" name="adult" value="1">
                </div>
                <div class="custom-select">
                    <p class="tag">Trip Types</p>
                    <span class="dropdown-icon">
                        <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 0L6 7.5L0 0H12Z" fill="#119CE6"/>
                        </svg>
                    </span>
                    <div class="custom-select-trigger">Activities</div>
                    <ul class="custom-options">
                        <li class="option selected" data-value="1">Hiking</li>
                        <li class="option" data-value="2">Air Ballon</li>
                        <li class="option" data-value="3">Jungle Safari</li>
                        <li class="option" data-value="4">Paragliding</li>
                        <li class="option" data-value="5">SightSeeing</li>
                        <li class="option" data-value="6">Peak Climbing</li>
                        <li class="option" data-value="7">Scuba Diving</li>
                        <li class="option" data-value="8">Travel</li>
                        <li class="option" data-value="9">SightSeeing</li>
                        <li class="option" data-value="10">SightSeeing</li>
                    </ul>
                    <input type="hidden" name="child" value="1">
                </div>
                <div class="custom-select">
                    <p class="tag">Duration</p>
                    <span class="dropdown-icon">
                        <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 0L6 7.5L0 0H12Z" fill="#119CE6"/>
                        </svg>
                    </span>
                    <div class="custom-select-trigger">3 Days - 10 Days</div>
                    <ul class="custom-options">
                        <li class="option selected" data-value="1">1 Days - 3 Days</li>
                        <li class="option" data-value="2">4 Days - 5 Days</li>
                        <li class="option" data-value="3">5 Days - 6 Days</li>
                        <li class="option" data-value="4">6 Days - 7 Days</li>
                        <li class="option" data-value="5">7 Days - 8 Days</li>
                        <li class="option" data-value="6">8 Days - 9 Days</li>
                        <li class="option" data-value="7">9 Days - 10 Days</li>
                        <li class="option" data-value="8">10 Days - 11 Days</li>
                    </ul>
                    <input type="hidden" name="child" value="1">
                </div>
               
                <div class="button-area">
                    <a href="#" class="rts-btn btn-primary border-primary">
                        <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_964_5526)">
                                <path d="M18.171 16.0839L14.6871 12.5986C17.2939 9.115 16.5831 4.17775 13.0996 1.57096C9.61598 -1.03583 4.67873 -0.325041 2.07194 3.15854C-0.534851 6.64212 0.175936 11.5794 3.65952 14.1862C6.45782 16.2802 10.3012 16.2802 13.0996 14.1862L16.5849 17.6715C17.0229 18.1095 17.733 18.1095 18.171 17.6715C18.609 17.2335 18.609 16.5234 18.171 16.0854L18.171 16.0839ZM8.40858 13.5135C5.31254 13.5135 2.80273 11.0036 2.80273 7.90761C2.80273 4.81157 5.31254 2.30176 8.40858 2.30176C11.5046 2.30176 14.0144 4.81157 14.0144 7.90761C14.0111 11.0022 11.5033 13.5102 8.40858 13.5135Z" fill="white" />
                            </g>
                            <defs>
                                <clipPath id="clip0_964_5526">
                                    <rect width="18" height="18" fill="white" transform="translate(0.5)" />
                                </clipPath>
                            </defs>
                        </svg>
                        Search
                    </a>
                </div>
            </div>
        </div>
    </div>



    <!-- rts Why Choose Us area start -->
    <section class="rts-why-choose-us-area rts-section-gap">
        <div class="container">
            <div class="section-inner">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="why-choose-left-image-area">
                            <div class="main-image radius-10 wow fadeInLeft" data-wow-delay="0.1s">
                                <img src="{uploads_url}/csm/assets/images/why-choose/01.webp" width="453" alt="">
                                <div class="content">
                                    <a href="index.html" class="logo"><img src="{uploads_url}/csm/assets/images/logo/logo-csm2.webp" style="height: 100px;" alt=""></a>
                                    <h2 class="title">Adventure Travel</h2>
                                    <p>Trusted by thousands of travelers</p>
                                </div>
                            </div>
                            <div class="floating-image overflow-hidden radius-10 wow zoomIn" data-wow-delay="0.4s">
                                <img class="wow scaleIn" data-wow-delay="0.4s" src="{uploads_url}/csm/assets/images/why-choose/02.webp" width="297" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="why-choose-right-side-content">
                            <div class="section-title-area">
                                <p class="sub-title">Why Choose Us</p>
                                <h2 class="section-title mb-0">Trusted by partners worldwide</h2>
                                <p class="desc">We go the extra mile to make your clients' travel experiences smooth, safe, and unforgettable. Discover why over 50 premier tour operators in Europe and Britain trust us as their boots-on-the-ground partner in Canada and Alaska.
<br><br>
What sets us apart is our end-to-end quality control. We operate our own fleet of comfortable passenger vans and employ a highly skilled team of bilingual and trilingual guides who bridge the gap for international travelers.
<br><br>
Deeply rooted in the regions we explore, we are committed to responsible tourism by working hand-in-hand with First Nations communities and Indigenous operators. This allows us to offer enriching, culturally authentic experiences that honor local heritage and support sustainable community growth. From tailored FIT programs to custom group travel, we collaborate with top-tier local suppliers to handcraft the ultimate journeys.</p>
                            </div>
                            <ul class="why-choose-wrapper-list">
                                <li class="radius-10">
                                    <div class="icon"><img src="{uploads_url}/csm/assets/images/why-choose/icon/01.svg" alt=""></div>
                                    <div class="content">
                                        <h5 class="title">Expertly Crafted Tours</h5>
                                        <p>Handpicked packages by real travel experts</p>
                                    </div>
                                </li>
                                <li class="radius-10">
                                    <div class="icon"><img src="{uploads_url}/csm/assets/images/why-choose/icon/02.svg" alt=""></div>
                                    <div class="content">
                                        <h5 class="title">24/7 Customer Support</h5>
                                        <p>Got a question or facing an issue? No worries!</p>
                                    </div>
                                </li>
                            </ul>
                            <div class="button-area">
                                <a href="contact.html" class="rts-btn btn-primary">Talk to Our Team</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts Why Choose Us area end -->    
    

 <!-- rts Tour area start -->
      <section class="rts-tour-area rts-section-gap body-bg-three">
        <div class="container">
            <div class="section-title-area center-style">
                <p class="sub-title wow fadeInUp" data-wow-delay="0.1s">Featured Packages</p>
                <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Discover Seasonal Specialsa</h2>
            </div>
            <div class="section-inner mt--60 position-relative pb--80 wow fadeInUp" data-wow-delay="0.2s">
                <div class="swiper tour-slider">
                    <div class="swiper-wrapper">








{content}







                
            
                    </div>
                </div>
                <div class="swiper-nav-pag-area">
                    <div class="swiper-pagination3"></div>
                    <div class="swiper-navigation">
                        <div class="swiper-btn swiper-btn-prev3"><i class="fa-regular fa-chevron-left"></i></div>
                        <div class="swiper-btn swiper-btn-next3"><i class="fa-regular fa-chevron-right"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts Tour area end -->
    

    <!-- rts Offer area start -->
    <div class="rts-offer-area rts-section-gap">
        <div class="container">
            <div class="section-inner">
                <div class="row g-5">
                    <div class="col-lg-4 col-md-6">
                        <div class="offer-wrapper radius-10 wow fadeInRight" data-wow-delay="0.2s" data-bg-src="{uploads_url}/csm/assets/images/offer/01.webp">
                            <p class="sub-title">Book Today</p>
                            <h4 class="title">And save up to $ 400 on early group bookings!</h4>
                            <a href="contact.html" class="rts-btn btn-primary with-arrow">Book Now <i class="fa-regular fa-arrow-up up-right"></i></a>
                            
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="offer-wrapper radius-10 mid wow fadeInRight" data-wow-delay="0.4s">
                            <p class="sub-title">Book Today</p>
                            <h4 class="title ch">Fly High <span>10% OFF</span> on Victoria BC Whale Watch Tickets!</h4>
                            <a href="contact.html" class="rts-btn btn-primary with-arrow">Explore Soft packages <i class="fa-regular fa-arrow-up up-right"></i></a>
                            <div class="person wow fadeInUp" data-wow-delay="0.7s"><img src="{uploads_url}/csm/assets/images/offer/04.webp" alt=""></div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="offer-wrapper radius-10 wow fadeInRight" data-wow-delay="0.6s" data-bg-src="{uploads_url}/csm/assets/images/offer/02.webp">
                            <p class="sub-title">Explore Vancouver</p>
                            <h4 class="title">NEW top class Bed and Breakfast</h4>
                            <a href="contact.html" class="rts-btn btn-primary with-arrow">Book Now <i class="fa-regular fa-arrow-up up-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts Offer area end -->

    


   

   

    <!-- rts Blog area start -->
      <section class="rts-tour-area rts-section-gap body-bg-three">
        <div class="container">
            <div class="section-top-area d-flex align-items-end justify-content-between">
                <div class="section-title-area wow fadeInLeft" data-wow-delay="0.2s">
                    <p class="sub-title">Inspiration</p>
                    <h2 class="section-title mb-0">Travel Stories & Guides</h2>
                    <p class="desc">Read exciting travel stories, expert guides, and helpful tips.</p>
                </div>
                <div class="button-area mb--15 wow fadeInRight" data-wow-delay="0.2s">
                    <a href="blog.html" class="rts-btn btn-primary btn-border with-arrow">View All <i class="fa-regular fa-arrow-up up-right"></i></a>
                </div>
            </div>
            <div class="section-inner mt--60">
                <div class="row g-5">
                    <div class="col-lg-4 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="blog-wrapper image-transform radius-10">
                            <div class="image-area">
                                <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/01.webp" alt=""></a>
                            </div>
                            <div class="author-area">
                                <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/01.svg" alt=""></div>
                                <p class="text">Post By <br> <span>Markus</span></p>
                            </div>
                            <div class="content-area">
                                <div class="blog-meta">
                                    <ul>
                                        <li>12 June, 2025</li>
                                        <li class="mid"></li>
                                        <li>2 Min Read</li>
                                    </ul>
                                </div>
                                <h5 class="blog-title">
                                    <a class="title-w-hover" href="blog-details.html"> Top 10 Essential Travel Tips for First-Time Travelers</a>
                                </h5>
                                <ul class="tags">
                                    
                                    <li><a href="blog-details.html">Railway</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeInRight" data-wow-delay="0.5s">
                        <div class="blog-wrapper image-transform radius-10">
                            <div class="image-area">
                                <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/02.webp" alt=""></a>
                            </div>
                            <div class="author-area">
                                <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/02.svg" alt=""></div>
                                <p class="text">Post By <br> <span>Markus</span></p>
                            </div>
                            <div class="content-area">
                                <div class="blog-meta">
                                    <ul>
                                        <li>17 May, 2025</li>
                                        <li class="mid"></li>
                                        <li>2 Min Read</li>
                                    </ul>
                                </div>
                                <h5 class="blog-title">
                                    <a class="title-w-hover" href="blog-details.html"> What not to forget in Britsh Columbia</a>
                                </h5>
                                <ul class="tags">
                                    <li><a href="blog-details.html">BC Mountain's</a></li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeInRight" data-wow-delay="0.8s">
                        <div class="blog-wrapper image-transform radius-10">
                            <div class="image-area">
                                <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/03.webp" alt=""></a>
                            </div>
                            <div class="author-area">
                                <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/03.svg" alt=""></div>
                                <p class="text">Post By <br> <span>Markus</span></p>
                            </div>
                            <div class="content-area">
                                <div class="blog-meta">
                                    <ul>
                                        <li>12 June, 2025</li>
                                        <li class="mid"></li>
                                        <li>2 Min Read</li>
                                    </ul>
                                </div>
                                <h5 class="blog-title">
                                    <a class="title-w-hover" href="blog-details.html"> Budget Self drives in Quebec</a>
                                </h5>
                                <ul class="tags">
                                    <li><a href="blog-details.html">Self Drive</a></li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>{content}
    <!-- rts Blog area end -->
