<style>
  .footer-middle > .container {
    padding-bottom: 10px;
  }
  .footer-middle .widget_media_image {
    margin-bottom: 20px;
  }
  .footer-middle .widget,.footer .widget + .widget {
    margin-top: 0;
  }
  .footer-middle .contact-info {
    margin-bottom: 10px;
  }
  .footer-middle .contact-details {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-middle .contact-details li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1em;
  }
  .footer .contact-info .contact-details strong {
    text-transform: uppercase;
  }
  .footer-middle .small-list.products-grid .product-items {
    font-size: 1em;
  }
  .footer-middle .small-list.products-grid .product-items .product-item {
    padding: 10px 0;
  }
  .footer .footer-middle .col-lg-12 .col-lg-12:before {
    content: '';
    display: block;
    position: static;
    margin: 10px 0 40px;
    border-top: 1px solid #cecdca;
  }
</style>
<div class="row">
  <div class="col-lg-5">
    <div class="widget widget_media_image">
      <h3 class="widget-title">About Us</h3>
      <a href="#"><img class="image" src="{{media url=&quot;logo/default/logo_ecomblack_lg.png&quot;}}" alt="" width="202" height="80" /></a>
    </div>
    <div class="widget_text widget widget_custom_html">
      <div class="textwidget custom-html-widget">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. <a href="#" class="text-color-dark font-weight-bold" style="text-decoration: underline;">read more...</a></p>
      </div>
    </div>
    <div class="widget contact-info">
      <h3 class="widget-title">Contact Info</h3>
      <div class="contact-info">
        <ul class="contact-details">
          <li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, Country</span></li>
          <li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
          <li>
            <i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:mail@example.com">mail@example.com</a></span>
          </li>
          <li><i class="far fa-clock"></i> <strong>Working Days/Hours:</strong> <span>Mon - Sun / 9:00 AM - 8:00 PM</span></li>
        </ul>
      </div>
    </div>
    <div class="widget follow-us">
      <div class="share-links">
        <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
        <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
        <a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="widget widget_products">
      <h3 class="widget-title">Featured Products</h3>
      {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="3" aspect_ratio="0" image_width="90" image_height="90" template="small_list.phtml"}}
    </div>
  </div>
  <div class="col-lg-4">
    <div class="widget twitter-tweets">
      <h3 class="widget-title">Twitter Feeds</h3>
      <div class="tweets-box">
        <a class="twitter-timeline" href="//twitter.com/twitterdev" data-widget-id="362597660089274368" data-screen-name="eternalfriend38" data-theme="dark" height="200">Tweets by @eternalfriend38</a>
        <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
      </div>
    </div>
  </div>
  <div class="col-lg-12">
    <div class="widget_text widget widget_custom_html">
      <div class="textwidget custom-html-widget">
        <div class="row">
          <div class="col-lg-5 mb-4 mb-lg-0">
            <div class="row">
              <div class="col-sm-6">
                <h4 class="widget-title">CUSTOMER SERVICE</h4>
                <ul>
                  <li><a title="About us" href="#">About us</a></li>
                  <li><a title="Contact Us" href="#">Contact us</a></li>
                  <li><a title="My Account" href="#">My Account</a></li>
                </ul>
              </div>
              <div class="col-sm-6">
                <h4 class="widget-title d-none d-sm-block">&nbsp;</h4>
                <ul>
                  <li><a title="Order history" href="#">Order history</a></li>
                  <li><a title="Contact us" href="#">Advanced search</a></li>
                  <li><a title="Login" href="#">Login</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-lg-7">
            <div class="row">
              <div class="col-sm-6">
                <h4 class="widget-title">Main Features</h4>
                <ul>
                  <li><a href="#">Super Fast Wordpress Theme</a></li>
                  <li><a href="#">1st Fully working Ajax Theme</a></li>
                  <li><a href="#">36 Unique Shop Layouts</a></li>
                </ul>
              </div>
              <div class="col-sm-6">
                <h4 class="widget-title d-none d-sm-block">&nbsp;</h4>
                <ul>
                  <li><a href="#">Powerful Admin Panel</a></li>
                  <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
