<!-- Case Three Start -->
<section class="case-three">
    <div class="case-three__bg-box">
        <div class="case-three__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
            style="background-image: url(assets/images/backgrounds/case-three-bg.jpg);">
        </div>
    </div>
    <div class="container">
        <div class="section-title text-center sec-title-animation animation-style1">
            <div class="section-title__tagline-box">
                <span class="section-title__tagline">Case Studies</span>
                <div class="section-title__tagline-shape"></div>
            </div>
            <h2 class="section-title__title title-animation">Your Partner in <br>
                <span>Legal Success</span>
            </h2>
        </div>
        <div class="case-three__filter-box">
            <ul class="case-three__filter style1 post-filter list-unstyled clearfix">
                <li data-filter=".filter-item" class="active"><span class="filter-text">View All</span>
                </li>
                <li data-filter=".business"><span class="filter-text">Business Law</span></li>
                <li data-filter=".family"><span class="filter-text">Family Law</span></li>
                <li data-filter=".insurance"><span class="filter-text">Insurance Defence</span></li>
                <li data-filter=".industrial"><span class="filter-text">Industrial Law</span></li>
                <li data-filter=".real-estate"><span class="filter-text">Real Estate Law</span></li>
            </ul>
        </div>
        <div class="case-three__bottom">
            <div class="row filter-layout">
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business real-estate">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-1.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-1.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Initial Consultation</a></h3>
                                    <p>Family Law</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business family insurance">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-2.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-2.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Legal Education</a></h3>
                                    <p>Accident</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business family industrial real-estate">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-3.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-3.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Medical Negligence</a></h3>
                                    <p>Civil</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business family insurance">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-4.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-4.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Client Consultation</a></h3>
                                    <p>Parental Rights</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business family">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-5.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-5.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Preliminary Meeting</a></h3>
                                    <p>Custody Disputes</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item industrial real-estate">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-6.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-6.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Legal Advice</a></h3>
                                    <p>Divorce Cases</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business family insurance real-estate">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-7.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-1.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Case Consultation</a></h3>
                                    <p>Family Law</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
                <!-- Case Three Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 filter-item business insurance real-estate">
                    <div class="case-three__single">
                        <div class="case-three__img-box">
                            <div class="case-three__img">
                                <img src="assets/images/case/case-three-1-8.jpg" alt="">
                                <div class="case-three__content-box">
                                    <div class="case-three__icon-box">
                                        <a href="assets/images/case/case-three-1-8.jpg" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="case-details.php">Introductory Discussion</a></h3>
                                    <p>Civil Unions</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Case Three Single End -->
            </div>
        </div>
    </div>
</section>
<!-- Case Three End -->