.departments {
  background-color: #f6f0f0;
  padding: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.7em;
}

.departmentCard {
  border: 0.1em solid #48d5ce;
  border-radius: 1em;
  box-shadow: 1em 1em 14em rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.departmentCard img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 1em;
}
.departmentCard h2,
h3,
h4 {
  font-size: 1.7em;
  color: #333;
  text-align: center;
  margin: 0;
}

.departmentCard ul li {
  font-size: 1.2em;
  color: #555;
  text-align: right;
  margin: 0.5em 0;
}