        <!--Start footer area-->
        <footer class="footer-area">
            <!--Start Footer Top-->
            <div class="footer-top">
                <div class="container">
                    <div class="row">
                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
                            <div class="single-footer-widget single-footer-widget--link-box">
                                <div class="title">
                                    <h3>Quick Links</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="<?php echo site_url('auth/login'); ?>">Online Banking</a></li>
                                        <li><a href="<?php echo site_url('auth/login'); ?>">Mobile Banking</a></li>
                                        <li><a href="<?php echo site_url('website/cards'); ?>">Credit Cards</a></li>
                                        <li><a href="<?php echo site_url('website/accounts'); ?>">Savings Account</a></li>
                                        <li><a href="<?php echo site_url('website/security'); ?>">Security Center</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
                            <div class="single-footer-widget single-footer-widget--link-box">
                                <div class="title">
                                    <h3>About Us</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="<?php echo site_url('website/about'); ?>">Our Story</a></li>
                                        <li><a href="<?php echo site_url('website/about'); ?>">Leadership</a></li>
                                        <li><a href="<?php echo site_url('website/contact'); ?>">Careers</a></li>
                                        <li><a href="<?php echo site_url('website/contact'); ?>">Press & Media</a></li>
                                        <li><a href="<?php echo site_url('website/contact'); ?>">Investor Relations</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
                            <div class="single-footer-widget single-footer-widget--link-box">
                                <div class="title">
                                    <h3>Services</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="<?php echo site_url('website/services'); ?>">Bill Payments</a></li>
                                        <li><a href="<?php echo site_url('website/services'); ?>">Fund Transfers</a></li>
                                        <li><a href="<?php echo site_url('website/services'); ?>">Mobile Top-up</a></li>
                                        <li><a href="<?php echo site_url('website/cards'); ?>">Virtual Cards</a></li>
                                        <li><a href="<?php echo site_url('website/accounts'); ?>">Account Management</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
                            <div class="single-footer-widget single-footer-widget--link-box">
                                <div class="title">
                                    <h3>Support</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="<?php echo site_url('website/faq'); ?>">Help Center</a></li>
                                        <li><a href="<?php echo site_url('website/faq'); ?>">FAQ</a></li>
                                        <li><a href="<?php echo site_url('website/contact'); ?>">Contact Us</a></li>
                                        <li><a href="<?php echo site_url('website/security'); ?>">Report Fraud</a></li>
                                        <li><a href="<?php echo site_url('website/security'); ?>">Online Security</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->
                    </div>
                </div>
            </div>
            <!--End Footer Top-->

            <!--Start Footer-->
            <div class="footer">
                <div class="container">
                    <div class="row">

                        <!--Start single footer widget-->
                        <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                            <div class="single-footer-widget marbtm50">
                                <div class="our-company-info">
                                    <div class="footer-logo-style1">
                                        <a href="<?php echo site_url(); ?>">
                                            <img src="<?php echo $logo_dark_url; ?>" alt="<?php echo $app_name; ?>" title="<?php echo $app_name; ?>" style="max-height: 50px;">
                                        </a>
                                    </div>
                                    <div class="copyright-text">
                                        <p>
                                            Copyright &copy; <?php echo date('Y'); ?> <a href="<?php echo site_url(); ?>"><?php echo $app_name; ?></a>.<br>
                                            Member FDIC. Equal Housing Lender.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                            <div class="single-footer-widget marbtm50">
                                <div class="footer-widget-contact-info">
                                    <ul>
                                        <li>
                                            <h3>
                                                <a href="tel:<?php echo str_replace([' ', '(', ')', '-'], '', $support_phone); ?>"><?php echo $support_phone; ?></a>
                                            </h3>
                                            <p>Customer Care (24/7)</p>
                                        </li>
                                        <li>
                                            <h3><?php echo $support_email; ?></h3>
                                            <p>Email Support</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                            <div class="single-footer-widget">
                                <div class="single-footer-widget-right-colum">
                                    <ul>
                                        <li>
                                            <a href="<?php echo site_url('auth/login'); ?>">
                                                Login to Online Banking
                                                <span class="icon-home-button"></span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="<?php echo site_url('website/contact'); ?>">
                                                Submit Feedback
                                                <span class="icon-feedback"></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                    </div>
                </div>
            </div>
            <!--End Footer-->

            <div class="footer-bottom">
                <div class="container">
                    <div class="bottom-inner">
                        <div class="footer-menu">
                            <ul>
                                <li><a href="<?php echo site_url('website/privacy'); ?>">Privacy Policy</a></li>
                                <li><a href="<?php echo site_url('website/terms'); ?>">Terms & Conditions</a></li>
                                <li><a href="<?php echo site_url('website/security'); ?>">Online Security</a></li>
                                <li><a href="<?php echo site_url('website/faq'); ?>">Help</a></li>
                            </ul>
                        </div>
                        <div class="footer-social-link">
                            <ul class="clearfix">
                                <li>
                                    <a href="#">
                                        <i class="fab fa-youtube"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fab fa-linkedin-in"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
        <!--End footer area-->
    </div>
    <!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler">
                <i class="fas fa-plus"></i>
            </span>
            <div class="logo-box">
                <a href="<?php echo site_url(); ?>" aria-label="logo image">
                    <img src="<?php echo $logo_url; ?>" alt="<?php echo $app_name; ?>" style="max-height: 40px;" />
                </a>
            </div>
            <div class="mobile-nav__container"></div>
            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:<?php echo $support_email; ?>"><?php echo $support_email; ?></a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:<?php echo str_replace([' ', '(', ')', '-'], '', $support_phone); ?>"><?php echo $support_phone; ?></a>
                </li>
            </ul>
            <div class="mobile-nav__social">
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-facebook-square"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin-in"></a>
            </div>
        </div>
    </div>


    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label>
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-search"></i>
                </button>
            </form>
        </div>
    </div>


    <a href="#" data-target="html" class="scroll-to-target scroll-to-top">
        <i class="icon-chevron"></i>
    </a>


    <script src="<?php echo base_url('assets/website/assets/vendors/jquery/jquery-3.6.0.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/bootstrap/js/bootstrap.bundle.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/bxslider/jquery.bxslider.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/circleType/jquery.circleType.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/circleType/jquery.lettering.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/isotope/isotope.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-appear/jquery.appear.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-migrate/jquery-migrate.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-ui/jquery-ui.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/jquery-validate/jquery.validate.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/nice-select/jquery.nice-select.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/odometer/odometer.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/owl-carousel/owl.carousel.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/swiper/swiper.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/vegas/vegas.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/wnumb/wNumb.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/wow/wow.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/extra-scripts/jquery.paroller.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/website/assets/vendors/language-switcher/jquery.polyglot.language.switcher.js'); ?>"></script>

    <!-- Template js -->
    <script src="<?php echo base_url('assets/website/assets/js/custom.js'); ?>"></script>


</body>

</html>
