.elementor-2253 .elementor-element.elementor-element-09a41a4{--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#52525280;--border-color:#52525280;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2253 .elementor-element.elementor-element-09a41a4:not(.elementor-motion-effects-element-type-background), .elementor-2253 .elementor-element.elementor-element-09a41a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFE;}.elementor-2253 .elementor-element.elementor-element-b69b6e2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2253 .elementor-element.elementor-element-b3da7ef{--display:flex;}.elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{background-color:#FDB22F;align-items:center;height:20px;display:flex;justify-content:end;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_wrapper .gform_heading, html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .eael-gravity-form-heading{text-align:left;}.elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar_title{font-size:30px;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-custom-radio-checkbox input[type="radio"]{width:15px !important;height:15px;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_footer input[type="submit"]{width:100px !important;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px !important;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_body input[type="submit"].gform-button{width:100px !important;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-2253 .elementor-element.elementor-element-c6e3d46 .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-2253 .elementor-element.elementor-element-f330887{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#52525280;--border-color:#52525280;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2253 .elementor-element.elementor-element-f330887:not(.elementor-motion-effects-element-type-background), .elementor-2253 .elementor-element.elementor-element-f330887 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2253 .elementor-element.elementor-element-ad6e229 .elementor-icon-wrapper{text-align:left;}.elementor-2253 .elementor-element.elementor-element-ad6e229 .elementor-icon{font-size:175px;}.elementor-2253 .elementor-element.elementor-element-ad6e229 .elementor-icon svg{height:175px;}.elementor-2253 .elementor-element.elementor-element-1f9b8f7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2253 .elementor-element.elementor-element-1f9b8f7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2253 .elementor-element.elementor-element-1f9b8f7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2253 .elementor-element.elementor-element-1f9b8f7 .elementor-icon-list-text{transition:color 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2253 .elementor-element.elementor-element-f330887{--width:47%;}}/* Start custom CSS for eael-gravity-form, class: .elementor-element-c6e3d46 *//* ===== Big Title, Card Checkbox Style for Radio Field ===== */
#field_1_12 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}
#field_1_12 legend.gfield_label {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  z-index: 1 !important;
  position: relative !important;
}

/* Radio buttons as card checkboxes */
#input_1_12 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
@media (max-width: 700px) {
  #input_1_12 { grid-template-columns: 1fr !important; }
}

#input_1_12 .gchoice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #f3f8ff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 20px !important;
  overflow: hidden !important;
}

/* Hide default radio */
#input_1_12 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
}

/* Label as card title (big, bold) */
#input_1_12 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom radio icon (circle before label) */
#input_1_12 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Dot when checked */
#input_1_12 .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline:after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  box-shadow: 0 0 1px #2563eb;
}

/* Card blue and white when checked */
#input_1_12 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_12 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}
#input_1_12 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:before {
  background: radial-gradient(circle at center, #fff 60%, #2563eb 61%) !important;
  border-color: #fff !important;
}

/* Hover/active effect */
#input_1_12 .gchoice:hover,
#input_1_12 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}

/* Responsive for mobile */
@media (max-width: 600px) {
  #field_1_12 { padding: 16px 8px 8px 8px !important; }
  #input_1_12 { grid-template-columns: 1fr !important; }
  #input_1_12 .gform-field-label--type-inline { font-size: 1.05rem !important; }
}






















/* ===== Big Title, Card Checkbox Style for Radio Field #field_1_46 ===== */
#field_1_46 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}

#field_1_46 legend.gfield_label {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  z-index: 1 !important;
  position: relative !important;
}

/* Radio buttons styled as cards in grid */
#input_1_46 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
@media (max-width: 700px) {
  #input_1_46 {
    grid-template-columns: 1fr !important;
  }
}

#input_1_46 .gchoice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #f3f8ff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 12px 24px !important;  /* Increased padding here */
  overflow: hidden !important;
}


/* Hide native radio input */
#input_1_46 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
}

/* Label text styled as card title */
#input_1_46 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.00rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Circle radio button before label */
#input_1_46 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Blue dot inside circle when checked */
#input_1_46 .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline:after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  box-shadow: 0 0 1px #2563eb !important;
}

