.page-contact .contactHero:before {
  opacity: 0.78;
}
.page-contact .brief {
  box-shadow: 0 38px 100px rgba(8, 41, 78, 0.14);
  transition:
    transform 0.45s var(--wow-ease),
    box-shadow 0.45s;
}
.page-contact .brief:hover {
  box-shadow: 0 46px 115px rgba(8, 41, 78, 0.17);
}
.page-contact .field input,
.page-contact .field textarea,
.page-contact .field select {
  transition:
    border-color 0.25s,
    box-shadow 0.25s,
    transform 0.25s;
}
.page-contact .field input:focus,
.page-contact .field textarea:focus,
.page-contact .field select:focus {
  transform: translateY(-1px);
}
.page-contact .svc span {
  transition:
    transform 0.25s var(--wow-ease),
    background 0.25s,
    border-color 0.25s;
}
.page-contact .svc span:hover {
  transform: translateY(-2px);
}
.page-contact .mapLab {
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.16);
}
.page-contact .mapPin {
  animation: wowMapPing 2.7s ease-out infinite;
}
@keyframes wowMapPing {
  0%,
  100% {
    box-shadow:
      0 0 0 10px rgba(210, 184, 122, 0.1),
      0 0 0 28px rgba(210, 184, 122, 0.05),
      0 0 45px rgba(210, 184, 122, 0.35);
  }
  50% {
    box-shadow:
      0 0 0 18px rgba(210, 184, 122, 0),
      0 0 0 42px rgba(210, 184, 122, 0),
      0 0 65px rgba(210, 184, 122, 0.25);
  }
}
.page-contact .infoCard:hover {
  transform: translateY(-7px) scale(1.01);
}
.page-contact .finalBox {
  box-shadow: 0 38px 95px rgba(4, 24, 47, 0.13);
}

/* Hero: same space under the menu as the home page (58px, 54px on phones). */
.page-contact .contactHero {
  padding-top: 85px;
}
@media (max-width: 1000px) {
  .page-contact .contactHero {
    padding-top: 106px;
  }
}
@media (max-width: 720px) {
  .page-contact .contactHero {
    padding-top: 88px;
  }
}