  <header>
            <nav class="navbar navbar-expand-lg navbar-main">
                <div class="container">
                    <a class="navbar-brand" href="index.php">
                        <img src="assets/images/logo/logo.svg" alt="logo" class="logo-img">
                    </a>
                    <div class="right-nav">

                    <?php if(isset($_SESSION['user_id'])) {?>
                            <a href="dashboard/index.php" class="btn btn-outline--base d-none d-sm-block">
                                Dashboard <i class="flaticon-arrow-upper-right"></i>
                            </a>
                            <a href="dashboard/wallets.php" class="btn btn--base-two d-none d-sm-block" style="background: #3424e6 !important;color:#fff !important">
                                Wallet <i class="flaticon-arrow-upper-right"></i>
                            </a>

                        <?php }elseif(!isset($_SESSION['user_id'])) {?>
                        
                            <a href="login.php" class="btn btn-outline--base d-none d-sm-block">
                                Log In <i class="flaticon-arrow-upper-right"></i>
                            </a>
                            <a href="register.php" class="btn btn--base-two d-none d-sm-block">
                                Register <i class="flaticon-arrow-upper-right"></i>
                            </a>
                        <?php }?>
                        
                        <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                            data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
                            aria-label="Toggle navigation">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-list" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" />
                            </svg>
                        </button>
                    </div>
                    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
                        aria-labelledby="offcanvasNavbarLabel">
                        <div class="offcanvas-header">
                            <h5 class="offcanvas-title" id="offcanvasNavbarLabel">
                                <img src="assets/images/logo/logo.svg" alt="logo" class="logo-img">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas"
                                aria-label="Close"></button>
                        </div>
                        <?php if(isset($_SESSION['user_id'])) {?>
                        <div class="d-flex d-lg-none gap-4 pt-3 justify-content-center">
                            <a href="dashboard/index.php" class="btn btn-outline--base d-sm-none">
                                Dashboard <i class="flaticon-arrow-upper-right"></i>
                            </a>
                            <a href="dashboard/wallets.php" class="btn btn--base-three d-sm-none" style="background: #3424e6 !important;color:#fff !important">
                                Wallet <i class="flaticon-arrow-upper-right"></i>
                            </a>
                        </div>

                        <?php }elseif(!isset($_SESSION['user_id'])) {?>
                        
                        <div class="d-flex d-lg-none gap-4 pt-3 justify-content-center">
                            <a href="login.php" class="btn btn-outline--base d-sm-none">
                                Log In <i class="flaticon-arrow-upper-right"></i>
                            </a>
                            <a href="register.php" class="btn btn--base-two d-sm-none">
                                Register <i class="flaticon-arrow-upper-right"></i>
                            </a>
                        </div>
                        <?php }?>
                        <div class="offcanvas-body align-items-center">
                            <ul class="navbar-nav justify-content-center flex-grow-1">
                                <li class="nav-item dropdown">
                                    <a class="nav-link " href="index.php">
                                        Home
                                    </a>
                                    
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="about.php">About Us</a>
                                </li>
                                
                                <li class="nav-item">
                                    <a class="nav-link" href="pricing.php">Pricing</a>
                                </li>
                                
                                <li class="nav-item">
                                    <a class="nav-link" href="services.php">Our Services</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="faq.php">FAQ</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="contact.php">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>