/* =========================================================
   DATA CENTER ACTIVECAMPAIGN DIALOG
   File: data-center-form-v1.css
========================================================= */

#acModal,
#acModal *,
#acModal *::before,
#acModal *::after {
  box-sizing: border-box;
}

body.ac-modal-open {
  overflow: hidden !important;
}

/* =========================================================
   NATIVE DIALOG
========================================================= */

dialog#acModal {
  position: fixed !important;
  top: 142px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2147483000 !important;

  width: min(1040px, calc(100vw - 32px)) !important;
  max-width: 1040px !important;
  height: auto !important;
  max-height: calc(100dvh - 162px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  background: #ffffff !important;
  color: #222222 !important;

  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.34) !important;

  transform: translateX(-50%) !important;
}

dialog#acModal:not([open]) {
  display: none !important;
}

dialog#acModal[open] {
  display: block !important;
}

dialog#acModal::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

/* =========================================================
   MODAL CONTAINER
========================================================= */

#acModal .modal-content {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #ffffff !important;
  box-shadow: none !important;
}

#acModal .modal-body {
  display: grid !important;
  grid-template-columns:
    200px
    minmax(0, 1fr) !important;

  width: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   CLOSE BUTTON
========================================================= */

#acModal .close {
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  z-index: 50 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 34px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #cc0000 !important;

  font-family: Arial, sans-serif !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

#acModal .close:hover,
#acModal .close:focus {
  border: 0 !important;
  background: rgba(204, 0, 0, 0.07) !important;
  color: #990000 !important;

  outline: none !important;
  box-shadow: none !important;
}

/* =========================================================
   LEFT RED PANEL
========================================================= */

#acModal .modal-image-with-text {
  position: relative !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: 200px !important;
  min-width: 200px !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 26px 20px !important;

  overflow: hidden !important;

  background: linear-gradient(
    145deg,
    #cc0000 0%,
    #b30000 55%,
    #780000 100%
  ) !important;
}

#acModal .modal-image-with-text::before,
#acModal .modal-image-with-text::after {
  display: none !important;
  content: none !important;
}

#acModal .overlay-text {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;
  max-width: 160px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;

  text-align: left !important;
}

/* =========================================================
   RIGHT FORM PANEL
========================================================= */

#acModal
  .modal-body
  > #acFormContainer.form-side {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 22px 26px 24px !important;

  overflow: visible !important;

  background: #ffffff !important;
}

#acModal #acFormContainer {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ACTIVECAMPAIGN WRAPPERS
========================================================= */

#acModal #acFormContainer ._form-wrapper {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

#acModal #acFormContainer #_form_100_,
#acModal #acFormContainer ._form_100 {
  position: static !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  left: auto !important;
  right: auto !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
  transform: none !important;
}

#acModal #_form_100_ *,
#acModal #_form_100_ *::before,
#acModal #_form_100_ *::after {
  box-sizing: border-box !important;
}

#acModal #_form_100_ ._form_element {
  margin: 0 !important;
}

#acModal #_form_100_ input[type="hidden"] {
  display: none !important;
}

/* =========================================================
   FORM GRID
========================================================= */

#acModal #_form_100_ ._form-content {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap: 22px !important;
  row-gap: 15px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
}

#acModal #_form_100_ ._form-content > * {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: none !important;
}

#acModal #_form_100_ ._clear-element {
  display: none !important;
}

/* =========================================================
   FULL-WIDTH FORM SECTIONS
========================================================= */

#acModal #_form_100_ ._field_header,
#acModal #_form_100_ ._x31426612,
#acModal #_form_100_ ._x67234165,
#acModal #_form_100_ ._field464,
#acModal #_form_100_ ._x49501075,
#acModal #_form_100_ ._x84208122,
#acModal #_form_100_ ._button-wrapper,
#acModal #_form_100_ ._form-thank-you {
  grid-column: 1 / -1 !important;
}

/* Name and email remain side by side */

#acModal #_form_100_ ._field_name,
#acModal #_form_100_ ._field_email {
  grid-column: auto !important;
}

/* Hide duplicate ActiveCampaign headline */

#acModal #_form_100_ ._field_header {
  display: none !important;
}

/* =========================================================
   LABELS
========================================================= */

#acModal #_form_100_ ._form-label,
#acModal #_form_100_ legend {
  display: block !important;

  width: 100% !important;

  margin: 0 0 6px !important;
  padding: 0 !important;

  color: #111111 !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  text-align: left !important;
}

