{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">Blog</a>
                </div>
                <h1 class="title">Inspiration</h1>
            </div>
        </div>
    </div>
    
    <!-- breadcrumb 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">Packages</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">Self Drive</li>
                        <li class="option" data-value="2">Small Group</li>
                        <li class="option" data-value="3">Rail</li>
                        <li class="option" data-value="4">Winter</li>
                        <li class="option" data-value="5">Soft</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">City</li>
                        <li class="option" data-value="3">Food</li>
                        <li class="option" data-value="4">Camping</li>
                        <li class="option" data-value="5">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 - 7 Days</div>
                    <ul class="custom-options">
                        <li class="option selected" data-value="1">7 Days - 10 Days</li>
                        <li class="option" data-value="2">10 Days - 14 Days</li>
                        <li class="option" data-value="3">14 Days - 19 Days</li>
                        <li class="option" data-value="4">More than 19 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 Blog area start -->
    <section class="rts-blog-area inner rts-section-gap">
        <div class="container">
            <div class="section-inner">
                <div class="row g-5">
                    <div class="col-lg-8 wow fadeInLeft" data-wow-delay="0.2s">
                        <div class="left-blog">
                            <div class="row g-5">




{LISEInspiration pagelimit=6 summarytemplate=inspiration_summary}
                               
                                
                            </div>
                           
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sticky-top top-100px">
                            <div class="left-sidebar-area radius-10">
                                
                                <div class="destination side-box">
                                    <h6>Destination</h6>
                                    <ul class="checkbox-list">
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox" checked="">
                                                <span>Self drive</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Brisith Columbia</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Alberta</span>
                                            </label>
                                        </li>
                                        
                                    </ul>
                                    
                                    <span class="cross"><i class="fa-regular fa-chevron-up"></i></span>
                                </div>
                                <div class="blog-post side-box">
                                    <h6>Recent Post</h6>
                                    <ul class="blog-list">
                                        <li>
                                            <div class="image-area image-transform radius-10">
                                                <a href="blog-details.html">
                                                    <img class="hover-image" src="{uploads_url}/csm/assets/images/blog/01.webp" width="100" alt="">
                                                </a>
                                            </div>
                                            <div class="content">
                                                <h6><a class="title-p-hover" href="blog-details.html">10 Tips for Rail tour you Need to Know</a></h6>
                                                <p class="blog-meta">May 26, 2026</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="image-area image-transform radius-10">
                                                <a href="blog-details.html">
                                                    <img class="hover-image" src="{uploads_url}/csm/assets/images/blog/02.webp" width="100" alt="">
                                                </a>
                                            </div>
                                            <div class="content">
                                                <h6><a class="title-p-hover" href="blog-details.html">Top 5 Reasons to visit Lake Louise</a></h6>
                                                <p class="blog-meta">May 26, 2026</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="image-area image-transform radius-10">
                                                <a href="blog-details.html">
                                                    <img class="hover-image" src="{uploads_url}/csm/assets/images/blog/03.webp" width="100" alt="">
                                                </a>
                                            </div>
                                            <div class="content">
                                                <h6><a class="title-p-hover" href="blog-details.html">How to Choose the Perfect Self Drive Package</a></h6>
                                                <p class="blog-meta">May 26, 2026</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts Blog area end -->

{/block}