<div style="background-color: #F8FAFC; padding: 30px 0px;">
<br>
<div style="text-align: center;"><h2>Need More Help?</h2></div>
<div class="dual-columns standard-dual-section contact-us-section" style="max-width: 900px; margin: 0 auto;">
    <div class="left-column single-column">
	  <i class="fas fa-video"></i>
      <h3 class="blue-text">Video Tutorials</h3>
      <p>Learn new skills through our comprehensive video tutorials.</p>
	  <br>
	  <a href="https://www.youtube.com/@App4Legal/playlists">Watch Now</a>
    </div>
    <div class="right-column single-column">
	  <i class="fas fa-envelope"></i>
      <h3 class="blue-text">Contact Us</h3>
      <p>Submit a request for assistance from our dedicated support team.</p>
	  <br>
	  <a href="mailto:help@app4legal.com">Get in Touch</a>
    </div>
</div>

<style>
.contact-us-section{
	text-align:center;
}
.contact-us-section p{
	color: #000000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
	padding: 0px 10px;
}
.contact-us-section i{
	font-size:20px;
	color: #155495;
}
.contact-us-section h3{
	margin: 10px !important;
}

.contact-us-section a{
	padding: 8px 25px;
    background-color: #155495;
    color: white !important;
    border-radius: 50px;
    font-weight: 500;
}

@media (min-width: 900px) {
    .contact-us-section {
        padding: 30px 0px !important;
    }
}

.contact-us-section .single-column{
	border: solid 1px #d0d0d0;
    border-radius: 15px;
    padding: 20px 0 30px 0;
    margin: 10px;
    min-height: 230px;
}

</style></div>

    <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: left;
            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;
        }

        #app4legal-footer-copyright p {
            display: inline;
        }
        
        @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.com/download/attachments/83107096/app4legal_white_fit.png?api=v2" />
                </div>

                <div class="mt-4">
                    App4Legal is a complete practice management software for all legal practitioners
                </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-left m-auto p-0">
                                <b>Resources</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">About Us</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="https://documentation.app4legal.com/display/A4L/Release+Notes">Release Notes</a>
                            </li>

                            <!--<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-scroll"></i>
                                <a href="https://documentation.app4legal.com/display/ALBD/Copy+of+Marketing?preview=%2F69338554%2F69338489%2FApp4Legal+Brochure+-+Law+Firms.pdf">Brochure</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://app4legal.com/en/company#contact">Contact Us</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/display/A4L/App4Legal+-+Frequently+Asked+Questions">FAQ</a>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>

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

                <a href="https://twitter.com/app4legal">
                    <i class="fab fa-twitter"></i>
                </a>

                <a href="https://www.linkedin.com/company/app4legal">
                    <i class="fab fa-linkedin"></i>
                </a>

                <a href="https://www.youtube.com/c/App4Legal">
                    <i class="fab fa-youtube"></i>
                </a>
            </div>
        </div>
    </div>

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





        </div>
    </div>