# Testimonials Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Services Team Testimonials

## Testimonial #1

## Read the real-life success stories of the companies and industries.

Browse all customer stories

“Lorem ipsum dolor sit amet cons ectetur adipiscing elit uisque sagittis risus sed dolor lobortis, non rutrum massa ultricies aecenas tempor, nisi nec tempus lobortis”

##### Anita parmar

Content Producer

“Aenean pharetra finibus mauris a porttitor. Nam dui tortor, finibus sit amet feugiat porta, tempus in odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.”

##### Jitu Chauhan

Studio Manager

“Pellentesque sit amet turpis porta augue pretium dictum. Pellentesque commodo bitur ut massa cursus, congue augue vitae, efficitur metus.”

##### Sandip Chauhan

Senior Research Program Manager

    <!--success stories-->
    <section class="py-xl-9 py-5 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 offset-xl-2 col-md-8 offset-md-2">
                    <div class="text-center mx-xl-7 mb-5">
                        <h2 class="mb-3">Read the real-life success stories of
                            the companies and industries.</h2>
                        <a href="#!"
                            class="icon-link icon-link-hover fw-semicold">
                            Browse all customer stories
                            <svg xmlns="http://www.w3.org/2000/svg" width="14"
                                height="14" fill="currentColor"
                                class="bi bi-arrow-right" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="table-responsive-lg">
                <div class="row flex-nowrap pb-5 me-5 me-lg-0">
                    <div class="col-lg-4 col-md-6">
                        <div class="card shadow-sm h-100">
                            <div class="card-body p-lg-5">
                                <figure class="mb-5">
                                    <img src="../assets/images/client-logo/clients-logo-2.svg"
                                        alt="logo" />
                                </figure>
                                <p class="mb-0">
                                    “Lorem ipsum dolor sit amet cons ectetur
                                    adipiscing elit uisque sagittis risus sed
                                    dolor lobortis, non rutrum massa ultricies
                                    aecenas tempor, nisi nec
                                    tempus lobortis”
                                </p>
                                <div class="mt-4">
                                    <h5 class="mb-0">Anita parmar</h5>
                                    <small>Content Producer</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card shadow-sm h-100">
                            <div class="card-body p-lg-5">
                                <figure class="mb-5">
                                    <img src="../assets/images/client-logo/clients-logo-1.svg"
                                        alt="logo" />
                                </figure>
                                <p class="mb-0">
                                    “Aenean pharetra finibus mauris a porttitor.
                                    Nam dui tortor, finibus sit amet feugiat
                                    porta, tempus in odio. Interdum et malesuada
                                    fames ac ante ipsum
                                    primis in faucibus.”
                                </p>
                                <div class="mt-4">
                                    <h5 class="mb-0">Jitu Chauhan</h5>
                                    <small>Studio Manager</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="card shadow-sm h-100">
                            <div class="card-body p-lg-5">
                                <figure class="mb-5">
                                    <img src="../assets/images/client-logo/clients-logo-3.svg"
                                        alt="logo" />
                                </figure>
                                <p class="mb-0">“Pellentesque sit amet turpis
                                    porta augue pretium dictum. Pellentesque
                                    commodo bitur ut massa cursus, congue augue
                                    vitae, efficitur metus.”</p>
                                <div class="mt-4">
                                    <h5 class="mb-0">Sandip Chauhan</h5>
                                    <small>Senior Research Program
                                        Manager</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--success stories-->

## Testimonial #2

Testimonial

## Our happy customer love us

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

##### Katherine Moss

Operational Manager at Block Studio

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

##### Katherine Moss

Operational Manager at Block Studio

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

##### Katherine Moss

