/* Style for the main navigation item */






.nav-item {
    position: relative; /* Required for positioning the submenu */
    display: inline-block;
  }
  
  /* Style for the main navigation link */
  .nav-link {
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
  }
  
  /* Style for the submenu */
  .submenu {
    display: none; /* Hide the submenu by default */
    position: absolute;
    top: 100%;
   right: 10;
  
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    list-style-type: none;
    width: 300px;
  
    z-index: 1; /* Ensure the submenu appears above other content */
  }
  
  /* Style for the submenu items */
  .submenu li {
    width: 100%;
    margin-left: -20px;
  }
  
  /* Style for the submenu links */
  .submenu a {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s ease;
  }
  
  /* Change background color of submenu links on hover */
  .submenu a:hover {
    background-color: #f0f0f0;
  }
  
  /* Display the submenu when hovering over the main navigation item */
  .nav-item:hover .submenu {
    display: block;
  }