#acModal #_form_100_ .field-required {
  color: #cc0000 !important;
}

/* =========================================================
   TEXT INPUTS AND TEXTAREA
========================================================= */

#acModal #_form_100_ ._field-wrapper {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal #_form_100_ input[type="text"],
#acModal #_form_100_ input[type="email"],
#acModal #_form_100_ textarea {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  border: 1px solid #8f8f8f !important;
  border-radius: 3px !important;

  background: #ffffff !important;
  color: #222222 !important;

  -webkit-text-fill-color: #222222 !important;
  caret-color: #222222 !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  box-shadow: none !important;
}

#acModal #_form_100_ input[type="text"],
#acModal #_form_100_ input[type="email"] {
  min-height: 40px !important;
  padding: 7px 10px !important;
}

#acModal #_form_100_ textarea {
  min-height: 62px !important;
  height: 62px !important;
  max-height: 90px !important;

  padding: 8px 10px !important;

  resize: vertical !important;
}

#acModal #_form_100_ input[type="text"]:focus,
#acModal #_form_100_ input[type="email"]:focus,
#acModal #_form_100_ textarea:focus {
  border-color: #cc0000 !important;

  outline:
    2px solid rgba(204, 0, 0, 0.15) !important;

  outline-offset: 1px !important;
}

#acModal #_form_100_ input::placeholder,
#acModal #_form_100_ textarea::placeholder {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
  opacity: 1 !important;
}

/* =========================================================
   FIELDSETS
========================================================= */

#acModal #_form_100_ ._form-fieldset {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
}

/* =========================================================
   INTEREST CHECKBOXES
========================================================= */

#acModal
  #_form_100_
  ._x31426612
  ._form-fieldset {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap: 28px !important;
  row-gap: 9px !important;
}

#acModal
  #_form_100_
  ._x31426612
  ._form-fieldset
  > ._row {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal
  #_form_100_
  ._x31426612
  ._form-fieldset
  > ._row:first-child {
  grid-column: 1 / -1 !important;
  margin-bottom: 2px !important;
}

/* =========================================================
   PLANNING RADIOS
========================================================= */

#acModal
  #_form_100_
  ._x67234165
  ._form-fieldset {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  column-gap: 18px !important;
  row-gap: 9px !important;
}

#acModal
  #_form_100_
  ._x67234165
  ._form-fieldset
  > ._row {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal #_form_100_ ._x67234165 legend {
  grid-column: 1 / -1 !important;
  margin-bottom: 2px !important;
}

/* =========================================================
   CHECKBOX AND RADIO ROWS
========================================================= */

#acModal #_form_100_ ._checkbox-radio {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal
  #_form_100_
  ._checkbox-radio
  input[type="checkbox"],
#acModal
  #_form_100_
  ._checkbox-radio
  input[type="radio"] {
  position: static !important;

  flex: 0 0 auto !important;

  width: 16px !important;
  height: 16px !important;

  margin: 1px 0 0 !important;
  padding: 0 !important;

  accent-color: #cc0000;

  cursor: pointer !important;
}

#acModal #_form_100_ ._checkbox-radio span {
  display: block !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal #_form_100_ ._checkbox-radio label {
  display: block !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #222222 !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  cursor: pointer !important;
}

/* =========================================================
   LEGAL LANGUAGE
========================================================= */

#acModal #_form_100_ ._x49501075 {
  position: relative !important;
  padding-top: 1px !important;
}

#acModal
  #_form_100_
  ._x49501075
  ._html-code {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#acModal
  #_form_100_
  ._x49501075
  ._html-code
  p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #333333 !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;

  text-align: left !important;
}

#acModal
  #_form_100_
  ._x49501075
  ._html-code
  p
  span {
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: inherit !important;
  line-height: inherit !important;
}

/* Hitachi Group Companies tooltip trigger */

#acModal #hitachi-group-company {
  display: inline !important;

  color: #cc0000 !important;

  font-weight: 600 !important;

  text-decoration: underline !important;
  text-underline-offset: 2px !important;

  cursor: pointer !important;
}

#acModal #hitachi-group-company:hover,
#acModal #hitachi-group-company:focus {
  color: #990000 !important;
  outline: none !important;
}

/* Privacy Policy link */

#acModal
  #_form_100_
  ._x49501075
  a {
  color: #cc0000 !important;

  font-weight: 600 !important;

  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#acModal
  #_form_100_
  ._x49501075
  a:hover,
#acModal
  #_form_100_
  ._x49501075
  a:focus {
  color: #990000 !important;
}

/* =========================================================
   REQUIRED YES / NO CONSENT FIELD
========================================================= */

#acModal #_form_100_ ._x84208122 {
  position: relative !important;
}

