<!DOCTYPE html>
<html lang="en">
{process_pagedata}{$content={content} scope=global}
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.svg">
    <title>Travel & Tour Booking HTML Template</title>
    <!-- swiper css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/swiper.min.css" as="style">
    <!-- Custom Font css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/fonts/custom-font.css" as="style">
    <!-- magnific popup css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/magnific-popup.css" as="style">
    <!-- metismenu css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/metismenu.css" as="style">
    <!-- bootstrap css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/vendor/bootstrap.min.css" as="style">
    <!-- bootstrap css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/vendor/animate.css" as="style">
    <!-- odometer css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/odometer.css" as="style">
    <!-- fontawesome css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/fontawesome.min.css" as="style">
    <!-- Nice Select css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/plugins/nice-select.css" as="style">
    <!-- Custom css -->
    <link rel="stylesheet preload" href="{uploads_url}/csm/assets/css/style.css" as="style">


    <style>
header.header-style-two {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: transparent !important;
}

.header-style-two .header-top {
    background: rgba(0, 0, 0, 0.3) !important; /* Tinted top bar */
}

.header-style-two .header-main {
    background: rgba(0, 0, 0, 0.1) !important; /* Very subtle tint for logo area */
}

/* Target the header ONLY when it becomes sticky */
header.header-style-two.sticky {
    /* 0,0,0 is black | 0.7 is the opacity (30% less than solid) */
    background: rgba(0, 0, 0, 0.7) !important; 
    
    /* This adds a "frosted glass" effect which makes the 30% transparency look very professional */
    backdrop-filter: blur(10px); 
    
    transition: background 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Ensure the logo area doesn't have its own background color interfering */
header.header-style-two.sticky .header-main {
    background: transparent !important;
}

/* White Text */
.header-style-two .main-nav-area .rts-desktop-menu .menu-item a,
.header-style-two .header-top p,
.header-style-two .header-top a,
.header-style-two .header-top span {
    color: #ffffff !important;
}

.logo-area .logo img {
    height: 90px; /* Adjust this until it looks perfect with your menu */
    width: auto;  /* Keeps proportions */
    display: block;
    transition: all 0.3s ease; /* Makes the transition to sticky smooth */
}

.header-style-two .header-top {
  border-bottom: 0px solid var(--color-border);
  padding: 12px 0 11px;
}

/* Target the header ONLY when it becomes sticky */
header.header-style-two.sticky {
    background: rgba(0, 0, 0, 0.6) !important; /* Slightly darker for better contrast */
    backdrop-filter: blur(10px); 
    transition: background 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* ADD THIS: This handles the logo sizing inside the sticky header */
header.header-style-two.sticky .logo img {
    height: 70px !important; /* Constrains height when scrolling */
    width: auto !important;   /* Keeps proportions perfect */
    transition: all 0.3s ease;
}

/* ADD THIS: This makes sure your dropdowns are readable on the sticky header */
header.header-style-two.sticky .rts-submenu {
    background: rgba(0, 0, 0, 0.9) !important; /* Very dark dropdown bg */
    border: 1px solid rgba(255,255,255,0.1);
}

.rts-section-gap {
  padding: 70px 0;
}

    </style>
</head>

<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="index.php?page=csm_packages" 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="">Self Drive</a></li>
                                    
                                                    <li class="nav-item"><a class="nav-link page" href="tour-details.html">Small Groups </a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="tour.html">FIT</a></li>
             
                                                </ul>
                                                <!-- End Dropdown Menu -->
                                            </li>
                                            


                                            <li class="menu-item ">
                                                <a href="index.php?page=inspiration" class="rts-dropdown-main-element">Inspiration</a>
                                                <!-- Start Dropdown Menu -->
             
                                                <!-- End Dropdown Menu -->
                                            </li>




                                            <li class="menu-item rts-has-dropdown">
                                                <a href="index.php?page=about" class="rts-dropdown-main-element">About</a>
                                                <!-- Start Dropdown Menu -->
                                                
                                                <!-- End Dropdown Menu -->
                                            </li>
                                            <li class="menu-item"><a class="main-element rts-dropdown-main-element" href="index.php?page=page-contact">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 -->


{block name='content'}{/block}

{* common footer *}

    <!-- rts footer area start -->
    <div class="rts-footer-area-one pt--100 pb--30">
        <div class="container">
            <div class="footer-inner">
                <div class="left">
                    <div class="single-footer-widget-one logo-area">
                        <a href="#" class="logo">
                            <img class="dark" src="{uploads_url}/csm/assets/images/logo/csm_logob.png" alt="logo">
                        </a>
                        <p class="desc">We take care of every detail you can travel with confidence ease.</p>

                        <div class="call-us">

                            
                            <div class="icon"><img src="{uploads_url}/csm/assets/images/others/01.svg" alt=""></div>
                            <div class="text">
                                <p>Call Us 24/7</p>
                                <h5><a href="call-to:25621452156">+1 250-505-1111</a></h5>
                            </div>
                        </div>
                        <ul class="social-area">
                            <li>Follow Us -</li>
                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="mid d-flex justify-content-center">
                    <div class="single-footer-widget-one essential-links">
                        <h6 class="title">Quick Links</h6>
                        <ul>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="tour.html">About Us</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination.html">FAQs</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="about.html">Terms & Conditions</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="team.html">Privacy Policy</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="tour.html">Tour Type</a>
                            </li>
                        </ul>
                    </div>
                    <div class="single-footer-widget-one essential-links">
                        <h6 class="title">Popular Links</h6>
                        <ul>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Stories & Guides</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Guided Tours</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Train Tours</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Map</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">British Columbia</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="footer-input-main-wrapper-one">
                        <div class="single-footer-widget-one">
                            <h6 class="title">Newsletter</h6>
                            <p class="desc">Subscribe to our newsletter</p>
                            <form action="#">
                                <input class="radius-6" type="email" placeholder="Email address.." required>
                                <button class="rts-btn btn-primary radius-6 border">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <!-- copyright area start -->
                    <div class="copyright-area-start">
                        <p>Copyright © <script>
                                document.write(
                                    new Date().getFullYear()
                                )
                            </script> All Rights Reserved, Design by <span><a href="index.html">Canadian Sun and Mountain Travel</a></span></p>
                        <ul>
                            <li><a href="https://www.consumerprotectionbc.ca/check-a-licence-search/?cpbc_type=Travel+Agent&cpbc_licenseNumber=3244&cpbc_name=&cpbc_city=&cpbc_statuses=DUEPRT%2CEXEMPT%2CISSUED%2CNOTICE%2CRENSUBD%2CSUSPEND#gf_50"><img src="{uploads_url}/csm/assets/images/2026/Consumer_Protection_BClicensed_by_WEB.webp" style="height: 60px;" alt=""></a></li>                          
                            <li><a href="#"><img style="height: 60px;" src="{uploads_url}/csm/assets/images/2026/safe_logo.webp" alt=""></a></li>                          
                        </ul>
                    </div>
                    <!-- copyright area end -->
                </div>
            </div>
        </div>
    </div>
    <!-- rts footer area end -->

    <div id="side-bar2" class="side-bar side-bar2">
        <div class="rts-sidebar-menu-desktop">
            <button class="close-icon-menu" aria-label="footer_Button"><i class="far fa-times"></i></button>
            <div class="body d-none d-lg-block">
                <div class="about-us">
                    <a class="logo" href="index.html"><img src="{uploads_url}/csm/assets/images/logo/logo-csm2.webp" alt=""></a>
                    <p>
                        Discover the World, <br> Full Adventure at a Time!
                    </p>
                </div>
                <div class="gallery-image-area">
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/06.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/06.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/07.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/07.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/08.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/08.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/09.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/09.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/10.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/10.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/12.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/11.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                </div>
                <div class="get-in-touch">
                    <!-- title -->
                    <h4>Get In Touch</h4>
                    <!-- title End -->
                    <div class="wrapper">
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-phone-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="+12505051111">+1 250-505-1111 </a>
                            <i class="fas fa-fax-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">+1 250-505-1100  </a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-envelope" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">info@csmtravel.com</a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-globe" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">www.csmtravel.com</a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-map-marker-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">807 Baker Street Nelson | British Columbia | Canada | V1L 4J8</a>
                        </div>
                        <!-- single ENd -->
                    </div>
                </div>
                <div class="follow-us">
                    <!-- title -->
                    <h4>Follow Us</h4>
                    <!-- title End -->
                    <ul>
                        <li><a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="twitter"><i class="fab fa-twitter" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="instagram"><i class="fab fa-instagram" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="linkdin"><i class="fa-brands fa-linkedin-in" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- mobile menu area end -->
    </div>
    <div id="side-bar" class="side-bar header-two header-eight">
        <button class="close-icon-menu"><i class="fa-sharp fa-thin fa-xmark"></i></button>
        <a class="logo" href="index.html"><img style="height: 90px;" src="a/images/logo/csm_logob.png" alt=""></a>
        <!-- mobile menu area start -->
        <div class="mobile-menu-main">
            <nav class="nav-main mainmenu-nav mt--30">
                <ul class="mainmenu metismenu" id="mobile-menu-active">
                    <li class="has-droupdown">
                        <a href="#" class="main">Home</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="index.html">Travel Agency</a></li>
                            <li><a class="mobile-menu-link" href="index-two.html">Hiking Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-three.html">Home Yacht</a></li>
                            <li><a class="mobile-menu-link" href="index-four.html">Wild Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-five.html">Travel Africa</a></li>
                            <li><a class="mobile-menu-link" href="index-six.html">Tour Marketplace</a></li>
                            <li><a class="mobile-menu-link" href="index-seven.html">Summer Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-eight.html">Travel Agency Two</a></li>
                            <li><a class="mobile-menu-link" href="index-nine.html">Kayaking</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Tour</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="tour.html">Tour One</a></li>
                            <li><a class="mobile-menu-link" href="tour-two.html">Tour Two</a></li>
                            <li><a class="mobile-menu-link" href="tour-three.html">Tour Three</a></li>
                            <li><a class="mobile-menu-link" href="tour-four.html">Tour Four</a></li>
                            <li><a class="mobile-menu-link" href="tour-five.html">Tour Five</a></li>
                            <li><a class="mobile-menu-link" href="tour-details.html">Tour Details</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Destinations</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="destination.html">Destinations</a></li>
                            <li><a class="mobile-menu-link" href="destination-details.html">Destinations Details</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Pages</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="about.html">About</a></li>
                            <li><a class="mobile-menu-link" href="team.html">Teams</a></li>
                            <li><a class="mobile-menu-link" href="sign-in.html">Log In</a></li>
                            <li><a class="mobile-menu-link" href="sign-up.html">Sign Up</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="contact.html" class="main">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="follow-us">
                <ul>
                    <li><a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="twitter"><i class="fab fa-twitter" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="instagram"><i class="fab fa-instagram" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="linkdin"><i class="fa-brands fa-linkedin-in" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                </ul>
            </div>
        </div>
        <!-- mobile menu area end -->
    </div>


    <div id="anywhere-home" class="">
    </div>

    <div class="slider-drag-cursor"><i class="fas fa-angle-left me-2"></i> DRAG <i class="fas fa-angle-right ms-2"></i>
    </div>

    <!-- progress area start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>
    <!-- progress area end -->





    <!-- jquery js -->
    <script defer src="{uploads_url}/csm/assets/js/plugins/jquery.min.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/bootstrap.min.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/metismenu.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/jqueryui.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/waypoint.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/swiper.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/smoothscroll.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/wow.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/odometer.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/magnific-popup.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/isotop.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/contact-form.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/main.js"></script>
</body>

</html>>