.elementor-5903 .elementor-element.elementor-element-c1a7c3d{--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;}.elementor-5903 .elementor-element.elementor-element-e4392be{--spacer-size:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5903 .elementor-element.elementor-element-7396f66e{--display:flex;}.elementor-5903 .elementor-element.elementor-element-d5342e9{--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;}.elementor-5903 .elementor-element.elementor-element-e0ea83c{--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;}.elementor-5903 .elementor-element.elementor-element-215de0a{--spacer-size:195px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ==============================================================
   SOLARTECH  —  GRAVITY FORMS MASTER CSS  (Form 6)
   ============================================================== */

/* ---------- BRAND COLORS ---------- */
:root{
  --st-blue:   #0057a8;
  --st-orange: #F26A1B;
  --st-white:  #ffffff;
}

/* ==============================================================
   1.  GLOBAL  –  SECTION HEADERS
   ============================================================== */
.gform_wrapper .gf-section-large .gsection_title{
  font-size:2.6rem;font-weight:700;color:var(--st-white);
  text-align:center;margin:0 0 8px;
}
.gform_wrapper .gf-section-large .gsection_description{
  font-size:1.1rem;color:var(--st-white);
  text-align:center;margin-bottom:24px;
}

/* ==============================================================
   2.  GLOBAL  –  RADIO → OVAL BUTTONS
   ============================================================== */
.gform_wrapper .gf-oval-options{ margin:48px 0; }

.gform_wrapper .gf-oval-options ul.gfield_radio{
  display:flex;justify-content:center;gap:56px;padding:0;list-style:none;
}
.gform_wrapper .gf-oval-options input[type="radio"]{display:none;}

.gform_wrapper .gf-oval-options .gchoice label{
  display:inline-block;background:var(--st-white);color:var(--st-blue);
  border:2px solid var(--st-blue);padding:16px 36px;border-radius:999px;
  font-size:1.3rem;font-weight:600;cursor:pointer;text-align:center;
  min-width:120px;transition:transform .25s,box-shadow .25s,
                  background .25s,color .25s,border-color .25s;
}
.gform_wrapper .gf-oval-options input[type="radio"]:checked + label{
  background:var(--st-blue);color:var(--st-white);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.gform_wrapper .gf-oval-options .gchoice label:hover,
.gform_wrapper .gf-oval-options .gchoice label:focus-visible{
  transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.gform_wrapper .gf-oval-options .gchoice label:focus-visible{
  outline:3px solid var(--st-blue);outline-offset:2px;
}
@media(max-width:480px){
  .gform_wrapper .gf-oval-options ul.gfield_radio{
    flex-direction:column;gap:32px;
  }
}

/* ==============================================================
   3.  FORM-6  ORANGE THEME & FIELD-LEVEL TWEAKS
   ============================================================== */

/* Progress bar */
#gform_wrapper_6 .gf_progressbar_percentage{
  background:var(--st-orange)!important;
}

/* Orange pills (all gf-oval-options in form 6) */
#gform_wrapper_6 .gf-oval-options .gchoice label{
  background:var(--st-white)!important;color:var(--st-orange)!important;
  border:2px solid var(--st-orange)!important;
}
#gform_wrapper_6 .gf-oval-options input[type="radio"]:checked + label{
  background:var(--st-orange)!important;color:var(--st-white)!important;
}
#gform_wrapper_6 .gf-oval-options .gchoice label:focus-visible{ outline-color:var(--st-orange); }

/* Field 42 pills */
#gform_wrapper_6 #field_6_42 .gchoice label{
  background:var(--st-white)!important;color:var(--st-orange)!important;
  border:2px solid var(--st-orange)!important;
}
#gform_wrapper_6 #field_6_42 input[type="radio"]:checked + label{
  background:var(--st-orange)!important;color:var(--st-white)!important;
}
#gform_wrapper_6 #field_6_42 .gchoice label:focus-visible{
  outline:3px solid var(--st-orange);outline-offset:2px;
}