/*
 * Hide “Single Optin” visually while retaining it
 * for screen readers and form accessibility.
 */

#acModal #_form_100_ ._x84208122 legend {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  margin: -1px !important;
  padding: 0 !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;

  white-space: nowrap !important;

  border: 0 !important;
}

#acModal
  #_form_100_
  ._x84208122
  ._form-fieldset {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  flex-wrap: wrap !important;

  column-gap: 30px !important;
  row-gap: 8px !important;

  width: 100% !important;
}

/* Yes and No display on one line */

#acModal
  #_form_100_
  ._x84208122
  ._checkbox-radio {
  display: inline-flex !important;

  flex: 0 0 auto !important;

  align-items: center !important;

  width: auto !important;
  max-width: none !important;

  gap: 8px !important;
}

#acModal
  #_form_100_
  ._x84208122
  ._checkbox-radio
  input[type="radio"] {
  margin-top: 0 !important;
}

#acModal
  #_form_100_
  ._x84208122
  ._checkbox-radio
  label {
  font-weight: 500 !important;
}

/*
 * ActiveCampaign inserts the required-field error
 * inside the first Yes/No row.
 */

#acModal
  #_form_100_
  ._x84208122
  ._form-fieldset
  > ._row:first-of-type {
  flex-wrap: wrap !important;
}

#acModal
  #_form_100_
  ._x84208122
  ._error-inner._no_arrow {
  flex: 0 0 100% !important;

  width: 100% !important;

  margin: 0 0 8px !important;
}

/* =========================================================
   SUBMIT BUTTON
========================================================= */

#acModal #_form_100_ ._button-wrapper {
  padding-top: 3px !important;

  text-align: left !important;
}

#acModal #_form_100_ ._submit {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 180px !important;
  min-height: 41px !important;

  margin: 0 !important;
  padding: 9px 20px !important;

  border: 1px solid #cc0000 !important;
  border-radius: 3px !important;

  background: #cc0000 !important;
  color: #ffffff !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  text-transform: none !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

#acModal #_form_100_ ._submit:hover,
#acModal #_form_100_ ._submit:focus {
  border-color: #a80000 !important;
  background: #a80000 !important;

  outline: none !important;
}

#acModal #_form_100_ ._submit:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

/* =========================================================
   VALIDATION MESSAGES
========================================================= */

#acModal #_form_100_ ._error {
  z-index: 100 !important;
}

#acModal #_form_100_ ._error,
#acModal #_form_100_ ._error-inner {
  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  line-height: 1.35 !important;
}

#acModal #_form_100_ ._error-inner {
  color: #222222 !important;
}

/* =========================================================
   THANK-YOU STATE
========================================================= */

#acModal.dc-form-submitted .modal-body {
  display: block !important;
  min-height: 280px !important;
}

#acModal.dc-form-submitted .modal-image-with-text {
  display: none !important;
}

#acModal.dc-form-submitted #_form_100_ ._form-content {
  display: none !important;
}

#acModal.dc-form-submitted
  .modal-body
  > #acFormContainer.form-side {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 280px !important;

  padding: 44px 48px 38px !important;
}

#acModal.dc-form-submitted
  #_form_100_
  ._form-thank-you {
  display: block !important;

  width: 100% !important;
  max-width: 680px !important;

  margin: 0 auto !important;
  padding: 10px !important;

  color: #333333 !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1.6 !important;

  text-align: center !important;
}

#acModal.dc-form-submitted
  #_form_100_
  ._form-thank-you
  > *:first-child {
  margin-top: 0 !important;

  color: #cc0000 !important;

  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* =========================================================
   BROWSER AUTOFILL FIX
========================================================= */

#acModal #_form_100_ input:-webkit-autofill,
#acModal #_form_100_ input:-webkit-autofill:hover,
#acModal #_form_100_ input:-webkit-autofill:focus,
#acModal #_form_100_ input:-webkit-autofill:active {
  color: #222222 !important;

  -webkit-text-fill-color: #222222 !important;
  caret-color: #222222 !important;

  background-color: #ffffff !important;

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;

  transition:
    background-color 9999s ease-out 0s !important;
}

#acModal #_form_100_ input:autofill {
  color: #222222 !important;

  -webkit-text-fill-color: #222222 !important;
  caret-color: #222222 !important;

  background: #ffffff !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;
}

