{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>
    <!-- rts breadcrumb area end -->
    <!-- breadcrumb area end -->

    <!-- 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">
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/01.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/01.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>12 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> Top 10 Essential Travel Tips for First-Time Travelers</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Train Journey</a></li>
                                                <li><a href="#">Railway</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/02.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/02.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>17 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> International Travel Checklist: What You Must Not Forget</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Mountain</a></li>
                                                <li><a href="#">Travel</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/03.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/03.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>12 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> Budget Travel Tips: How to Explore More by Spending Less</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Train Journey</a></li>
                                                <li><a href="#">Railway</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/01.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/01.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>12 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> Top 10 Essential Travel Tips for First-Time Travelers</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Train Journey</a></li>
                                                <li><a href="#">Railway</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/02.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/02.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>17 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> International Travel Checklist: What You Must Not Forget</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Mountain</a></li>
                                                <li><a href="#">Travel</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/03.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/03.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>12 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> Budget Travel Tips: How to Explore More by Spending Less</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Train Journey</a></li>
                                                <li><a href="#">Railway</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/01.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/01.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>12 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> Top 10 Essential Travel Tips for First-Time Travelers</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Train Journey</a></li>
                                                <li><a href="#">Railway</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="blog-wrapper image-transform radius-10">
                                        <div class="image-area">
                                            <a href="blog-details.html"><img class="hover-image" src="{uploads_url}/csm/assets/images/blog/02.webp" alt=""></a>
                                        </div>
                                        <div class="author-area">
                                            <div class="image"><img src="{uploads_url}/csm/assets/images/blog/author/02.svg" alt=""></div>
                                            <p class="text">Post By <br> <span>Reacthemes</span></p>
                                        </div>
                                        <div class="content-area">
                                            <div class="blog-meta">
                                                <ul>
                                                    <li>17 May, 2025</li>
                                                    <li class="mid"></li>
                                                    <li>2 Min Read</li>
                                                </ul>
                                            </div>
                                            <h5 class="blog-title">
                                                <a class="title-w-hover" href="#"> International Travel Checklist: What You Must Not Forget</a>
                                            </h5>
                                            <ul class="tags">
                                                <li><a href="#">Mountain</a></li>
                                                <li><a href="#">Travel</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="rts-course-pagination-area mt--50">
                                <ul>
                                    <li><button class="active">01</button></li>
                                    <li><button>02</button></li>
                                    <li><button>03</button></li>
                                    <li><button><i class="fa-regular fa-chevron-right"></i></button></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sticky-top top-100px">
                            <div class="left-sidebar-area radius-10">
                                <div class="search-area side-box border-0 m-0 p-0">
                                    <h6>CSM Search</h6>
                                    <form action="#">
                                        <div class="input-wrapper">
                                            <input type="text" placeholder="Search Here..." required="">
                                            <button type="submit"><i class="fa-regular fa-magnifying-glass"></i></button>
                                        </div>
                                    </form>
                                </div>
                                <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>Nepal</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Maldives</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Greek Island</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>New York</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Indonesia</span>
                                            </label>
                                        </li>
                                        <li class="checkbox-item">
                                            <label class="checkbox-label">
                                                <input type="checkbox">
                                                <span>Dubai Coastline</span>
                                            </label>
                                        </li>
                                    </ul>
                                    <a href="#" class="btn">Show More</a>
                                    <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 First-Time Car What You Need to Know</a></h6>
                                                <p class="blog-meta">May 26, 2024</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 Buy a for Pre-Owned Vehicle</a></h6>
                                                <p class="blog-meta">May 26, 2024</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 Car for Your Lifestyle</a></h6>
                                                <p class="blog-meta">May 26, 2024</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tag-area side-box">
                                    <h6>Tags</h6>
                                    <ul>
                                        <li>Hiking</li>
                                        <li>Traveling</li>
                                        <li>Trekking</li>
                                        <li>Jumping</li>
                                        <li>Camping</li>
                                        <li>Sliding</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- rts Blog area end -->

{/block}