* {
  font-family: "Metropolis", Roboto, "Helvetica Neue", sans-serif !important
}

.pageContainer {
  max-height: 100vh;
  max-width: 100vw;
  margin: 0 !important;
  background-color: aliceblue;
}

.footer {
  padding: 0 20px;
  height: calc(10vh - 2px);
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  border-top: 2px solid #E0E0E0;
}

.space {
  flex: 1;
}

.term {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.customTextColor {
  color: #808080 !important;
  text-decoration: none !important;
}

@media (max-width: 1200px) {
  .term, .copyright {
    flex-direction: column;
    font-size: 12px !important;
    line-height: normal;
    gap: unset;
  }
}

.copyright {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap:5px;
  color: #808080 !important;
}

.mainLogo {
  display: flex;
  align-items: center;
  margin: auto;
  height: 20vh;
  width: 15vw;
}

.maintenanceImage {
  margin: auto;
  height: 50vh;
  width: 25vw;
}

.message {
  margin: auto;
  height: 20vh;
  text-align: center;
}

.headerMsg {
  margin: 0 !important;
}