        <!-- process -->
        <div class="auto-slider-service">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="service-layout-presentation-box tmponhover">
                            <div class="row g-5 align-items-center">
                                <div class="col-lg-5 col-md-12 col-sm-12 col-12 mt_md--30 mt_sm--30 order-2 order-lg-1">

                                    <div class="section-title text-start mb--60">
                                        <span class="subtitle bg-primary-opacity">How We Work</span>
                                        <h3 class="title">Smart Global Education Solutions, Step by Step</h3>
                                    </div>

                                    <div class="advance-tab-button advance-tab-button-1">
                                        <ul class="nav nav-tabs splash-nav-tabs tab-button-list" id="splashLayoutTab" role="tablist">

                                            <li class="nav-item process active-nav" role="presentation">
                                                <a href="#" class="nav-link tab-button active" id="layouttab1-tab" data-bs-toggle="tab" data-bs-target="#layouttab1" role="tab" aria-controls="layouttab1" aria-selected="false">
                                                    <div class="tab">
                                                        <span>01</span>
                                                        <div class="inner">
                                                            <h4 class="title">Getting to Know You</h4>
                                                            <p>
                                                                We understand your goals, strengths, and concerns to shape your ideal study journey.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>

                                            <li class="nav-item process" role="presentation">
                                                <a href="#" class="nav-link tab-button" id="layouttab2-tab" data-bs-toggle="tab" data-bs-target="#layouttab2" role="tab" aria-controls="layouttab2" aria-selected="true">
                                                    <div class="tab">
                                                        <span>02</span>
                                                        <div class="inner">
                                                            <h4 class="title">Finding the Right Fit</h4>
                                                            <p>
                                                                We help you choose the right country, course, and university for your future.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>

                                            <li class="nav-item process" role="presentation">
                                                <a href="#" class="nav-link tab-button" id="layouttab3-tab" data-bs-toggle="tab" data-bs-target="#layouttab3" role="tab" aria-controls="layouttab3" aria-selected="false">
                                                    <div class="tab">
                                                        <span>03</span>
                                                        <div class="inner">
                                                            <h4 class="title">Taking Care of the Process</h4>
                                                            <p>
                                                                We manage applications, documentation, and visas while you focus on your goals.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                              <li class="nav-item process" role="presentation">
                                                <a href="#" class="nav-link tab-button" id="layouttab4-tab" data-bs-toggle="tab" data-bs-target="#layouttab4" role="tab" aria-controls="layouttab3" aria-selected="false">
                                                    <div class="tab">
                                                        <span>05</span>
                                                        <div class="inner">
                                                            <h4 class="title">Ready for Your New Chapter</h4>
                                                            <p>
                                                                You begin your studies abroad confident, prepared, and ready to succeed globally.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                     <div class="tmp-load-more d-flex">
                                <a class="tmp-btn btn-large hover-icon-reverse" href="#">
                                    <span class="icon-reverse-wrapper">
                                        <span class="btn-text">Contact Now</span>
                                    <span class="btn-icon"><i class="feather-loader"></i></span>
                                    <span class="btn-icon"><i class="feather-loader"></i></span>
                                    </span>
                                </a>
                            </div>
                                </div>

                                <div class="col-lg-7 col-md-12 col-sm-12 col-12 order-1 order-lg-2">
                                    <div class="tab-content">

                                        <div class="tab-pane fade advance-tab-content-1 active show" id="layouttab1" role="tabpanel" aria-labelledby="layouttab1-tab">
                                            <div class="thumbnail invers-anime">
                                                <img src="assets/images/about/destination2.avif" alt="advance-tab-image">
                                            </div>
                                        </div>

                                        <div class="tab-pane fade advance-tab-content-1" id="layouttab2" role="tabpanel" aria-labelledby="layouttab2-tab">
                                            <div class="thumbnail invers-anime">
                                                <img src="assets/images/about/07.webp" alt="advance-tab-image">
                                            </div>
                                        </div>

                                        <div class="tab-pane fade advance-tab-content-1" id="layouttab3" role="tabpanel" aria-labelledby="layouttab3-tab">
                                            <div class="thumbnail invers-anime">
                                                <img src="assets/images/about/08.webp" alt="advance-tab-image">
                                            </div>
                                        </div>
                                          <div class="tab-pane fade advance-tab-content-1" id="layouttab4" role="tabpanel" aria-labelledby="layouttab4-tab">
                                            <div class="thumbnail invers-anime">
                                                <img src="assets/images/about/08.webp" alt="advance-tab-image">
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- process end -->
         <!-- cta -->
            <section class="cta__area bg-secn-prt1">
                    <div class="cta__overlay">
                        <div class="container">
                            <div class="cta__inner11">
                                <div class="row align-items-center">

                                    <div class="col-lg-6 col-md-12">
                                        <h3 class="cta__title">
                                            Still Unsure? Let’s Make It Easy for You!
                                        </h3>
                                        <!-- <p class="cta__text11">
                                            Choosing the right path can be overwhelming. Our experts are here to guide you
                                            and help you make confident decisions for your future.
                                        </p> -->
                                    </div>

                                    <div class="col-lg-6 col-md-12 mt-4 mt-lg-0 text-lg-end">
                                        <div class="cta-btn-group">
                                            <div class="tmp-load-more d-flex justify-content-center">
                                <a class="tmp-btn btn-large hover-icon-reverse" href="#">
                                    <span class="icon-reverse-wrapper">
                                        <span class="btn-text">Contact Us</span>
                                    <span class="btn-icon"><i class="feather-loader"></i></span>
                                    <span class="btn-icon"><i class="feather-loader"></i></span>
                                    </span>
                                </a>
                            </div>
                           
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
            </section>