<header>
        <div class="header-area">
            <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">
                                    <!-- Top Left Side -->
                                    <div class="top-header-left d-flex align-items-center">
                                        <!-- Logo-->
                                        <div class="logo">
                                            <a href="../"><img style="width: 180px;" src="../assets/images/logo/logo.png" alt="logo" class="changeLogo"></a>
                                        </div>
                                        <!-- search box -->
                                        <div class="search-box d-none d-lg-block">
                                            <div class="header-search">
                                                <span class="pera">Investment, Insurance, Loans</span>
                                                <div class="search-icon">
                                                    <i class="ri-search-line"></i>
                                                </div>
                                                
                                            </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>
                                    <!--Top Right Side -->
                                    <div class="top-header-right">
                                        <!-- contact us -->
                                        <div class="contact-section">
                                            <div class="circle-primary-sm">
                                                <i class="ri-mail-line"></i>
                                            </div>
                                            <div class="info">
                                                <p class="pera">Email Us on</p>
                                                <h4 class="title">
                                                    <a href="mailto:<?php echo $siteMail ?>"><?php echo $siteMail ?></a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                </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="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 class="header-right">
                                                    <div class="d-flex align-items-center gap-12">
                                                        <div class="lang">
                                                            <i class="ri-global-line"></i>
                                                        </div>
                                                        <div class="divider gradient-divider"></div>
                                                        
                                                    </div>
                                                    <div class="sign-btn">
                                                        <a href="../login" class="btn-secondary-sm">Login</a>
                                                    </div>
                                                    <!-- Theme Mode -->
                                                    <li class="single-list">
                                                        <button class="ToggleThemeButton change-theme-mode m-0 p-0 border-0">
                                                            <i class="ri-sun-line"></i>
                                                        </button>
                                                    </li>
                                                </div>
                                            </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>
        </div>
    </header>   