/*
 * Gravity Forms styling, matches the live HubSpot forms.
 * Enqueued by core/gravity-forms.php (handle: ds-gravity-forms) when this file exists.
 * Theme look for Contact Us (form 2), HubSpot canvas look for forms 3-27, linear look for 28 (NaaHS), footer newsletter variant for form 1.
 */
.gform_wrapper {
  --mv-gf-height: 60px;
  --mv-gf-radius: 5px;
  --mv-gf-border: #c4c4c4;
  --mv-gf-error: #ed1c2b;
  text-align: left;
  font-family: var(--font-family-primary);
  max-width: 100% !important;
  margin: 0 !important;
}
@media (max-width: 1112px) {
  .gform_wrapper { --mv-gf-height: 50px; }
}

/* Legacy markup builds fields as <ul><li>: drop the theme's wysiwyg list arrow
   (.is-wysiwyg ul li background-image), e.g. on resources pages */
.gform_wrapper ul li,
.gform_wrapper ul li::before { background-image: none !important; list-style: none !important; }

/* ---- Field grid: 2 columns, 30px gutter, 24px row spacing (like form-columns-2) */
.gform_wrapper ul.gform_fields,
.gform_wrapper div.gform_fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 30px !important;
  row-gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.gform_wrapper .gform_fields > .gfield {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}
.gform_wrapper .gform_fields > .gfield.gfield--width-half,
.gform_wrapper .gform_fields > .gfield.gf_left_half,
.gform_wrapper .gform_fields > .gfield.gf_right_half {
  grid-column: span 1 !important;
}
.gform_wrapper .gform_fields > .gfield.gform_validation_container,
.gform_wrapper .gform_fields > .gfield.gfield_visibility_hidden,
.gform_wrapper .gform_fields > .gfield.gfield--type-hidden {
  display: none !important;
}
@media (max-width: 767px) {
  .gform_wrapper ul.gform_fields,
  .gform_wrapper div.gform_fields { grid-template-columns: minmax(0, 1fr) !important; }
  .gform_wrapper .gform_fields > .gfield { grid-column: 1 / -1 !important; }
}

/* ---- Labels */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label:not(.gform-field-label--type-inline):not(.gform-field-label--type-sub) {
  display: block !important;
  font-family: var(--font-family-primary) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--primary-color1) !important;
  margin: 0 0 0.25em !important;
  padding: 0 !important;
}
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_asterisk {
  color: var(--mv-gf-error) !important;
  margin-left: 4px !important;
  font-size: inherit !important;
}
.gform_wrapper .gfield_required .gfield_required { margin-left: 0 !important; }
.gform_wrapper .gfield.hidden_label > .gfield_label { display: none !important; }

