.elementor-91 .elementor-element.elementor-element-34794b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-91 .elementor-element.elementor-element-f6c681f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-91 .elementor-element.elementor-element-bdff22f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-91 .elementor-element.elementor-element-a54279d .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-91 .elementor-element.elementor-element-f6c681f{--width:50%;}.elementor-91 .elementor-element.elementor-element-bdff22f{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-a54279d *//*
=============================================================
  VIVID IMAGING & DIAGNOSTICS — FLUENT FORMS CUSTOM CSS
  Brand: Blue #1E4FC2 · Orange #F26522 · Navy #0D1A3A
  
  WHERE TO PASTE:
  Option A → Fluent Forms → Global Styles → Custom CSS
  Option B → Appearance → Customize → Additional CSS
  Option C → Elementor Custom HTML before [fluentform id="4"]
             wrap in <style>...</style> tags
=============================================================
*/

/* ── FORM WRAPPER ── */
.fluentform,
.fluentform .ff-el-group,
.fluent-form-wrap {
  font-family: 'Poppins', 'Segoe UI', sans-serif !important;
}

/* White card with soft shadow */
.fluentform {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px 32px !important;
  border: 1.5px solid #E2E8F0 !important;
  box-shadow: 0 8px 40px rgba(13, 26, 58, 0.10) !important;
}

/* ── FORM TITLE (if shown) ── */
.ff-form-head h3,
.ff-form-head h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0D2D80 !important;
  margin-bottom: 6px !important;
  letter-spacing: -0.3px !important;
}
.ff-form-description p {
  font-size: 13.5px !important;
  color: #64748B !important;
  margin-bottom: 24px !important;
  line-height: 1.65 !important;
}

/* ── FIELD GROUPS ── */
.fluentform .ff-el-group {
  margin-bottom: 18px !important;
}

/* ── LABELS ── */
.fluentform .ff-el-group > label,
.fluentform label.ff-label {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  margin-bottom: 7px !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
}

/* Required star */
.fluentform .ff-el-group label .ff-required,
.fluentform label .req {
  color: #F26522 !important;
  font-weight: 800 !important;
}

/* ── INPUT / TEXTAREA / SELECT BASE ── */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform input[type="url"],
.fluentform input[type="date"],
.fluentform input[type="time"],
.fluentform input[type="password"],
.fluentform select,
.fluentform textarea,
.fluentform .ff-el-input--content input,
.fluentform .el-input__inner {
  width: 100% !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: 'Poppins', 'Segoe UI', sans-serif !important;
  color: #0D1A3A !important;
  background: #F8FAFD !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 12px !important;
  outline: none !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Placeholder text */
.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: #94A3B8 !important;
  font-weight: 400 !important;
}

/* ── FOCUS STATE ── */
.fluentform input[type="text"]:focus,
.fluentform input[type="email"]:focus,
.fluentform input[type="tel"]:focus,
.fluentform input[type="number"]:focus,
.fluentform input[type="date"]:focus,
.fluentform input[type="time"]:focus,
.fluentform input[type="password"]:focus,
.fluentform select:focus,
.fluentform textarea:focus {
  border-color: #1E4FC2 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(30, 79, 194, 0.10) !important;
  outline: none !important;
}

/* ── SELECT DROPDOWN ARROW ── */
.fluentform select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231E4FC2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}

/* ── TEXTAREA ── */
.fluentform textarea {
  resize: vertical !important;
  min-height: 96px !important;
  line-height: 1.6 !important;
}

/* ── RADIO & CHECKBOX ── */
.fluentform .ff-el-group .ff-el-form-check-label {
  font-size: 13.5px !important;
  color: #334155 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.fluentform input[type="radio"],
.fluentform input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #1E4FC2 !important;
  cursor: pointer !important;
}