/* Highlight card on checked */
#input_1_46 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}

/* Label color changes on checked */
#input_1_46 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}

/* Label circle background and border changes on checked */
#input_1_46 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:before {
  background: radial-gradient(circle at center, #fff 60%, #2563eb 61%) !important;
  border-color: #fff !important;
}

/* Hover and focus effect */
#input_1_46 .gchoice:hover,
#input_1_46 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}

/* Responsive for mobile */
@media (max-width: 600px) {
  #field_1_46 {
    padding: 16px 8px 8px 8px !important;
  }
  #input_1_46 {
    grid-template-columns: 1fr !important;
  }
  #input_1_46 .gform-field-label--type-inline {
    font-size: 1.05rem !important;
  }
}


















/* ===== Big Title, Card Checkbox Style for Radio Field #field_1_49 
===== */

#field_1_49 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}

#field_1_49 legend.gfield_label {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  z-index: 1 !important;
  position: relative !important;
}

/* Make radio choices grid cards */
#input_1_49 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

@media (max-width: 700px) {
  #input_1_49 {
    grid-template-columns: 1fr !important;
  }
}

/* Style each radio as a card */
#input_1_49 .gchoice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #f3f8ff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 12px 24px !important;
  overflow: hidden !important;
}

/* Hide native radio inputs */
#input_1_49 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
}

/* Label style inside cards */
#input_1_49 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom radio circle before label */
#input_1_49 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Dot inside circle when checked */
#input_1_49 .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline:after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  box-shadow: 0 0 1px #2563eb;
}

/* Card blue and white on checked */
#input_1_49 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}

#input_1_49 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}

#input_1_49 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:before {
  background: radial-gradient(circle at center, #fff 60%, #2563eb 61%) !important;
  border-color: #fff !important;
}

/* Hover and focus effect */
#input_1_49 .gchoice:hover,
#input_1_49 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}

/* Responsive for smaller screens */
@media (max-width: 600px) {
  #field_1_49 {
    padding: 16px 8px 8px 8px !important;
  }
  #input_1_49 {
    grid-template-columns: 1fr !important;
  }
  #input_1_49 .gform-field-label--type-inline {
    font-size: 1.1rem !important;
  }
}





















/* =========================
  Fieldset and Title/Legend
========================= */
#field_1_21 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}

#field_1_21 legend.gfield_label {
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 8px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
}

/* =========================
  Checkbox Button Grid Layout
========================= */
#input_1_21 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  #input_1_21 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 800px) {
  #input_1_21 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  #input_1_21 {
    grid-template-columns: 1fr !important;
  }
}

/* =========================
  Checkbox as Modern Button
========================= */
#input_1_21 .gchoice {
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #fff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 16px !important;
  overflow: hidden !important;
}

#input_1_21 .gfield-choice-input[type="checkbox"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* Label as Button Text */
#input_1_21 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.14rem !important;
  font-weight: 600 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 56px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom Checkbox Icon (before label) */
#input_1_21 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Checkmark When Checked */
#input_1_21 .gfield-choice-input[type="checkbox"]:checked + .gform-field-label--type-inline:after {
  content: "✓" !important;
  position: absolute !important;
  left: 4px !important;
  top: 52% !important;
  transform: translateY(-50%) !important;
  font-size: 1.24em !important;
  color: #26416c !important;
  font-weight: 900 !important;
}

/* Button color when checked (just like radio) */
#input_1_21 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) {
  background: #c7dcfb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_21 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) .gform-field-label--type-inline {
  color: #26416c !important;
  font-weight: 700 !important;
}
#input_1_21 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) .gform-field-label--type-inline:before {
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 2.5px #2563eb inset !important;
}

/* === Make it pop on hover === */
#input_1_21 .gchoice:hover,
#input_1_21 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}

/* Responsive: stack on small screens */
@media (max-width: 600px) {
  #input_1_21 {
    grid-template-columns: 1fr !important;
  }
}


















