<!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">
    {if !empty({description})}
        <meta name="description" content="{description}">
    {else}
        <meta name="description" content="Welcome to {sitename}. Discover our professional services.">
    {/if}

    <link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.svg">
    <title>{sitename} - {title} </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">


</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">

                                        {capture name='mamslogout'}{MAMS action='logoutform'}{/capture}

                                        {if $smarty.capture.mamslogout|trim != ''}
                                            {* logoutform produced output → user IS logged in *}
                                            <a href="/cmss/mams/logout/38">Logout</a>
                                        {else}
                                            <a href="/cmss/lisepages/partners">Login</a>
                                        {/if}
                                    </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="{root_url}/index.php" 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="{root_url}/index.php">Home</a>

                                            </li>

                                            <li class="menu-item rts-has-dropdown">
                                                <a href="/cmss/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="{root_url}/packages?tt=Self%20Drive">Self Drive</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="{root_url}/packages?tt=Small%20Group">Small Group</a></li>                                                    
                                                    <li class="nav-item"><a class="nav-link page" href="{root_url}/packages?tt=Train%20Journey">Train</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="{root_url}/packages?tt=Excursion">Excursion</a></li>
                                                    <li class="nav-item"><a class="nav-link page" href="{root_url}/packages?tt=Winter">Winter</a></li>
                                                    
             
  


                                                </ul>
                                                <!-- End Dropdown Menu -->
                                            </li>



                                            <li class="menu-item ">
                                                <a href="{root_url}/inspiration"
                                                    class="rts-dropdown-main-element">Inspiration</a>
                                                <!-- Start Dropdown Menu -->

                                                <!-- End Dropdown Menu -->
                                            </li>




                                            <li class="menu-item rts-has-dropdown">
                                                <a href="{root_url}/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="{root_url}/page-contact">Contact</a></li>

                                                 <li class="menu-item"><a class="main-element rts-dropdown-main-element"
                                                    href="{root_url}/partner-information">Partner</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="tel:+12505051111" class="rts-btn btn-primary border-primary">Voip
                                        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 -->



    {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 so you can travel with confidence and 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:12505051111">+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="{root_url}/about">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="{root_url}/faq">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="{root_url}/terms-conditions">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="{root_url}/terms-conditions">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="{root_url}/package-types">Package Types</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="index.php?page=inspiration">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="cmss/packages?tt=Small Group">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="cmss/packages?tt=Train Journey">Train Tours</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 -->

<style>
/* 1. Base Styles for Menu Links */
.mobile-menu-main a {
    color: #ffffff;            /* Makes links white */
    text-decoration: none;     /* Removes default underline */
    transition: color 0.3s ease; /* Makes the hover transition smooth */
}

.mobile-menu-main nav ul li.has-droupdown ul a {
  padding: 10px 20px;
}

/* 2. Hover State for Menu Links */
.mobile-menu-main a:hover {
    color: #007bff;            /* Turns links blue on hover */
}

/* 3. Submenu Indentation and Spacing */
.mobile-menu-main .submenu {
    padding-left: 20px;        /* Pushes the submenu text inwards */
    list-style: none;          /* Removes default bullet points if any */
}

/* 4. Submenu Link Adjustments (Optional but Recommended) */
.mobile-menu-main .mobile-menu-link {
    display: inline-block;
    padding: 6px 0;            /* Adds a little vertical spacing between submenu items */
    font-size: 0.95em;         /* Slightly smaller text for a cleaner hierarchy */
}
</style>


        <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="{root_url}/index.php" class="main">Home</a>

                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Packages</a>
                        <ul class="submenu mm-collapse">

                          <li ><a class="mobile-menu-link" href="{root_url}/index.php">Self Drive</a></li>
                          <li ><a class="mobile-menu-link" href="{root_url}/index.php">Small Group </a></li>
                          <li ><a class="mobile-menu-link" href="{root_url}/index.php">Rail</a></li>
                          <li ><a class="mobile-menu-link" href="{root_url}/index.php">Rail</a></li>
                          <li ><a class="mobile-menu-link" href="{root_url}/index.php">Winter</a></li>
                          

                        </ul>
                    </li>
                    <li >
                        <a href="#" class="main">Inspiration</a>

                    </li>
                    <li >
                        <a href="#" class="main">About</a>

                    </li>
                    <li>
                        <a href="contact.html" class="main">Contact</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>>
