.contactUsMessage {
    min-height: 25vh;
    max-height: 40vh;
    resize: none;
    overflow-y: auto;
}

.columnContentFormWithTabs {
    overflow-y: hidden;
    color: var(--accent);
    vertical-align: middle;
}

.formTabsContainer {
    flex-grow: 0;
    margin-top: clamp(12px, 4vh, 48px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.formTextContainer {
    flex-grow: 1;
    margin: 0%;
    text-align: left;
}

.formContainer {
  display: flex;
  flex-direction: column;
}

.contactFormColumn {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.contactFormScroll {
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contactFormScroll.pageScroll {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-mask-image: none;
    mask-image: none;
}

.contactFormInner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: auto 0;
}

.contactFormScroll .formContainer {
  flex: 0 1 auto;
}

@media (max-width: 1024px) {
  .contactTopImage {
    flex: 0 0 auto;
    max-height: 20vh;
  }

  .contactFormScroll {
    max-height: clamp(40vh, 55vh, 65vh);
  }
}

.grecaptcha-badge { 
    /* Have alos set data-badge='inline' to prevent it from affecting the page width */
    visibility: hidden;
}