.elementor-91448 .elementor-element.elementor-element-f4df979 > .elementor-container{min-height:573px;}.elementor-91448 .elementor-element.elementor-element-f4df979 > .elementor-background-overlay{background-color:#000000;opacity:0.63;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-91448 .elementor-element.elementor-element-f4df979{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-64px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-91448 .elementor-element.elementor-element-44d1a53 > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-91448 .elementor-element.elementor-element-dfae872 > .elementor-widget-container{padding:0px 0px 30px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ac3705d *//*
  OAT ROADMAP — APPLICATION FORM CSS
  Paste into: Elementor > Page Settings > Custom CSS

  If this appears not to work, check in this order:
    1. It's in PAGE SETTINGS > CUSTOM CSS, not the Elementor HTML widget.
    2. The page has been saved and the cache cleared (WP Rocket, Cloudflare,
       LiteSpeed all cache CSS aggressively).
    3. WPForms > Settings > General > "Use Modern Markup" — if that's ON,
       WPForms outputs different class names and its own CSS variables.
       The :root block at the bottom of this file covers that case.

  Every rule is prefixed with div.wpforms-container-full to outrank
  the theme. Don't remove the prefixes.
*/

/* ══ LABELS ══ */
div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form label.wpforms-field-label {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #FAF9F5 !important;
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}

/* ══ INPUTS + TEXTAREA ══ */
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full .wpforms-form select {
  background: #111210 !important;
  background-color: #111210 !important;
  background-image: none !important;
  border: 1.5px solid rgba(250,249,245,0.35) !important;
  border-radius: 0 !important;
  color: #FAF9F5 !important;
  -webkit-text-fill-color: #FAF9F5 !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
  outline: none !important;
  height: auto !important;
}

div.wpforms-container-full .wpforms-form textarea {
  min-height: 130px !important;
}

/* Browser autofill repaints inputs white — this kills it */
div.wpforms-container-full .wpforms-form input:-webkit-autofill,
div.wpforms-container-full .wpforms-form input:-webkit-autofill:hover,
div.wpforms-container-full .wpforms-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #FAF9F5 !important;
  -webkit-box-shadow: 0 0 0 1000px #111210 inset !important;
  caret-color: #FAF9F5 !important;
}

/* Date picker icon on dark */
div.wpforms-container-full .wpforms-form input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1) !important;
  opacity: 0.6 !important;
  cursor: pointer !important;
}

/* ══ FOCUS ══ */
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus {
  border-color: #ED5600 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ══ PLACEHOLDER ══ */
div.wpforms-container-full .wpforms-form input::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
  color: rgba(250,249,245,0.32) !important;
  -webkit-text-fill-color: rgba(250,249,245,0.32) !important;
}

/* ══ SUBLABELS + DESCRIPTIONS ══
   These were rendering near-black on black. */
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
div.wpforms-container-full .wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: rgba(250,249,245,0.45) !important;
  line-height: 1.6 !important;
}

/* Description sits between label and input */
div.wpforms-container-full .wpforms-form .wpforms-field-description {
  margin-top: -2px !important;
  margin-bottom: 10px !important;
}

/* ══ REQUIRED ══ */
div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #ED5600 !important;
}

/* ══ FIELD SPACING ══ */
div.wpforms-container-full .wpforms-form .wpforms-field {
  margin-bottom: 26px !important;
  padding: 0 !important;
}

