.elementor-kit-9{--e-global-color-primary:#0EA5A0;--e-global-color-secondary:#4B5563;--e-global-color-text:#1A1F2E;--e-global-color-accent:#E6F7F6;--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-9 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);}@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 *//* =========================
   LIGHT MODE (default)
   ========================= */

/* Popup card */
.demo-modal{
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 18px !important;
  padding: 26px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18);
}

/* Title */
.demo-modal .elementor-heading-title{
  color: #0F172A !important;
}

/* Labels */
.demo-modal .wpforms-field-label{
  color: #0F172A !important;
}

/* Inputs */
.demo-modal .wpforms-field input,
.demo-modal .wpforms-field select,
.demo-modal .wpforms-field textarea{
  background: #F8FAFC !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 12px !important;
}

/* Placeholder */
.demo-modal .wpforms-field input::placeholder,
.demo-modal .wpforms-field textarea::placeholder{
  color: #94A3B8 !important;
}

/* Submit */
.demo-modal .wpforms-submit{
  background: #2E89FF !important;
  border: 1px solid #2E89FF !important;
  color: #FFFFFF !important;
}
.demo-modal .wpforms-submit:hover{
  background: #77B2FF !important;
  border-color: #2E89FF !important;
  color: #F3F5F7 !important;
}

/* Center Select field (same as you did) */
.demo-modal .wpforms-field-select{
  text-align: center !important;
}
.demo-modal .wpforms-field-select select{
  width: 260px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
}
.demo-modal .wpforms-field-select .choices{
  width: 260px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}


/* ===== HERO VIDEO DARK MODE FIX (WP Dark Mode + Elementor) ===== */
html[data-wp-dark-mode-active] .hero-video{
  position: relative;
  overflow: hidden;
  filter: none !important;
  opacity: 1 !important;
}

/* Background video stays behind */
html[data-wp-dark-mode-active] .hero-video .elementor-background-video-container,
html[data-wp-dark-mode-active] .hero-video .elementor-background-video-hosted{
  z-index: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Dark overlay ABOVE video */
html[data-wp-dark-mode-active] .hero-video::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(10,12,18,0.70); /* 0.65–0.80 */
  z-index: 1;
  pointer-events:none;
}

/* ✅ IMPORTANT: Your container has NO .e-con-inner, so set z-index on DIRECT children */
html[data-wp-dark-mode-active] .hero-video > *{
  position: relative;
  z-index: 2;
  filter: none !important;
  opacity: 1 !important;
}

/* Elementor headings */
html[data-wp-dark-mode-active] .hero-video .elementor-heading-title{
  color: #F8FAFC !important;
  opacity: 1 !important;
}

/* Elementor paragraph text */
html[data-wp-dark-mode-active] .hero-video .elementor-widget-text-editor,
html[data-wp-dark-mode-active] .hero-video .elementor-widget-text-editor *{
  color: rgba(248,250,252,0.85) !important;
  opacity: 1 !important;
}

/* Buttons */
html[data-wp-dark-mode-active] .hero-video .elementor-button{
  background-color: #2E89FF !important;
  border-color: #2E89FF !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
}

/* Dark mode CTA section styling */
html[data-wp-dark-mode-active] .cta-section{
  background: #0F2F2E !important;  /* deep teal */
}

html[data-wp-dark-mode-active] .cta-section .elementor-heading-title{
  color: #F8FAFC !important;
}

html[data-wp-dark-mode-active] .cta-section,
html[data-wp-dark-mode-active] .cta-section p{
  color: rgba(248,250,252,0.85) !important;
}

/* Buttons in CTA */
html[data-wp-dark-mode-active] .cta-section .elementor-button{
  background: #2E89FF !important;
  border-color: #2E89FF !important;
  color: #FFFFFF !important;
}

/* ################

*/

*/
/* ===== FIX ALIGNMENT + COMPACT (SAFE) ===== */

/* Center the whole form */
.demo-modal .wpforms-container{
  width: 100% !important;
  margin: 0 auto !important;
}

/* Make every field full width */
.demo-modal .wpforms-field{
  width: 100% !important;
  margin: 0 0 14px 0 !important;
}

/* Labels aligned left */
.demo-modal .wpforms-field-label{
  display: block;
  text-align: left;
  margin-bottom: 6px !important;
}

/* Inputs full width + normal size */
.demo-modal .wpforms-field input,
.demo-modal .wpforms-field select,
.demo-modal .wpforms-field textarea{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  height: 44px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
}

/* Textarea */
.demo-modal .wpforms-field textarea{
  height: auto !important;
  min-height: 100px !important;
}

/* Name field: make first/last full width stacked (clean + aligned) */
.demo-modal .wpforms-field-name .wpforms-field-row{
  display: block !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
  width: 100% !important;
  margin: 0 0 12px 0 !important;
}

/* Submit button full width but not too tall */
.demo-modal .wpforms-submit{
  width: 100% !important;
  height: 46px !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
}

/* FORCE Name fields stacked (up/down) */
.demo-modal .wpforms-field-name .wpforms-field-row{
  display: block !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-first,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-last{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-first input,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-last input{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ===== FIX: Make First/Last same width as Email/Contact ===== */
.demo-modal .wpforms-field-name .wpforms-field-row,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-first,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-last,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row input{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix: align First + Last blocks perfectly (remove extra offset) */
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-first,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-last{
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: auto !important;
}

/* Also ensure inputs start at same left edge */
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-first input,
.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-last input{
  margin-left: 0 !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.demo-modal .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
}

/* ===== Center the Select field ===== */
.demo-modal .wpforms-field-select{
  text-align: center !important;
}

/* Center the label */
.demo-modal .wpforms-field-select .wpforms-field-label{
  text-align: center !important;
}

/* Make the dropdown a centered block with fixed width */
.demo-modal .wpforms-field-select select{
  width: 260px !important;      /* adjust if you want wider */
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
}

/* If WPForms uses "Choices" styled select (your screenshot shows this) */
.demo-modal .wpforms-field-select .choices{
  width: 260px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: left !important;  /* keeps text inside aligned nicely */
}

.demo-modal .wpforms-field-select .choices__inner{
  border-radius: 12px !important;
}

/* ===== Mobile responsive fix for popup + form ===== */
@media (max-width: 767px){

  /* Make the popup fit the screen */
  .elementor-popup-modal .dialog-widget-content{
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px auto !important;
  }

  /* Reduce padding so form has space */
  .demo-modal{
    padding: 18px !important;
  }

  /* Ensure WPForms never overflows */
  .demo-modal .wpforms-container,
  .demo-modal form,
  .demo-modal .wpforms-field,
  .demo-modal .wpforms-field input,
  .demo-modal .wpforms-field select,
  .demo-modal .wpforms-field textarea{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* If your select uses Choices.js (the X icon shows it does) */
  .demo-modal .choices,
  .demo-modal .choices__inner{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Centered select: on mobile make it full width */
  .demo-modal .wpforms-field-select select,
  .demo-modal .wpforms-field-select .choices{
    width: 100% !important;
  }

  /* Button full width */
  .demo-modal .wpforms-submit{
    width: 100% !important;
  }
}

/* Remove the popup container styling completely */
.elementor-popup-modal .elementor-popup {
    background: transparent !important; /* remove white background */
    box-shadow: none !important;       /* remove shadow */
    padding: 0 !important;             /* remove padding */
    border-radius: 0 !important;       /* remove rounded corners */
}

/* Optional: ensure popup size wraps form */
.elementor-popup-modal .dialog-widget-content {
    padding: 0 !important;
    background: transparent !important;
    max-width: none !important;
}/* End custom CSS */