Operational Manager at Block Studio

      <section class="py-5 py-lg-7 bg-light-subtle">
                                           <div class="container">
                                              <div class="row">
                                                 <div class="col-lg-12">
                                                    <div class="text-center mb-7">
                                                       <small class="text-primary text-uppercase ls-md fw-semibold">Testimonial</small>
                                                       <h2 class="mt-3 mb-0">Our happy customer love us</h2>
                                                    </div>
                                                 </div>
                                              </div>
                                              <div class="row">
                                                 <div class="col-lg-10 offset-lg-1">
                                                    <div
                                                       class="swiper-container swiper"
                                                       id="swiper-1"
                                                       data-pagination-type=""
                                                       data-speed="400"
                                                       data-space-between="100"
                                                       data-pagination="true"
                                                       data-navigation="false"
                                                       data-autoplay="true"
                                                       data-autoplay-delay="3000"
                                                       data-breakpoints='{"480": {"slidesPerView": 1}, "768": {"slidesPerView": 1}, "1024": {"slidesPerView": 1}}'>
                                                       <div class="swiper-wrapper pb-6">
                                                          <div class="swiper-slide">
                                                             <div class="card">
                                                                <div class="row align-items-center">
                                                                   <div class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                                                      <img
                                                                         src="../assets/images/testimonial/testimonial-img-1.jpg"
                                                                         class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                                                         alt="testimonials" />
                                                                   </div>
                                                                   <div class="col-xl-8 col-lg-7 col-md-12">
                                                                      <div class="card-body p-4 px-xl-0">
                                                                         <div class="mb-6 text-inverse">
                                                                            <img src="../assets/images/client-logo/logoipsum-3.svg" alt="ipsum" />
                                                                         </div>
                                                                         <p class="card-text lead mb-7">
                                                                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi
                                                                            quis viverra ornare."
                                                                         </p>

                                                                         <h5 class="mb-0">Katherine Moss</h5>
                                                                         <small class="text-body-tertiary">Operational Manager at Block Studio</small>
                                                                      </div>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide">
                                                             <div class="card">
                                                                <div class="row align-items-center">
                                                                   <div class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                                                      <img
                                                                         src="../assets/images/testimonial/testimonial-img-2.jpg"
                                                                         class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                                                         alt="testimonials" />
                                                                   </div>
                                                                   <div class="col-xl-8 col-lg-7 col-md-12">
                                                                      <div class="card-body p-4 px-xl-0">
                                                                         <div class="mb-6 text-inverse">
                                                                            <img src="../assets/images/client-logo/logoipsum-2.svg" alt="ipsum" />
                                                                         </div>
                                                                         <p class="card-text lead mb-7">
                                                                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi
                                                                            quis viverra ornare."
                                                                         </p>

                                                                         <h5 class="mb-0">Katherine Moss</h5>
                                                                         <small class="text-body-tertiary">Operational Manager at Block Studio</small>
                                                                      </div>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide">
                                                             <div class="card">
                                                                <div class="row align-items-center">
                                                                   <div class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                                                      <img
                                                                         src="../assets/images/testimonial/testimonial-img-3.jpg"
                                                                         class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                                                         alt="testimonials" />
                                                                   </div>
                                                                   <div class="col-xl-8 col-lg-7 col-md-12">
                                                                      <div class="card-body p-4 px-xl-0">
                                                                         <div class="mb-6 text-inverse">
                                                                            <img src="../assets/images/client-logo/logoipsum-1.svg" alt="ipsum" />
                                                                         </div>
                                                                         <p class="card-text lead mb-7">
                                                                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi
                                                                            quis viverra ornare."
                                                                         </p>

                                                                         <h5 class="mb-0">Katherine Moss</h5>
                                                                         <small class="text-body-tertiary">Operational Manager at Block Studio</small>
                                                                      </div>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <!-- Add more slides as needed -->
                                                       </div>
                                                       <!-- Add Pagination -->
                                                       <div class="swiper-pagination"></div>
                                                       <!-- Add Navigation -->
                                                       <div class="swiper-navigation">
                                                          <div class="swiper-button-next"></div>
                                                          <div class="swiper-button-prev"></div>
                                                       </div>
                                                    </div>
                                                 </div>
                                              </div>
                                           </div>
                                        </section>

## Testimonial #3

## Customer success stories

Create convincing customer success stories to boost sales, build trust with prospects and increase customer loyalty.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus porta, ipsum lacus tempus quam, a iaculis metus ipsum sed elit.”

###### Jitu Chauhan

Front End Developers @codescandy

"Cum molestias sed quam eos repudiandae repellat! Sunt ex atque tempore eligendi magni vel obcaecati facere. Cupiditate repellat deleniti eos eum atque possimus ducimus quis."

###### Sandeep Chauhan

Front End Developers @codescandy

    <!--Customer stories start-->
    <section class="py-xl-9 py-5 bg-gray-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="text-center mb-xl-7 mb-5">
                        <h2 class="mb-3">Customer success stories</h2>
                        <p class="mb-0">Create convincing customer success
                            stories to boost sales, build trust with prospects
                            and increase customer loyalty.</p>
                    </div>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-6 col-md-12">
                    <!-- Testimonials with logo -->
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <p class="mb-5 lead">
                                “Lorem ipsum dolor sit amet, consectetur
                                adipiscing elit. In tincidunt, lectus non
                                finibus porta, ipsum lacus tempus quam, a
                                iaculis metus ipsum sed elit.”
                            </p>
                            <div
                                class="d-md-flex align-items-center justify-content-between">
                                <div
                                    class="d-flex align-items-center mb-3 mb-lg-0">
                                    <div>
                                        <img src="../assets/images/avatar/avatar-1.jpg"
                                            alt="Avatar"
                                            class="avatar avatar-lg rounded-circle" />
                                    </div>
                                    <div class="ms-3">
                                        <h6 class="mb-0 h5">Jitu Chauhan</h6>
                                        <span
                                            class="small text-body-tertiary">Front
                                            End Developers @codescandy</span>
                                    </div>
                                </div>
                                <div class="d-none d-md-block text-inverse">
                                    <img src="../assets/images/client-logo/logoipsum-1.svg"
                                        alt="logo" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <!-- Testimonials with logo -->
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <p class="mb-5 lead">
                                "Cum molestias sed quam eos repudiandae
                                repellat! Sunt ex atque tempore eligendi magni
                                vel obcaecati facere. Cupiditate repellat
                                deleniti eos eum atque possimus
                                ducimus quis."
                            </p>
                            <div
                                class="d-md-flex align-items-center justify-content-between">
                                <div
                                    class="d-flex align-items-center mb-3 mb-lg-0">
                                    <div>
                                        <img src="../../assets/images/avatar/avatar-4.jpg"
                                            alt="Avatar"
                                            class="avatar avatar-lg rounded-circle" />
                                    </div>
                                    <div class="ms-3">
                                        <h6 class="mb-0 h5">Sandeep Chauhan</h6>
                                        <span
                                            class="small text-body-tertiary">Front
                                            End Developers @codescandy</span>
                                    </div>
                                </div>
                                <div class="d-none d-md-block text-inverse">
                                    <img src="../../assets/images/client-logo/logoipsum-2.svg"
                                        alt="logo" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Customer stories end-->

## Testimonial #4

TESTIMONIAL

## I am proud of my results

I bring solutions to make life easier for our customers.

## 236

Awards Won

## 200+

Completed Projects

## 10Y

Customer Satisfaction

“Laborum quis quam. Dolorum et ut quod quia. Voluptas numquam delectus nihil. Aut enim doloremque et ipsam.”

##### Jitu Chauhan

Creative Director - Design agency

