
    <!-- 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">Blog Details</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="blog-details-area">
                            <div class="image top-image radius-10 overflow-hidden mb--40">
                                <img class="w-100" src="{uploads_url}/csm/assets/images/blog/01.webp" alt="">
                            </div>
                            <h2 class="mb--30">Tour Description</h2>
                            <p class="mb--30">The image shows a scenic view of a long, arched railway bridge curving gracefully through a lush green landscape. A vintage-style steam train with red carriages is traveling across the bridge, releasing a plume of white smoke. The surrounding area is covered in rolling hills and dense greenery, giving the scene a picturesque and peaceful atmosphere — it looks like a popular travel or sightseeing spot, possibly in a rural or mountainous region.</p>
                            <p>Cars come in a variety of body styles and sizes, such as sedans, SUVs, hatchbacks, coupes, convertibles, and for pickup trucks, each serving different needs and preferences.</p>
                            <h2 class="mb--30">Car Features</h2>
                            <ul class="feature-list mb--40">
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Engine Type
                                </li>
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Horsepower
                                </li>
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Automatic Climate Control
                                </li>
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Touchscreen Display
                                </li>
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Navigation System
                                </li>
                                <li>
                                    <i class="fa-regular fa-circle-check"></i> Fog Lights
                                </li>
                            </ul>
                            <h2 class="mb--30">Your Trusted Partner in Car Buying and Service</h2>
                            <p class="mb--30">Welcome to Career Compass, your ultimate destination for career advice, job search strategies, and big to an a professional development insights. Whether you're a recent graduate, seasoned professional, or someone considering a career change, our blog is your trusted guide to help you navigate the ever-evolving landscape of the job market.</p>
                            <div class="quote-area mb--30">
                                <div class="image mb--20">
                                    <img src="{uploads_url}/csm/assets/images/testimonials/quote.svg" alt="">
                                </div>
                                Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia <img src="{uploads_url}/csm/assets/images/testimonials/quote.svg" alt="">
                            </div>
                            <p class="mb--40">At Career Compass, we understand that finding the right career path can be daunting. That's why we offer a wealth of resources to empower you on your journey. From resume writing tips and interview techniques to networking advice and skill-building strategies, our expert contributors share their knowledge and expertise to equip you with the tools you need to succeed.</p>
                            
                            <div class="share-link mb--40">
                                <h2>Share</h2>
                                <ul>
                                    <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 class="rts-blog-area inner">
                                <h3 class="mb--40 text-center">Related listings</h3>
                                <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>
                            </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>Alberta</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 -->

   