header {
  width: 100%;
  height: 5vh;
  /* background-color: rgb(69, 115, 241); */
  /* background-color: #DE2132; */
  /* background-color: #ff9c09; orange*/
  background-color: #0077b6;
  display: flex;
  align-items: center;
}

.header-div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  color: white;
  font-size: 0.9rem;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.header-div p {
  margin: 0;
  white-space: nowrap;
}

.header-div i {
  margin-right: 6px;
}


/* header div img {
    width: 100%;
    height: 15vh;
} */

/* .header-div {

} */


/* Mobile Responsive */
@media (max-width: 768px) {
  .header-div {
    justify-content: space-evenly; /* distribute evenly across the line */
    font-size: 0.5rem; /* slightly smaller text */
  }

  /* .header-left {
    display: none;
  } */

  .header-right {
    gap: 0.8rem; /* reduce spacing between items */
    font-size: 0.5rem;
    margin-left: 5px;
  }

  .header-div p {
    font-size: 0.5rem;
  }

  .header-div i {
    font-size: 0.5rem;
  }
}