.menu-index {
  list-style: none;
}

.ul-index {
  color: #fff; 
  font-size: 13px !important;
  background-color: #8d2e22;
  border-radius: 15px !important;
  font-family: 'Archivo Narrow', sans-serif;
}

.ul-index :hover {
  color: #000 !important; 
  /*background-color: #ffffff;*/
  /*border-radius: 15px !important;*/
}

.li-submenu {
  color: #fff; 
  position: initial !important;
}

.li-submenu :hover {
  color: #000 !important; 
}

.li-submenu :hover {
  color: #000 !important; 
}

.a-index {
  color: #fff; 
  text-decoration: none;    
  margin-left: 20px;  
  margin-right: 20px;  
  /*padding: 5px 8px 5px 8px !important;*/
}

.a-index :hover {
  color: #000 !important; 
}

.ul-submenu {
  background-color: #8d2e22;
  font-size: 13px !important;
  border-radius: 15px !important;
  font-family: 'Archivo Narrow', sans-serif;
  padding-left: 25px;  
  padding-right: 20px; 
  position: initial !important; 
  /*border-color: black !important; */
}

.a-submenu-index {
  width: max-content;
  /*padding: 5px 8px 5px 8px !important;*/
  display: block;
  color: #fff; 
  margin-bottom: 5px !important;
}


.a-index-2 {
  color: #fff; 
  text-decoration: none;    
  /*margin-left: 20px;  
  margin-right: 20px;  */
  /*padding: 5px 8px 5px 8px !important;*/
}

.a-index-2 :hover {
  color: #000 !important; 
}




.dropdown-submenu {
  position: relative;
  margin-bottom: 5px !important;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
}
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu a::after {
            /*transform: rotate(-90deg);
            position: absolute;*/
            right: 6px;
            top: .8em;
        }

        .dropdown-submenu .dropdown-menu {
            top: 0;
            left: 100%;
            margin-left: .1rem;
            margin-right: .1rem;
        }

        .dropdown-submenu-left > .dropdown-menu{
            left: -100%;
            /*top: 0;
            margin: 0;
            padding: 0;*/
            right: 100%;
        }

        .first-sub-menu {
            width: 12rem;
            left: -122% !important;
        }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
          background-color: unset !important; 
        }