“Dolorum et ut quod quia laborum quis quam oluptas numquam delectus nihil ultrices diam ut enim doloremque et ipsam.”

##### Anita Parmar

Sales Specialist

“Suspendisse facilisis leo at sapien finibus rutrum. Vivamus consectetur viverra erat. Nullam pretium mauris quis ultricies ultrices.”

##### Sandeep Chauhan

Marketing Specialist

“Phasellus dapibus nibh eu libero pharetra, interdum accu msan nunc purus ferm entum sagittis vestibulum nanatibus et magnis.”

##### Manasvi Suthar

Creative Art Director

    <!--Testimonial start-->
    <section class="py-lg-9 py-5 bg-primary-blend-gradient text-dark">
        <div class="container">
            <div class="row align-items-center mb-lg-7 mb-5">
                <div class="col-xl-6 col-lg-5 col-md-12">
                    <div class="mb-4 mb-lg-0 text-center text-lg-start">
                        <small class="text-uppercase ls-md fw-semibold">TESTIMONIAL</small>
                        <h2 class="mt-4">
                            I am proud of
                            <span class="text-primary">my results</span>
                        </h2>
                        <p class="mb-0">I bring solutions to make life easier for our customers.</p>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-7 col-md-12">
                    <div class="row gy-4">
                        <div class="col-md-4">
                            <div class="text-center text-lg-start">
                                <h2 class="mb-1">236</h2>
                                <span>Awards Won</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center text-lg-start">
                                <h2 class="mb-1">200+</h2>
                                <span>Completed Projects</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center text-lg-start">
                                <h2 class="mb-1">10Y</h2>
                                <span>Customer Satisfaction</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                    <div class="card shadow-sm h-100 border-0">
                        <div class="card-body">
                            <p class="mb-4">“Laborum quis quam. Dolorum et ut quod quia. Voluptas numquam delectus nihil. Aut enim doloremque et ipsam.”</p>
                            <h5 class="mb-0">Jitu Chauhan</h5>
                            <small>Creative Director - Design agency</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                    <div class="card shadow-sm h-100 border-0">
                        <div class="card-body">
                            <p class="mb-4">“Dolorum et ut quod quia laborum quis quam oluptas numquam delectus nihil ultrices diam ut enim doloremque et ipsam.”</p>
                            <h5 class="mb-0">Anita Parmar</h5>
                            <small>Sales Specialist</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                    <div class="card shadow-sm h-100 border-0">
                        <div class="card-body">
                            <p class="mb-4">“Suspendisse facilisis leo at sapien finibus rutrum. Vivamus consectetur viverra erat. Nullam pretium mauris quis ultricies ultrices.”</p>
                            <h5 class="mb-0">Sandeep Chauhan</h5>
                            <small>Marketing Specialist</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                    <div class="card shadow-sm h-100 border-0">
                        <div class="card-body">
                            <p class="mb-4">“Phasellus dapibus nibh eu libero pharetra, interdum accu msan nunc purus ferm entum sagittis vestibulum nanatibus et magnis.”</p>
                            <h5 class="mb-0">Manasvi Suthar</h5>
                            <small>Creative Art Director</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Testimonial end-->

## Testimonial #5

Testimonial

## What our clients say

See what our clients have to say about their experience working with us and our team.

Our website redesign surpassed our expectations. Codescandy attention to detail and creativity resulted in a visually stunning and user-friendly site that immediately boosted our online presence.

#### Leon Campbell

Creative Director - Design agency

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia temporibus nobis esse, accusamus repellendus labore maiores dicta inventore optio perspiciatis Corrupti.

#### Christilla Lias

Co-Founder - Design agency

Ducimus repellendus dolores rerum, nihil magni veritatis deleniti adipisci alias vero, id similique ab debitis dolorem doloribus! Consectetur.

#### Leon Campbell

Web Designer - Design agency

Id maxime odio laborum aspernatur nisi illum dicta? Dolorum in saepe fugit. Aliquam, sit, rerum nihil labore ullam ducimus dolor odit vel rem voluptatibus dolores! Qui, obcaecati!

#### Mian Netwon