/* =========================================================
   HITACHI GROUP COMPANIES TOOLTIP
========================================================= */

#acModal .dc-group-tooltip {
  position: absolute !important;
  z-index: 500 !important;

  width: min(520px, calc(100% - 24px)) !important;
  max-height: 300px !important;

  margin: 0 !important;
  padding: 16px 18px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 3px !important;

  background: #222222 !important;
  color: #ffffff !important;

  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.42) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
    opacity 140ms ease,
    visibility 140ms ease !important;
}

#acModal .dc-group-tooltip.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#acModal .dc-group-tooltip::before {
  position: absolute !important;

  left: var(--dc-tooltip-arrow-left, 30px) !important;

  width: 0 !important;
  height: 0 !important;

  content: "" !important;
}

#acModal
  .dc-group-tooltip[data-placement="below"]::before {
  top: -8px !important;

  border-right: 8px solid transparent !important;
  border-bottom: 8px solid #222222 !important;
  border-left: 8px solid transparent !important;
}

#acModal
  .dc-group-tooltip[data-placement="above"]::before {
  bottom: -8px !important;

  border-top: 8px solid #222222 !important;
  border-right: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
}

#acModal .dc-group-tooltip ul {
  columns: 2 !important;
  column-gap: 28px !important;

  margin: 0 !important;
  padding: 0 0 0 18px !important;
}

#acModal .dc-group-tooltip li {
  break-inside: avoid !important;

  margin: 0 0 7px !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family:
    "Noto Sans",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* =========================================================
   SHORTER LAPTOP SCREENS
========================================================= */

@media (max-height: 820px) and (min-width: 721px) {
  dialog#acModal {
    top: 142px !important;
    max-height: calc(100dvh - 152px) !important;
  }

  #acModal
    .modal-body
    > #acFormContainer.form-side {
    padding: 16px 24px 18px !important;
  }

  #acModal #_form_100_ ._form-content {
    row-gap: 10px !important;
  }

  #acModal #_form_100_ input[type="text"],
  #acModal #_form_100_ input[type="email"] {
    min-height: 37px !important;
    padding: 6px 9px !important;
  }

  #acModal #_form_100_ textarea {
    min-height: 52px !important;
    height: 52px !important;
    max-height: 70px !important;

    padding: 7px 9px !important;
  }

  #acModal
    #_form_100_
    ._x31426612
    ._form-fieldset,
  #acModal
    #_form_100_
    ._x67234165
    ._form-fieldset {
    row-gap: 7px !important;
  }

  #acModal
    #_form_100_
    ._x49501075
    ._html-code
    p {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  #acModal .modal-image-with-text {
    padding: 22px 18px !important;
  }

  #acModal .overlay-text {
    font-size: 28px !important;
  }

  #acModal #_form_100_ ._submit {
    min-height: 38px !important;
    padding: 8px 18px !important;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) and (min-width: 721px) {
  dialog#acModal {
    width: calc(100vw - 24px) !important;
  }

  #acModal .modal-body {
    grid-template-columns:
      180px
      minmax(0, 1fr) !important;
  }

  #acModal .modal-image-with-text {
    width: 180px !important;
    min-width: 180px !important;

    padding: 24px 18px !important;
  }

  #acModal .overlay-text {
    max-width: 140px !important;
    font-size: 27px !important;
  }

  #acModal
    .modal-body
    > #acFormContainer.form-side {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  #acModal
    #_form_100_
    ._x67234165
    ._form-fieldset {
    column-gap: 12px !important;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 720px) {
  dialog#acModal {
    top: 8px !important;

    width: calc(100vw - 16px) !important;
    max-width: none !important;
    max-height: calc(100dvh - 16px) !important;
  }

  #acModal .modal-body {
    display: block !important;
    min-height: auto !important;
  }

  #acModal .modal-image-with-text {
    display: flex !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 90px !important;

    padding: 18px !important;
  }

  #acModal .overlay-text {
    max-width: none !important;

    font-size: 27px !important;
    line-height: 1.1 !important;
  }

  #acModal
    .modal-body
    > #acFormContainer.form-side {
    padding: 28px 18px 22px !important;
  }

  #acModal #_form_100_ ._form-content,
  #acModal
    #_form_100_
    ._x31426612
    ._form-fieldset,
  #acModal
    #_form_100_
    ._x67234165
    ._form-fieldset {
    grid-template-columns: 1fr !important;
  }

  #acModal #_form_100_ ._form-content {
    row-gap: 14px !important;
  }

  #acModal #_form_100_ ._field_header,
  #acModal #_form_100_ ._field_name,
  #acModal #_form_100_ ._field_email,
  #acModal #_form_100_ ._x31426612,
  #acModal #_form_100_ ._x67234165,
  #acModal #_form_100_ ._field464,
  #acModal #_form_100_ ._x49501075,
  #acModal #_form_100_ ._x84208122,
  #acModal #_form_100_ ._button-wrapper,
  #acModal
    #_form_100_
    ._x31426612
    ._form-fieldset
    > ._row:first-child,
  #acModal #_form_100_ ._x67234165 legend {
    grid-column: 1 !important;
  }

  #acModal #_form_100_ textarea {
    min-height: 70px !important;
    height: 70px !important;
    max-height: 100px !important;
  }

  #acModal
    #_form_100_
    ._x49501075
    ._html-code
    p {
    font-size: 13px !important;
    line-height: 1.48 !important;
  }

  #acModal #_form_100_ ._submit {
    width: 100% !important;
  }

  #acModal .dc-group-tooltip {
    width: calc(100% - 20px) !important;
    max-height: 55dvh !important;

    padding: 15px 16px !important;
  }

  #acModal .dc-group-tooltip ul {
    columns: 1 !important;
  }

  #acModal.dc-form-submitted
    .modal-body
    > #acFormContainer.form-side {
    min-height: 260px !important;
    padding: 46px 20px 32px !important;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {
  #acModal .modal-image-with-text {
    min-height: 84px !important;
    padding: 16px 15px !important;
  }

  #acModal .overlay-text {
    font-size: 25px !important;
  }

  #acModal
    .modal-body
    > #acFormContainer.form-side {
    padding: 26px 15px 18px !important;
  }
}