/* ---- Text-type inputs, select, textarea */
.gform_wrapper .ginput_container input[type="text"],
.gform_wrapper .ginput_container input[type="email"],
.gform_wrapper .ginput_container input[type="tel"],
.gform_wrapper .ginput_container input[type="phone"],
.gform_wrapper .ginput_container input[type="number"],
.gform_wrapper .ginput_container input[type="url"],
.gform_wrapper .ginput_container input[type="password"],
.gform_wrapper .ginput_container input[type="date"],
.gform_wrapper .ginput_container input[type="file"],
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--mv-gf-height) !important;
  margin: 0 !important;
  padding: 16px 20px 18px !important;
  border: 1px solid var(--mv-gf-border) !important;
  border-radius: var(--mv-gf-radius) !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--primary-color1) !important;
  font-family: var(--font-family-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.gform_wrapper .ginput_container textarea {
  display: block !important; /* no baseline gap under it */
  height: 7.5em !important;
  min-height: 7.5em !important;
  resize: vertical;
}
.gform_wrapper .ginput_container select {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 2.5em !important;
  background: #fff url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L6.5 6.75L12 1.25' stroke='%23003972' stroke-width='2'/%3E%3C/svg%3E") right 0.8em center no-repeat !important;
  cursor: pointer;
}
.gform_wrapper .ginput_container select option { color: inherit; background-color: #fff; }
@media (max-width: 767px) {
  .gform_wrapper .ginput_container input[type="text"],
  .gform_wrapper .ginput_container input[type="email"],
  .gform_wrapper .ginput_container input[type="tel"],
  .gform_wrapper .ginput_container input[type="phone"],
  .gform_wrapper .ginput_container input[type="number"],
  .gform_wrapper .ginput_container input[type="url"],
  .gform_wrapper .ginput_container input[type="password"],
  .gform_wrapper .ginput_container input[type="date"],
  .gform_wrapper .ginput_container input[type="file"],
  .gform_wrapper .ginput_container textarea { padding: 10px 18px 14px !important; }
}
.gform_wrapper .ginput_container input:focus-visible,
.gform_wrapper .ginput_container select:focus-visible,
.gform_wrapper .ginput_container textarea:focus-visible {
  outline: 2px solid var(--secondary-color1) !important;
  outline-offset: 0 !important;
}

/* Complex fields (Name / Address sub-inputs) */
.gform_wrapper .ginput_complex { display: flex; flex-wrap: wrap; gap: 24px 30px; }
.gform_wrapper .ginput_complex > span { flex: 1 1 calc(50% - 15px); margin: 0 !important; padding: 0 !important; width: auto !important; }
.gform_wrapper .ginput_complex label,
.gform_wrapper .gform-field-label--type-sub { font-size: 14px !important; color: var(--primary-color1); }

/* ---- Checkboxes / radios (consent, "I am not a robot", etc.) */
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio,
.gform_wrapper div.gfield_checkbox,
.gform_wrapper div.gfield_radio { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.gform_wrapper .gchoice + .gchoice { margin-top: 2px !important; }
.gform_wrapper .gchoice {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.gform_wrapper .gchoice input[type="checkbox"],
.gform_wrapper .gchoice input[type="radio"] {
  flex: 0 0 auto;
  width: 30px !important;
  height: 30px !important;
  margin: 0 10px 0 0 !important;
  border: 1px solid var(--mv-gf-border);
  border-radius: 5px;
  accent-color: var(--primary-color3);
}
.gform_wrapper .gchoice input[type="radio"] { border-radius: 50%; }
.gform_wrapper .gchoice label {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-family-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--primary-color1) !important;
}
.gform_wrapper .gfield_contains_required .gchoice .gform-field-label--type-inline::after {
  content: "*";
  color: var(--mv-gf-error);
  margin-left: 4px;
}

/* ---- Descriptions / HTML blocks (legal text) */
.gform_wrapper .gfield_description,
.gform_wrapper .gfield_consent_description,
.gform_wrapper .gfield--type-html {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--primary-color1) !important;
  padding: 0 !important;
  margin-top: 6px !important;
  border: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* ---- Validation (HubSpot: red text, red border, no boxed backgrounds) */
.gform_wrapper .gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.gform_wrapper .gfield_error .gfield_label { color: var(--primary-color1) !important; }
.gform_wrapper .gfield_error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea { border: 1px solid var(--mv-gf-error) !important; }
.gform_wrapper .gfield_error input:focus-visible,
.gform_wrapper .gfield_error select:focus-visible,
.gform_wrapper .gfield_error textarea:focus-visible { border-color: var(--secondary-color1) !important; }
/* Spacing as on live: input 4px under its label (no Gravity Forms 8px/12px
   container margin), checkbox lists 6px down (HubSpot .inputs-list), no extra
   6px under a field in error */
.gform_wrapper .gform_fields .gfield .ginput_container { margin-top: 0 !important; }
.gform_wrapper .gform_fields .gfield--type-checkbox .ginput_container,
.gform_wrapper .gform_fields .gfield--type-radio .ginput_container { padding-top: 6px !important; }
.gform_wrapper.gform_wrapper ul.gform_fields > li.gfield.gfield_error.gfield_error,
.gform_wrapper.gform_wrapper div.gform_fields > div.gfield.gfield_error.gfield_error { margin: 0 !important; }

/* Field message: live .hs-error-msg = Lato 14px regular #ed1c2b, 1px under the input */
.gform_wrapper .validation_message,
.gform_wrapper .gfield_validation_message {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 1px 0 4px !important;
  color: var(--mv-gf-error) !important;
  font-family: var(--font-family-primary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
/* Summary: live .hs_error_rollup = "Please complete all required fields." in the
   label style (Lato 16px bold navy), placed between the last field and the button */
.gform_wrapper form:has(> .validation_error, > .gform_validation_errors) { display: flex; flex-direction: column; }
.gform_wrapper form:has(> .validation_error, > .gform_validation_errors) > * { order: 1; }
.gform_wrapper form > .validation_error,
.gform_wrapper form > .gform_validation_errors { order: 2 !important; }
.gform_wrapper form:has(> .validation_error, > .gform_validation_errors) > .gform_footer,
.gform_wrapper form:has(> .validation_error, > .gform_validation_errors) > .gform_page_footer { order: 3 !important; }
.gform_wrapper .validation_error,
.gform_wrapper .gform_validation_errors {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 24px 0 0 !important;
  color: var(--primary-color1) !important;
  font-family: var(--font-family-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}
.gform_wrapper .gform_validation_errors > h2 {
  color: inherit !important;
  font: inherit !important;
  margin: 0 !important;
}
.gform_wrapper .gform_validation_errors > h2 .gform-icon,
.gform_wrapper .gform_validation_errors > ol { display: none !important; }
.gform_wrapper form:has(> .validation_error, > .gform_validation_errors) .gform_footer { margin-top: 4px !important; }

/* ---- Submit button (exact copy of live HubSpot submit) */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  margin: 28px 0 0 !important;
  padding: 0 !important;
  text-align: left;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"],
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_page_footer .gform_next_button,
.gform_wrapper .gform_page_footer .gform_button {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  letter-spacing: normal !important;
  padding: 10px 65px 11px 20px !important;
  color: #fff !important;
  background-color: var(--primary-color3) !important;
  border-radius: 5px !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='45' viewBox='0 0 52 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 0H47C49.7614 0 52 2.23858 52 5V40C52 42.7614 49.7614 45 47 45H0L17 0Z' fill='%230A7AC2'/%3E%3Cpath opacity='0.5' d='M30.6678 30.418H30.494L35.7934 22.7097L31.4576 15.0015H21.8223L30.6678 30.418Z' fill='white'/%3E%3Cpath d='M31.4617 15H31.4575L35.8803 22.7082L31.4575 30.4165H22.6162L31.4617 15Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  transition: background-color .3s;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button[type="submit"]:hover,
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_page_footer .gform_next_button:hover,
.gform_wrapper .gform_page_footer .gform_button:hover {
  background-color: var(--secondary-color1) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='45' viewBox='0 0 52 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 0H47C49.7614 0 52 2.23858 52 5V40C52 42.7614 49.7614 45 47 45H0L17 0Z' fill='%23005C97'/%3E%3Cpath opacity='0.5' d='M30.6678 30.418H30.494L35.7934 22.7097L31.4576 15.0015H21.8223L30.6678 30.418Z' fill='white'/%3E%3Cpath d='M31.4617 15H31.4575L35.8803 22.7082L31.4575 30.4165H22.6162L31.4617 15Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  box-shadow: none !important;
}
.gform_wrapper .gform_footer input[type="submit"]:focus,
.gform_wrapper .gform_footer .gform_button:focus { outline: 1px solid var(--primary-color2) !important; }
.gform_wrapper .gform_page_footer .gform_previous_button {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  padding: 10px 20px 11px !important;
  border: 1px solid var(--primary-color3) !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: var(--primary-color3) !important;
  margin-right: 12px !important;
}
.gform_wrapper .gform_ajax_spinner { margin-left: 12px; vertical-align: middle; }

/* ---- Confirmation message (HubSpot .submitted-message is centered) */
.gform_confirmation_wrapper,
.gform_confirmation_message {
  text-align: center;
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 1.5;
  color: var(--primary-color1);
}

/* Optional narrow variant, same as .l-hbsform--small on live */
.l-hbsform--small .gform_wrapper { max-width: 500px !important; margin-inline: auto !important; }

/* =========================================================================
   HubSpot "canvas" look — copies how these forms render on live (HubSpot
   iframe embed with the form's own style settings): Arial 13px labels,
   40px grey inputs, small square submit in the form's accent colour.
   Forms 1 (newsletter) and 2 (Contact Us) keep the theme look above.
   Forms 27 (Bejoy) and 28 (NaaHS) added 2026-10-28.
   For a new form that should use this look, add "hs-canvas" in
   Form Settings → CSS Class Name (Gravity Forms adds hs-canvas_wrapper).
   ========================================================================= */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) {
  --hs-accent: #ff7a59; --hs-label: #212d3a; --hs-legal: #33475b;
}
:is(#gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_22, #gform_wrapper_26) {
  --hs-accent: #005c97; --hs-label: #005c97; --hs-legal: #333333;
}
:is(#gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_27) {
  --hs-accent: #005a92; --hs-label: #005a92; --hs-legal: #33475b;
}

/* One selector list for every canvas-look form */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) {
  --hs-input-bg: #f5f8fa;
  --hs-input-border: #cbd6e2;
  --hs-input-text: #33475b;
  --hs-error: #f2545b;
  text-align: left !important;
  font-family: arial, helvetica, sans-serif !important;
}

/* Layout: HubSpot two-column rows (50% each, 8px right gap), 18px between rows */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(ul.gform_fields, div.gform_fields) {
  column-gap: 0 !important;
  row-gap: 18px !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gfield .ginput_container {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.gfield--type-checkbox, .gfield--type-radio) .ginput_container { padding-top: 6px !important; }

/* Labels */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gfield_label {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: var(--hs-label) !important;
  margin: 0 0 4px !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.gfield_required, .gfield_required_asterisk, .gform-field-label--type-inline::after) {
  color: red !important;
  margin-left: 4px !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gfield_required .gfield_required { margin-left: 0 !important; }

/* Inputs, selects, textareas */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input[type="text"], input[type="email"], input[type="tel"], input[type="phone"], input[type="number"], input[type="url"], input[type="password"], input[type="date"], select, textarea) {
  height: 40px !important;
  padding: 0 15px !important;
  border: 1px solid var(--hs-input-border) !important;
  border-radius: 3px !important;
  background-color: var(--hs-input-bg) !important;
  color: var(--hs-input-text) !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  transition: border .2s linear;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container select {
  padding: 9px 10px !important;
  background: var(--hs-input-bg) !important;
  -webkit-appearance: menulist !important;
  appearance: auto !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container select:has(option.gf_placeholder:checked) { color: #bfbfbf !important; }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container select option { color: var(--hs-input-text); }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container textarea {
  height: 66px !important;
  min-height: 66px !important;
  padding: 10px 15px !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input, textarea)::placeholder { color: #bfbfbf; opacity: 1; }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input, select, textarea):focus,
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input, select, textarea):focus-visible {
  outline: none !important;
  border-color: rgba(82, 168, 236, .8) !important;
}

/* Checkboxes / radios (HubSpot inputs-list) */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gchoice { align-items: flex-start !important; margin: 0 0 2px !important; padding-left: 5px !important; }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gchoice :is(input[type="checkbox"], input[type="radio"]) {
  width: 13px !important;
  height: 13px !important;
  margin: 3px 5px 3px 0 !important;
  accent-color: auto;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gchoice label {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: var(--hs-label) !important;
}

/* Rich text / legal text (hs-richtext) and field descriptions */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.gfield--type-html, .gfield--type-html p) {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  color: var(--hs-legal) !important;
  margin-top: 0 !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.gfield_description, .gfield_consent_description) {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 11px !important;
  color: rgba(81, 99, 131, .87) !important;
}

/* Errors (HubSpot red) */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gfield_error :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-color: #c87872 !important; }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.validation_message, .gfield_validation_message, .validation_error, .gform_validation_errors, .gform_validation_errors > h2) {
  font-family: arial, helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: var(--hs-error) !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.validation_message, .gfield_validation_message) { padding: 0 0 0 5px !important; margin: 0 0 5px !important; }
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(.validation_error, .gform_validation_errors) { margin: 18px 0 0 !important; padding: 6px 0 0 !important; }

/* Submit: HubSpot .hs-button with the form's accent colour (no hover change, as on live) */
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gform_footer {
  margin: 18px 0 !important;
  padding: 17px 0 !important;
}
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gform_footer :is(input[type="submit"], button[type="submit"], .gform_button),
:is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gform_footer :is(input[type="submit"], button[type="submit"], .gform_button):is(:hover, :focus, :active) {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 24px !important;
  margin: 0 !important;
  border: 1px solid var(--hs-accent) !important;
  border-radius: 3px !important;
  background: var(--hs-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: arial, helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 12px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-indent: 0 !important;
  transition: .15s linear;
}

/* Small screens: HubSpot stacks every field full width under 480px */
@media (max-width: 480px) {
  :is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) :is(ul.gform_fields, div.gform_fields) { grid-template-columns: minmax(0, 1fr) !important; }
  :is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gform_fields > .gfield { grid-column: 1 / -1 !important; }
  :is(#gform_wrapper_3, #gform_wrapper_4, #gform_wrapper_5, #gform_wrapper_6, #gform_wrapper_7, #gform_wrapper_8, #gform_wrapper_9, #gform_wrapper_10, #gform_wrapper_11, #gform_wrapper_12, #gform_wrapper_13, #gform_wrapper_14, #gform_wrapper_15, #gform_wrapper_16, #gform_wrapper_17, #gform_wrapper_18, #gform_wrapper_19, #gform_wrapper_20, #gform_wrapper_21, #gform_wrapper_22, #gform_wrapper_23, #gform_wrapper_24, #gform_wrapper_25, #gform_wrapper_26, #gform_wrapper_27, #gform_wrapper_28, .gform_wrapper.hs-canvas_wrapper, .gform_wrapper.hs-linear_wrapper) .gfield .ginput_container { margin-right: 0 !important; }
}

/* HubSpot "linear" look (NaaHS form 28, or CSS class hs-linear): canvas base +
   underline-only inputs, 14px #33475b labels, orange button */
:is(#gform_wrapper_28, .gform_wrapper.hs-linear_wrapper) { --hs-label: #33475b; }
:is(#gform_wrapper_28, .gform_wrapper.hs-linear_wrapper) .gfield_label,
:is(#gform_wrapper_28, .gform_wrapper.hs-linear_wrapper) .gchoice label { font-size: 14px !important; }
:is(#gform_wrapper_28, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input[type="text"], input[type="email"], input[type="tel"], input[type="phone"], input[type="number"], input[type="url"], input[type="password"], input[type="date"], select, textarea) {
  border: 0 !important;
  border-bottom: 2px solid #cad5e2 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
:is(#gform_wrapper_28, .gform_wrapper.hs-linear_wrapper) .ginput_container :is(input, select, textarea):is(:focus, :focus-visible) { border-bottom-color: rgba(82, 168, 236, .8) !important; }

/* =========================================================================
   Footer newsletter ("Stay Connected") — matches live .c-newsletter.-hubspot:
   one row of inputs + round arrow button, labels hidden, legal text and
   "I am not a robot" positioned under the row in white.
   ========================================================================= */
.c-newsletter { --c-nl-height: 60px; --c-nl-radius: 5px; margin-bottom: 130px; }
@media (max-width: 1112px) { .c-newsletter { --c-nl-height: 50px; } }
.c-newsletter .gform_wrapper form {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
}
.c-newsletter .gform_wrapper .gform_body { flex: 1 1 auto; min-width: 0; }
.c-newsletter .gform_wrapper ul.gform_fields,
.c-newsletter .gform_wrapper div.gform_fields {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
}
.c-newsletter .gform_wrapper .gform_fields > .gfield {
  flex: 1 1 0 !important;
  margin: 0 20px 0 0 !important;
}
.c-newsletter .gform_wrapper .gform_fields > .gfield > .gfield_label { display: none !important; }
.c-newsletter .gform_wrapper .ginput_container { margin: 0 !important; padding: 0 !important; }
.c-newsletter .gform_wrapper .ginput_container input[type="text"],
.c-newsletter .gform_wrapper .ginput_container input[type="email"] {
  height: var(--c-nl-height, 60px) !important;
  padding: 0 15px 0 25px !important;
  border: 0 !important;
  border-radius: var(--c-nl-radius, 5px) !important;
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: var(--primary-color2) !important;
}
.c-newsletter .gform_wrapper .ginput_container input::placeholder { color: #bfbfbf; opacity: 1; }

/* Legal text + robot checkbox sit under the row (absolute, like live) */
.c-newsletter .gform_wrapper .gform_fields > .gfield--type-html {
  position: absolute !important;
  top: calc(var(--c-nl-height, 60px) + 8px);
  left: 0;
  width: 100% !important;
  margin: 0 !important;
}
.c-newsletter .gform_wrapper .gfield--type-html,
.c-newsletter .gform_wrapper .gfield--type-html p {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  color: #fff !important;
  text-align: left;
  margin: 0 !important;
}
.c-newsletter .gform_wrapper .gform_fields > .gfield--type-checkbox,
.c-newsletter .gform_wrapper .gform_fields > .gfield--type-consent {
  position: absolute !important;
  top: calc(var(--c-nl-height, 60px) + 33px);
  left: 0;
  width: auto !important;
  margin: 0 !important;
}
.c-newsletter .gform_wrapper .gchoice { margin: 0 !important; }
.c-newsletter .gform_wrapper .gchoice input[type="checkbox"] {
  width: 13px !important;
  height: 13px !important;
  margin: 0 5px 0 0 !important;
}
.c-newsletter .gform_wrapper .gchoice label {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #fff !important;
}
.c-newsletter .gform_wrapper .gchoice .gform-field-label--type-inline::after { color: #f00; }

/* Errors, as on live: no per-field text (the theme hides every field label in the
   footer form, error labels included), only the red summary box under the row */
.c-newsletter .gform_wrapper .gfield_validation_message,
.c-newsletter .gform_wrapper .validation_message { display: none !important; }
.c-newsletter .gform_wrapper .gfield--type-checkbox .gfield_validation_message,
.c-newsletter .gform_wrapper .gfield--type-checkbox .validation_message { display: block !important; color: #fff !important; font-size: 13px !important; }
.c-newsletter .gform_wrapper .gform_validation_errors,
.c-newsletter .gform_wrapper .validation_error {
  position: absolute;
  top: calc(100% + 50px);
  left: 0;
  margin: 0 !important;
  background: var(--validation-error-color, #ed1c2b) !important;
  color: #fff !important;
  padding: 10px 15px !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.c-newsletter .gform_wrapper .gform_validation_errors > h2 { color: #fff !important; }

/* Round arrow submit */
.c-newsletter .gform_wrapper .gform_footer {
  flex: 0 0 50px;
  width: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.c-newsletter .gform_wrapper .gform_footer input[type="submit"],
.c-newsletter .gform_wrapper .gform_footer button[type="submit"],
.c-newsletter .gform_wrapper .gform_footer .gform_button {
  width: 50px !important;
  height: 50px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 5px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  color: transparent !important;
  box-shadow: none !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M9.6678 15.418H9.494l5.2994-7.7083L10.4576.0015H.8223L9.6678 15.418Z' fill='%23003972'/%3E%3Cpath d='M10.4617 0h-.0042l4.4228 7.7082-4.4228 7.7083H1.6162L10.4617 0Z' fill='%23003972'/%3E%3C/svg%3E") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
}
.c-newsletter .gform_wrapper .gform_footer input[type="submit"]:hover,
.c-newsletter .gform_wrapper .gform_footer button[type="submit"]:hover,
.c-newsletter .gform_wrapper .gform_footer .gform_button:hover {
  background-color: #00aded !important;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M8.86377 15H8.68966L14 7.5L9.65517 -5.96046e-08H0L8.86377 15Z' fill='white'/%3E%3Cpath d='M9.66943 0H9.66529L14 7.5L9.66529 15H1L9.66943 0Z' fill='white'/%3E%3C/svg%3E") !important;
}
.c-newsletter .gform_wrapper .gform_ajax_spinner { position: absolute; right: -30px; top: 20px; }

@media (max-width: 1112px) {
  .c-newsletter .gform_wrapper .ginput_container input[type="text"],
  .c-newsletter .gform_wrapper .ginput_container input[type="email"] { padding-left: 20px !important; font-size: 16px !important; }
  .c-newsletter .gform_wrapper .gform_footer .gform_button { margin-top: 0 !important; }
}
@media (max-width: 767px) {
  .c-newsletter { margin-bottom: 40px; }
  .c-newsletter .gform_wrapper form { flex-direction: column; align-items: stretch; }
  .c-newsletter .gform_wrapper ul.gform_fields,
  .c-newsletter .gform_wrapper div.gform_fields { flex-direction: column !important; }
  .c-newsletter .gform_wrapper .gform_fields > .gfield { margin: 0 0 5px !important; }
  .c-newsletter .gform_wrapper .gform_fields > .gfield--type-html,
  .c-newsletter .gform_wrapper .gform_fields > .gfield--type-checkbox,
  .c-newsletter .gform_wrapper .gform_fields > .gfield--type-consent { position: static !important; margin: 4px 0 !important; }
  .c-newsletter .gform_wrapper .gform_validation_errors,
  .c-newsletter .gform_wrapper .validation_error { position: static; margin: 8px 0 0 !important; }
  .c-newsletter .gform_wrapper .gform_footer { flex: none; width: 100% !important; margin-top: 8px !important; text-align: center; }
}