Lead Developer - Design agency

    <!--Our clients says start-->
    <section class="my-lg-7 py-6">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3 col-md-12">
                    <div class="text-center mb-5 mb-lg-7">
                        <small class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Testimonial</small>
                        <h2 class="mt-4">What our clients say</h2>
                        <p class="mb-0">See what our clients have to say about their experience working with us and our team.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 offset-lg-2 col-md-12">
                    <div class="tab-content mb-5" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-vercel" role="tabpanel" aria-labelledby="pills-vercel-tab" tabindex="0">
                            <div class="card shadow-sm">
                                <div class="card-body p-lg-6">
                                    <div class="mb-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                            <path
                                                d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                        </svg>
                                    </div>
                                    <p class="lead mb-7 text-dark">
                                        Our website redesign surpassed our expectations. Codescandy attention to detail and creativity resulted in a visually stunning and user-friendly site
                                        that immediately boosted our online presence.
                                    </p>
                                    <div class="d-flex align-items-center">
                                        <figure>
                                            <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                        </figure>
                                        <div class="ms-3">
                                            <h4 class="h5 mb-0">Leon Campbell</h4>
                                            <small>Creative Director - Design agency</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-netlify" role="tabpanel" aria-labelledby="pills-netlify-tab" tabindex="0">
                            <div class="card shadow-sm">
                                <div class="card-body p-lg-6">
                                    <div class="mb-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                            <path
                                                d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                        </svg>
                                    </div>
                                    <p class="lead mb-7 text-dark">
                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia temporibus nobis esse, accusamus repellendus labore maiores dicta inventore optio
                                        perspiciatis Corrupti.
                                    </p>
                                    <div class="d-flex align-items-center">
                                        <figure>
                                            <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                        </figure>
                                        <div class="ms-3">
                                            <h4 class="h5 mb-0">Christilla Lias</h4>
                                            <small>Co-Founder - Design agency</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-contentful" role="tabpanel" aria-labelledby="pills-contentful-tab" tabindex="0">
                            <div class="card shadow-sm">
                                <div class="card-body p-lg-6">
                                    <div class="mb-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                            <path
                                                d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                        </svg>
                                    </div>
                                    <p class="lead mb-7 text-dark">
                                        Ducimus repellendus dolores rerum, nihil magni veritatis deleniti adipisci alias vero, id similique ab debitis dolorem doloribus! Consectetur.
                                    </p>
                                    <div class="d-flex align-items-center">
                                        <figure>
                                            <img src="../assets/images/avatar/avatar-3.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                        </figure>
                                        <div class="ms-3 mb-0">
                                            <h4 class="h5 mb-0">Leon Campbell</h4>
                                            <small>Web Designer - Design agency</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-svelte" role="tabpanel" aria-labelledby="pills-svelte-tab" tabindex="0">
                            <div class="card shadow-sm">
                                <div class="card-body p-lg-6">
                                    <div class="mb-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-primary" viewBox="0 0 16 16">
                                            <path
                                                d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
                                        </svg>
                                    </div>
                                    <p class="lead mb-7 text-dark">
                                        Id maxime odio laborum aspernatur nisi illum dicta? Dolorum in saepe fugit. Aliquam, sit, rerum nihil labore ullam ducimus dolor odit vel rem
                                        voluptatibus dolores! Qui, obcaecati!
                                    </p>
                                    <div class="d-flex align-items-center">
                                        <figure>
                                            <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                        </figure>
                                        <div class="ms-3">
                                            <h4 class="h5 mb-0">Mian Netwon</h4>
                                            <small>Lead Developer - Design agency</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="nav justify-content-center nav-logo" id="pills-tabOne" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a
                                href="#!"
                                class="nav-link active"
                                id="pills-vercel-tab"
                                data-bs-toggle="pill"
                                data-bs-target="#pills-vercel"
                                role="tab"
                                aria-controls="pills-vercel"
                                aria-selected="true">
                                <figure>
                                    <img src="../assets/images/brand-logo/brand-logo-1.svg" alt="img" />
                                </figure>
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a
                                href="#!"
                                class="nav-link"
                                id="pills-netlify-tab"
                                data-bs-toggle="pill"
                                data-bs-target="#pills-netlify"
                                role="tab"
                                aria-controls="pills-netlify"
                                aria-selected="false">
                                <figure>
                                    <img src="../assets/images/brand-logo/brand-logo-3.svg" alt="img" />
                                </figure>
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a
                                href="#!"
                                class="nav-link"
                                id="pills-contentful-tab"
                                data-bs-toggle="pill"
                                data-bs-target="#pills-contentful"
                                role="tab"
                                aria-controls="pills-contentful"
                                aria-selected="false">
                                <figure>
                                    <img src="../assets/images/brand-logo/brand-logo-5.svg" alt="img" />
                                </figure>
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a
                                href="#!"
                                class="nav-link"
                                id="pills-svelte-tab"
                                data-bs-toggle="pill"
                                data-bs-target="#pills-svelte"
                                role="tab"
                                aria-controls="pills-svelte"
                                aria-selected="false">
                                <figure>
                                    <img src="../assets/images/brand-logo/brand-logo-7.svg" alt="img" />
                                </figure>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!--Our clients says end-->

## Testimonial #6

“I've had the pleasure of working with Block for many years on many projects. He is always willing to take on any challenge and will stop at nothing until he meets your expectations. He has a keen eye for detail and is someone I would recommend to anyone looking for design and development services.”

#### Jitu Chauhan

Front End Developers @codescandy

    <!--testmonial-->
    <div class="offset-xl-1 col-xl-10 col-lg-12 col-md-12 col-12">
        <div class="text-center mx-xl-7 my-5">
            <div class="mb-5">
                <img src="../assets/images/avatar/avatar-4.jpg" alt="Avatar" class="avatar avatar-xxl rounded-circle" />
            </div>
            <p class="lead mb-4">
                “I've had the pleasure of working with Block for many years on many projects. He is always willing to take on any challenge and will stop at nothing until he meets
                your expectations. He has a keen eye for detail and is someone I would recommend to anyone looking for design and development services.”
            </p>
            <div class="d-md-flex align-items-center justify-content-center">
                <h4 class="mb-0">Jitu Chauhan</h4>
                <small class="ms-2">Front End Developers @codescandy</small>
            </div>
        </div>
    </div>
    <!--testmonial-->

## Testimonial #7

“They’re disrupting a broken agency sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus poetus ipsum sed elit.”

##### Jitu Chauhan

Front End Developers @codescandy

    <!--testmonial start-->
    <section class="bg-light py-7">
        <div class="container">
            <div class="col-xxl-8 offset-xxl-2 col-md-12">
                <div class="row align-items-center">
                    <div class="col-md-4">
                        <div class="mb-5 mb-lg-0">
                            <img src="../assets/images/service/testimonial-service-img.jpg" alt="textmonial" class="img-fluid rounded-3" />
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="mb-4">
                            <p class="lead text-dark me-xl-6">
                                “They’re disrupting a broken agency sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus poetus ipsum sed elit.”
                            </p>
                        </div>
                        <div class="d-flex justify-content-between">
                            <div>
                                <h5 class="mb-0">Jitu Chauhan</h5>
                                <small>Front End Developers @codescandy</small>
                            </div>
                            <div>
                                <figure>
                                    <img src="../assets/images/brand-logo/brand-logo-1.svg" alt="brand" />
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--testmonial end-->