/* =========================================================
   REMOVE BLANK TOOLTIP SCROLL SPACE
   Keep this at the very bottom of the CSS file
========================================================= */

/*
 * Before the tooltip opens, keep it positioned at the
 * top of the dialog so it cannot extend the scroll area.
 *
 * The JavaScript still calculates and stores its correct
 * position. That position takes effect when is-visible
 * is added.
 */

#acModal
  .dc-group-tooltip:not(.is-visible) {
  top: 0 !important;
  left: 0 !important;
}

/*
 * Keep the legal section and consent controls compact
 * without squeezing the text.
 */

#acModal #_form_100_ ._x49501075 {
  margin: 0 !important;
  padding: 0 !important;
}

#acModal
  #_form_100_
  ._x49501075
  ._html-code
  p {
  margin: 0 !important;
}

#acModal #_form_100_ ._x84208122 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep Yes and No together */

#acModal
  #_form_100_
  ._x84208122
  ._form-fieldset {
  min-height: 22px !important;
}

/* Remove any unnecessary space after the button */

#acModal #_form_100_ ._button-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* =========================================================
   TOOLTIP + CLOSE BUTTON FINAL REFINEMENTS
   Keep this block at the very bottom of the CSS file
========================================================= */

/* Prevent the hidden tooltip from creating blank scroll space */

#acModal .dc-group-tooltip:not(.is-visible) {
  top: 0 !important;
  left: 0 !important;
}

/* Light-gray tooltip */

#acModal .dc-group-tooltip {
  max-height: 380px !important;

  padding: 16px 18px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  border: 1px solid #b8b8b8 !important;

  background: #dcdcdc !important;
  background-color: #dcdcdc !important;

  color: #222222 !important;

  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28) !important;

  scrollbar-width: thin;
  scrollbar-color: #888888 #dcdcdc;
}

/* Ensure all company names use the form text color */

#acModal .dc-group-tooltip ul,
#acModal .dc-group-tooltip li {
  color: #222222 !important;
}

/* Match the tooltip arrow to the light-gray background */

#acModal
  .dc-group-tooltip[data-placement="below"]::before {
  border-bottom-color: #dcdcdc !important;
}

#acModal
  .dc-group-tooltip[data-placement="above"]::before {
  border-top-color: #dcdcdc !important;
}

/* Slightly tighten the company list */

#acModal .dc-group-tooltip li {
  margin-bottom: 6px !important;

  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Chrome and Edge tooltip scrollbar */

#acModal .dc-group-tooltip::-webkit-scrollbar {
  width: 7px;
}

#acModal .dc-group-tooltip::-webkit-scrollbar-track {
  background: #dcdcdc;
}

