{extends file='cms_template:csm master'}

{block name='content'}

    <!-- breadcrumb area start -->
    <!-- rts breadcrumb area start -->
    <div class="rts-breadcrumb-area one" data-bg-src="{uploads_url}/csm/assets/images/breadcrumb/01.webp">
        <div class="container h-100">
            <div class="breadcrumb-area-wrapper">
                <div class="nav-bread-crumb">
                    <a href="index.html">Home</a>
                    <span><i class="fa-regular fa-chevron-right"></i></span>
                    <a href="#" class="current">About</a>
                </div>
                <h1 class="title">ABOUT US</h1>
            </div>
        </div>
    </div>
    <!-- rts breadcrumb area end -->
    <!-- breadcrumb area end -->



    

    <!-- rts story area start -->
    <section class="rts-story-area rts-section-gap">
        <div class="container">
            <div class="section-inner">
                <div class="row">
                    
                    <div class="col-lg-12">
                        <div class="rts-story-full-content">
                            <div class="section-title-area">
                                <h5 class="section-title mb-0">Discover the World with Confidence</h5>
                                <p class="desc">At CSM Travel, our team combines local expertise in Western and Eastern Canada with a deep understanding of European tour operators and the expectations of the markets we serve.

<div class="image-area overflow-hidden radius-10 wow zoomIn float-end ms-4 mb-3" 
     data-wow-delay="0.4s" 
     style="visibility: visible; animation-delay: 0.4s; animation-name: zoomIn; max-width: 50%; width: 100%;">        
    
    <img class="wow scaleIn" 
         data-wow-delay="0.4s" 
         src="https://www.csmtravel.com/cmss/uploads/images/packages/Native%20art%20Joseph%20Corl.jpg" 
         alt="Indigenous Art" 
         style="visibility: visible; animation-delay: 0.4s; animation-name: scaleIn; width: 100%; height: auto; display: block;">                        

</div></p>
<p class="desc">
                                <strong>Based in Nelson, British Columbia, we work on the ground every day — designing routes, coordinating logistics, and supporting travel programs throughout Western Canada. Since 1997, we have been creating and delivering programs built on reliability, detailed planning, and first-hand destination knowledge.</strong>

<br><br>Our team includes local bilingual guides and office staff in Quebec and British Columbia, ensuring smooth communication and strong on-the-ground support throughout the journey. We work closely with European partners and understand the importance of clear communication, dependable service, and smooth execution from start to finish.

<br><br>CSM Travel is a Canada-based incoming tour operator specializing in Western Canada programs for European partners. What sets us apart is nearly 30 years of experience, on-the-ground expertise, a strong partner network, and flexible tour formats tailored to FITs, groups, guided tours, self-drive itineraries, and custom programs.

<br><br>Our approach is simple: combine local knowledge with structured, transparent travel planning so every itinerary is both inspiring and practical.
<br><br>
We also recognize that our work and travel take us far beyond the boundaries of our office location, and we approach those places with the same respect, humility, and responsibility. We value ongoing relationships with First Nations people and communities, and we are committed to working in a way that honors Indigenous perspectives, supports meaningful partnerships, and acknowledges the lands and peoples whose territories we visit.</p>
                            </div>
                            <div class="bottom-content">
                                <div class="feature">
                                    <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>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>
    <!-- rts story area end -->

<style>
/* ==========================================================================
   Semi-Transparent Background for Team Area
   ========================================================================== */

.rts-team-area {
    position: relative; /* Essential: creates a coordinate anchor for the background */
    z-index: 1;         /* Forces all child content to stack properly above the image */
    overflow: hidden;   /* Keeps the pseudo-element background neatly contained inside the section */
}

.rts-team-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* Background setup - Replace with your actual image path */
    background-image: url('https://www.csmtravel.com//cmss/uploads/images/bus.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
    /* Control transparency here: 0.0 (fully clear) to 1.0 (fully solid) */
    opacity: 0.15; 
    
    /* Sends this background layer behind the text cards and columns */
    z-index: -1; 
    
    /* Optional: If your theme changes smoothly, match the transition speed */
    transition: all 0.3s ease; 
}