/* ── SUBMIT BUTTON ── */
.fluentform .ff-btn,
.fluentform button[type="submit"],
.fluentform .ff-btn-md,
.fluentform .ff-btn-lg {
  width: 100% !important;
  padding: 15px 24px !important;
  background: #1E4FC2 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', 'Segoe UI', sans-serif !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
  box-shadow: 0 6px 24px rgba(30, 79, 194, 0.30) !important;
  margin-top: 8px !important;
  display: block !important;
  text-align: center !important;
  line-height: 1 !important;
}

.fluentform .ff-btn:hover,
.fluentform button[type="submit"]:hover {
  background: #0D2D80 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(13, 45, 128, 0.36) !important;
  color: #ffffff !important;
}

.fluentform .ff-btn:active,
.fluentform button[type="submit"]:active {
  transform: translateY(0) !important;
  background: #0D2D80 !important;
}

/* ── VALIDATION ERROR ── */
.fluentform .error,
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error select,
.fluentform .ff-el-is-error textarea {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.10) !important;
}
.fluentform .error,
.fluentform .text-danger,
.fluentform .ff-message-error {
  font-size: 12px !important;
  color: #EF4444 !important;
  margin-top: 5px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ── SUCCESS MESSAGE ── */
.fluentform .ff-message-success,
.fluentform .ff-success-message {
  background: #F0FDF4 !important;
  border: 1.5px solid #BBF7D0 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  color: #15803D !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* ── STEP FORM / PROGRESS BAR (if multi-step) ── */
.fluentform .ff-step-container .ff-step-bar {
  background: #EBF0FF !important;
  border-radius: 50px !important;
  height: 6px !important;
  margin-bottom: 28px !important;
}
.fluentform .ff-step-container .ff-step-bar-progress {
  background: linear-gradient(90deg, #1E4FC2, #F26522) !important;
  border-radius: 50px !important;
  height: 6px !important;
  transition: width 0.4s ease !important;
}

/* ── SECTION BREAK / DIVIDER ── */
.fluentform .ff-el-section-break {
  border: none !important;
  border-top: 1.5px solid #EBF0FF !important;
  margin: 22px 0 !important;
}

/* ── COLUMN LAYOUT (2-col fields) ── */
.fluentform .ff-el-group .ff-t-container {
  gap: 14px !important;
}

/* ── FILE UPLOAD ── */
.fluentform .ff-el-group .ff-upload-btn,
.fluentform .ff-file-upload-btn {
  border: 1.5px dashed #DBEAFE !important;
  border-radius: 12px !important;
  background: #F8FAFD !important;
  color: #1E4FC2 !important;
  padding: 16px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}
.fluentform .ff-el-group .ff-upload-btn:hover {
  border-color: #1E4FC2 !important;
  background: #EBF0FF !important;
}

/* ── RATING FIELD ── */
.fluentform .ff-el-group .star-rating svg path {
  fill: #F59E0B !important;
}

/* ── DATE PICKER ── */
.fluentform .vdatetime input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231E4FC2' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
}

/* ── LOADING SPINNER ── */
.fluentform .ff-btn .ff-loading {
  border-top-color: rgba(255,255,255,.4) !important;
  border-left-color: #ffffff !important;
}

/* ── PRIVACY NOTE (add below submit button) ── */
.fluentform .ff-el-group.ff-privacy-note p {
  font-size: 11.5px !important;
  color: #94A3B8 !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* ── REMOVE DEFAULT WORDPRESS / THEME OVERRIDES ── */
.fluentform input,
.fluentform select,
.fluentform textarea,
.fluentform button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.fluentform * {
  box-sizing: border-box !important;
}

/*
  ── RESPONSIVE ──────────────────────────────────────
  On mobile, the right column (form) stacks below the
  left column. These rules ensure the form looks good
  on small screens.
*/
@media (max-width: 600px) {
  .fluentform {
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }
  .fluentform .ff-btn,
  .fluentform button[type="submit"] {
    font-size: 14px !important;
    padding: 14px 20px !important;
  }
}/* End custom CSS */