<header class="header-area-three">
        <div class="main-header">
            <!-- Header Top -->
            <div class="header-top">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="top-menu-wrapper d-flex align-items-center justify-content-between">
                                <div class="top-header-right">
                                    <div class="contact-section">
                                        <div class="circle-primary-sm">
                                            <i class="ri-phone-line"></i>
                                        </div>
                                        <div class="info">
                                            <p class="pera">Reach Out</p>
                                            <h4 class="title">
                                                <a href="mailto:<?php echo $siteMail ?>"><?php echo $siteMail ?></a>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                                <!-- Top Left Side -->
                                <!-- Logo-->
                                <div class="logo">
                                    <a href="/"><img style="width:180px" src="assets/images/logo/logo.png" alt="logo" class="changeLogo"></a>
                                </div>
                                <div class="header-right-three pl-15 d-none d-lg-flex">
                                    <div class="lang">
                                        <i class="ri-global-line"></i>
                                        <p class="pera">English</p>
                                    </div>
                                    <div class="divider gradient-divider"></div>
                                    <div class="d-flex gap-20 align-items-center">
                                        <p class="pera">
                                            <a href="register" class="signin">Sign Up</a>
                                        </p>
                                        <div class="sign-btn">
                                            <a href="login" class="btn-secondary-sm radius-30">Online Banking</a>
                                        </div>
                                          <!-- Theme Mode -->
                                          <button class="ToggleThemeButton change-theme-mode m-0 p-0 border-0">
                                            <i class="ri-sun-line"></i>
                                        </button>
                                    </div>
                                </div>
                                <!-- Mobile Device Seach & Theme Mode -->
                                <div class="search-header-position d-block d-lg-none">
                                    <div class="d-flex gap-15">
                                        <div class="search-bar">
                                            <a href="javascript:void(0)" class="rounded-btn">
                                                <i  class="ri-search-line"></i>
                                            </a>
                                        </div>
                                        <!-- Theme Mode -->
                                        <button class="ToggleThemeButton change-theme-mode m-0 p-0 border-0">
                                            <i class="ri-sun-line"></i>
                                        </button>
                                    </div>
                                </div>
                                <!-- / Mobile Device Seach & Theme Mode-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Bottom -->
            <div class="header-bottom header-sticky">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="menu-wrapper">
                                <!-- Main-menu for desktop -->
                                <div class="main-menu d-none d-lg-block">
                                    <nav>
                                        <div class="d-flex justify-content-between align-items-center">
                                            <ul class="listing" id="navigation">
                                                <li class="single-list">
                                                    <a href="/" class="single">Home</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="private-banking" class="single">Private Banking</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="cooperate-banking" class="single">Cooperate</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="insurance" class="single">Insurance</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="mortgages" class="single">Mortgages</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="cards" class="single">Credit Cards</a>
                                                </li>
                                                <li class="single-list">
                                                    <a href="javascript:void(0)" class="single">Pages <i
                                                            class="ri-arrow-down-s-line"></i></a>
                                                    <ul class="submenu">
                                                        <li class="single-list">
                                                            <a href="savings" class="single">Savings</a>
                                                        </li>
                                                        <li class="single-list">
                                                            <a href="javascript:void(0)" class="single">
                                                                <?php echo $siteName ?> 
                                                                <i class="ri-arrow-right-s-line"></i></a>
                                                            <ul class="submenu">
                                                                <li class="single-list">
                                                                    <a href="about-us" class="single">About <?php echo $siteName ?></a>
                                                                </li>
                                                                <li class="single-list">
                                                                    <a href="privacy-policy" class="single">Privacy Policy</a>
                                                                </li>
                                                                <li class="single-list">
                                                                    <a href="terms-of-us" class="single">Terms of Use</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        
                                                        <li class="single-list">
                                                            <a href="faqs" class="single">FAQs</a>
                                                        </li>
                                                        <li class="single-list">
                                                            <a href="contact-us" class="single">Contact Us</a>
                                                        </li>
                                                    </ul>
                                                </li>                                     
                                            </ul>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                            <!-- Mobile Menu -->
                            <div class="div">
                                <div class="mobile_menu d-block d-lg-none"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
    </header>