.navbar {
font-family: solaimanlipi, sans-serif;
background-color: rgb(250, 250, 250);
padding: 15px 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


/* Additional CSS for nav-item */
.navbar-nav .nav-item .nav-link {
    color: #040404; /* Set the color for the navigation item text */
    font-size: 16px; /* Set the font size for the navigation item text */
    padding: 8px 15px; /* Set the padding for the navigation items (top/bottom and left/right) */
  }
  
  .navbar-nav .nav-item .nav-link:hover {
    color: #dc3545; /* Set the hover color for the navigation item text */
    border-radius: 5px; /* Optionally, add border-radius for rounded corners on hover */
  }
  

.nav-item {
  position: relative;
}

.hover-card {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.nav-item:hover .hover-card {
  display: block;
}