/* header {
  width: 100%;
  height: 100vh;
  background: url(hero.jpg) no-repeat 50% 50%;
  background-size: cover;
} */



.logo-nav {
  line-height: 60px;
  position: fixed;
  float: left;
  /* padding: 6px 20px; */
  color: #084887;
  font-weight: bold;
  font-size: 20px;
  z-index: 1;
  width: 400px;
}

.logo-nav>a {
  color: #084887;
}

nav {
  position: fixed;
  width: 100%;
  background-color: #fff;
  line-height: 60px;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
  z-index: 999;

}

nav ul {
  line-height: 30px;
  list-style: none;
  background: rgba(0, 0, 0, 0);
  color: #084887;
  padding: 0;
  text-align: right;
  margin: 0;
  /* padding-right: 40px; */
  transition: 0.8s;
}

/* nav.black ul {
  background: #fff;
} */

nav ul li {
  display: inline-block;
  padding-inline: 10px;
}




nav ul li a {
  text-decoration: none;
  color: #084887;
  font-size: 14px;
}

.menu {
  display: flex;
  justify-content: end;
}

.menu ul>li>a {
  font-weight: 600;
}

.menu ul>li {
  transition: 0.4s;
}

/* .menu ul>li:hover {

  transform: scale(1.1);
} */


/* 
.menu ul li ul {
  display: none;
  flex-direction: column;

} */
.menu ul>li>ul {
  display: none;
  flex-direction: column;

}

.menu ul>li:hover>ul {
  display: flex;
  position: absolute;
  flex-direction: column;
  background-color: #fff;
  justify-content: start;
  text-align: left;
  padding: 6px 10px;
  min-width: 300px;
  line-height: 30px;

}



.menu ul>li>ul>li {
  position: relative;
}





.menu ul>li>ul>li>ul {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  background-color: #fff;
  min-width: 300px !important;

}


.menu ul li:has(> ul)>a::before {
  content: '🢒';
  font-size: 2rem;
  margin-right: 5px;
  color: #C6282D;

}

.menu ul li:has(> ul):hover>a::before {
  content: '🢐';
  color: #C6282D;
  transition: s;
}

.menu-icon {
  line-height: 60px;
  width: 100%;
  background: #fff;
  text-align: right;
  box-sizing: border-box;
  padding: 6px 20px;
  cursor: pointer;
  color: #084887;
  display: none;
  z-index: 99999;
}

.vl {
  border-left: 1px solid #084887;
  height: auto;
}






@media (max-width: 1200px) {
  .logo-nav>a {
    display: none;
  }

  .logo-nav {
    width: 100px;
  }

  .logo-nav>img {
    width: 70%;
  }
}

@media(max-width: 786px) {

  .logo-nav {
    width: 100px;
  }

  .logo-nav>img {
    width: 80%;
  }

  .logo-nav>a {
    display: none;
  }

  .language-switcher {
    display: none;
  }

  .logo-nav {
    position: fixed;
    top: 0;

  }

  .who .section-padding {
    padding: 10px;
  }

  .row1 {
    padding: 10px;

    img {
      width: 50%;
      margin-inline: auto;
    }
  }

  .menu ul>li {
    line-height: 30px;
  }


  /* nav ul {
    background: #ffffff;
  
  } */

  /* nav.black ul {
    background: #d1ecff;
  } */



  .showing {
    display: block !important;
    transition: 0.4s;

  }

  .menu {
    display: flex;
    justify-content: start;
    overflow-y: scroll;
    max-height: 600px;


  }

  .menu>ul {
    display: none;
  }

  /* 
  nav ul {
    display: none;
    position: absolute;
    flex-direction: column;
    background-color: #fff;
    justify-content: start;
    text-align: left;
    padding: 6px 10px;
    min-width: 300px;
    line-height: 30px;
  } */



  .menu ul li ul {
    display: none;
    flex-direction: column;

  }


  .menu ul>li:hover>ul {
    display: flex;
    position: relative;
    flex-direction: column;
    background-color: #fff;
    justify-content: start;
    text-align: left;
    padding: 6px 10px;
    min-width: 300px;
    line-height: 30px;

  }


  .menu ul>li>ul>li>ul {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;

  }

  nav ul li {
    box-sizing: border-box;
    width: 100%;
    text-align: start;
    background-color: #ffffff;
  }

  .menu-icon {
    display: flex;
    justify-content: end;
    padding: 20px;
  }








}