/* 2nd Step Codes */
/* ======= CHECKBOX STYLE for #input_1_18 radio field ======= */
#field_1_18 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}
#field_1_18 legend.gfield_label {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  z-index: 1 !important;
  position: relative !important;
}

/* Card-style for the radio buttons */
#input_1_18 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
@media (max-width: 700px) {
  #input_1_18 { grid-template-columns: 1fr !important; }
}

#input_1_18 .gchoice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #f3f8ff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 20px !important;
  overflow: hidden !important;
}

/* Hide default radio */
#input_1_18 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
}

/* Label as card title (big, bold) */
#input_1_18 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom radio icon (circle before label) */
#input_1_18 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Dot when checked */
#input_1_18 .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline:after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  box-shadow: 0 0 1px #2563eb;
}

/* Card blue and white when checked */
#input_1_18 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_18 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}
#input_1_18 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:before {
  background: radial-gradient(circle at center, #fff 60%, #2563eb 61%) !important;
  border-color: #fff !important;
}

/* Hover/active effect */
#input_1_18 .gchoice:hover,
#input_1_18 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}

/* Responsive for mobile */
@media (max-width: 600px) {
  #field_1_18 { padding: 16px 8px 8px 8px !important; }
  #input_1_18 { grid-template-columns: 1fr !important; }
  #input_1_18 .gform-field-label--type-inline { font-size: 1.05rem !important; }
}

















/* Checkbox code for 2026  */

/* =========================
  Fieldset and Title/Legend
========================= */
#field_1_22 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}

#field_1_22 legend.gfield_label {
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 8px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
}

/* =========================
  Checkbox Button Grid Layout
========================= */
#input_1_22 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;  /* Adjust for 4 per row */
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
@media (max-width: 1100px) {
  #input_1_22 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 800px) {
  #input_1_22 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  #input_1_22 {
    grid-template-columns: 1fr !important;
  }
}

/* =========================
  Checkbox as Modern Button
========================= */
#input_1_22 .gchoice {
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 64px !important;
  background: #fff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 16px !important;
  overflow: hidden !important;
}

#input_1_22 .gfield-choice-input[type="checkbox"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* Label as Button Text */
#input_1_22 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.14rem !important;
  font-weight: 600 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 56px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom Checkbox Icon (before label) */
#input_1_22 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Checkmark When Checked */
#input_1_22 .gfield-choice-input[type="checkbox"]:checked + .gform-field-label--type-inline:after {
  content: "✓" !important;
  position: absolute !important;
  left: 4px !important;
  top: 52% !important;
  transform: translateY(-50%) !important;
  font-size: 1.24em !important;
  color: #26416c !important;
  font-weight: 900 !important;
}

/* Button color when checked */
#input_1_22 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) {
  background: #c7dcfb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_22 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) .gform-field-label--type-inline {
  color: #26416c !important;
  font-weight: 700 !important;
}
#input_1_22 .gchoice:has(.gfield-choice-input[type="checkbox"]:checked) .gform-field-label--type-inline:before {
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 2.5px #2563eb inset !important;
}

/* Hover effect */
#input_1_22 .gchoice:hover,
#input_1_22 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}















/* For Receomendation for installer*/

/* =========================
   Radio as Checkbox Style
   For: #input_1_25
========================= */
#field_1_25 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}
#field_1_25 legend.gfield_label {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 8px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
}

/* Grid layout for the radio choices */
#input_1_25 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 700px) {
  #input_1_25 {
    grid-template-columns: 1fr !important;
  }
}

/* Button style for radio choices */
#input_1_25 .gchoice {
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 60px !important;
  background: #fff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 16px !important;
  overflow: hidden !important;
}

/* Hide native radio */
#input_1_25 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* Label as button text */
#input_1_25 .gform-field-label--type-inline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: 1.14rem !important;
  font-weight: 600 !important;
  color: #26416c !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 38px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color 0.18s !important;
  user-select: none !important;
}

/* Custom radio icon (before label) */
#input_1_25 .gform-field-label--type-inline:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2.5px solid #192452 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  transition: border 0.18s, background 0.18s !important;
  z-index: 2 !important;
}

