.elementor-3818 .elementor-element.elementor-element-6be6f7a{--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-popup-modal-3818 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3818{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3818 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-3818 .dialog-close-button{display:flex;}/* Start custom CSS *//* ==============================================================
   SOLARTECH  —  GRAVITY FORMS MASTER STYLESHEET
   (Global rules first, then Form-15 orange overrides & tweaks)
   ============================================================== */

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

/* ==============================================================
   1.  GLOBAL  –  SECTION HEADERS (.gf-section-large)
   ============================================================== */
.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;
}

/* ==============================================================
/* =============================================================
   GLOBAL  –  RADIO → OVAL BUTTONS (.gf-oval-options)
   ========================================================== */

/* 48 px margin on TOP **and** BOTTOM */
.gform_wrapper .gf-oval-options{
  margin: 48px 0;                /* top   right/left   bottom */
}

/* layout of the Yes / No pills */
.gform_wrapper .gf-oval-options ul.gfield_radio{
  display:flex;
  justify-content:center;
  gap:56px;                      /* wider gap between Yes & No */
  padding:0;
  list-style:none;
}

.gform_wrapper .gf-oval-options input[type="radio"]{ display:none; }

/* pill appearance */
.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;
}

/* responsive – stack & wider vertical gap */
@media(max-width:480px){
  .gform_wrapper .gf-oval-options ul.gfield_radio{
    flex-direction:column;
    gap:32px;                          /* ⬅ taller gap when stacked */
  }
}

/* ==============================================================
   3.  FORM-15  ORANGE OVERRIDES
   ============================================================== */

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

/* ---- 3b. YES / NO pills ------------------------------------ */
#gform_wrapper_15 .gf-oval-options .gchoice label{
  background:var(--st-white) !important;
  color:var(--st-orange)     !important;
  border:2px solid var(--st-orange) !important;
}
#gform_wrapper_15 .gf-oval-options input[type="radio"]:checked + label{
  background:var(--st-orange) !important;
  color:var(--st-white)       !important;
}
#gform_wrapper_15 .gf-oval-options .gchoice label:focus-visible{
  outline-color:var(--st-orange);
}

/* ---- 3c. DROPDOWNS ----------------------------------------- */
#gform_wrapper_15 .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)
    url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRjI2QTFCIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcgOWw1IDUgNS01Ii8+PC9zdmc+")
    no-repeat right 12px center/16px 16px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  transition:border .2s;
}
#gform_wrapper_15 .gfield select:focus{
  border-color:var(--st-orange);
  outline:none;
}

/* ---- 3d. NAVIGATION BUTTONS -------------------------------- */
#gform_wrapper_15 .gform_page_footer{
  display:flex;
  gap:32px;                              /* ⬅ wider gap between Prev/Next */
}

/* common pill shape */
#gform_wrapper_15 .gform_page_footer .gform_button,
#gform_wrapper_15 .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 ease, box-shadow .25s ease, filter .25s ease;
}

/* NEXT = solid orange */
#gform_wrapper_15 .gform_page_footer .gform_next_button{
  background:var(--st-orange) !important;
  color:var(--st-white)       !important;
  border:2px solid var(--st-orange) !important;
}
/* PREVIOUS = outlined orange */
#gform_wrapper_15 .gform_page_footer .gform_previous_button{
  background:var(--st-white)  !important;
  color:var(--st-orange)      !important;
  border:2px solid var(--st-orange) !important;
}

/* hover / focus lift */
#gform_wrapper_15 .gform_page_footer .gform_button:hover,
#gform_wrapper_15 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_15 .gform_page_footer input[type="button"]:hover,
#gform_wrapper_15 .gform_page_footer input[type="button"]:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}
/* hover tint */
#gform_wrapper_15 .gform_page_footer .gform_next_button:hover,
#gform_wrapper_15 .gform_page_footer .gform_next_button:focus-visible{
  filter:brightness(0.9);
}
#gform_wrapper_15 .gform_page_footer .gform_previous_button:hover,
#gform_wrapper_15 .gform_page_footer .gform_previous_button:focus-visible{
  background:rgba(242,106,27,0.08);
}

