<div class="dual-columns standard-dual-section contact-us-section custom-padding">
    <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 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 .standard-dual-section.custom-padding {
        padding: 100px 80px !important;
    }
}


</style>