<!-- Start Top Header Area -->
    <div class="top-header-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <ul class="top-header-information">
                        <li>
                            <i class="bx bx-envelope"></i>
                            <a href="mailto:customercare@connexcu.seclweb.com">customercare@connexcu.seclweb.com</a>
                        </li>
                        <li>
                            <i class="bx bxs-phone"></i>
                            <a href="tel:NUMBER">NUMBER</a>
                        </li>
                    </ul>
                </div>

                <div class="col-lg-6 text-right">
                    <ul class="top-header-others">
                        <li class="languages-list">
                            <?php include 'transl_div.php'; ?>
                        </li>
                        <li>
                            <i class="bx bxs-map"></i>
                            <a href="atm-and-bank-locations">ATMs location</a>
                        </li>
                        <li>
                            <i class="bx bx-user"></i>
                            <a href="login">Sign In</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Top Header Area -->

    <!-- Start Navbar Area -->
    <div class="navbar-area">
        <div class="main-responsive-nav">
            <div class="container">
                <div class="main-responsive-menu">
                    <div class="logo">
                        <a href="<?php echo dirname($_SERVER['PHP_SELF']); ?>">
                            <img src="dist/logo-1.png" alt="image">
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-navbar">
            <div class="container">
                <nav class="navbar navbar-expand-md navbar-light">
                    <a class="navbar-brand" href="<?php echo dirname($_SERVER['PHP_SELF']); ?>">
                        <img src="dist/logo-1.png" alt="image">
                    </a>

                    <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent" style="display: block;">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a href="<?php echo dirname($_SERVER['PHP_SELF']); ?>" class="nav-link active">
                                    Home 
                                </a>
                                
                            </li>

                            <li class="nav-item">
                                <a href="credit-cards" class="nav-link">
                                    Credit Cards
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="open-account" class="nav-link">
                                    Banking
                                </a>
                            </li>


                            <li class="nav-item">
                                <a href="loans" class="nav-link">
                                    Loans
                                </a>
                            </li>


                            <li class="nav-item">
                                <a href="contacts" class="nav-link">
                                    Contact
                                </a>
                            </li>

                             <li class="nav-item">
                                <a href="locations" class="nav-link">
                                     ATM and Bank Locations
                                </a>
                            </li>



                                               
                                            
                        </ul>

                        <div class="others-options d-flex align-items-center">
                            

                            <div class="option-item">
                                <a href="open-account" class="default-btn">Open account</a>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
        </div>

        <div class="others-option-for-responsive">
            <div class="container">
                <div class="dot-menu">
                    <div class="inner">
                        <div class="circle circle-one"></div>
                        <div class="circle circle-two"></div>
                        <div class="circle circle-three"></div>
                    </div>
                </div>
                
                <div class="container">
                    <div class="option-inner">
                        <div class="others-options d-flex align-items-center">
                            

                            <div class="option-item">
                                <a href="open-account" class="default-btn">Open account</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navbar Area -->