.elementor-4203 .elementor-element.elementor-element-8051fef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:55px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4203 .elementor-element.elementor-element-e4b15d5{columns:1;text-align:center;font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1em;color:#FF912A;}.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-4203 .elementor-element.elementor-element-a63aaff{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-4203 .elementor-element.elementor-element-a63aaff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-4203 .elementor-element.elementor-element-a63aaff.elementor-element{--align-self:center;}.elementor-4203 .elementor-element.elementor-element-a63aaff .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:52px;font-weight:600;line-height:1.2em;letter-spacing:-1.5px;color:#000000;}.elementor-4203 .elementor-element.elementor-element-a8b2e76{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;text-align:center;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 50px 0px;}.elementor-4203 .elementor-element.elementor-element-a8b2e76.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#707070;}.elementor-4203 .elementor-element.elementor-element-fe7935e{width:100%;max-width:100%;}.elementor-4203 .elementor-element.elementor-element-fe7935e > .elementor-widget-container{background-color:#F7FAFD;margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4203 .elementor-element.elementor-element-a63aaff > .elementor-widget-container{margin:-7px 0px -7px 0px;}.elementor-4203 .elementor-element.elementor-element-a63aaff .elementor-heading-title{font-size:38px;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 > .elementor-widget-container{margin:-5px 0px -7px 0px;padding:30px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 .elementor-heading-title{font-size:15px;}}@media(min-width:768px){.elementor-4203 .elementor-element.elementor-element-8051fef{--content-width:1290px;}}@media(max-width:767px){.elementor-4203 .elementor-element.elementor-element-8051fef{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4203 .elementor-element.elementor-element-a63aaff{width:100%;max-width:100%;}.elementor-4203 .elementor-element.elementor-element-a63aaff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-a63aaff .elementor-heading-title{font-size:38px;letter-spacing:-1px;}.elementor-4203 .elementor-element.elementor-element-a8b2e76{width:100%;max-width:100%;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 0px 0px 0px;}.elementor-4203 .elementor-element.elementor-element-a8b2e76 .elementor-heading-title{font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-fe7935e *//* ============================
   Solartec brand tokens
   ============================ */
:root{
  --st-blue:#183e6d;
  --st-orange:#ef8b22;
  --st-text:#111111;
  --st-border:#cbd7e5;
  --st-border-hover:#aebfd3;
  --st-focus:rgba(24,62,109,.15);
}

/* ============================
   Base type, colors, spacing
   ============================ */
#gform_wrapper_12,
#gform_wrapper_12 .gform_heading,
#gform_wrapper_12 .gfield_label,
#gform_wrapper_12 .gfield_description{
  font-family:"Roboto", Arial, sans-serif;
  color:var(--st-text);
}
#gform_wrapper_12 .gfield_label{
  color:var(--st-blue);
  font-weight:700;
  font-size:16px;
  margin-bottom:8px;
}
#gform_wrapper_12 .gfield_required{ color:var(--st-orange); }
#gform_wrapper_12 .gfield{ margin-bottom:18px; }

/* ============================
   Inputs, textareas, selects
   ============================ */
#gform_wrapper_12 input[type="text"],
#gform_wrapper_12 input[type="email"],
#gform_wrapper_12 input[type="tel"],
#gform_wrapper_12 textarea,
#gform_wrapper_12 select{
  width:100%;
  background:#fff;
  border:2px solid var(--st-border);
  border-radius:10px;
  padding:12px 14px;
  font-size:16px;
  line-height:1.3;
  min-height:48px;
  transition:border-color .2s ease, box-shadow .2s ease;
  outline:0;
}
#gform_wrapper_12 ::placeholder{ color:#7a8a9a; }
#gform_wrapper_12 input:hover,
#gform_wrapper_12 textarea:hover,
#gform_wrapper_12 select:hover{ border-color:var(--st-border-hover); }
#gform_wrapper_12 input:focus,
#gform_wrapper_12 textarea:focus,
#gform_wrapper_12 select:focus{
  border-color:var(--st-blue);
  box-shadow:0 0 0 3px var(--st-focus);
}
#gform_wrapper_12 textarea{ min-height:140px; resize:vertical; }