</style>



  <section class="rts-team-area rts-section-gap body-bg-one">
    <div class="container">
        <div class="section-title-area center-style">
            <p class="sub-title wow fadeInUp" data-wow-delay="0.2s">Team</p>
            <h2 class="section-title text-uppercase wow fadeInUp" data-wow-delay="0.4s">Trusted. True Explorers.</h2>
        </div>
        <div class="section-inner mt--60">
            <div class="row g-5">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="team-wrapper image-transform radius-10 wow fadeInRight" data-wow-delay="0.4s">
                        <div class="image-area image-transform radius-6">
                            <a href="#">
                                <img class="hover-image" src="{uploads_url}/csm/assets/images/team/03.webp" alt="">
                            </a>
                            <ul class="social-wrapper">
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/01.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/02.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/03.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/04.svg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="content">
                            <h6><a href="#">Rene Casas-Cordero</a></h6>
                            <p>Owner</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="team-wrapper image-transform radius-10 wow fadeInRight" data-wow-delay="0.6s">
                        <div class="image-area image-transform radius-6">
                            <a href="#">
                                <img class="hover-image" src="{uploads_url}/csm/assets/images/team/03.webp" alt="">
                            </a>
                            <ul class="social-wrapper">
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/01.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/02.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/03.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/04.svg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="content">
                            <h6><a href="#">Grant</a></h6>
                            <p>Operations</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="team-wrapper image-transform radius-10 wow fadeInRight" data-wow-delay="0.8s">
                        <div class="image-area image-transform radius-6">
                            <a href="#">
                                <img class="hover-image" src="{uploads_url}/csm/assets/images/team/03.webp" alt="">
                            </a>
                            <ul class="social-wrapper">
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/01.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/02.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/03.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/04.svg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="content">
                            <h6><a href="#">Willem </a></h6>
                            <p>Guide</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="team-wrapper image-transform radius-10 wow fadeInRight" data-wow-delay="1s">
                        <div class="image-area image-transform radius-6">
                            <a href="#">
                                <img class="hover-image" src="{uploads_url}/csm/assets/images/team/03.webp" alt="">
                            </a>
                            <ul class="social-wrapper">
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/01.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/02.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/03.svg" alt=""></a></li>
                                <li><a href="#"><img src="{uploads_url}/csm/assets/images/team/icon/04.svg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="content">
                            <h6><a href="#">Jackson </a></h6>
                            <p>Guide</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- rts Team area end -->

  

    <!-- rts Testimonials area start -->
    <section class="rts-testimonials-area yacht inner rts-section-gapBottom">
        <div class="container">
            <div class="section-title-area center-style" style="margin-top: 64px;">
                <p class="sub-title d-flex align-items-center justify-content-center gap-2 wow fadeInUp" data-wow-delay="0.2s">Testimonials</p>
                <h2 class="section-title text-uppercase wow fadeInUp" data-wow-delay="0.2s">What Your Guests Say</h2>
            </div>
            <div class="section-inner position-relative mt--60 pb--60">
                <div class="swiper testimonials-slider2 m-0 m-w-100">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonials-wrapper-three radius-10">
                                <div class="quote"><img src="{uploads_url}/csm/assets/images/testimonials/quote-07.svg" alt=""></div>
                                <div class="author-area">
                                    <div class="image">
                                        <img src="{uploads_url}/csm/assets/images/testimonials/03.svg" alt="">
                                    </div>
                                    <div class="content-area">
                                        <h6>Emily R.</h6>
                                        <p>Leeds, UK</p>
                                    </div>
                                </div>
                                <ul class="star-rating-area">
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                </ul>
                                <p class="desc">
                                    Carving through the Fraser Canyon and into the heart of the Canadian Rockies from the comfort of the glass-dome train car was an absolute bucket-list experience..""
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonials-wrapper-three radius-10">
                                <div class="quote"><img src="{uploads_url}/csm/assets/images/testimonials/quote-07.svg" alt=""></div>
                                <div class="author-area">
                                    <div class="image">
                                        <img src="{uploads_url}/csm/assets/images/testimonials/04.svg" alt="">
                                    </div>
                                    <div class="content-area">
                                        <h6>Luca M.</h6>
                                        <p>Frankfurt, Germany</p>
                                    </div>
                                </div>
                                <ul class="star-rating-area">
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                </ul>
                                <p class="desc">
                                    The self-drive itinerary from Vancouver through the Kootenays was perfectly planned, giving us the freedom to explore hot springs and mountain towns at our own pace.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonials-wrapper-three radius-10">
                                <div class="quote"><img src="{uploads_url}/csm/assets/images/testimonials/quote-07.svg" alt=""></div>
                                <div class="author-area">
                                    <div class="image">
                                        <img src="{uploads_url}/csm/assets/images/testimonials/05.svg" alt="">
                                    </div>
                                    <div class="content-area">
                                        <h6>Robert K.</h6>
                                        <p>Hastings, UK</p>
                                    </div>
                                </div>
                                <ul class="star-rating-area">
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                </ul>
                                <p class="desc">
                                    The mini-bus tour from Kelowna through the Okanagan wine country was flawless, incredibly comfortable, and kept our whole group together.
                                </p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonials-wrapper-three radius-10">
                                <div class="quote"><img src="{uploads_url}/csm/assets/images/testimonials/quote-07.svg" alt=""></div>
                                <div class="author-area">
                                    <div class="image">
                                        <img src="{uploads_url}/csm/assets/images/testimonials/06.svg" alt="">
                                    </div>
                                    <div class="content-area">
                                        <h6>Jonathan</h6>
                                        <p>Hamburg, Germany</p>
                                    </div>
                                </div>
                                <ul class="star-rating-area">
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                    <li><img src="{uploads_url}/csm/assets/images/testimonials/star-01.svg" alt=""></li>
                                </ul>
                                <p class="desc">
                                    Our corporate group loved the mini-bus trip up the Sea-to-Sky Highway; having a dedicated driver let us relax and take in the stunning views of Howe Sound.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination-area position-bottom-center">
                    <div class="slider-dots"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts Testimonials area end -->

{/block}