.body {
  margin: 0;
  padding: 0;
}
.navBar {
  position: sticky;
  z-index: 100;
  top: 0;
}
.navbar-top {
  /* position: fixed; */
  background-color: #0078ad;
  margin: auto;
  display: flex;
}

.navbar-container {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
}

.navbar-container > div {
  margin: 2%;
  padding: 1.3%;
}

.navbar-top :nth-child(1) {
  padding: 6px;
}

.navbar-top :nth-child(2) > div {
  gap: 10px;
}

.navbar-container > div:hover {
  background-color: #0c5273;
  border-radius: 50px;
  cursor: pointer;
}

.search {
  display: flex;
  background-color: white;
  border-radius: 50px;
}

.search > input {
  border-style: none;
  border-radius: 50px;
  outline: none;
  border: none;
  padding: 0px 55px 0px 10px;
}

.search > img {
  padding-right: 9px;
}

.search:hover {
  background-color: rgb(255, 255, 255);
}
.profile a {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  text-align: center;
  /* width: 85px; */
}
/* .profile a p {
  text-decoration: none;
  color: white;
  margin: auto;
} */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
.navbar-bottom {
  width: 100%;
  margin: auto;
  background-color: #0c5273;
}

.navbar-bottom > div {
  display: flex;
  list-style: none;
  width: 60%;
  margin: auto;
}

.navbar-bottom > div > li {
  margin: auto;
  padding: 1%;
  color: white;
}

.custom-dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu > li {
  position: relative;
  margin: 10px;
}