Error accessing the API.<section class="section job-hero-section bg-light pb-0" id="hero">
    <div class="container" style="max-width: 80% !important;">
        <div class="row justify-content-between align-items-center">
            <div class="col-lg-6">
                <div>
                    <h1 class="display-6 fw-bold text-capitalize mb-3 lh-base" style="font-size: 26pt !important;"></h1>
                    <p class="lead text-muted fw-normal lh-base mb-4">
                                            </p>
                    <ul class="treding-keywords list-inline mb-0 mt-1 fs-13">
                        <li class="list-inline-item text-danger fw-semibold"><i class="ri-price-tag-3-line align-middle"></i> Category: </li>
                        <li class="list-inline-item"><a href="javascript:void(0)"></a></li>
                        <li class="list-inline-item text-danger fw-semibold ms-2"><i class="ri-time-line align-middle"></i> Date: </li>
                        <li class="list-inline-item"><a href="javascript:void(0)"></a></li>
                        <li class="list-inline-item text-danger fw-semibold ms-2"><i class="ri-map-pin-2-line align-middle"></i> Location: </li>
                        <li class="list-inline-item"><a href="javascript:void(0)"></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="position-relative home-img text-center mt-5 mt-lg-0">
                    <img src="mainback.PNG" alt="" class="user-img" style="width:100% !important;">

                    <div class="circle-effect">
                        <div class="circle"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="page-content pb-2 pt-0">
    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title pt-2 pb-3">Matched lawyer to verify and execute</h5>
                <div class="row">
                                    </div>
            </div>
        </div>
    </div>
</div>



    <div class="customizer-setting d-none d-md-block">
    <div class="btn-primary rounded-pill shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
        <i class='mdi mdi-spin mdi-cog-outline fs-22'></i>
    </div>
</div>
<div class="page-content pt-0 mt-0">
    <div class="container-fluid pt-0">
        <div class="col-xl-12">
            <div class="card overflow-hidden">
                <div class="card-body bg-marketplace d-flex">
                    <div class="flex-grow-1">
                        <h4 class="fs-18 lh-base fw-bold mb-0">Have your lawyer in your pocket!
                            <br> Download our FREE App
                        </h4>
                        <p class="mb-0 mt-2 pt-1 text-muted">Ask legal questions from AI lawyer</p>
                        <p class="mb-0 mt-2 pt-1 text-muted">We find experienced lawyers around you to verify and execute</p>
                        <div class="d-flex gap-3 mt-4">
                            <a href="https://apps.apple.com/app/lawyer-finder/id6450368961" target="_blank"><img src="ios.svg" style="height: 38px !important;" /> </a>
                            <a href="https://play.google.com/store/apps/details?id=com.ni.LawyerFinder" target="_blank"><img src="android.svg" style="height: 38px !important;" /></a>
                        </div>
                    </div>
                    <img src="app.png" style="height: 200px; margin-bottom: -20px;" alt="" class="img-fluid">
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                May 9, 2024            </div>
            <div class="col-sm-6">
                <div class="text-sm-end d-none d-sm-block">
                Designed & Developed by Lextodoc™. All Rights Reserved. © 2023 Lextodoc Inc.
                </div>
            </div>
        </div>
    </div>
</footer>
</div>
</div>


<button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
    <i class="ri-arrow-up-line"></i>
</button>




<script src="vendors/toastr/toastr.min.js"></script>
<script src="vendors/js/layout.js"></script>
<script src="vendors/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendors/libs/simplebar/simplebar.min.js"></script>
<script src="vendors/libs/node-waves/waves.min.js"></script>
<script src="vendors/libs/feather-icons/feather.min.js"></script>
<script src="vendors/js/pages/plugins/lord-icon-2.1.0.js"></script>
<script src="vendors/js/plugins.js"></script>
<script src="vendors/js/app.js"></script>
<script src="vendors/libs/list.js/list.min.js"></script>
<script src="vendors/libs/sweetalert2/sweetalert2.all.min.js"></script>
<script src="vendors/libs/list.pagination.js/list.pagination.min.js"></script>
<script src="vendors/js/jquery.dataTables.min.js"></script>
<script src="vendors/js/dataTables.bootstrap5.min.js"></script>
<script src="vendors/js/dataTables.responsive.min.js"></script>
<script src="vendors/js/dataTables.buttons.min.js"></script>
<script src="vendors/js/buttons.print.min.js"></script>
<script src="vendors/js/buttons.html5.min.js"></script>
<script src="vendors/js/vfs_fonts.js"></script>
<script src="vendors/js/pdfmake.min.js"></script>
<script src="vendors/js/jszip.min.js"></script>
<script src="vendors/js/pages/datatables.init.js"></script>
<script src="vendors/js/select2.min.js"></script>
<script src="vendors/js/pages/select2.init.js"></script>

</body>

</html>