/* ============================
   Layout grid for each page
   Full width by default, halves with GF classes
   ============================ */
#gform_wrapper_12 .gform_fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
#gform_wrapper_12 .gform_fields .gfield{ grid-column:1 / -1; } /* full width */
#gform_wrapper_12 .gform_fields .gfield.gf_left_half{ grid-column:1; }
#gform_wrapper_12 .gform_fields .gfield.gf_right_half{ grid-column:2; }

@media (max-width:640px){
  #gform_wrapper_12 .gform_fields{ grid-template-columns:1fr; }
  #gform_wrapper_12 .gform_fields .gfield.gf_left_half,
  #gform_wrapper_12 .gform_fields .gfield.gf_right_half{ grid-column:1; }
}

/* ============================
   Name field - two equal columns
   Add "st-name-2col" to the Name field
   ============================ */
#gform_wrapper_12 .st-name-2col .ginput_complex span,
#gform_wrapper_12 .st-name-2col .ginput_full,
#gform_wrapper_12 .st-name-2col .ginput_left,
#gform_wrapper_12 .st-name-2col .ginput_right{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}
#gform_wrapper_12 .st-name-2col .ginput_complex{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
#gform_wrapper_12 .st-name-2col .name_first,
#gform_wrapper_12 .st-name-2col .name_last{ width:100% !important; }

@media (max-width:640px){
  #gform_wrapper_12 .st-name-2col .ginput_complex{ grid-template-columns:1fr; }
}

/* ============================
   Installation Address alignment
   Add "st-address-grid" to the Address field
   ============================ */
#gform_wrapper_12 .st-address-grid .ginput_complex span,
#gform_wrapper_12 .st-address-grid .ginput_full,
#gform_wrapper_12 .st-address-grid .ginput_left,
#gform_wrapper_12 .st-address-grid .ginput_right{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}
#gform_wrapper_12 .st-address-grid .ginput_complex{
  display:grid !important;
  grid-template-columns: 1fr 280px 160px !important; /* City | State | ZIP */
  column-gap:16px;
  row-gap:12px;
  align-items:start;
}
/* Street full width across first row */
#gform_wrapper_12 .st-address-grid .ginput_address_street,
#gform_wrapper_12 .st-address-grid .ginput_address_line_1,
#gform_wrapper_12 .st-address-grid .address_line_1{
  grid-column:1 / -1 !important;
  width:100% !important;
}
/* Row 2 placement */
#gform_wrapper_12 .st-address-grid .ginput_address_city{  grid-column:1; }
#gform_wrapper_12 .st-address-grid .ginput_address_state{ grid-column:2; }
#gform_wrapper_12 .st-address-grid .ginput_address_zip{   grid-column:3; }
/* Fill cells */
#gform_wrapper_12 .st-address-grid .ginput_complex input[type="text"],
#gform_wrapper_12 .st-address-grid .ginput_complex select,
#gform_wrapper_12 .st-address-grid input.medium,
#gform_wrapper_12 .st-address-grid select.medium{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:48px;
}
@media (max-width:640px){
  #gform_wrapper_12 .st-address-grid .ginput_complex{ grid-template-columns:1fr !important; }
}

/* ============================
   Dropdown polish and chevron
   ============================ */
#gform_wrapper_12 select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:44px;
  background-color:#fff;
}
#gform_wrapper_12 select::-ms-expand{ display:none; }
#gform_wrapper_12 .ginput_container_select,
#gform_wrapper_12 .st-address-grid .ginput_address_state .ginput_container{
  position:relative;
}
#gform_wrapper_12 .ginput_container_select::after,
#gform_wrapper_12 .st-address-grid .ginput_address_state .ginput_container::after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:12px; height:12px;
  transform:translateY(-50%);
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:12px 12px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23183e6d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}
#gform_wrapper_12 .ginput_container_select:focus-within::after,
#gform_wrapper_12 .st-address-grid .ginput_address_state .ginput_container:focus-within::after{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ef8b22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

