 <!-- Footer Start -->
 <footer class="main-footer">
     <div class="container">
         <div class="row gy-4 gy-lg-0">
             <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                 <div class="footer-logo">
                     <a class="logo" href="#">
                         <img src="{{ asset(env('THEME') . '/images/logo_white.png') }}" alt="logo">
                     </a>
                     <p>We are a web hosting company with a mission to help everyone who goes online succeed.</p>
                     <h5>Secured By</h5>
                     <div class="security-icon-list">
                         <img src="{{ asset(env('THEME') . '/images/hq_pay.png') }}" alt="payment logo">
                         <img src="{{ asset(env('THEME') . '/images/payfa.png') }}" alt="payment logo">
                         <img src="{{ asset(env('THEME') . '/images/payfast.png') }}" alt="payment logo">
                         <img src="{{ asset(env('THEME') . '/images/payent.png') }}" alt="payment logo">
                     </div>
                     <h5 class="mt-3">Follows us on</h5>
                     <div
                         class="align-items-center footer-social-media justify-content-start justify-content-lg-start mb-4">
                         <a href="#">
                             <i class="bi bi-facebook"></i>
                         </a>
                         <a href="#">
                             <i class="bi bi-twitter-x"></i>
                         </a>
                         <a href="#">
                             <i class="bi bi-instagram"></i>
                         </a>
                         <a href="#">
                             <i class="bi bi-youtube"></i>
                         </a>
                         <a href="#">
                             <i class="bi bi-linkedin"></i>
                         </a>
                     </div>
                 </div>
             </div>
             <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                 <div class="footer-list">
                     <h4>Services</h4>
                     <ul>
                         <li><a href="shared-hosting.html">Linux Hosting</a></li>
                         <li><a href="#">Linux Windows Hosting</a></li>
                         <li><a href="wordpress-hosting.html">WordPress Hosting</a></li>
                         <li><a href="reseller-hosting.html">Reseller Hosting</a></li>
                         <li><a href="#">Windows Reseller Hosting</a></li>
                         <li><a href="cloud-hosting.html">Cloud Hosting</a></li>
                         <li><a href="vps-server.html">VPS Server</a></li>
                         <li><a href="dedicated-server.html">Dedicated Server</a></li>
                         <li><a href="#">Windows Dedicated Server</a></li>
                     </ul>
                 </div>
             </div>
             <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                 <div class="footer-list">
                     <h4>Domain</h4>
                     <ul>
                         <li><a href="domain-search.html">Register a Domain Name </a></li>
                         <li><a href="transfer-domain.html">Transfer your Domain to Us </a></li>
                         <li><a href="domain-promo.html">Domain Promos</a></li>
                     </ul>
                 </div>
                 <div class="footer-list mt-4">
                     <h4>Email & Security</h4>
                     <ul>
                         <li><a href="business-email.html">Business Email </a></li>
                         <li><a href="enterprise-email.html">Enterprise Email </a></li>
                         <li><a href="g-suite.html">Google Workspace</a></li>
                         <li><a href="ssl-certificates.html">SSl Certificate</a></li>
                         <li><a href="sitelock.html">SiteLock</a></li>
                         <li><a href="codeguard.html">CodeGuard</a></li>
                     </ul>
                 </div>
             </div>
             <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                 <div class="footer-list">
                     <h4>Company</h4>
                     <ul>
                         <li><a href="about-us.html">About us</a></li>
                         <li><a href="#">Our Team</a></li>
                         <li><a href="sitemap.html">Sitemap</a></li>
                         <li><a href="contact.html">24 x 7 Support </a></li>
                         <li><a href="legal.html">Legal Agreements </a></li>
                         <li><a href="privacy-policy.html">Privacy Policy </a></li>
                         <li><a href="#">Affiliates</a></li>
                         <li><a href="#">Blog</a></li>
                         <li><a href="#">Knowledgebase</a></li>
                     </ul>
                 </div>
             </div>
         </div>
     </div>
 </footer>
 <div class="legal-bar">
     <div class="container">
         <div class="row align-items-center gy-3 gy-lg-0">
             <div class="col-lg-6">
                 <div class="copy-right-text text-center text-lg-start">
                     Copyright © Prohost. All rights reserved
                 </div>
             </div>
             <div class="col-lg-6">
                 <div class="text-center">
                     <div class="text-lg-end">
                         <img src="{{ asset(env('THEME') . '/images/payment_options.svg') }}" alt="payment option">
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>
 <!-- Footer End -->