## Testimonial #8

## Client Testimonials

Beyond industry awards, our greatest recognition comes from the satisfaction of our clients.

"Our journey with [Your Company Name] has been nothing short of exceptional. Their team's expertise and commitment to delivering results have significantly contributed to our business growth. "

##### Jitu Chauhan

CTO, Codescandy

"As a startup, we were looking for a technology partner who could understand our unique needs and propel us forward. [Your Company Name] not only met but surpassed our expectations. "

##### Sandip Chauhan

Web Designer, Codescandy

"[Your Company Name] is not just a service provider; they are true partners. Their team's ability to translate our ideas into innovative solutions has been crucial to our digital transformation. "

##### Anita parmar

Lead Developer , Codescandy

     <div class="col-lg-6 col-12">
                                           <div class="d-flex flex-column gap-3 mb-6">
                                              <div>
                                                 <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                       d="M12.5 7.97559H5C4.46957 7.97559 3.96086 8.1863 3.58579 8.56137C3.21071 8.93644 3 9.44515 3 9.97559V17.9756C3 18.506 3.21071 19.0147 3.58579 19.3898C3.96086 19.7649 4.46957 19.9756 5 19.9756H12.5V20.9756C12.5 22.0365 12.0786 23.0539 11.3284 23.804C10.5783 24.5542 9.56087 24.9756 8.5 24.9756C8.23478 24.9756 7.98043 25.0809 7.79289 25.2685C7.60536 25.456 7.5 25.7104 7.5 25.9756C7.5 26.2408 7.60536 26.4952 7.79289 26.6827C7.98043 26.8702 8.23478 26.9756 8.5 26.9756C10.0908 26.9739 11.616 26.3413 12.7408 25.2164C13.8657 24.0915 14.4983 22.5664 14.5 20.9756V9.97559C14.5 9.44515 14.2893 8.93644 13.9142 8.56137C13.5391 8.1863 13.0304 7.97559 12.5 7.97559ZM12.5 17.9756H5V9.97559H12.5V17.9756ZM27 7.97559H19.5C18.9696 7.97559 18.4609 8.1863 18.0858 8.56137C17.7107 8.93644 17.5 9.44515 17.5 9.97559V17.9756C17.5 18.506 17.7107 19.0147 18.0858 19.3898C18.4609 19.7649 18.9696 19.9756 19.5 19.9756H27V20.9756C27 22.0365 26.5786 23.0539 25.8284 23.804C25.0783 24.5542 24.0609 24.9756 23 24.9756C22.7348 24.9756 22.4804 25.0809 22.2929 25.2685C22.1054 25.456 22 25.7104 22 25.9756C22 26.2408 22.1054 26.4952 22.2929 26.6827C22.4804 26.8702 22.7348 26.9756 23 26.9756C24.5908 26.9739 26.116 26.3413 27.2408 25.2164C28.3657 24.0915 28.9983 22.5664 29 20.9756V9.97559C29 9.44515 28.7893 8.93644 28.4142 8.56137C28.0391 8.1863 27.5304 7.97559 27 7.97559ZM27 17.9756H19.5V9.97559H27V17.9756Z"
                                                       fill="#8B3DFF" />
                                                 </svg>
                                              </div>
                                              <div>
                                                 <h2>Client Testimonials</h2>
                                                 <p class="mb-0">Beyond industry awards, our greatest recognition comes from the satisfaction of our clients.</p>
                                              </div>
                                           </div>
                                           <div
                                              class="swiper-container swiper"
                                              id="swiper-1"
                                              data-pagination-type=""
                                              data-speed="400"
                                              data-space-between="100"
                                              data-pagination="true"
                                              data-navigation="false"
                                              data-autoplay="true"
                                              data-autoplay-delay="3000"
                                              data-breakpoints='{"480": {"slidesPerView": 1}, "768": {"slidesPerView": 1}, "1024": {"slidesPerView": 1}}'>
                                              <div class="swiper-wrapper pb-6 mx-auto">
                                                 <div class="swiper-slide">
                                                    <div class="card shadow-sm">
                                                       <div class="card-body">
                                                          <div class="d-flex flex-column gap-4">
                                                             <div>
                                                                <p class="mb-0 fst-italic lead text-dark">
                                                                   "Our journey with [Your Company Name] has been nothing short of exceptional. Their team's expertise and commitment to delivering results
                                                                   have significantly contributed to our business growth. "
                                                                </p>
                                                             </div>
                                                             <div class="d-flex align-items-center gap-3">
                                                                <div>
                                                                   <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                                                                </div>
                                                                <div>
                                                                   <h5 class="mb-0">Jitu Chauhan</h5>
                                                                   <small>CTO, Codescandy</small>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>
                                                 <div class="swiper-slide">
                                                    <div class="card shadow-sm">
                                                       <div class="card-body">
                                                          <div class="d-flex flex-column gap-4">
                                                             <div>
                                                                <p class="mb-0 fst-italic lead text-dark">
                                                                   "As a startup, we were looking for a technology partner who could understand our unique needs and propel us forward. [Your Company Name]
                                                                   not only met but surpassed our expectations. "
                                                                </p>
                                                             </div>
                                                             <div class="d-flex align-items-center gap-3">
                                                                <div>
                                                                   <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                                                                </div>
                                                                <div>
                                                                   <h5 class="mb-0">Sandip Chauhan</h5>
                                                                   <small>Web Designer, Codescandy</small>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>
                                                 <div class="swiper-slide">
                                                    <div class="card shadow-sm">
                                                       <div class="card-body">
                                                          <div class="d-flex flex-column gap-4">
                                                             <div>
                                                                <p class="mb-0 fst-italic lead text-dark">
                                                                   "[Your Company Name] is not just a service provider; they are true partners. Their team's ability to translate our ideas into innovative
                                                                   solutions has been crucial to our digital transformation. "
                                                                </p>
                                                             </div>
                                                             <div class="d-flex align-items-center gap-3">
                                                                <div>
                                                                   <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                                                                </div>
                                                                <div>
                                                                   <h5 class="mb-0">Anita parmar</h5>
                                                                   <small>Lead Developer , Codescandy</small>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>
                                                 <!-- Add more slides as needed -->
                                              </div>
                                              <!-- Add Pagination -->
                                              <div class="swiper-pagination"></div>
                                              <!-- Add Navigation -->
                                              <div class="swiper-navigation">
                                                 <div class="swiper-button-next"></div>
                                                 <div class="swiper-button-prev"></div>
                                              </div>
                                           </div>
                                        </div>