/* Base dropdown look */
#gform_wrapper_6 .gfield select{
  width:100%;min-height:55px;padding:10px 38px 10px 12px;
  border:2px solid var(--st-orange);border-radius:6px;
  font-family:"Roboto",Arial,sans-serif;line-height:1.4;color:#000;
  background:var(--st-white) no-repeat right 12px center/16px 16px;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  transition:border .2s;
}
#gform_wrapper_6 .gfield select:focus{
  border-color:var(--st-orange);outline:none;
}

/* Nav buttons */
#gform_wrapper_6 .gform_page_footer{ display:flex;gap:32px; }
#gform_wrapper_6 .gform_page_footer .gform_button,
#gform_wrapper_6 .gform_page_footer input[type="button"]{
  border-radius:999px!important;padding:12px 38px!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  transition:transform .25s,box-shadow .25s,filter .25s;
}
#gform_wrapper_6 .gform_next_button{
  background:var(--st-orange)!important;color:var(--st-white)!important;
  border:2px solid var(--st-orange)!important;
}
#gform_wrapper_6 .gform_previous_button{
  background:var(--st-white)!important;color:var(--st-orange)!important;
  border:2px solid var(--st-orange)!important;
}
#gform_wrapper_6 .gform_page_footer .gform_button:hover,
#gform_wrapper_6 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_6 .gform_page_footer input[type="button"]:hover,
#gform_wrapper_6 .gform_page_footer input[type="button"]:focus-visible{
  transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.18);
}
#gform_wrapper_6 .gform_next_button:hover,
#gform_wrapper_6 .gform_next_button:focus-visible{ filter:brightness(0.9); }
#gform_wrapper_6 .gform_previous_button:hover,
#gform_wrapper_6 .gform_previous_button:focus-visible{
  background:rgba(242,106,27,0.08);
}
#gform_wrapper_6 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_6 .gform_page_footer input[type="button"]:focus-visible{
  outline:3px solid var(--st-orange);outline-offset:2px;
}

/* ==============================================================
   4.  ORANGE CHEVRON  (Fields 36,38,53,65,68,69)
   ============================================================== */
#gform_wrapper_6 #field_6_36,
#gform_wrapper_6 #field_6_38,
#gform_wrapper_6 #field_6_53,
#gform_wrapper_6 #field_6_65,
#gform_wrapper_6 #field_6_68,
#gform_wrapper_6 #field_6_69{ position:relative; }

#gform_wrapper_6 #input_6_36,
#gform_wrapper_6 #input_6_38,
#gform_wrapper_6 #input_6_53,
#gform_wrapper_6 #input_6_65,
#gform_wrapper_6 #input_6_68,
#gform_wrapper_6 #input_6_69,
#gform_wrapper_6 #field_6_36 select,
#gform_wrapper_6 #field_6_38 select,
#gform_wrapper_6 #field_6_53 select,
#gform_wrapper_6 #field_6_65 select,
#gform_wrapper_6 #field_6_68 select,
#gform_wrapper_6 #field_6_69 select{
  padding:10px 60px 10px 16px!important;background-image:none!important;
}
#gform_wrapper_6 #field_6_36::after,
#gform_wrapper_6 #field_6_38::after,
#gform_wrapper_6 #field_6_53::after,
#gform_wrapper_6 #field_6_65::after,
#gform_wrapper_6 #field_6_68::after,
#gform_wrapper_6 #field_6_69::after{
  content:"";position:absolute;right:20px;top:50%;
  border-left:6px solid transparent;border-right:6px solid transparent;
  border-top:6px solid var(--st-orange);
  width:0;height:0;transform:translateY(-50%);pointer-events:none;
}

/* ==============================================================
   5.  Remove chevron from 33 & 63
   ============================================================== */
#gform_wrapper_6 #field_6_33::after,
#gform_wrapper_6 #field_6_63::after{ content:none; }
#gform_wrapper_6 #input_6_33,
#gform_wrapper_6 #input_6_63,
#gform_wrapper_6 #field_6_33 select,
#gform_wrapper_6 #field_6_63 select{
  padding-right:38px!important;
}

