<!--About Two Start -->
<section class="about-two">
    <div class="about-two__shape-2 float-bob-x">
        <img src="assets/images/shapes/about-two-shape-2.png" alt="">
    </div>
    <div class="about-two__shape-3 float-bob-y">
        <img src="assets/images/shapes/about-two-shape-3.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-6">
                <div class="about-two__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                    <div class="about-two__img-box">
                        <div class="about-two__img">
                            <img src="assets/images/resources/about-two-img-1.jpg" alt="">
                        </div>
                        <div class="about-two__img-two">
                            <img src="assets/images/resources/about-two-img-2.jpg" alt="">
                        </div>
                        <div class="about-two__img-content">
                            <div class="progress-box">
                                <div class="graph-outer">
                                    <input type="text" class="dial" data-fgColor="#ffffff" data-bgColor="#222222"
                                        data-width="75" data-height="75" 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>
                            <div class="text-box">
                                <h4>Clients Case<br>Solved</h4>
                            </div>
                        </div>
                        <div class="about-two__video-link">
                            <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                <div class="about-two__video-icon">
                                    <span class="fa fa-play"></span>
                                    <i class="ripple"></i>
                                </div>
                            </a>
                        </div>
                        <div class="about-two__shape-1"></div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="about-two__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-two__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-two__points-and-vission-mission">
                        <div class="about-two__points-box">
                            <ul class="about-two__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>
                                <li>
                                    <div class="icon">
                                        <span class="icon-comment"></span>
                                    </div>
                                    <p>Illegal Search & Seizure</p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-comment"></span>
                                    </div>
                                    <p>Professional liability</p>
                                </li>
                            </ul>
                            <div class="about-two__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="about-two__vission-mission">
                            <div class="about-two__tab-box tabs-box">
                                <ul class="tab-buttons clearfix list-unstyled">
                                    <li data-tab="#vission" class="tab-btn active-btn">
                                        <span>vission</span>
                                    </li>
                                    <li data-tab="#mission" class="tab-btn">
                                        <span>mission</span>
                                    </li>
                                </ul>
                                <div class="tabs-content">
                                    <!--tab-->
                                    <div class="tab active-tab" id="vission">
                                        <div class="tabs-content__inner">
                                            <p>Lorem ipsum dolor sit amet, consec tetur
                                                adipiscing elit, sed
                                                do
                                                eiusmod tempor incididunt ut labore et
                                                dolore magna aliqua.
                                                Quis
                                                ipsum suspendisse ultrices gravida.
                                                Risus commodo viverra
                                                maecenas </p>
                                        </div>
                                    </div>
                                    <!--tab-->
                                    <!--tab-->
                                    <div class="tab" id="mission">
                                        <div class="tabs-content__inner">
                                            <p>Lorem ipsum dolor sit amet, consectetur
                                                adipiscing elit, sed do
                                                eiusmod tempor incididunt ut labore et
                                                dolore magna aliqua. Quis
                                                ipsum suspendisse ultrices gravida.
                                                Risus commodo viverra
                                                maecenas </p>
                                        </div>
                                    </div>
                                    <!--tab-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="about-two__bottom">
                        <div class="about-two__founder">
                            <div class="about-two__founder-img-box">
                                <img src="assets/images/resources/about-two-founder-img-1.jpg" alt="">
                            </div>
                            <div class="about-two__founder-text-box">
                                <h4>Adam Milne</h4>
                                <p>Founder & CEO</p>
                            </div>
                        </div>

                        <div class="about-two__signature">
                            <img src="assets/images/shapes/about-two-founder-sign.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--About Two End -->