<!--Skill One Start -->
<section class="skill-one">
    <div class="skill-one__shape-1">
        <img src="assets/images/shapes/skill-one-shape-1.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="skill-one__left">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">Our Skill</span>
                            <div class="section-title__tagline-shape"></div>
                        </div>
                        <h2 class="section-title__title title-animation">What We Are
                            <span>Good At?</span>
                        </h2>
                    </div>
                    <p class="skill-one__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                        consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore
                        et dolore ma gnam aliquam quaerat voluptatem. Ut enim ad minima veniam,</p>
                    <div class="skill-one__progress-box">
                        <h3 class="skill-one__progress-title">Our Skill</h3>
                        <div class="progress-box">
                            <div class="bar-title">Legislation</div>
                            <div class="bar">
                                <div class="bar-inner count-bar" data-percent="70%">
                                    <div class="count-box">
                                        <span class="count-text" data-stop="70" data-speed="1500">0</span>%
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="progress-box">
                            <div class="bar-title">Judges Experience</div>
                            <div class="bar">
                                <div class="bar-inner count-bar" data-percent="80%">
                                    <div class="count-box">
                                        <span class="count-text" data-stop="80" data-speed="1500">0</span>%
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="progress-box">
                            <div class="bar-title">Family Law</div>
                            <div class="bar">
                                <div class="bar-inner count-bar" data-percent="95%">
                                    <div class="count-box">
                                        <span class="count-text" data-stop="95" data-speed="1500">0</span>%
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="progress-box">
                            <div class="bar-title">Cases Success</div>
                            <div class="bar">
                                <div class="bar-inner count-bar" data-percent="98%">
                                    <div class="count-box">
                                        <span class="count-text" data-stop="98" data-speed="1500">0</span>%
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6">
                <div class="skill-one__right">
                    <div class="skill-one__right-img-box wow slideInRight" data-wow-delay="100ms"
                        data-wow-duration="2500ms">
                        <div class="skill-one__right-img">
                            <img src="assets/images/resources/skill-1-1.jpg" alt="">
                            <div class="skill-one__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="skill-one__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="skill-one__video-content">
                            <p>Our Streamlined Legal Process Success</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Skill One End -->