/* Custom dot inside radio when checked */
#input_1_25 .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline:after {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  box-shadow: 0 0 1px #2563eb;
}

/* Blue button when checked */
#input_1_25 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_25 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}
#input_1_25 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:before {
  background: radial-gradient(circle at center, #fff 60%, #2563eb 61%) !important;
  border-color: #fff !important;
}

/* Hover/active effect */
#input_1_25 .gchoice:hover,
#input_1_25 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.18) !important;
}












/*Service provider list */
/* === Card Style with Avatar Left, Title Right === */
#input_1_28 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
@media (max-width: 800px) {
  #input_1_28 { grid-template-columns: 1fr !important; }
}
#input_1_28 .gchoice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 80px !important;
  background: #fff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  transition: background 0.18s, border 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 1px 8px 0 rgba(37,99,235,0.06) !important;
  cursor: pointer !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hide the radio */
#input_1_28 .gfield-choice-input[type="radio"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  cursor: pointer !important;
  width: 24px !important;
  height: 24px !important;
}

/* Label is a flexbox row: image left, text right */
#input_1_28 .gform-field-label--type-inline {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.18s !important;
  user-select: none !important;
  position: relative !important;
  font-size: 1.14rem !important;
  font-weight: 800 !important;
  color: #1a2450 !important;
  min-height: 64px !important;
  padding-left: 0 !important;
}

/* The avatar image on the left side, with some spacing */
#label_1_28_0::before,
#label_1_28_1::before,
#label_1_28_2::before,
#label_1_28_3::before {
  content: "";
  display: inline-block !important;
  margin-right: 18px !important;
  width: 40px; height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px 0 rgba(37,99,235,0.12);
  position: static !important;
}

/* Each avatar's image (swap URLs as needed) */
#label_1_28_0::before {
  background-image: url('https://placehold.co/40x40/2563eb/fff?text=RW');
}
#label_1_28_1::before {
  background-image: url('https://placehold.co/40x40/52c2d7/fff?text=AC');
}
#label_1_28_2::before {
  background-image: url('https://placehold.co/40x40/ff8c43/fff?text=DH');
}
#label_1_28_3::before {
  background-image: url('https://placehold.co/40x40/88b043/fff?text=ID');
}

/* --- SELECTED (checked) CARD STYLE! --- */
#input_1_28 .gchoice:has(.gfield-choice-input[type="radio"]:checked) {
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 10px 0 rgba(37,99,235,0.14) !important;
}
#input_1_28 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline {
  color: #fff !important;
}
#input_1_28 .gchoice:has(.gfield-choice-input[type="radio"]:checked) .gform-field-label--type-inline:after {
  content: "✓";
  position: absolute;
  top: 13px;
  right: 16px;
  color: #fff;
  background: #2563eb;
  font-size: 1.25rem;
  font-weight: 900;
  border-radius: 50%;
  box-shadow: 0 1px 5px #bcd7ee44;
  padding: 2px 8px;
  z-index: 2;
}

/* --- Card hover/active --- */
#input_1_28 .gchoice:hover,
#input_1_28 .gchoice:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 3px 24px 0 rgba(37,99,235,0.13) !important;
}

/* Responsive tweaks for mobile */
@media (max-width: 500px) {
  #input_1_28 { grid-template-columns: 1fr !important; }
  #input_1_28 .gform-field-label--type-inline {
    font-size: 1.01rem !important;
  }
}
















/* Email Step */ 

/* ==== Checkbox Card Style for Email Input Field, Floating Label on Top Border ==== */
#field_1_30 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 38px 28px 18px 28px !important; /* Extra top padding for label */
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
  width: 100% !important;
  min-width: 240px !important;
  max-width: 100% !important;
}

/* Floating label on top border */
#field_1_30 .gfield_label {
  display: inline-block !important;
  position: absolute !important;
  top: -0.85em !important;
  left: 32px !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  line-height: 1.13 !important;
  z-index: 2 !important;
  margin: 0 !important;
}

