body {
      margin: 0;
      font-family: 'Poppins', sans-serif;
      background-color: #f9f9f9;
    }

    /* Header for toggle */
    .navbar-header {
      display: flex;
      align-items: center;      /* Vertically center items */
      justify-content: center;  /* Center logo horizontally */
      background-color: #ffffff;
      padding: 10px 20px;       /* Keep padding fixed */
      position: relative;
      color: rgb(3, 22, 131);
      font-size: 20px;
      font-weight: 600;
    }

    .navbar-header .toggle-icon {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 28px; /* Adjust as needed */
      cursor: pointer;
    }

    /* Logo styles */
    .navbar-logo {
      height: 80px; /* Increase as needed */
      width: 260px;  /* Increase as needed */
      object-fit: contain;
      display: block;
      margin: 0 auto;
    }

    /* Navbar links */
    .mobile-navbar {
      display: none;
      flex-direction: column;
     background-color: rgb(255, 255, 255);
      width: 100%;
      text-align: left;
    }

    .mobile-navbar a {
      padding: 10px 20px;
      text-decoration: none;
      color: rgb(7, 7, 7);
      font-size: 16px;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      transition: background 0.3s ease;
    }

    .mobile-navbar a:hover {
      background-color: rgba(0,0,0,0.1);
    }

    /* Responsive for mobile only */
    @media (max-width: 768px) {
      .navbar-header {
        display: flex;
      }

      .mobile-navbar.show {
        display: flex;
      }
    }

    /* Hide on larger screens */
    @media (min-width: 769px) {
      .mobile-navbar, .navbar-header {
        display: none !important;
      }
    }