<style>
        #app4legal-footer {
            background-color: #2d83be;
            max-width: 1200px;
        }
        
        #app4legal-footer-resources {
            text-align: center;
        }
        
        #app4legal-footer-resources ul {
            list-style: none;
            width: 100%;
        }
        
        #app4legal-footer-resources ul li {
            text-align: leftright;
            margin-bottom: 10px;
        }
        
        #app4legal-footer-resources ul a {
            text-decoration: none;
            color: #ffffff;
        }
        
        #app4legal-footer-description {
            color: #ffffff;
            width: 100% !important;
        }
        
        #app4legal-footer-resources-title-container {
            height: 33px;
        }
        
        #app4legal-footer-social {
            text-align: center;
            margin-top: 20px;
            width: 100% !important;
        }
        
        #app4legal-footer-social a {
            text-decoration: none;
            color: #ffffff;
            font-size: 22px;
            margin: 10px;
        }
        
        #app4legal-footer-copyright {
            color: #ffffff;
            text-align: center;
            background-color: #2b72a3;
            margin-top: 25px;
            padding: 5px;
            width: 100% !important;
            margin: 0px !important;
        }
        
        @media screen and (max-width: 575px) {
            #app4legal-footer-resources ul li {
                width: fit-content;
                margin-right: auto;
                margin-left: auto;
            }
            #app4legal-resources-list-container {
                width: fit-content;
                margin: auto;
            }
            #app4legal-footer-resources-title-container {
                margin-top: 20px;
                margin-bottom: 20px;
            }
            #app4legal-footer-resources-title-container div {
                width: fit-content;
            }
            #app4legal-footer-description {
                text-align: center;
            }
        }
    </style>

    <div id="app4legal-footer" class="container-fluid pt-5 p-0">
        <div id="app4legal-footer-description" class="row justify-content-center px-5">
            <div class="col-lg-5 col-xsm-5">
                <div>
                    <img src="https://documentation.app4legal./imagescom/download/attachments/83107096/app4legal-_white-_fit.png?api=v2" />
                </div>

                <div class="mt-4">
                    برنامج متكامل لجميع الممارسين القانونيين لإدارة ومتابعة كافة الأنشطة القانونية
                </div>
            </div>

            <div class="col-1">

            </div>

            <div id="app4legal-footer-resources" class="col-lg-4 col-xsm-5">
                <div>
                    <ul class="p-0 list-inline d-inline-block mt-lg-0 mt-4">
                        <div id="app4legal-footer-resources-title-container" class="row">
                            <div class="col-12 text-leftright m-auto p-0">
                                <b>المصادر</b>
                            </div>
                        </div>
                        <div id="app4legal-resources-list-container" class="row mt-lg-4 d-sm-flex d-block">
                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-info-circle"></i>
                                <a href="https://app4legal.com/ar">من نحن</a>
                            </li>

                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-clipboard-list"></i>
                                <a href="">ملاحظات الإصدار</a>
                            </li>

                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-comments"></i>
                                <a href="https://www.app4legal.com/ar/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7">تواصل معنا</a>
                            </li>

                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-question-circle"></i>
                                <a href="https://documentation.app4legal.com/x/WJkkBQ">الأسئلة المتكررة</a>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>

        <div id="app4legal-footer-social" class="row px-5">
            <div class="col-12">
                <a href="">
                    <i class="fab fa-facebook"></i>
                </a>

                <a href="">
                    <i class="fab fa-twitter"></i>
                </a>

                <a href="">
                    <i class="fab fa-linkedin"></i>
                </a>

                <a href="">
                    <i class="fab fa-youtube"></i>
                </a>
            </div>
        </div>
    </div>

    <div id="app4legal-footer-copyright" class="row">
        <div class="col-12">

        </div>
    </div>