.elementor-732 .elementor-element.elementor-element-3839e6ad{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-732 .elementor-element.elementor-element-781d9d3f{text-align:center;}.elementor-732 .elementor-element.elementor-element-781d9d3f .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:18px;font-weight:500;}#elementor-popup-modal-732 .dialog-widget-content{background-color:var( --e-global-color-accent );border-radius:25px 25px 25px 25px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-732{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-732 .dialog-message{width:770px;height:auto;padding:25px 25px 25px 25px;}#elementor-popup-modal-732 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}#elementor-popup-modal-732 .dialog-message{width:340px;}#elementor-popup-modal-732{justify-content:center;align-items:center;}}/* Start custom CSS *//* CONTAINER: Set up outer border and color */
.ff-el-input--content {
  position: relative;
  display: inline-block;
  width: 100%;
  border: px solid #144033;
  border-radius: 6px;
  /* Use the main container for the background color to create the 'narrow' look */
  /* Use 'background-clip' to ensure the background color doesn't bleed into the border corners, 
     matching your desired aesthetic */
  background-clip: padding-box;
  display: flex;
}

/* LEFT ICON (Use ::before) */
.ff-el-input--content::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px; /* Position on the left */
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url(/wp-content/uploads/2025/09/left-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; /* Allows clicks to pass through to the select */
  z-index: 2;
}
.ff-el-input--content:has(textarea)::before,
.ff-el-input--content:has(textarea)::after {
  top: 20% !important; /* Moves icons if this wrapper has a textarea */
}

/* RIGHT ICON (Use ::after) */
.ff-el-input--content::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px; /* Position on the right */
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-image: url(/wp-content/uploads/2025/09/right-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; /* Allows clicks to pass through to the select */
  z-index: 2;
}

/* Select styling */
.ff-el-input--content select, .ff-el-input--content input, .ff-el-input--content textarea {
  width: 89.8% !important;
  /* Adjust padding for both icons */
  padding: 10px 10px 4px 10px !important; /* 45px padding on both sides for the icons */
  font-size: 16px;
  font-family: inherit;
  color: #244b37;
  border: 2px solid #244b37 !important;
  background: #fcf9ea !important; /* IMPORTANT: Must be  transparent to see the container's background */
  outline: none;
  position: relative;
  z-index: 1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  margin-left: 35px
}

input[name="names[first_name]"] ,  input[name="phone"] {
    width: 79.5% !important;
}

input[name="phone"] {

    margin-left: 35px !important;
}

/* Remove left/right icons only when the container has checkboxes */
.ff-el-input--content:has(input[type="checkbox"])::before,
.ff-el-input--content:has(input[type="checkbox"])::after {
    content: none !important;
    background: none !important;
}

.ff-el-input--content:has(input[name="file-upload"])::before,
.ff-el-input--content:has(input[name="file-upload"])::after {
  background-image: none !important;
}


.ff_upload_btn {
    border-radius: 30px;
    background-color: white !important;
    border: #144033 2px solid;
    color: #143e2f !important;
}
.fluentform .ff-step-header{
    display: none !important;
}
/* REMOVE the "narrow inner background" rule as it's now handled by the main container background. */
/* REMOVE the broken ".ff-el-input--content .right-leaf" rule. */


.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style, .ff-float-right.ff-btn.ff-btn-next.ff-btn-secondary, .ff-btn.ff-btn-prev.ff-btn-secondary{
    background: url(/wp-content/uploads/2025/09/Button-Background-Size.png) no-repeat center center !important;
    background-size: contain !important;
    border: none !important;
    padding: 50px 60px 50px 55px;
}


@media only screen and (max-width: 600px){
    .ff-el-input--content select, .ff-el-input--content input{
            width: 74.5% !important;
    }
    .ff-el-input--content textarea {
    width: 73.6% !important;
    margin-left: 36px !important;
        
    }
    
}/* End custom CSS */