form .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}form .consist-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}form .elementor-field-group.recaptcha_v3-bottomleft, form .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}form .elementor-element .elementor-widget-container .elementor-field-group > label:not(i):not(.eicon-edit):not(.consist-message):not(span.error):not(.custom-typography) strong.consist-mark-required{color:#FF0000;}body.rtl form .consist-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) form .consist-labels-inline .elementor-field-group > label{padding-right:0px;}body form .elementor-field-group > label{padding-bottom:0px;}body form .elementor-field-group.elementor-field-type-checkbox > label{display:block;}form .elementor-element .elementor-widget-container .elementor-field-group :not(label,label *,select option,select option *):not(.elementor-button-wrapper,.elementor-button-wrapper *):not(.elementor-field-option label):not(.dt-container,.dt-container *):not(.range_data,.range_data *):not(i):not(.eicon-edit):not(.consist-message):not(span.error):not(.custom-typography):not(table .row-index){background-color:#ffffff;}.elementor-widget-consist-input .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-consist-input .elementor-field-group .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55658 .elementor-element.elementor-element-6417a76 .elementor-field-group{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-6417a76 .elementor-field-group .elementor-field-textual{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-6811ae4 .elementor-field-group{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-6811ae4 .elementor-field-group .elementor-field-textual{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-9f41c9d .elementor-field-group{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-9f41c9d .elementor-field-group .elementor-field-textual{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-529aa3a .elementor-field-group{background-color:#ffffff;}.elementor-55658 .elementor-element.elementor-element-529aa3a .elementor-field-group .elementor-field-textual{background-color:#ffffff;}/* Start custom CSS *//* ============================================================
   Form styling v3 — adds full DROPDOWN (select) support
   White labels + transparent widgets + styled selects
   HOW TO INSTALL (choose one):
   A. Elementor Pro: page settings (gear icon) > Advanced >
      Custom CSS — paste everything as-is.
   B. No Pro: paste inside an HTML widget wrapped in <style>...</style>.
   ============================================================ */

/* ---------- Design tokens ---------- */
:root {
  --frm-navy: #0a1128;
  --frm-accent: #7aa0ff;
  --frm-accent-soft: #a3bdff;
  --frm-border: rgba(163, 189, 255, 0.22);
  --frm-radius: 14px;
}

/* ---------- Transparent widget/section backgrounds ---------- */
.elementor-widget,
.elementor-widget-container,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-column-wrap,
.e-con,
.e-con-inner,
.elementor-element {
  background: transparent !important;
  background-color: transparent !important;
}

/* ---------- Question text / labels in white ---------- */
.elementor-field-group label,
.elementor-field-label,
.elementor-widget-form label,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
form label,
form legend,
fieldset legend {
  color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6, p, span.elementor-heading-title {
  color: #ffffff;
}

/* ---------- Inputs, textareas ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="password"],
textarea,
.elementor-field-textual {
  font-size: 15px !important;
  color: #ffffff !important;
  background: rgba(163, 189, 255, 0.08) !important;
  border: 1px solid var(--frm-border) !important;
  border-radius: var(--frm-radius) !important;
  padding: 13px 16px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

input::placeholder,
textarea::placeholder,
.elementor-field-textual::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

input:hover,
textarea:hover,
.elementor-field-textual:hover {
  border-color: rgba(163, 189, 255, 0.45) !important;
}

input:focus,
textarea:focus,
.elementor-field-textual:focus {
  border-color: var(--frm-accent) !important;
  background: rgba(163, 189, 255, 0.12) !important;
  box-shadow: 0 0 0 3px rgba(122, 160, 255, 0.22) !important;
}

/* ============================================================
   DROPDOWN (select) — full styling
   ============================================================ */

/* Elementor wraps selects in .elementor-select-wrapper and draws
   its own arrow — hide it, we draw our own that fits the design */
.elementor-select-wrapper::before,
.elementor-select-wrapper .select-caret-down-wrapper,
.elementor-select-wrapper i,
.elementor-select-wrapper svg {
  display: none !important;
}

.elementor-select-wrapper {
  background: transparent !important;
}

select,
.elementor-field-type-select select,
.elementor-select-wrapper select {
  /* Remove native OS look so our design applies */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  font-size: 15px !important;
  color: #ffffff !important;
  background-color: rgba(163, 189, 255, 0.08) !important;
  border: 1px solid var(--frm-border) !important;
  border-radius: var(--frm-radius) !important;
  padding: 13px 16px !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  width: 100%;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;

  /* Custom light-blue chevron arrow (inline SVG) */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23a3bdff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: left 16px center !important; /* RTL: arrow on the left */
  background-size: 14px 9px !important;

  /* Keep text clear of the arrow on RTL layout */
  padding-left: 42px !important;
}

/* LTR pages: flip the arrow to the right side */
[dir="ltr"] select,
html:not([dir="rtl"]) body:not(.rtl) select {
  background-position: right 16px center !important;
  padding-left: 16px !important;
  padding-right: 42px !important;
}

select:hover {
  border-color: rgba(163, 189, 255, 0.45) !important;
}

select:focus {
  border-color: var(--frm-accent) !important;
  background-color: rgba(163, 189, 255, 0.12) !important;
  box-shadow: 0 0 0 3px rgba(122, 160, 255, 0.22) !important;
}

/* The open dropdown list: options ignore transparency, so give
   them solid readable colors that match the palette */
select option {
  color: #eef1ff !important;
  background-color: #141d45 !important;
  padding: 10px 14px;
}

select option:checked,
select option:hover {
  background-color: #22306b !important;
  color: #ffffff !important;
}

/* Placeholder-style first option (value="") shown dimmer */
select:invalid,
select option[value=""] {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Multi-select boxes get the same treatment without the arrow */
select[multiple] {
  background-image: none !important;
  padding: 8px !important;
}

/* ---------- Submit button ---------- */
button[type="submit"],
input[type="submit"],
.elementor-button {
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: var(--frm-navy) !important;
  background: linear-gradient(135deg, var(--frm-accent-soft), var(--frm-accent)) !important;
  border: none !important;
  border-radius: var(--frm-radius) !important;
  padding: 14px 28px !important;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(122, 160, 255, 0.3);
  transition: transform 0.15s, box-shadow 0.2s, filter 0.2s;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.elementor-button:hover {
  filter: brightness(1.06);
  box-shadow: 0 14px 32px rgba(122, 160, 255, 0.42);
  color: var(--frm-navy) !important;
  background: linear-gradient(135deg, var(--frm-accent-soft), var(--frm-accent)) !important;
}

button[type="submit"]:active,
.elementor-button:active {
  transform: scale(0.985);
}

/* ---------- Validation / messages ---------- */
.elementor-message-danger,
.elementor-field-group .elementor-error input,
.elementor-field-group .elementor-error select {
  color: #ff9d9d !important;
  border-color: #ff7a7a !important;
}

.elementor-message-success {
  color: var(--frm-accent-soft) !important;
}

/* ---------- Spacing ---------- */
.elementor-field-group {
  margin-bottom: 16px;
}/* End custom CSS */