/* focus ring on nav buttons */
#gform_wrapper_15 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_15 .gform_page_footer input[type="button"]:focus-visible{
  outline:3px solid var(--st-orange);
  outline-offset:2px;
}
/* =============================================================
   OVERRIDES  —  FORM ID 15
   ============================================================== */

/* ---------- A.  YES / NO PILLS → ST-BLUE -------------------- */
#gform_wrapper_15 .gf-oval-options .gchoice label{
  background: var(--st-white)  !important;   /* white fill */
  color:      var(--st-blue)   !important;   /* blue text */
  border: 2px solid var(--st-blue) !important;
}
#gform_wrapper_15 .gf-oval-options input[type="radio"]:checked + label{
  background: var(--st-blue)   !important;   /* filled blue when selected */
  color:      var(--st-white)  !important;
}
#gform_wrapper_15 .gf-oval-options .gchoice label:focus-visible{
  outline: 3px solid var(--st-blue);
  outline-offset: 2px;
}

/* ---------- B.  FIELD TYPOGRAPHY BOOST ---------------------- */
#gform_wrapper_15 .gfield_label{
  font-size: 1.25rem !important;   /* bigger labels */
  font-weight: 700   !important;
  color: #0a2540;                  /* deep brand blue for contrast */
}
#gform_wrapper_15 .gfield_description{
  font-size: 1.05rem !important;
  font-weight: 500   !important;
  color: #465f7c;
}

/* make input text a bit larger & clearer */
#gform_wrapper_15 input[type="text"],
#gform_wrapper_15 input[type="email"],
#gform_wrapper_15 input[type="tel"],
#gform_wrapper_15 input[type="number"],
#gform_wrapper_15 textarea,
#gform_wrapper_15 select{
  font-size: 1.1rem !important;
  line-height: 1.45 !important;
}

/* keep dropdown orange styling but enlarge font */
#gform_wrapper_15 select{
  padding: 12px 38px 12px 14px;     /* little taller */
}

/* ---------- C.  EXTRA SPACING ADJUSTMENT (optional) --------- */
/* If you still want more room above/below pills or buttons, tweak here */
#gform_wrapper_15 .gf-oval-options{ margin-bottom: 56px; }        /* space below pills */
#gform_wrapper_15 .gform_page_footer{ gap: 40px; }                /* wider gap Prev / Next */
/* =======================================================================
   FORM 15 • FIELD 18  —  CUSTOM ORANGE CHEVRON (NO MORE CLIPPING)
   ==================================================================== */

/* 1.  Field wrapper positioned so we can drop a pseudo-element arrow */
#gform_wrapper_15 #field_15_18 {
  position: relative;
}

/* 2.  Tidy up the <select> itself */
#gform_wrapper_15 #input_15_18,
#gform_wrapper_15 #field_15_18 select {
  width: 100%;
  padding: 12px 60px 12px 16px !important;    /* 60 px = arrow + big text buffer */
  border: 2px solid var(--st-orange) !important;
  border-radius: 6px;
  font-size: 1.1rem !important;
  line-height: 1.45;
  background: var(--st-white) !important;     /* no bg arrow */
  appearance: none !important;                /* hide OS arrow */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  overflow: visible !important;               /* keep radius clean */
}

/* 3.  Custom chevron (triangle) */
#gform_wrapper_15 #field_15_18::after {
  content: "";
  position: absolute;
  right: 20px;                  /* distance from right border */
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--st-orange); /* orange arrow */
  transform: translateY(-50%);
  pointer-events: none;         /* arrow never blocks clicks */
}

/* 4.  Accessibility: keep outline on focus */
#gform_wrapper_15 #input_15_18:focus,
#gform_wrapper_15 #field_15_18 select:focus {
  border-color: var(--st-orange) !important;
  outline: none;
}/* End custom CSS */