## Testimonial #9

99% Result driven Feedback

## There’s a reason why our clients work with us

### SEO Case Study: Transforming Online Visibility for [Client Name]

32,000+ Visitor

Organic Traffic Increase

25%

Conversion Rate

69%

Return on Investment

See Airtable case study

### Top 3 rankings for key local search terms

1,42,525+ Visitor

Organic Traffic Increase

55%

Conversion Rate

89%

Return on Investment

See Amazon case study

### 150% increase in organic traffic in 6 months

12,320+ Visitor

Organic Traffic Increase

18%

Conversion Rate

213%

Return on Investment

See Linkedin case study

       <!-- testimonails section -->
       <section class="py-xl-8 py-lg-7 py-5 bg-light bg-opacity-50">
          <!--Logo section start-->
          <div class="container">
             <div class="row mb-6">
                <div class="col-12">
                   <div class="text-center">
                      <span class="text-success">99% Result driven Feedback</span>
                      <h2 class="mb-0">There’s a reason why our clients work with us</h2>
                   </div>
                </div>
             </div>

             <div class="row">
                <div class="col-12 offset-xl-1 col-xl-10">
                   <div
                      class="swiper-container swiper"
                      id="swiper-2"
                      data-pagination-type=""
                      data-speed="400"
                      data-space-between="100"
                      data-pagination="true"
                      data-navigation="false"
                      data-autoplay="true"
                      data-autoplay-delay="5000"
                      data-center-slides="false"
                      data-effect="fade"
                      data-breakpoints='{"480": {"slidesPerView": 1}, "768": {"slidesPerView": 1}, "1024": {"slidesPerView": 1}, "1200": {"slidesPerView": 1}}'>
                      <div class="swiper-wrapper pb-lg-8 pb-6 pt-1">
                         <div class="swiper-slide">
                            <div class="row align-items-center gy-4">
                               <div class="col-lg-6">
                                  <div class="">
                                     <img src="../assets/images/seo/case-study-img-1.jpg" alt="" class="img-fluid rounded-3 w-100" />
                                  </div>
                               </div>
                               <div class="col-lg-7 col-12 ms-lg-n10">
                                  <div class="card">
                                     <div class="card-body d-flex flex-column gap-4 p-6">
    <div class="d-flex flex-column gap-md-3">
       <div>
          <img src="../assets/images/landings/it-company/casestudy-logo-1.svg" alt="" />
       </div>
       <div>
          <h3 class="mb-3">SEO Case Study: Transforming Online Visibility for [Client Name]</h3>
          <div class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
             <div>
                <span class="text-primary">32,000+ Visitor</span>
                <p class="mb-0 fs-6">Organic Traffic Increase</p>
             </div>
             <div>
                <span class="text-primary">25%</span>
                <p class="mb-0 fs-6">Conversion Rate</p>
             </div>
             <div>
                <span class="text-primary">69%</span>
                <p class="mb-0 fs-6">Return on Investment </p>
             </div>
          </div>
       </div>
       <div class="mt-auto">
          <a href="#" class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
             See Airtable case study

             <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                class="bi bi-arrow-right"
                viewBox="0 0 16 16">
                <path
                   fill-rule="evenodd"
                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
             </svg>
          </a>
       </div>
    </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>

                         <div class="swiper-slide">
                            <div class="row align-items-center gy-4">
                               <div class="col-lg-6">
                                  <div class="">
                                     <img src="../assets/images/seo/case-study-img-2.jpg" alt="" class="img-fluid rounded-3 w-100" />
                                  </div>
                               </div>
                               <div class="col-lg-7 col-12 ms-lg-n10">
                                  <div class="card">
                                     <div class="card-body d-flex flex-column gap-4 p-6">
    <div>
       <img src="../assets/images/landings/it-company/casestudy-logo-5.svg" alt="" />
    </div>
    <div>
       <h3 class="mb-3">Top 3 rankings for key local search terms</h3>
       <div class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
          <div>
             <span class="text-primary">1,42,525+ Visitor</span>
             <p class="mb-0 fs-6">Organic Traffic Increase</p>
          </div>
          <div>
             <span class="text-primary">55%</span>
             <p class="mb-0 fs-6">Conversion Rate</p>
          </div>
          <div>
             <span class="text-primary">89%</span>
             <p class="mb-0 fs-6">Return on Investment </p>
          </div>
       </div>
    </div>
    <div class="mt-auto">
       <a href="#" class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
          See Amazon case study

          <svg
             xmlns="http://www.w3.org/2000/svg"
             width="16"
             height="16"
             fill="currentColor"
             class="bi bi-arrow-right"
             viewBox="0 0 16 16">
             <path
                fill-rule="evenodd"
                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
          </svg>
       </a>
    </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                         <div class="swiper-slide">
                            <div class="row align-items-center gy-4">
                               <div class="col-lg-6">
                                  <div class="">
                                     <img src="../assets/images/seo/case-study-img-3.jpg" alt="" class="img-fluid rounded-3 w-100" />
                                  </div>
                               </div>
                               <div class="col-lg-7 col-12 ms-lg-n10">
                                  <div class="card">
                                     <div class="card-body d-flex flex-column gap-4 p-6">
    <div>
       <img src="../assets/images/landings/it-company/casestudy-logo-4.svg" alt="" />
    </div>
    <div>
       <h3 class="mb-3">150% increase in organic traffic in 6 months</h3>
       <div class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
          <div>
             <span class="text-primary">12,320+ Visitor</span>
             <p class="mb-0 fs-6">Organic Traffic Increase</p>
          </div>
          <div>
             <span class="text-primary">18%</span>
             <p class="mb-0 fs-6">Conversion Rate</p>
          </div>
          <div>
             <span class="text-primary">213%</span>
             <p class="mb-0 fs-6">Return on Investment </p>
          </div>
       </div>
    </div>
    <div class="mt-auto">
       <a href="#" class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
          See Linkedin case study

          <svg
             xmlns="http://www.w3.org/2000/svg"
             width="16"
             height="16"
             fill="currentColor"
             class="bi bi-arrow-right"
             viewBox="0 0 16 16">
             <path
                fill-rule="evenodd"
                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
          </svg>
       </a>
    </div>
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                         <!-- Add Pagination -->
                         <div class="swiper-pagination"></div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </section>
     <!-- testimonails section -->

