<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top shadow-sm">
  <div class="container">
    <a class="navbar-brand fw-bold d-flex align-items-center" href="index.php">
      <span class="me-2 text-primary fs-4">◆</span>
      Astrabank
    </a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#abNav">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="abNav">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="features.php">Features</a></li>
        <li class="nav-item"><a class="nav-link" href="security.php">Security</a></li>
        <li class="nav-item"><a class="nav-link" href="contact.php">Contact</a></li>
      </ul>

      <div class="d-flex align-items-center gap-2">
        <!-- LOGIN DROPDOWN -->
        <div class="dropdown">
          <<a class="dropdown-item" href="login.php" data-bs-toggle="modal" data-bs-target="#loginModal">
  <i class="bi bi-person me-2"></i>Customer Login
</a>

         
        </div>

        <a href="register.php" class="btn btn-primary">
          Open Account
        </a>
      </div>
    </div>
  </div>
</nav>

<!-- NAV OFFSET -->
<div style="height:72px"></div>