/* ==============================================================
   6.  FINAL OVERRIDE  —  Lower dropdown text ~7 px
   ============================================================== */
#gform_wrapper_6 .gfield select{
  height:62px!important;        /* raise box height (was 55)   */
  padding-top:18px!important;   /* move text down              */
  padding-bottom:6px!important; /* keep overall visual balance */
}
/* ==============================================================
   SLIMMER DROPDOWNS  —  Form 6 only
   ============================================================== */
#gform_wrapper_6 .gfield select{
  height:55px !important;      /* leaner box (was 62) */
  padding-top:14px !important; /* keep text slightly lower */
  padding-bottom:8px !important;
}
/* ==============================================================
   FORCE-SLIM DROPDOWNS  ▸  Form 6 only
   ============================================================== */
#gform_wrapper_6 .gfield select{
  /* kill earlier height + min-height */
  height:auto!important;
  min-height:0!important;

  /* fresh, slim sizing */
  padding:10px 60px 10px 16px!important;  /* 60px right for chevron */
  line-height:1.4;
  box-sizing:border-box;

  /* optional: if you want a *fixed* height instead of auto: */
  /* height:48px!important; */
}
/* ==============================================================
   SOLARTECH  •  PILL LIST STYLE  (Radio / Checkbox)   v1.0
   Apply to fields that have the class  gf-pill-list
   Add “st-orange” or “st-blue” to switch color theme
   ============================================================== */

/* ─── Layout the ul horizontally then wrap ──────────────────── */
#gform_wrapper_6 .gf-pill-list ul.gfield_radio,
#gform_wrapper_6 .gf-pill-list ul.gfield_checkbox{
  display:flex;
  flex-wrap:wrap;
  gap:18px 16px;              /* row-gap 18, column-gap 16 */
  padding:0; margin:36px 0;   /* nice breathing room        */
  list-style:none;
}

/* Hide native inputs */
#gform_wrapper_6 .gf-pill-list input[type="radio"],
#gform_wrapper_6 .gf-pill-list input[type="checkbox"]{
  display:none;
}

/* Pill appearance */
#gform_wrapper_6 .gf-pill-list .gchoice label{
  display:inline-block;
  min-width:120px;
  padding:14px 26px;
  border-radius:999px;
  font-size:1.05rem;
  font-weight:600;
  text-align:center;
  cursor:pointer;
  transition:transform .25s, box-shadow .25s,
             background .25s, color .25s, border-color .25s;
}

/* Default outline (orange or blue theme) */
#gform_wrapper_6 .gf-pill-list.st-orange .gchoice label{
  background:var(--st-white);
  color:var(--st-orange);
  border:2px solid var(--st-orange);
}
#gform_wrapper_6 .gf-pill-list.st-blue  .gchoice label{
  background:var(--st-white);
  color:var(--st-blue);
  border:2px solid var(--st-blue);
}

/* Hover lift */
#gform_wrapper_6 .gf-pill-list .gchoice label:hover,
#gform_wrapper_6 .gf-pill-list .gchoice label:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* Selected (checked) state */
#gform_wrapper_6 .gf-pill-list.st-orange input:checked + label{
  background:var(--st-orange);
  color:var(--st-white);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
#gform_wrapper_6 .gf-pill-list.st-blue  input:checked + label{
  background:var(--st-blue);
  color:var(--st-white);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* Keyboard focus ring */
#gform_wrapper_6 .gf-pill-list .gchoice label:focus-visible{
  outline:3px solid currentColor;  /* orange or blue */
  outline-offset:2px;
}

/* Responsive: stack single-column under 480 px */
@media(max-width:480px){
  #gform_wrapper_6 .gf-pill-list ul.gfield_radio,
  #gform_wrapper_6 .gf-pill-list ul.gfield_checkbox{
    flex-direction:column;
    gap:14px;
  }
}
/* ==============================================================
   BLUE INPUTS + BLUE DROPDOWN HIGHLIGHT  ▸  Form 6
   ============================================================== */

