.elementor-333 .elementor-element.elementor-element-a8f73bb{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-333 .elementor-element.elementor-element-c0c811b{text-align:center;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#7A7A7A;}.elementor-333 .elementor-element.elementor-element-c0c811b a{color:#7A7A7A;}.elementor-333 .elementor-element.elementor-element-c0c811b a:hover, .elementor-333 .elementor-element.elementor-element-c0c811b a:focus{color:#002F73;}@media(max-width:767px){.elementor-333 .elementor-element.elementor-element-c0c811b{font-size:11px;}}/* Start custom CSS for shortcode, class: .elementor-element-eec0486 *//* ============================================================
   SMILE PATHWAYS — CSS ADDITIONS
   Append these to your existing form CSS. They cover the new
   elements: price hints, micro-hints, disclaimer, low-super
   encouragement box, and the 4-step progress bar.
   ============================================================ */

/* Price hint appended to each teeth option by JS */
.ps-price {
  margin-left: auto !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ps-muted) !important;
  white-space: nowrap !important;
  padding-left: 8px !important;
}
.ps-options label.ps-selected .ps-price {
  color: var(--ps-blue) !important;
}

/* Small grey hint under a question */
.ps-microhint {
  font-size: 12px !important;
  color: var(--ps-muted) !important;
  margin-top: 12px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* ATO / legal disclaimer block */
.ps-disclaimer {
  font-size: 11.5px !important;
  color: var(--ps-muted) !important;
  line-height: 1.55 !important;
  margin-top: 14px !important;
  text-align: left !important;
}
.ps-disclaimer a {
  color: var(--ps-blue) !important;
  text-decoration: underline !important;
}

/* Low-super encouragement (replaces the old disqualify box) */
.ps-encourage {
  background: var(--ps-blue-light) !important;
  border: 1.5px solid var(--ps-blue) !important;
  border-radius: var(--ps-radius) !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  text-align: left !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.ps-encourage-title {
  font-weight: 700 !important;
  color: var(--ps-blue-dark) !important;
  margin-bottom: 6px !important;
  font-size: 14px !important;
}
.ps-encourage p {
  font-size: 13px !important;
  color: var(--ps-text) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Progress bar now has 4 steps — keep lines from stretching too far */
.ps-prog-line { max-width: 56px !important; }

/* ------------------------------------------------------------
   CONTACT STEP — fix label/field proximity and tighten length
   Label sits tight to its own field; space goes BETWEEN groups.
   ------------------------------------------------------------ */
.ps-transition .ps-field {
  margin-bottom: 18px !important;
  margin-top: 0 !important;
}
.ps-transition .ps-field:last-of-type { margin-bottom: 4px !important; }

.ps-field .ps-label {
  margin-bottom: 6px !important;
  line-height: 1.25 !important;
}
.ps-field .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ps-field .ps-input { margin-top: 0 !important; }
.ps-field br { display: none !important; }

/* Tighten the heading/subline block above the fields */
.ps-transition-h2  { margin-bottom: 4px !important; }
.ps-transition-sub { margin-bottom: 16px !important; }

/* Banner image — slightly smaller so the form sits higher on mobile */
.ps-transition-alert img { max-width: 280px !important; }/* End custom CSS */