<!-- Counter One Start -->
<section class="counter-one">
    <div class="counter-one__bg-box">
        <div class="counter-one__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
            style="background-image: url(assets/images/backgrounds/counter-one-bg.jpg);"></div>
    </div>
    <div class="container">
        <div class="counter-one__top">
            <div class="section-title text-left sec-title-animation animation-style2">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Fun Facts</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Hundreds of Customers Trust <br> in Our
                    <span>Expert Attorneys</span>
                </h2>
            </div>
            <div class="counter-one__btn-box">
                <a href="about.php" class="thm-btn">
                    <span class="thm-btn-text">Learn More</span>
                    <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                </a>
            </div>
        </div>
        <div class="counter-one__bottom">
            <div class="row">
                <!-- Counter One Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="counter-one__single">
                        <div class="counter-one__icon">
                            <span class="icon-scales-of-justice"></span>
                        </div>
                        <div class="counter-one__content">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="879">00</h3>
                                <span>+</span>
                            </div>
                            <p class="counter-one__text">Successful Case</p>
                        </div>
                    </div>
                </div>
                <!-- Counter One Single End -->
                <!-- Counter One Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="200ms">
                    <div class="counter-one__single">
                        <div class="counter-one__icon">
                            <span class="icon-review"></span>
                        </div>
                        <div class="counter-one__content">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="650">00</h3>
                                <span>+</span>
                            </div>
                            <p class="counter-one__text">Satisfied Clients</p>
                        </div>
                    </div>
                </div>
                <!-- Counter One Single End -->
                <!-- Counter One Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                    <div class="counter-one__single">
                        <div class="counter-one__icon">
                            <span class="icon-attorney"></span>
                        </div>
                        <div class="counter-one__content">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="650">00</h3>
                                <span>+</span>
                            </div>
                            <p class="counter-one__text">Expert Attorneys</p>
                        </div>
                    </div>
                </div>
                <!-- Counter One Single End -->
                <!-- Counter One Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="200ms">
                    <div class="counter-one__single">
                        <div class="counter-one__icon">
                            <span class="icon-trophy"></span>
                        </div>
                        <div class="counter-one__content">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="89">00</h3>
                                <span>+</span>
                            </div>
                            <p class="counter-one__text">Award Winning</p>
                        </div>
                    </div>
                </div>
                <!-- Counter One Single End -->
            </div>
        </div>
    </div>
</section>
<!-- Counter One End -->