/*nav*/
.nav-items{ margin: auto 0 auto auto;}

.nav-items li:last-child{ margin-right: 5px;}

.nav-items a{ 
  text-decoration: none;
  cursor: pointer; 
}

.common-nav-container ul, .common-nav-container li {
  list-style: none;
  -webkit-padding-start: 0;
}
 
ul.common-menu-wrap,ul.common-menu-wrap li {
  list-style: none;
  -webkit-padding-start: 0;
}
 
.common-nav-container a {
  text-decoration: none;
  cursor: pointer;
}
  
.nav-item { display: inline; }
  
.nav-item-dropdown { position: relative; }

.common-menu-wrap{
  position: relative;
  z-index: 1001;
  min-width: 15rem;
  padding: 0;
  height: 125px;
  background-color: #fff;
  border-radius: 0.5em;
}

.dropdown-service{
  z-index: 1001;
  height: 200px;
  width: 180px;
  min-width: 13rem;
  background-color: #fff;
  border-radius: 0.5em;
  overflow: hidden;
}

.dropdown-service, .dropdown-service li {
  list-style: none;
  -webkit-padding-start: 0;
}

.dropdown-service li a {
  text-decoration: none;
  cursor: pointer;
}

.dropdown-service .dropdown-menu-item:hover {
  background-color: #e4e5eb;
}

  
.dropdown-languag-wrap{
  /*position: relative;*/
  z-index: 1001;
  background-color: #fff;
  border-radius: 0;
  width: 100px;
  padding: 0px;
  overflow: hidden;

}
 
.dropdown-languag-wrap li {
  padding: 0.7em 1em;
  text-align: left;
  cursor: pointer;
  width :100%;
  font-size: 1.0rem;
  border-radius: 0px;
}
.dropdown-languag-wrap li.dropdown-selected,
.dropdown-languag-wrap li:hover{
  background-color: #e4e5eb; 
}

  /*.nav-item-dropdown .common-menu .common-menu-item {*/
  .common-menu-wrap .common-menu-item {
    cursor: pointer;
    padding: 0.7em 0;
    text-align: center;
    display: table-cell;
    float: left;
    width: 33%;
  }
  
  /*.nav-item-dropdown .common-menu .common-menu-item:hover {*/
  .common-menu-wrap .common-menu-item:hover {
    background-color: #e4e5eb;
    border-radius: 0.5em;
  }
  
  .common-menu-wrap .common-menu-item a{
    text-decoration: none;
    cursor: pointer;
  }
  /*.nav-item-dropdown .common-menu .common-menu-item a i {*/
  .common-menu-wrap .common-menu-item a i {
    font-size: 1.7em;
    padding-right: 0;
  }
  
  /*.nav-item-dropdown .common-menu .common-menu-item a span {*/
  .common-menu-wrap .common-menu-item a span {
    font-size: 1.0em;
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
  }
  
  .dropdown-service {
    display: inline-block;
    margin-top: 0.5em;
    width: 100%;
  }
  
  .dropdown-service .dropdown-menu-item {
    border-top: 1px solid #f4f4f4;
    padding: 0.5em;
    border-radius: 5px;
  }
  .dropdown-service .dropdown-menu-item:first-child {
    border-top: 1px solid #ffffff;
  }
  .dropdown-service .dropdown-menu-item a {
    display: flex;
    align-items: center;
  }
 
  .dropdown-service .dropdown-menu-item a:hover{
    color:black;
  } 
  .dropdown-service .dropdown-menu-item i {
    background: #f4f4f4;
    padding: 0.5em;
    height: fit-content;
    border-radius: 50px;
    margin-right: 0.5em;
  }
  
  .dropdown-service .dropdown-menu-item i img{
  width: 35px;
  }
  
  
  .dropdown-service .dropdown-menu-item span {
    display: block;
  }
  
  .dropdown-service .dropdown-menu-item h4 {
    line-height: 1.2em;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 0;
  }
  
  .dropdown-service .dropdown-menu-item span p {
    font-size: 0.4em;
  }
  
  .dropdown-service .dropdown-menu-item:hover {
    background-color: #e4e5eb;
    border-top: 1px solid #ffffff;
  }
  
  .dropdown-service .dropdown-menu-item:hover i {
    background: #fff;
  }

  .dropdown-trigger {
    position: relative;
    border: solid 1px #ddd;
    padding: 0.5em 1em;
    border-radius: 2em;
    /* margin: 2em 0em; */
    display: inline-block;
    color: #37405b;
    cursor: pointer;
  }
  
  .dropdown-trigger:hover{
    border: solid 1px #fff;
    background: #fff;
    color: #007bff;
  }
  
  .dropdown-trigger i {
    font-size: 23px;
    vertical-align: -6px;
  }

#dropdown-trigger_common_service_wrap span,
#dropdown-trigger_common_language_wrap span {
    vertical-align: middle;
}
/*
.nav-item-dropdown .common-service .dropdown-service {
    display: inline-block;
    margin-top: 0.5em;
    width: 100%;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item {
    border-top: 1px solid #f4f4f4;
    padding: 0.5em;
  }

 .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item:first-child{
    border-top: none;
  }

  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item a {
    display: flex;
    align-items: center;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item i {
    background: #f4f4f4;
    padding: 0.5em;
    height: fit-content;
    border-radius: 50px;
    margin-right: 0.5em;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item i img{
  width: 35px;
  }
  
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item span {
    display: block;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item h4 {
    line-height: 1.2em;
    font-size: 1em;
    margin-bottom: 0;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item span p {
    font-size: 0.4em;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item:hover {
    background-color: #e4e5eb;
    border-top: 1px solid #ffffff;
  }

.nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item:first-child:hover{
    border-top: none;
  }
  
  .nav-item-dropdown .common-service .dropdown-service .dropdown-menu-item:hover i {
    background: #fff;
  }

*/


.nav-item .dropdown-trigger svg{
  height: 20px;
  width: 20px;
  fill: #37405b;
  transition: fill 0.3s ease;
vertical-align: middle;
}

.dropdown-trigger:hover .icon-path {
    fill: #007bff;
}

.dropdown-trigger:hover .icon-circle{
    fill: #007bff;
}

.dropdown-trigger:hover .header-text{
    color: #007bff;
}


.common-menu-wrap .common-menu-item a svg{
  height: 25px;
  width: 25px;
  fill: #37405b;
  transition: fill 0.3s ease;
}

.common-menu-wrap .common-menu-item a span{
  color: #37405b;
}

#nav-panel .nav-items li .dropdown-trigger:hover .icon-path{
  fill: #258800;
}
#nav-panel .nav-items li .dropdown-trigger:hover .icon-circle{
  fill: #258800;
}