/* The input itself: large, soft, matches card style */
#input_1_30 {
  width: 100% !important;
  background: #fff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 9px !important;
  font-size: 1.17rem !important;
  color: #26416c !important;
  padding: 15px 20px !important;
  margin: 0 !important;
  box-shadow: 0 1px 6px 0 rgba(37,99,235,0.06) !important;
  outline: none !important;
  font-weight: 600 !important;
  transition: border 0.19s, box-shadow 0.19s !important;
}

/* On focus, highlight input and card border blue */
#input_1_30:focus {
  border-color: #2563eb !important;
  box-shadow: 0 3px 14px 0 rgba(37,99,235,0.15) !important;
}
#field_1_30:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 3px 18px 0 rgba(37,99,235,0.09) !important;
}

/* Responsive for mobile */
@media (max-width: 900px) {
  #field_1_30 { width: 100% !important; min-width: 0 !important; }
  #field_1_30 .gfield_label { font-size: 1.09rem !important; left: 14px !important; padding: 0 8px !important; }
  #input_1_30 { font-size: 1.05rem !important; }
}

















/* Full Name */


/* ===== Check Box/Card Style for Full Name Field (#field_1_34) ===== */
#field_1_34 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 38px 28px 18px 28px !important; /* Extra top padding for label */
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
  width: 100% !important;
  min-width: 240px !important;
  max-width: 100% !important;
}

/* Floating label at the top border */
#field_1_34 .gfield_label {
  display: inline-block !important;
  position: absolute !important;
  top: -0.85em !important;
  left: 32px !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  line-height: 1.13 !important;
  z-index: 2 !important;
  margin: 0 !important;
}

/* The input itself */
#input_1_34 {
  width: 100% !important;
  background: #fff !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 9px !important;
  font-size: 1.17rem !important;
  color: #26416c !important;
  padding: 15px 20px !important;
  margin: 0 !important;
  box-shadow: 0 1px 6px 0 rgba(37,99,235,0.06) !important;
  outline: none !important;
  font-weight: 600 !important;
  transition: border 0.19s, box-shadow 0.19s !important;
}

/* On focus, highlight input and card border blue */
#input_1_34:focus {
  border-color: #2563eb !important;
  box-shadow: 0 3px 14px 0 rgba(37,99,235,0.15) !important;
}
#field_1_34:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 3px 18px 0 rgba(37,99,235,0.09) !important;
}

/* Responsive for mobile */
@media (max-width: 900px) {
  #field_1_34 { width: 100% !important; min-width: 0 !important; }
  #field_1_34 .gfield_label { font-size: 1.09rem !important; left: 14px !important; padding: 0 8px !important; }
  #input_1_34 { font-size: 1.05rem !important; }
}














/* Location Steps */

/* ===== Minimal Card Style for Location & Zip Code With Padding ===== */

/* Card wrap for both fields */
#field_1_36,
#field_1_37 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 14px !important;
  position: relative !important;
  margin-bottom: 32px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  /* Add padding for space inside the card */
  padding: 34px 22px 22px 22px !important;
  /* 34px top = space for label "hover" */
}

/* Big label floating on the border */
#field_1_36 .gfield_label,
#field_1_37 .gfield_label {
  display: inline-block !important;
  position: absolute !important;
  top: -0.85em !important;
  left: 24px !important;
  background: #f8fbff !important;
  padding: 0 16px !important;
  border-radius: 7px !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  color: #1e3357 !important;
  z-index: 2 !important;
  margin: 0 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.5px !important;
}

/* Nothing changed for actual <select> or <input> inside */










/* Button Code  */

/* ---- Gravity Forms Button Bar Layout ---- */
.gform_page_footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 48px 0 0 0 !important;
  padding: 0 0 12px 0 !important;
  gap: 0 !important;
}

/* ---- Make Both Buttons BIG ---- */
.gform_page_footer .button,
.gform_page_footer .gform_button,
.gform_page_footer .gform_previous_button {
  font-size: 1.19rem !important;
  font-weight: 900 !important;
  padding: 18px 36px !important;
  border-radius: 14px !important;
  border: none !important;
  outline: none !important;
  min-width: 180px !important;
  box-shadow: 0 2px 12px 0 rgba(37,99,235,0.06) !important;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
}

