@import url(https://fonts.bunny.net/css?family=ibm-plex-sans:400,600);

/* Base layout */
#_form_130_ {
  position: relative;
  text-align: left;

  box-sizing: border-box;
  background: transparent !important;
  border: 0;
  color: #000;
  font-family: "IBM Plex Sans", Helvetica, sans-serif;
}

/* Field groups */
#_form_130_ ._form_element {
  margin-bottom: 16px;
}
#_form_130_ ._form-content {
  width: 100%;
}

/* Label (Chakra labelStyles) */
#_form_130_ ._form-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #f5f5f5;
  font-size: 16px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  #_form_130_ ._form-label {
    font-size: 18px;
  }
}

/* Inputs (Chakra inputStyles) */
#_form_130_ ._form_element input[type="text"],
#_form_130_ ._form_element input[type="email"],
#_form_130_ ._form_element input[type="tel"],
#_form_130_ ._form_element input[type="date"],
#_form_130_ ._form_element select,
#_form_130_ ._form_element textarea:not(.g-recaptcha-response) {
  width: 100%;
  height: 48px; /* h: 12 */
  padding: 0 18px; /* px: 18px */
  border: 1px solid #424242;
  border-radius: 8px; /* rounded: 8px */
  color: #f5f5f5 !important;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 14px;
}
#_form_130_ ._form_element textarea:not(.g-recaptcha-response) {
  min-height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}
#_form_130_ ._form_element input::placeholder,
#_form_130_ ._form_element textarea::placeholder {
  color: #b2b2b2;
  opacity: 1;
}

/* Focus */
#_form_130_ ._form_element input:focus,
#_form_130_ ._form_element select:focus,
#_form_130_ ._form_element textarea:focus {
  border: 1px solid #c9ff66;
  box-shadow: none;
  outline: none;
}

/* Submit button (Chakra navBtnStyles) */
#_form_130_ ._submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  border-radius: 999px !important;
  padding: 12px 16px !important; /* base: px 16 */
  border: 1px solid #c9ff66 !important;
  background: #c9ff66 !important;
  color: #08070e !important;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-top: 12px;
}
@media (min-width: 768px) {
  #_form_130_ ._submit {
    padding: 12px 28px !important;
  } /* md: px 28 */
}
#_form_130_ ._submit:hover {
  background: #aed317 !important;
  border-color: #aed317 !important;
}

/* Inline errors (simple) */
#_form_130_ ._error-inner._form_error {
  margin-top: 8px;
  padding: 8px 10px;
  background: #ffdddd;
  color: #000;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
}

/* --- Select dropdown: readable options (Wealth form) --- */
#_form_130_ ._form_element select {
  /* keep your dark input look, but render a LIGHT popup UI */
  color-scheme: light;
}

/* force readable options text on white dropdowns (Chromium/Windows) */
#_form_130_ ._form_element select option,
#_form_130_ ._form_element select optgroup {
  color: #111 !important;
  background-color: #fff; /* some browsers ignore this, but harmless */
}

/* optional: clearer disabled options */
#_form_130_ ._form_element select option[disabled] {
  color: #9ca3af !important;
}

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #fafafa;
  height: 45px;
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  padding: 0.5rem;
  border-radius: 0;
}

._form-thank-you {
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.field-required {
  color: #fac1cf;
}
