.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================
   POPUP MAKER + FORMINATOR - FINAL REVISED CSS
   Fixes: Select2/native dropdown visibility, alignment, width, spacing
   Scope: Targeted to Popup Maker (.pum) and elementor popups
   =========================== */

/* ---------- Popup container - allow overflow so dropdown can show ---------- */
.pum,
.pum .pum-container,
.pum .pum-content,
.pum .pum-modal,
.pum-overlay,
.pum-content {
  overflow: visible !important;
}

/* ---------- Popup z-index (kept high but below dropdown) ---------- */
.pum {
  z-index: 99990 !important;
}
.pum .pum-overlay {
  z-index: 99980 !important;
}
.pum .pum-content {
  position: relative !important;
  z-index: 99991 !important;
}

/* ---------- Make the select wrapper the positioning anchor ---------- */
.pum .forminator-row .forminator-select,
.pum .forminator-row select,
.pum .forminator-row .forminator-field,
.pum .forminator-row .forminator-field * {
  position: relative !important;
  z-index: 2 !important;
}

/* ---------- Ensure selects are full width and keep document flow ---------- */
.pum .forminator-row .forminator-select,
.pum .forminator-row select,
.pum .forminator-select select {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important; /* increased bottom gap so dropdown + submit don't overlap */
  position: relative !important;
}

/* ---------- Select2 dropdowns: ensure they render above popup and align ---------- */
.pum .select2-container,
.pum .select2-dropdown,
.pum .select2-container--open .select2-dropdown,
.pum .select2-results {
  z-index: 120000 !important;         /* sit above popup content and submit */
  position: absolute !important;
}

/* Align the open dropdown under its select and match width */
.pum .select2-container--open .select2-dropdown {
  left: 0 !important;                                /* align left edge with select container */
  top: calc(100% + 6px) !important;                  /* place 6px below the select */
  min-width: 100% !important;                        /* match width of the select's container */
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  overflow: visible !important;
}

/* ---------- If Select2 appends dropdown to body (dropdownParent not set) ---------- */
/* Ensure body-level dropdown floats above popup and has a sensible min-width */
body > .select2-container--open .select2-dropdown,
body .select2-container--open .select2-dropdown {
  z-index: 130000 !important;
  min-width: 220px !important;                       /* fallback width if reparenting not done */
  box-sizing: border-box !important;
  left: auto !important;                             /* left will be handled by Select2; we keep z-index high */
}

/* ---------- Native <select> fallback spacing (ensures dropdown has room) ---------- */
.pum .forminator-row select {
  margin-bottom: 28px !important; /* give extra room for native drop-downs and submit button */
}

/* ---------- Submit button placement & visibility ---------- */
.pum .forminator-button,
.pum .forminator-button-wrap,
.pum .forminator-button input[type="submit"] {
  display: block !important;
  clear: both !important;
  margin-top: 10px !important;
  position: relative !important;
  z-index: 3 !important;  /* below Select2 dropdowns (120k) but above default content */
  box-sizing: border-box !important;
}

/* Optional look for submit - keep consistent with your orange style */
.pum .forminator-button input[type="submit"],
.forminator-button input[type="submit"] {
  background: #e87123 !important;
  color: #fff !important;
  border: 0 !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  border-radius: 4px !important;
}

/* ---------- Elementor popup safety (prevent clipping) ---------- */
.elementor-popup-modal,
.dialog-widget,
.elementor-widget-container,
.pum .forminator-row {
  overflow: visible !important;
}

/* ---------- Small screens tweak: ensure dropdown doesn't overflow viewport badly ---------- */
@media (max-width: 480px) {
  .pum .select2-container--open .select2-dropdown,
  body > .select2-container--open .select2-dropdown {
    left: 0 !important;
    right: 0 !important;
    min-width: auto !important;
    width: calc(100% - 32px) !important;
    margin: 0 16px !important;
    top: calc(100% + 6px) !important;
  }
}/* End custom CSS */