/* ---- Previous Button: Soft Gray ---- */
.gform_page_footer .gform_previous_button {
  background: #e9f0fb !important;
  color: #2d4377 !important;
  border: 2px solid #b7c9e7 !important;
}

.gform_page_footer .gform_previous_button:hover,
.gform_page_footer .gform_previous_button:focus {
  background: #c7d7ee !important;
  color: #192452 !important;
  border-color: #2563eb !important;
}

/* ---- Submit/Next Button: Blue ---- */
.gform_page_footer .gform_button:not(.gform_previous_button),
.gform_page_footer .button:not(.gform_previous_button) {
  background: #2563eb !important;
  color: #fff !important;
  border: 2px solid #2563eb !important;
}

.gform_page_footer .gform_button:not(.gform_previous_button):hover,
.gform_page_footer .button:not(.gform_previous_button):hover,
.gform_page_footer .gform_button:not(.gform_previous_button):focus,
.gform_page_footer .button:not(.gform_previous_button):focus {
  background: #1a2450 !important;
  color: #fff !important;
  border-color: #1a2450 !important;
}

/* ---- Add Icons via Font Awesome ---- */
.gform_page_footer .gform_previous_button::before {
  content: "\f053";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 12px;
  font-size: 1.18em;
  display: inline-block;
  vertical-align: middle;
}

.gform_page_footer .gform_button:not(.gform_previous_button)::after,
.gform_page_footer .button:not(.gform_previous_button)::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 12px;
  font-size: 1.18em;
  display: inline-block;
  vertical-align: middle;
}

/* Hide icons on disabled/invisible */
.gform_page_footer .gform_button[style*="display: none"],
.gform_page_footer .gform_previous_button[style*="display: none"] {
  display: none !important;
}













/* Container styling like checkbox style */
#field_1_59 {
  background: #f8fbff !important;
  border: 2.5px solid #e4ebf8 !important;
  border-radius: 16px !important;
  padding: 28px 28px 18px 28px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 2px 14px 0 rgba(80,140,220,0.05) !important;
  position: relative !important;
}

/* Label style like checkbox title */
#field_1_59 > label.gfield_label {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #26416c !important;
  background: #f8fbff !important;
  padding: 0 20px !important;
  margin-left: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  position: relative;
  z-index: 1;
}

/* Input container padding */
#field_1_59 .ginput_container_phone {
  padding: 0 12px 12px 12px !important;
}

/* Input field full width with padding */
#field_1_59 input[type="text"] {
  width: 100% !important;
  font-size: 1.1rem !important;
  padding: 10px 12px !important;
  border: 1.5px solid #a2b8da !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s ease-in-out;
}

/* Input focus style */
#field_1_59 input[type="text"]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 6px 0 rgba(37, 99, 235, 0.4) !important;
}














/* Input field with left flag background */
#input_1_59 {
  padding-left: 50px !important; /* space for flag */
  background-image: url('https://flagcdn.com/w40/be.png') !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 28px 18px !important;
  box-sizing: border-box !important;
  height: 40px !important;
  font-size: 16px !important;
  line-height: 40px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  vertical-align: middle;
  color: #000 !important; /* black text */
}

/* Placeholder styling - gray color and aligned */
#input_1_59::placeholder {
  color: #999 !important; /* gray */
  opacity: 1; /* ensures color shows properly */
  padding-left: 0 !important; /* no extra padding for placeholder */
  line-height: 40px !important; /* vertically center placeholder */
}

/* Input focus style */
#input_1_59:focus {
  outline: none !important;
  border-color: #4A90E2 !important;
  box-shadow: 0 0 5px rgba(74,144,226,0.5);
}

/* Prevent typed text from overlapping the flag */
#input_1_59 {
  text-indent: 0 !important; /* reset if needed */
  padding-left: 50px !important; /* enough space for the flag */
}



#field_1_59 input[type="text"] {
    width: 100% !important;
    font-size: 1.1rem !important;
    padding: 25px 50px !important;
    border: 1.5px solid #a2b8da !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s ease-in-out;
}/* End custom CSS */