.elementor-4111 .elementor-element.elementor-element-f637ded{margin-top:50px;margin-bottom:0px;}.elementor-4111 .elementor-element.elementor-element-8090892 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4111 .elementor-element.elementor-element-f125d54 > .elementor-widget-container{margin:30px 0px 20px 0px;}.elementor-4111 .elementor-element.elementor-element-f125d54{text-align:start;}.elementor-4111 .elementor-element.elementor-element-f125d54 .elementor-heading-title{font-family:"Cabin", Sans-serif;font-size:60px;font-weight:600;}.elementor-4111 .elementor-element.elementor-element-37b6fab > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-4111 .elementor-element.elementor-element-37b6fab{text-align:start;}.elementor-4111 .elementor-element.elementor-element-37b6fab .elementor-heading-title{font-family:"Cabin", Sans-serif;font-size:30px;font-weight:600;}.elementor-4111 .elementor-element.elementor-element-1b4c6c0 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4111 .elementor-element.elementor-element-8090892 > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}}@media(max-width:767px){.elementor-4111 .elementor-element.elementor-element-8090892 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-1b4c6c0 *//* ========== FORM BASE STYLES ========== */

/* Label styling (question text) */
.survey .gform_body label,
.survey .gfield_label {
  display: inline-block !important;
  margin-bottom: .5em;
  text-align: left;
  color: #333;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 15px; /* increased from 13px */
  font-weight: 500;
  line-height: 1.9;
}

/* Remove default list bullets in ul elements */
.survey .gform_body ul {
  list-style: none;
  padding-left: 0;
}

/* Hide Gravity Form progress bar */
.survey .gf_progressbar_wrapper {
  display: none !important;
}

/* ========== FORM INPUT FIELDS ========== */

/* Text, Email, Textarea, Select field styling */
.survey input[type=text],
.survey input[type=email],
.survey textarea,
.survey select {
  border: 1px solid rgba(0, 0, 0, .1);
  color: #333;
  font-family: "Raleway", Arial, sans-serif;
  outline: none;
  border-radius: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  font-size: 15px; /* increased from default */
}

/* Focus state styling for inputs */
.survey input[type=text]:focus,
.survey input[type=email]:focus,
.survey textarea:focus {
  border-width: 1px 1px 1px 5px;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) #dd2323;
  border-style: solid;
}

/* ========== HTML BLOCK STYLING ========== */

/* General HTML blocks used in Gravity Forms (e.g., paragraph text) */
.survey .gfield_html {
  color: #333 !important;
  font-family: "Raleway", Arial, sans-serif !important;
  font-size: 16px !important; /* updated from 14px */
  line-height: 1.6 !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
  padding-bottom: 10px;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ========== FIELD DESCRIPTIONS ========== */

/* Description text under questions (e.g., 1 = Not Responsive...) */
.survey .gfield_description {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #666;
  margin-top: 5px;
  margin-bottom: 15px;
  font-weight: normal;
  line-height: 1.5;
}

/* ========== CLEAN UP FIELD BACKGROUNDS ========== */

/* Remove default white boxes around fields */
.survey .gfield {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 20px;
}

/* ========== RADIO BUTTONS ========== */

/* Set selected radio button accent color to red */
.survey input[type="radio"]:checked {
  accent-color: #dd2323;
}

/* Make radio and checkbox label text slightly larger */
.survey .gfield_radio label,
.survey .gfield_checkbox label {
  font-size: 15px;
}

/* ========== REQUIRED FIELD STYLING ========== */

/* Hide Gravity Form default "Required" text */
.survey .gfield_required_text {
  display: none !important;
}

/* Add red asterisk instead of "(Required)" */
.survey .gfield_label > .gfield_required::after {
  content: " *";
  color: #dd2323;
  font-weight: bold;
  font-size: 22px;
}

/* Hide the default (Required) text */
.survey .gfield_required_text {
  display: none !important;
}


/* ========== FIELD-SPECIFIC ADJUSTMENTS ========== */

/* Limit width of "How many years?" field */
#input_9_8 {
  max-width: 300px;
  width: 100%;
}

/* Add spacing below legends (radio/checkbox questions) */
.survey .gfield legend.gfield_label {
  margin-bottom: 10px;
  display: block;
}

/* ========== NAME + EMAIL TWO-COLUMN LAYOUT ========== */

/* Name and Email side-by-side layout */
.survey #field_9_22,  /* Name */
.survey #field_9_23 { /* Email */
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}

/* Submit Button space ontop*/
.survey .gform_footer {
  margin-top: 35px; 
}


/* Remove right margin from last column */
.survey #field_9_23 {
  margin-right: 0;
}

/* ========== FIELD WIDTH FOR TEXT QUESTIONS ========== */

/* Reduce width of two open-ended text fields */
#input_9_19,
#input_9_20 {
  max-width: 600px;
  width: 100%;
  padding: 10px;
  font-size: 15px;
  margin-bottom: 20px;
}

/* Display 1–5 scale radio buttons in a row */
#field_9_10 .gfield_radio,
#field_9_15 .gfield_radio,
#field_9_14 .gfield_radio {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

#field_9_10 .gfield_radio .gchoice,
#field_9_15 .gfield_radio .gchoice,
#field_9_14 .gfield_radio .gchoice {
  display: flex;
  align-items: center;
}

/* Fix number placement next to radio buttons in 1–5 scale fields */
/* Style 1–5 radio labels with Arial and clean spacing */
#field_9_10 .gfield_radio .gchoice label,
#field_9_15 .gfield_radio .gchoice label,
#field_9_14 .gfield_radio .gchoice label {
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding-top: 8px;
  padding-left: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
  position: relative;
  top: 1px; /* aligns better with radio */
}

/* Make sure the field containers align at the top */
#field_9_22, #field_9_23 {
    display: inline-block;
    vertical-align: top;
}


/* Standardize the input sizes */
#input_9_22,
#input_9_23 {
    padding: 10px;
}


/* ========== RESPONSIVE FIXES ========== */

/* Stack name + email vertically on mobile */
@media only screen and (max-width: 768px) {
  .survey #field_9_22,
  .survey #field_9_23 {
    width: 100%;
    margin-right: 0;
  }
}/* End custom CSS */