## Testimonial #10

Reviews

## The reviews speak for themselves

Your security and privacy at the heart of [App name] , because we know there’s no room for compromise when it comes to money.

4.8 / 5
8,500+ reviews

"This app has completely transformed how I manage my money. I've saved over $500 in just two months. It's intuitive and easy to use, and I love the budgeting feature!"

Sarah J.

"I finally feel in control of my finances. The expense categorization and savings goals have been game-changers for me. Highly recommend this app to anyone looking to get their finances in order."

Mark P.

"As someone who was always bad with money, this app has been a lifesaver. It’s like having a personal financial advisor in my pocket. Tracking my spending has never been easier."

Emily R.

"As someone who was always bad with money, this app has been a lifesaver. It’s like having a personal financial advisor in my pocket. Tracking my spending has never been easier."

Emily R.

"As someone who was always bad with money, this app has been a lifesaver. It’s like having a personal financial advisor in my pocket. Tracking my spending has never been easier."

Emily R.
Read more reviews on the App Store or Play Store

      <!--Reviews-->
                                     <section class="py-xl-9 py-6">
                                        <div class="container">
                                           <div class="bg-light-subtle rounded-4 py-xl-10 py-8 px-5">
                                              <div class="row">
                                                 <div class="col-lg-8 offset-lg-2 col-12">
                                                    <div class="d-flex flex-column gap-4 mb-5 mb-lg-9 text-center">
                                                       <div class="d-flex justify-content-center">
                                                          <span class="badge bg-white text-primary border border-light-subtle rounded-pill text-uppercase fw-semibold py-2 px-3 small ls-md">Reviews</span>
                                                       </div>
                                                       <div>
                                                          <div class="d-flex flex-column gap-2">
                                                             <h2 class="mb-0 display-6">The reviews speak for themselves</h2>
                                                             <p class="mb-0 px-xxl-8">
                                                                Your security and privacy at the heart of
                                                                <span class="text-primary">[App name]</span>
                                                                , because we know there’s no room for compromise when it comes to money.
                                                             </p>
                                                          </div>
                                                       </div>
                                                       <div class="d-flex flex-row lh-1 justify-content-center gap-3">
                                                          <span>4.8 / 5</span>
                                                          <span>
                                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                                                <path
                                                                   d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                             </svg>
                                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                                                <path
                                                                   d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                             </svg>
                                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                                                <path
                                                                   d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                             </svg>
                                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                                                                <path
                                                                   d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                             </svg>
                                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-star-half text-warning" viewBox="0 0 16 16">
                                                                <path
                                                                   d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                             </svg>
                                                          </span>
                                                          <span class="border-bottom pb-1">8,500+ reviews</span>
                                                       </div>
                                                    </div>
                                                 </div>
                                              </div>
                                              <div class="row">
                                                 <div class="col-lg-10 offset-lg-1">
                                                    <div
                                                       class="swiper-container swiper"
                                                       id="swiper-1"
                                                       data-pagination-type=""
                                                       data-speed="400"
                                                       data-space-between="100"
                                                       data-pagination="true"
                                                       data-navigation="false"
                                                       data-autoplay="false"
                                                       data-autoplay-delay="3000"
                                                       data-breakpoints='{"480": {"slidesPerView": 1}, "768": {"slidesPerView": 2}, "1400": {"slidesPerView": 3}}'>
                                                       <div class="swiper-wrapper mb-6 pb-6">
                                                          <div class="swiper-slide pt-4">
                                                             <div class="card shadow-sm border-0">
                                                                <div class="icon-shape icon-xxl rounded-circle bg-light-subtle mx-auto mt-n4">
                                                                   <div class="bg-white icon-shape icon-lg rounded-circle shadow-lg">
                                                                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-quote text-info" viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
                                                                      </svg>
                                                                   </div>
                                                                </div>

                                                                <div class="card-body p-5 d-flex flex-column gap-5 position-relative">
                                                                   <div class="d-flex flex-column gap-5">
                                                                      <p class="mb-0">
                                                                         "This app has completely transformed how I manage my money. I've
                                                                         <span class="text-primary">saved over $500</span>
                                                                         in just two months. It's intuitive and easy to use, and I love the budgeting feature!"
                                                                      </p>
                                                                   </div>
                                                                   <div class="d-flex flex-column gap-1">
                                                                      <span>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-half text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                                         </svg>
                                                                      </span>
                                                                      <span class="text-dark">Sarah J.</span>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide pt-4">
                                                             <div class="card shadow-sm border-0">
                                                                <div class="icon-shape icon-xxl rounded-circle bg-light-subtle mx-auto mt-n4">
                                                                   <div class="bg-white icon-shape icon-lg rounded-circle shadow-lg">
                                                                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-quote text-info" viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
                                                                      </svg>
                                                                   </div>
                                                                </div>
                                                                <div class="card-body p-5 d-flex flex-column gap-5 position-relative">
                                                                   <div class="d-flex flex-column gap-5">
                                                                      <p class="mb-0">
                                                                         "I finally feel in control of my finances. The expense
                                                                         <span class="text-primary">categorization and savings goals</span>
                                                                         have been game-changers for me. Highly recommend this app to anyone looking to get their finances in order."
                                                                      </p>
                                                                   </div>
                                                                   <div class="d-flex flex-column gap-1">
                                                                      <span>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-half text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                                         </svg>
                                                                      </span>
                                                                      <span class="text-dark">Mark P.</span>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide pt-4">
                                                             <div class="card shadow-sm border-0">
                                                                <div class="icon-shape icon-xxl rounded-circle bg-light-subtle mx-auto mt-n4">
                                                                   <div class="bg-white icon-shape icon-lg rounded-circle shadow-lg">
                                                                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-quote text-info" viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
                                                                      </svg>
                                                                   </div>
                                                                </div>
                                                                <div class="card-body p-5 d-flex flex-column gap-5 position-relative">
                                                                   <div class="d-flex flex-column gap-5">
                                                                      <p class="mb-0">
                                                                         "As someone who was always bad with money, this app has been a lifesaver. It’s like having a
                                                                         <span class="text-primary">personal financial advisor</span>
                                                                         in my pocket. Tracking my spending has never been easier."
                                                                      </p>
                                                                   </div>
                                                                   <div class="d-flex flex-column gap-1">
                                                                      <span>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-half text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                                         </svg>
                                                                      </span>
                                                                      <span class="text-dark">Emily R.</span>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide pt-4">
                                                             <div class="card shadow-sm border-0">
                                                                <div class="icon-shape icon-xxl rounded-circle bg-light-subtle mx-auto mt-n4">
                                                                   <div class="bg-white icon-shape icon-lg rounded-circle shadow-lg">
                                                                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-quote text-info" viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
                                                                      </svg>
                                                                   </div>
                                                                </div>
                                                                <div class="card-body p-5 d-flex flex-column gap-5 position-relative">
                                                                   <div class="d-flex flex-column gap-5">
                                                                      <p class="mb-0">
                                                                         "As someone who was always bad with money, this app has been a lifesaver. It’s like having a
                                                                         <span class="text-primary">personal financial advisor</span>
                                                                         in my pocket. Tracking my spending has never been easier."
                                                                      </p>
                                                                   </div>
                                                                   <div class="d-flex flex-column gap-1">
                                                                      <span>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-half text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                                         </svg>
                                                                      </span>
                                                                      <span class="text-dark">Emily R.</span>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="swiper-slide pt-4">
                                                             <div class="card shadow-sm border-0">
                                                                <div class="icon-shape icon-xxl rounded-circle bg-light-subtle mx-auto mt-n4">
                                                                   <div class="bg-white icon-shape icon-lg rounded-circle shadow-lg">
                                                                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-quote text-info" viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
                                                                      </svg>
                                                                   </div>
                                                                </div>
                                                                <div class="card-body p-5 d-flex flex-column gap-5 position-relative">
                                                                   <div class="d-flex flex-column gap-5">
                                                                      <p class="mb-0">
                                                                         "As someone who was always bad with money, this app has been a lifesaver. It’s like having a
                                                                         <span class="text-primary">personal financial advisor</span>
                                                                         in my pocket. Tracking my spending has never been easier."
                                                                      </p>
                                                                   </div>
                                                                   <div class="d-flex flex-column gap-1">
                                                                      <span>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-fill text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                                                                         </svg>
                                                                         <svg
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            width="14"
                                                                            height="14"
                                                                            fill="currentColor"
                                                                            class="bi bi-star-half text-warning"
                                                                            viewBox="0 0 16 16">
                                                                            <path
                                                                               d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z" />
                                                                         </svg>
                                                                      </span>
                                                                      <span class="text-dark">Emily R.</span>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <!-- Add more slides as needed -->
                                                       </div>
                                                       <!-- Add Pagination -->
                                                       <div class="swiper-pagination"></div>
                                                       <!-- Add Navigation -->
                                                       <div class="swiper-navigation">
                                                          <div class="swiper-button-next"></div>
                                                          <div class="swiper-button-prev"></div>
                                                       </div>
                                                    </div>
                                                 </div>
                                                 <div class="col-12">
                                                    <div class="text-center">
                                                       <span>
                                                          Read more reviews on the
                                                          <a href="#!" class="border-bottom pb-1">App Store</a>
                                                          or
                                                          <a href="#!" class="border-bottom pb-1">Play Store</a>
                                                       </span>
                                                    </div>
                                                 </div>
                                              </div>
                                           </div>
                                        </div>
                                     </section>
                                     <!--Reviews-->