<!--About Three Start -->
<section class="about-three">
    <div class="about-three__shape-2 float-bob-x">
        <img src="assets/images/shapes/about-three-shape-2.png" alt="">
    </div>
    <div class="about-three__shape-3 float-bob-y">
        <img src="assets/images/shapes/about-three-shape-3.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-6">
                <div class="about-three__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                    <div class="about-three__img-box">
                        <div class="about-three__img">
                            <img src="assets/images/resources/about-three-img-1.jpg" alt="">
                        </div>
                        <div class="about-three__img-two">
                            <img src="assets/images/resources/about-three-img-2.jpg" alt="">
                        </div>
                        <div class="about-three__satisfied-box img-bounce">
                            <div class="about-three__satisfied-box-inner">
                                <div class="about-three__satisfied-icon">
                                    <span class="icon-scales-of-justice"></span>
                                </div>
                                <div class="about-three__satisfied-count-box">
                                    <div class="about-three__satisfied-count">
                                        <h3 class="odometer" data-count="4356">00</h3>
                                        <span>+</span>
                                    </div>
                                    <p class="about-three__satisfied-count-text">Satisfied Client</p>
                                </div>
                            </div>
                            <div class="about-three__satisfied-box-shape"></div>
                        </div>
                        <div class="about-three__video-link">
                            <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                <div class="about-three__video-icon">
                                    <span class="fa fa-play"></span>
                                    <i class="ripple"></i>
                                </div>
                            </a>
                        </div>
                        <div class="about-three__high-quality-service-box">
                            <div class="about-three__high-quality-service">
                                <h5>Best Lawyer For You</h5>
                                <a href="about.php">Read More <span class="fas fa-arrow-right"></span> </a>
                            </div>
                        </div>
                    </div>
                    <div class="about-three__shape-1"></div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="about-three__right">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">About Us</span>
                            <div class="section-title__tagline-shape"></div>
                        </div>
                        <h2 class="section-title__title title-animation">Judges That Fights For Your
                            <span>Freedom</span>
                        </h2>
                    </div>
                    <p class="about-three__text">Unlock your brand's full potential with our all-encompassing
                        solutions, crafted to elevate visibility, drive growth, and bolster your market
                        position. Our strategies go beyond boosting brand
                    </p>
                    <div class="about-three__points-box">
                        <ul class="about-three__points list-unstyled">
                            <li>
                                <div class="icon">
                                    <span class="icon-comment"></span>
                                </div>
                                <p>Pre-file Investigation</p>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-comment"></span>
                                </div>
                                <p>Probation Violations</p>
                            </li>
                        </ul>
                        <ul class="about-three__points list-unstyled">
                            <li>
                                <div class="icon">
                                    <span class="icon-comment"></span>
                                </div>
                                <p>Illegal Search &amp; Seizure</p>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-comment"></span>
                                </div>
                                <p>Professional liability</p>
                            </li>
                        </ul>
                    </div>
                    <div class="about-three__progress-box">
                        <div class="about-three__progress-single">
                            <div class="graph-outer">
                                <input type="text" class="dial" data-fgColor="#c1b79a" data-bgColor="#222222"
                                    data-width="90" data-height="90" data-linecap="normal" value="95">
                                <div class="inner-text count-box"><span class="count-text" data-stop="95"
                                        data-speed="2000"></span><span class="count-Parsent">%</span>
                                </div>
                            </div>
                            <div class="about-three__progress-text-box">
                                <h4>Clients Case<br>Solved</h4>
                            </div>
                        </div>
                        <div class="about-three__progress-single">
                            <div class="graph-outer">
                                <input type="text" class="dial" data-fgColor="#c1b79a" data-bgColor="#222222"
                                    data-width="90" data-height="90" data-linecap="normal" value="98">
                                <div class="inner-text count-box"><span class="count-text" data-stop="98"
                                        data-speed="2000"></span><span class="count-Parsent">%</span>
                                </div>
                            </div>
                            <div class="about-three__progress-text-box">
                                <h4>Clients Case<br>Won</h4>
                            </div>
                        </div>
                    </div>
                    <div class="about-three__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>
        </div>
    </div>
</section>
<!--About Three End -->