.navbar {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
    z-index: 1000;
    position: relative;
    min-height: 60px;
  }
  
  .navbar-logo,
  .navbar-brand img {
    height: 40px;
    width: auto;
    margin-right: 8px;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3));
  }
  
  .navbar-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: black;
    transition: color 0.3s ease;
  }
  
  .navbar-brand:hover .navbar-title {
    color: #007BFF;
  }
  
  .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: black !important;
    transition: color 0.3s ease-in-out;
  }
  
  .navbar-nav .nav-link:hover {
    color: #007BFF !important;
  }
  
  .account-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .account-icon i {
    font-size: 26px;
    color: black !important;
    transition: color 0.3s ease-in-out;
  }
  
  .account-icon i:hover {
    color: #007BFF !important;
  }
  
  @media (min-width: 768px) {
    .navbar-nav {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 30px;
    }
  }
  
  @media (max-width: 767px) {
    .navbar-nav {
      position: static;
      transform: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
    }
  
    .navbar-collapse {
      background-color: white;
      padding: 1rem 0;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
  
    .navbar .fa-user-circle {
      font-size: 1.5rem;
    }
  
    .navbar-toggler {
      margin-left: 0.5rem;
    }
    .navbar-brand {
      cursor: pointer;
    }
    
    
  }
  @media (max-width: 1024px) {
    .navbar-nav {
      position: static;
      transform: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
    }
  
    .navbar-collapse {
      background-color: white;
      padding: 1rem 0;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
  
    .navbar .fa-user-circle {
      font-size: 1.5rem;
    }
  
    .navbar-toggler {
      margin-left: 0.5rem;
    }
    .navbar-brand {
      cursor: pointer;
    }
  }