/* ══ RADIO + CHECKBOX ══ */
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li {
  display: flex !important;
  align-items: center !important;
  background: #111210 !important;
  border: 1px solid rgba(250,249,245,0.12) !important;
  border-radius: 0 !important;
  padding: 13px 18px !important;
  margin: 0 !important;
  width: 100% !important;
  position: relative !important;
  transition: border-color 0.2s, background 0.2s !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li:hover,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li:hover {
  background: #161614 !important;
  border-color: rgba(237,86,0,0.45) !important;
}

/* The label carries the text. In Modern Markup it also carries the
   drawn checkbox as a pseudo-element, so we only set typography and
   colour here — never position, size, or display. */
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li label,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li label,
div.wpforms-container-full .wpforms-form label.wpforms-field-label-inline {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #FAF9F5 !important;
  cursor: pointer !important;
  width: 100% !important;
}

/* Colour only. Do NOT set position, opacity, display, width or height
   on these inputs — Modern Markup hides and repositions them itself,
   and overriding any of that breaks every choice on the form. */
div.wpforms-container-full .wpforms-form input[type=radio],
div.wpforms-container-full .wpforms-form input[type=checkbox] {
  -webkit-appearance: none !important;
  appearance: none !important;
  accent-color: #ED5600 !important;
  background-color: #111210 !important;
  background-image: none !important;
  border: 1.5px solid rgba(250,249,245,0.4) !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  transition: background-color 0.15s, border-color 0.15s !important;
}

div.wpforms-container-full .wpforms-form input[type=checkbox] { border-radius: 0 !important; }
div.wpforms-container-full .wpforms-form input[type=radio]    { border-radius: 50% !important; }

/* ── CHECKED — orange fill, white tick ── */
div.wpforms-container-full .wpforms-form input[type=checkbox]:checked {
  background-color: #ED5600 !important;
  border-color: #ED5600 !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
  background-size: 12px 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Orange ring with an orange centre dot */
div.wpforms-container-full .wpforms-form input[type=radio]:checked {
  background-color: #ED5600 !important;
  border-color: #ED5600 !important;
  box-shadow: inset 0 0 0 3px #111210 !important;
}

div.wpforms-container-full .wpforms-form input[type=radio]:focus-visible,
div.wpforms-container-full .wpforms-form input[type=checkbox]:focus-visible {
  outline: 2px solid rgba(237,86,0,0.6) !important;
  outline-offset: 2px !important;
}

/* The whole row lights up when its choice is selected */
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li:has(input:checked),
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li:has(input:checked) {
  background: #17150f !important;
  border-color: rgba(237,86,0,0.55) !important;
}

/* "Other" free-text row */
div.wpforms-container-full .wpforms-form .wpforms-field-radio input.wpforms-field-radio-input-other,
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox input.wpforms-field-checkbox-input-other {
  margin-top: 2px !important;
}

/* ══ PAGE INDICATOR (multi-step) ══ */
div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
  background: transparent !important;
  border-bottom: 1px solid rgba(250,249,245,0.1) !important;
  padding: 0 0 18px !important;
  margin-bottom: 30px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(250,249,245,0.45) !important;
  font-size: 0.74rem !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator-page-title,
div.wpforms-container-full .wpforms-form .wpforms-page-indicator-steps {
  color: #FAF9F5 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator-page-title-sep {
  display: none !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
  background: rgba(250,249,245,0.08) !important;
  border-radius: 0 !important;
  height: 3px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
  background: #ED5600 !important;
  border-radius: 0 !important;
  height: 3px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
  background-color: rgba(250,249,245,0.12) !important;
  color: #FAF9F5 !important;
  border-radius: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
  background-color: #ED5600 !important;
}

/* ══ BUTTONS ══
   Submit, Next and Previous all match the ghost button used in the
   hero and the pricing cards: transparent, square, 1.5px white
   border, fills orange on hover. */
div.wpforms-container-full .wpforms-form button.wpforms-submit,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border: 1.5px solid rgba(255,255,255,0.7) !important;
  border-radius: 0 !important;
  padding: 0 48px !important;
  height: 54px !important;
  min-height: 54px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.22s ease, border-color 0.22s ease !important;
}

div.wpforms-container-full .wpforms-form button.wpforms-submit:hover,
div.wpforms-container-full .wpforms-form button.wpforms-submit:focus,
div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
  background: #ED5600 !important;
  background-color: #ED5600 !important;
  border-color: #ED5600 !important;
  color: #ffffff !important;
}

/* Submit spans the panel */
div.wpforms-container-full .wpforms-form button.wpforms-submit,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit] {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  margin: 0 auto !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  text-align: center !important;
  padding: 0 !important;
  margin-top: 16px !important;
  clear: both !important;
  width: 100% !important;
  display: block !important;
}

/* Previous sits quieter than Next */
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-prev {
  border-color: rgba(250,249,245,0.28) !important;
  color: rgba(250,249,245,0.7) !important;
  padding: 0 32px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next {
  float: right !important;
}

/* ══ reCAPTCHA ══
   Google's widget is an iframe and can't be restyled from here.
   Given the form to dark it out, see the note in chat. */
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
  padding: 0 !important;
  border: none !important;
  margin-bottom: 20px !important;
}

/* ══ ERRORS ══ */
div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form em.wpforms-error {
  color: #ED5600 !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  margin-top: 6px !important;
}

div.wpforms-container-full .wpforms-form input.wpforms-error,
div.wpforms-container-full .wpforms-form textarea.wpforms-error,
div.wpforms-container-full .wpforms-form select.wpforms-error {
  border-color: #ED5600 !important;
}

/* ══ CONFIRMATION ══ */
div.wpforms-confirmation-container-full,
.wpforms-confirmation-container-full {
  background: #111210 !important;
  border: 1px solid rgba(237,86,0,0.2) !important;
  border-left: 3px solid #ED5600 !important;
  border-radius: 0 !important;
  padding: 28px 32px !important;
  color: rgba(250,249,245,0.78) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
}
.wpforms-confirmation-container-full p { color: rgba(250,249,245,0.78) !important; }

/* ══ MODERN MARKUP FALLBACK ══
   If WPForms > Settings > General > "Use Modern Markup" is ON, the
   plugin drives colors through CSS variables. These override them. */
.wpforms-container {
  --wpforms-field-background-color: #111210 !important;
  --wpforms-field-border-color: rgba(250,249,245,0.35) !important;
  --wpforms-field-text-color: #FAF9F5 !important;
  --wpforms-field-border-radius: 0 !important;
  --wpforms-label-color: #FAF9F5 !important;
  --wpforms-label-sublabel-color: rgba(250,249,245,0.45) !important;
  --wpforms-label-error-color: #ED5600 !important;
  --wpforms-button-text-color: #ffffff !important;
  --wpforms-button-border-radius: 0 !important;

  /* Checkbox and radio controls in Modern Markup */
  --wpforms-field-size-checkbox-size: 17px !important;
  --wpforms-field-border-color-spare: rgba(250,249,245,0.45) !important;
  --wpforms-button-background-color-alt: #ED5600 !important;
}

/* ══ MOBILE ══ */
@media (max-width: 640px) {
  div.wpforms-container-full .wpforms-form .wpforms-page-button {
    padding: 0 26px !important;
    font-size: 11px !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-radio ul li label,
  div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li label {
    padding: 13px 15px !important;
    font-size: 0.92rem !important;
  }
}/* End custom CSS */