footer {
  background-color: #5E8C31;
  color: #fbfbfb;
  padding: 4rem 0 2rem;
}

.footerContainer {
  width: 90%;
  max-width: 1200px;
  margin-inline: auto;
}

.footerTop {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  gap: 2rem;
}

.footerLogo h2 {
  font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  margin-bottom: 0.5rem;
}

.footerLogo p {
  color: rgba(251, 251, 251, 0.8);
}

.footerNav ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footerNav a {
  color: rgba(251, 251, 251, 0.8);
  transition: color 0.3s ease;
}

.footerNav a:hover {
  color: #fbfbfb;
}

.footerBottom {
  border-top: 1px solid rgba(251, 251, 251, 0.2);
  padding-top: 2rem;
  text-align: center;
}

.footerBottom p {
  font-size: 0.875rem;
  color: rgba(251, 251, 251, 0.7);
}