/* 1 ▸ Text-type fields: borders + focus ring in st-blue */
#gform_wrapper_6 input[type="text"],
#gform_wrapper_6 input[type="email"],
#gform_wrapper_6 input[type="tel"],
#gform_wrapper_6 input[type="number"],
#gform_wrapper_6 input[type="url"],
#gform_wrapper_6 input[type="password"],
#gform_wrapper_6 textarea{
  border:2px solid var(--st-blue)!important;
}
#gform_wrapper_6 input[type="text"]:focus,
#gform_wrapper_6 input[type="email"]:focus,
#gform_wrapper_6 input[type="tel"]:focus,
#gform_wrapper_6 input[type="number"]:focus,
#gform_wrapper_6 input[type="url"]:focus,
#gform_wrapper_6 input[type="password"]:focus,
#gform_wrapper_6 textarea:focus{
  border-color:var(--st-blue)!important;
  outline:none;
  box-shadow:0 0 0 2px rgba(0,87,168,.18);
}

/* 2 ▸ All selects: blue border + blue focus */
#gform_wrapper_6 .gfield select{
  border:2px solid var(--st-blue)!important;
}
#gform_wrapper_6 .gfield select:focus{
  border-color:var(--st-blue)!important;
  outline:none;
  box-shadow:0 0 0 2px rgba(0,87,168,.18);
}

/* 3 ▸ Change the custom chevron (dropdown arrow) to st-blue 
       on the fields that use the ::after arrow */
#gform_wrapper_6 #field_6_36::after,
#gform_wrapper_6 #field_6_38::after,
#gform_wrapper_6 #field_6_53::after,
#gform_wrapper_6 #field_6_65::after,
#gform_wrapper_6 #field_6_68::after,
#gform_wrapper_6 #field_6_69::after{
  border-top:6px solid var(--st-blue);
}

/* 4 ▸ Optional – if you’d like the native arrow (fields 33 & 63) tinted blue */
#gform_wrapper_6 #input_6_33,
#gform_wrapper_6 #input_6_63,
#gform_wrapper_6 #field_6_33 select,
#gform_wrapper_6 #field_6_63 select{
  background-image:var(--gf-arrow-blue, 
    url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDA1N2E4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcgOWw1IDUgNS01Ii8+PC9zdmc+"))!important;
}
/* ==============================================================
   FIX  —  stop blue arrow repeating on fields 33 & 63
   ============================================================== */
#gform_wrapper_6 #input_6_33,
#gform_wrapper_6 #input_6_63,
#gform_wrapper_6 #field_6_33 select,
#gform_wrapper_6 #field_6_63 select{
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;   /* keep single arrow */
}
/* ==============================================================
   DE-ARROW PATCH  ▸  Show chevron only on actual <select>s
   ============================================================== */

/* 1 ▸ Strip any background-image from *inputs* in Form 6          */
#gform_wrapper_6 input[type="text"],
#gform_wrapper_6 input[type="email"],
#gform_wrapper_6 input[type="tel"],
#gform_wrapper_6 input[type="number"],
#gform_wrapper_6 input[type="url"],
#gform_wrapper_6 input[type="password"]{
  background-image:none !important;
}

/* 2 ▸ Leave arrows ONLY on these selects (blue theme)             */
#gform_wrapper_6 #field_6_36 select,
#gform_wrapper_6 #field_6_38 select,
#gform_wrapper_6 #field_6_53 select,
#gform_wrapper_6 #field_6_65 select,
#gform_wrapper_6 #field_6_68 select,
#gform_wrapper_6 #field_6_69 select{
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:16px 16px !important;
}

/* 3 ▸ Fields 33 & 63 were text boxes—be sure they stay clean       */
#gform_wrapper_6 #input_6_33,
#gform_wrapper_6 #input_6_63{
  background-image:none !important;
}
/* ==============================================================
   SOFT-CORNER PATCH  ▸  Form 6  (blue inputs + selects)
   ============================================================== */
