/* Keep the Contact header aligned with the homepage navigation system. */
.contact-nav {
  min-height: 96px;
  padding-inline: 18px;
  gap: 16px;
}

.contact-brand {
  gap: 10px;
  font-size: 18px;
}

.contact-brand span {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  font-size: 17px;
}

.contact-links {
  flex: 0 1 auto;
  justify-content: flex-start;
  margin-left: 0;
  gap: 3px;
}

.contact-links a {
  padding: 10px 9px;
  font-size: 15px;
  font-weight: 600;
}

.contact-tools {
  gap: 7px;
  flex-shrink: 0;
  margin-left: auto;
}

.tool-icon,
.tool-select {
  height: 41px;
  border-radius: 13px;
}

.tool-icon {
  width: 41px;
}

.tool-icon svg {
  width: 21px;
  height: 21px;
}

.tool-select {
  padding-inline: 11px;
  font-size: 15px;
}

.globe-icon {
  width: 21px;
  height: 21px;
}

.get-quote {
  height: 46px;
  min-width: 112px;
  padding-inline: 16px;
  border-radius: 15px;
  font-size: 16px;
}

@media (max-width: 1420px) {
  .contact-nav { padding-inline: 16px; }
  .contact-links a { padding: 9px 7px; font-size: 14px; }
}

@media (max-width: 980px) {
  .contact-nav { min-height: 70px; }
  .contact-links { top: 70px; }
}

/* Contact starts with the same calm teal field as the homepage hero. */
.contact-four-hero {
  background: #15595a;
  background-image: none;
}