#acModal .dc-group-tooltip::-webkit-scrollbar-thumb {
  border: 2px solid #dcdcdc;
  border-radius: 8px;

  background: #888888;
}

/* Add space between the email field and close button */

#acModal #_form_100_ ._field_email {
  padding-right: 46px !important;
}

/* Position the close button cleanly */

#acModal .close {
  top: 10px !important;
  right: 12px !important;
}

/* Mobile refinements */

@media (max-width: 720px) {
  #acModal .dc-group-tooltip {
    max-height: 55dvh !important;
    overflow-y: auto !important;
  }

  #acModal #_form_100_ ._field_email {
    padding-right: 0 !important;
  }
}

/* =========================================================
   REMOVE MINOR TOOLTIP SCROLL
========================================================= */

@media (min-width: 721px) {
  #acModal .dc-group-tooltip {
    max-height: 420px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  #acModal .dc-group-tooltip li {
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
  }
}

/* Mobile may still need scrolling */

@media (max-width: 720px) {
  #acModal .dc-group-tooltip {
    max-height: 55dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* =========================================================
   MOBILE: COMPACT SINGLE-LINE TITLE
========================================================= */

@media (max-width: 720px) {
  #acModal .modal-image-with-text {
    display: flex !important;
    align-items: center !important;

    min-height: 56px !important;
    height: 56px !important;

    padding: 10px 48px 10px 16px !important;
  }

  /* Remove the desktop line breaks on mobile */

  #acModal .overlay-text br {
    display: none !important;
  }

  #acModal .overlay-text {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(15px, 4.5vw, 18px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.15px !important;

    white-space: nowrap !important;
  }

  /* Reduce the space above the form after shortening the title panel */

  #acModal
    .modal-body
    > #acFormContainer.form-side {
    padding-top: 20px !important;
  }
}

/* =========================================================
   REQUIRED-FIELD ERROR HIGHLIGHTING
========================================================= */

/* Highlight invalid text fields even when they are not focused */

#acModal #_form_100_ input[type="text"]._has_error,
#acModal #_form_100_ input[type="email"]._has_error,
#acModal #_form_100_ textarea._has_error,
#acModal #_form_100_ input[type="text"][aria-invalid="true"],
#acModal #_form_100_ input[type="email"][aria-invalid="true"],
#acModal #_form_100_ textarea[aria-invalid="true"] {
  border-color: #cc0000 !important;

  outline: 2px solid rgba(204, 0, 0, 0.12) !important;
  outline-offset: 1px !important;

  background-color: #fffafa !important;
}

/* Keep the red error appearance when the field receives focus */

#acModal #_form_100_ input[type="text"]._has_error:focus,
#acModal #_form_100_ input[type="email"]._has_error:focus,
#acModal #_form_100_ textarea._has_error:focus {
  border-color: #cc0000 !important;

  outline: 2px solid rgba(204, 0, 0, 0.2) !important;
}

/* Highlight the required Yes/No group when no option is selected */

#acModal
  #_form_100_
  ._x84208122
  ._form-fieldset:has(input[aria-invalid="true"]) {
  padding: 9px 11px !important;

  border: 1px solid #cc0000 !important;
  border-radius: 3px !important;

  background: #fffafa !important;
}

/* =========================================================
   THANK-YOU STATE: REMOVE UNNECESSARY SCROLLBAR
========================================================= */

dialog#acModal.dc-form-submitted {
  height: auto !important;
  max-height: none !important;

  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

#acModal.dc-form-submitted .modal-content,
#acModal.dc-form-submitted .modal-body,
#acModal.dc-form-submitted #acFormContainer,
#acModal.dc-form-submitted #_form_100_ {
  height: auto !important;
  max-height: none !important;

  overflow: hidden !important;
}

/* Retain the current thank-you panel height */

#acModal.dc-form-submitted .modal-body,
#acModal.dc-form-submitted
  .modal-body
  > #acFormContainer.form-side {
  min-height: 280px !important;
}

/* =========================================================
   ACTIVECAMPAIGN HIDDEN ATTRIBUTION FIELDS
========================================================= */

#acModal #_form_100_ ._x46609453,
#acModal #_form_100_ ._x19650642,
#acModal #_form_100_ ._x92185196,
#acModal #_form_100_ ._x91212870,
#acModal #_form_100_ ._x36215388,
#acModal #_form_100_ ._x02459464,
#acModal #_form_100_ ._x06776404 {
  display: none !important;
}