#gform_wrapper_6 input[type="text"],
#gform_wrapper_6 input[type="email"],
#gform_wrapper_6 input[type="tel"],
#gform_wrapper_6 input[type="number"],
#gform_wrapper_6 input[type="url"],
#gform_wrapper_6 input[type="password"],
#gform_wrapper_6 textarea,
#gform_wrapper_6 .gfield select{
  border-radius:6px !important;   /* same rounding as orange dropdowns */
}
/* ==============================================================
   FIELD-TITLE BOOST  ▸  Form 6   (bigger, bold, black)
   ============================================================== */
#gform_wrapper_6 .gfield_label{
  font-size: 1.25rem;   /* ≈ 20 px */
  font-weight: 700;
  color: #000000;       /* remain black */
  line-height: 1.35;
  margin-bottom: 6px;
}
/* ==============================================================
   PROGRESS BAR  ▸  Form 6  (fill = st-blue)
   ============================================================== */
#gform_wrapper_6 .gf_progressbar_percentage{
  background: var(--st-blue) !important;
}
/* ==============================================================
   EXTRA LABEL-TO-INPUT SPACING  ▸  Form 6
   ============================================================== */
#gform_wrapper_6 .gfield_label{
  margin-bottom: 14px !important;   /* was 6px */
}
/* ==============================================================
   CHEVRON ALIGNMENT PATCH  ▸  Form 6  (blue dropdowns only)
   ============================================================== */

#gform_wrapper_6 #field_6_36::after,
#gform_wrapper_6 #field_6_38::after,
#gform_wrapper_6 #field_6_53::after,
#gform_wrapper_6 #field_6_65::after,
#gform_wrapper_6 #field_6_68::after,
#gform_wrapper_6 #field_6_69::after{
  right: 14px !important;       /* inside the blue border */
  top: 50% !important;
  transform: translateY(-50%) !important;  /* true vertical centre */
}

/* Native-arrow selects (fields 33 & 63) — match same inset */
#gform_wrapper_6 #input_6_33,
#gform_wrapper_6 #input_6_63,
#gform_wrapper_6 #field_6_33 select,
#gform_wrapper_6 #field_6_63 select{
  background-position: right 14px center !important;
}
/* ==============================================================
   CHEVRON 2-POINT-OH  ▸  perfectly centred in the blue dropdown
   ============================================================== */

/* 1 ▸ ensure every container is the anchor for :after */
#gform_wrapper_6 #field_6_36 .ginput_container,
#gform_wrapper_6 #field_6_38 .ginput_container,
#gform_wrapper_6 #field_6_53 .ginput_container,
#gform_wrapper_6 #field_6_65 .ginput_container,
#gform_wrapper_6 #field_6_68 .ginput_container,
#gform_wrapper_6 #field_6_69 .ginput_container{
  position:relative;                 /* new anchor */
  overflow:visible !important;       /* prevent clipping */
}

/* 2 ▸ remove the former arrow to avoid duplicates */
#gform_wrapper_6 #field_6_36::after,
#gform_wrapper_6 #field_6_38::after,
#gform_wrapper_6 #field_6_53::after,
#gform_wrapper_6 #field_6_65::after,
#gform_wrapper_6 #field_6_68::after,
#gform_wrapper_6 #field_6_69::after{ content:none; }

/* 3 ▸ draw a single blue chevron centred on the select height */
#gform_wrapper_6 #field_6_36 .ginput_container::after,
#gform_wrapper_6 #field_6_38 .ginput_container::after,
#gform_wrapper_6 #field_6_53 .ginput_container::after,
#gform_wrapper_6 #field_6_65 .ginput_container::after,
#gform_wrapper_6 #field_6_68 .ginput_container::after,
#gform_wrapper_6 #field_6_69 .ginput_container::after{
  content:"";
  position:absolute;
  right:16px;                     /* inside the blue border */
  top:50%;
  transform:translateY(-50%);     /* perfect vertical centre */
  width:0;height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid var(--st-blue);
  pointer-events:none;
}/* End custom CSS */