/* ============================
   Multi-page: progress bar and steps
   ============================ */
/* Progress bar mode */
#gform_wrapper_12 .gf_progressbar{
  background:#f3f6fb;
  border-radius:999px;
  height:10px;
  box-shadow:inset 0 0 0 2px var(--st-border);
  margin:8px 0 20px;
}
#gform_wrapper_12 .gf_progressbar_percentage{
  background:var(--st-orange);
  height:10px;
  border-radius:999px;
  transition:width .3s ease;
  color:transparent; /* hide percent text inside bar */
}

/* Steps mode */
#gform_wrapper_12 .gf_page_steps{
  display:flex;
  gap:12px;
  margin:6px 0 18px;
  list-style:none;
  padding:0;
}
#gform_wrapper_12 .gf_page_steps .gf_step{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:2px solid var(--st-border);
  border-radius:999px;
  background:#fff;
  color:var(--st-blue);
  font-weight:600;
}
#gform_wrapper_12 .gf_page_steps .gf_step_number{
  width:22px; height:22px;
  display:inline-grid; place-items:center;
  border-radius:50%;
  background:#f3f6fb;
  color:var(--st-blue);
  font-size:12px;
}
#gform_wrapper_12 .gf_page_steps .gf_step_active{
  border-color:var(--st-orange);
  box-shadow:0 0 0 3px rgba(239,139,34,.15);
}
#gform_wrapper_12 .gf_page_steps .gf_step_active .gf_step_number{
  background:var(--st-orange);
  color:#fff;
}

/* ============================
   Page footer buttons
   ============================ */
#gform_wrapper_12 .gform_page_footer,
#gform_wrapper_12 .gform_footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
#gform_wrapper_12 .gform_next_button,
#gform_wrapper_12 .gform_previous_button,
#gform_wrapper_12 .gform_button{
  background:var(--st-orange);
  color:#fff;
  font-weight:700;
  font-size:16px;
  padding:14px 22px;
  border:0;
  border-radius:12px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(239,139,34,.28);
  transition:background .2s, box-shadow .2s, transform .05s;
}
#gform_wrapper_12 .gform_previous_button{
  background:#e5edf7;           /* subtle alternate for Previous */
  color:var(--st-blue);
  box-shadow:none;
  border:2px solid var(--st-border);
}
#gform_wrapper_12 .gform_next_button:hover,
#gform_wrapper_12 .gform_button:hover{ background:#d7771f; box-shadow:0 8px 22px rgba(239,139,34,.35); }
#gform_wrapper_12 .gform_previous_button:hover{ border-color:var(--st-border-hover); }
#gform_wrapper_12 .gform_next_button:active,
#gform_wrapper_12 .gform_previous_button:active,
#gform_wrapper_12 .gform_button:active{ transform:translateY(1px); }

/* ============================
   Radios and checkboxes on brand
   ============================ */
#gform_wrapper_12 input[type="radio"],
#gform_wrapper_12 input[type="checkbox"]{
  accent-color:var(--st-blue);
}
#gform_wrapper_12 .st-inline-options .gfield_radio,
#gform_wrapper_12 .st-inline-options .gfield_checkbox{
  display:flex;
  gap:24px;
  align-items:center;
}
#gform_wrapper_12 .st-inline-options .gfield_radio li,
#gform_wrapper_12 .st-inline-options .gfield_checkbox li{ margin:0; }

/* ============================
   Error states
   ============================ */
#gform_wrapper_12 .gfield_error input,
#gform_wrapper_12 .gfield_error select,
#gform_wrapper_12 .gfield_error textarea{
  border-color:#d93025;
  box-shadow:0 0 0 3px rgba(217,48,37,.12);
}
#gform_wrapper_12 .validation_message{
  color:#d93025;
  font-size:13px;
  margin-top:6px;
}/* End custom CSS */
/* Start custom CSS *//* Hide the Contact Support H1 on the Customer Hub page only */
body.page-id-4203 h1.entry-title {
    display: none !important;
}/* End custom CSS */