.dropdown-item{  font-size :10pt;}
.dropdown-submenu {
    position: relative;
    
    font-size :10pt;
}
.dropdown-submenu > a.dropdown-item:after {
    font-family: FontAwesome;
    content: "\f054";
    float: left;
}
.dropdown-submenu > a.dropdown-item:after {
    content: "\f138 ";
    float: left;
   color :rgb(72, 0, 255);
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}





header {
  position: relative;
}

.banner {
  height: 200px; /* Adjust height as needed */
  background-color: #eaeaea; /* Adjust background color as needed */
  transition: margin-top 0.3s ease; /* Add a smooth transition */
}

.menu {
  background-color: var(--black-color); /* Adjust menu background color as needed */
  color: var(--white-color); /* Adjust menu text color as needed */
  padding: 10px;
  display: none; /* Hide the menu by default */
}

.menu.active {
  display: block; /* Show the menu when active */
}

.nav-wrapper {
  position: relative;
}

.nav-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('images/bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 70px);
  z-index: -1;
}

.nav-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100vh - 70px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
  margin-top: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;

} 

   .dropdown-submenu:hover > .dropdown-menu:hover  {
  display: block;
   background-color :rgb(72, 0, 255);
  color :#ffffff;
} 
   .dropdown-submenu:hover  
   {
  display: block;
   background-color :rgb(72, 0, 255);
  color :#ffffff;
}
   /*nav ul li {
  white-space: pre-wrap; /* Allow text to take multiple lines */
}*/