<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php echo $title; ?> - <?php echo $app_name; ?></title>
    <!-- Favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="<?php echo $favicon_url; ?>" />
    <link rel="icon" type="image/png" sizes="32x32" href="<?php echo $favicon_url; ?>" />
    <link rel="icon" type="image/png" sizes="16x16" href="<?php echo $favicon_url; ?>" />
    <meta name="description" content="<?php echo $app_name; ?> - <?php echo $app_tagline; ?>" />
    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">

    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/animate/animate.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/animate/custom-animate.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/bootstrap/css/bootstrap.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/bxslider/jquery.bxslider.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/fontawesome/css/all.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/jquery-ui/jquery-ui.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/nice-select/nice-select.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/odometer/odometer.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/owl-carousel/owl.carousel.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/owl-carousel/owl.theme.default.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/swiper/swiper.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/vegas/vegas.min.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/thm-icons/style.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/vendors/language-switcher/polyglot-language-switcher.css'); ?>">
    <!-- Module css -->
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/01-header-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/02-banner-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/03-about-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/04-fact-counter-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/05-testimonial-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/06-partner-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/07-footer-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/08-blog-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/09-breadcrumb-section.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/module-css/10-contact.css'); ?>">

    <!-- Template styles -->
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/style.css'); ?>" />
    <link rel="stylesheet" href="<?php echo base_url('assets/website/assets/css/responsive.css'); ?>" />

</head>

<body>
    <div class="page-wrapper">
        <header class="main-header main-header-style1">

            <!--Start Main Header Style1 Top-->
            <div class="main-header-style1-top">
                <div class="auto-container">
                    <div class="outer-box">
                        <!--Start Main Header Style1 Top Left-->
                        <div class="main-header-style1-top__left">
                            <div class="looking-banking-box">
                                <div class="inner-title">
                                    <span class="icon-binoculars"></span>
                                    <p>Banking</p>
                                </div>
                                <div class="select-box clearfix">
                                    <select class="wide">
                                        <option data-display="Personal Banking">Personal Banking</option>
                                        <option value="1">Business Banking</option>
                                        <option value="2">Digital Banking</option>
                                    </select>
                                </div>
                            </div>
                            <div class="nearest-branch">
                                <span class="icon-map"></span>
                                <a href="<?php echo site_url('website/contact'); ?>">Find Nearest Branch</a>
                            </div>
                        </div>
                        <!--End Main Header Style1 Top Left-->

                        <!--Start Main Header Style1 Top Right-->
                        <div class="main-header-style1-top__right">
                            <div class="header-menu-style1">
                                <ul>
                                    <li><a href="<?php echo site_url('website/about'); ?>">About Us</a></li>
                                    <li><a href="<?php echo site_url('website/faq'); ?>">FAQ</a></li>
                                    <li><a href="<?php echo site_url('website/security'); ?>">Security</a></li>
                                    <li><a href="<?php echo site_url('website/contact'); ?>">Contact</a></li>
                                </ul>
                            </div>
                            <div class="box-search-style1">
                                <a href="#" class="search-toggler">
                                    <span class="icon-search"></span>
                                    Search
                                </a>
                            </div>
                        </div>
                        <!--End Main Header Style1 Top Right-->

                    </div>
                </div>
            </div>
            <!--End Main Header Style1 Top-->

            <nav class="main-menu main-menu-style1">
                <div class="main-menu__wrapper clearfix">
                    <div class="container">
                        <div class="main-menu__wrapper-inner">

                            <div class="main-menu-style1-left">
                                <div class="logo-box-style1">
                                    <a href="<?php echo site_url(); ?>">
                                        <img src="<?php echo $logo_url; ?>" alt="<?php echo $app_name; ?>" title="<?php echo $app_name; ?>" style="max-height: 50px;">
                                    </a>
                                </div>

                                <div class="main-menu-box">
                                    <a href="#" class="mobile-nav__toggler">
                                        <i class="icon-menu"></i>
                                    </a>

                                    <ul class="main-menu__list">
                                        <li class="<?php echo ($page == 'home') ? 'current' : ''; ?>">
                                            <a href="<?php echo site_url(); ?>">Home</a>
                                        </li>

                                        <li class="dropdown <?php echo ($page == 'services' || $page == 'accounts' || $page == 'cards') ? 'current' : ''; ?>">
                                            <a href="#">Services</a>
                                            <ul>
                                                <li><a href="<?php echo site_url('website/accounts'); ?>">Accounts</a></li>
                                                <li><a href="<?php echo site_url('website/cards'); ?>">Cards</a></li>
                                                <li><a href="<?php echo site_url('website/services'); ?>">All Services</a></li>
                                            </ul>
                                        </li>

                                        <li class="<?php echo ($page == 'about') ? 'current' : ''; ?>">
                                            <a href="<?php echo site_url('website/about'); ?>">About</a>
                                        </li>

                                        <li class="<?php echo ($page == 'faq') ? 'current' : ''; ?>">
                                            <a href="<?php echo site_url('website/faq'); ?>">FAQ</a>
                                        </li>

                                        <li class="<?php echo ($page == 'contact') ? 'current' : ''; ?>">
                                            <a href="<?php echo site_url('website/contact'); ?>">Contact</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="main-menu-style1-right">
                                <div class="header-btn-one">
                                    <a href="<?php echo site_url('auth/login'); ?>">
                                        <span class="icon-home-button"></span>Login to Online Banking
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </nav>

            <!--Start Main Header Style1 Bottom-->
            <div class="main-header-style1-bottom">
                <div class="auto-container">
                    <div class="outer-box">
                        <div class="update-box">
                            <div class="inner-title">
                                <span class="icon-megaphone"></span>
                                <h4>Updates:</h4>
                            </div>
                            <div class="text">
                                <p>Enjoy seamless digital banking with <?php echo $app_name; ?>. Transfer funds, pay bills, and more.</p>
                                <a href="<?php echo site_url('auth/login'); ?>"><span class="icon-chevron"></span>Get Started</a>
                            </div>
                        </div>
                        <div class="slogan-box">
                            <p>24/7 Digital Banking - Access your accounts anytime, anywhere with our secure mobile platform.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!--End Main Header Style1 Bottom-->

        </header>


        <div class="stricky-header stricked-menu main-menu">
            <div class="sticky-header__content"></div>
        </div>
