.elementor-1925 .elementor-element.elementor-element-4e604b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:6%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-1925 .elementor-element.elementor-element-c8050ca{text-align:center;}.elementor-1925 .elementor-element.elementor-element-c8050ca .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:42px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:44px;letter-spacing:-1px;color:#05173D;}.elementor-1925 .elementor-element.elementor-element-a028344{--display:flex;}.elementor-1925 .elementor-element.elementor-element-863e921{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1925 .elementor-element.elementor-element-9bcc5e6{width:var( --container-widget-width, 940px );max-width:940px;--container-widget-width:940px;--container-widget-flex-grow:0;}.elementor-1925 .elementor-element.elementor-element-9bcc5e6.elementor-element{--align-self:center;}.elementor-1925 .elementor-element.elementor-element-9bcc5e6 > .elementor-widget-container{border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1925 .elementor-element.elementor-element-9bcc5e6 .gk-gravity-form{text-align:left;margin:0px 0px 0px 0px;padding:20px 40px 20px 40px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1925 .elementor-element.elementor-element-4e604b2{--content-width:700px;}.elementor-1925 .elementor-element.elementor-element-863e921{--content-width:1000px;}}@media(max-width:1024px){.elementor-1925 .elementor-element.elementor-element-4e604b2{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:15%;--margin-bottom:15%;--margin-left:0%;--margin-right:0%;}.elementor-1925 .elementor-element.elementor-element-c8050ca .elementor-heading-title{font-size:32px;line-height:1.1em;}}@media(max-width:767px){.elementor-1925 .elementor-element.elementor-element-4e604b2{--margin-top:22%;--margin-bottom:22%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-1925 .elementor-element.elementor-element-c8050ca .elementor-heading-title{font-size:26px;}}/* Start custom CSS for gk_elementor_gravity_form, class: .elementor-element-9bcc5e6 */#gf_page_steps_8 {
  display: flex;
  justify-content: center;
}


.gform_wrapper .gfield-image-choice-wrapper-outer {
    display: block !important; 
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width:auto;
    height:200px;
}

.gfield_label {
  font-size: 1.1rem;   /* adjust as you like */

}

.gform_wrapper .gfield_description.instruction {
  display: none !important;
}


#gform_page_8_1 .gform-page-footer {
  display: flex;
  justify-content: flex-end;
}

#field_8_223 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* All labels & legends in form 1 */
#gform_wrapper_8 .gfield_label,
#gform_wrapper_8 .gfield_label_before_complex {
  font-size: 1.2rem;
  line-height: 1.4;
}

#gform_wrapper_8 .gfield_required,
#gform_wrapper_8 .gfield_required_text {
  font-size: 0.9em;  /* relative to the label size */
}

/* info box */
.gf-warning-box {
  padding: 1rem 1.25rem;
  border-radius: 8px;
  background-color: #f2f2f3;        
  border: 3px solid #b0b0b0;        
  font-size: 0.95rem;
  line-height: 1.5;

  display: inline-flex;
  max-width: 100%;  
  align-items: flex-start;
  gap: 0.75rem;
}

.suggested-box {
  font-size: 1.2rem;
  line-height: 1.4;
}

.suggested-package {
  font-size: 1.2rem;
  line-height: 1.4;
  background-color: #ffffff;        
  display: inline-block;
  max-width: 100%;  
  margin-top:40px;
}

.gf-title-box {
    font-size: 1.2rem;
}

/* Icon wrapper */
.gf-warning-icon {
  width: 1.3rem;
  height: 1.3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.05rem; 
}

/* Make the SVG fit the wrapper */
.gf-warning-icon-svg {
  width: 100%;
  height: 100%;
}


/* Fields with label on the left */
:is(#field_8_197, #field_8_198, #field_8_199, #field_8_200, #field_8_177) {
  display: flex;
  gap: 2rem;               /* space between label and input */
}

/* Labels */
:is(#field_8_197, #field_8_198, #field_8_199, #field_8_200) .gfield_label {
font-size: 1rem;
  font-weight: 600;
  color: #6b7280;
  margin: 0;
  min-width: 140px;
}

/* Inputs */
:is( #field_8_197, #field_8_198, #field_8_199, #field_8_200) .ginput_container {
  flex: 1;
}

:is( #field_8_197, #field_8_198, #field_8_199, #field_8_200, ) .ginput_container input {
  font-size: 1rem;
  font-weight: 600;
  color: #6b7280;
}
/* stack again on small screens */
@media (max-width: 600px) {
  :is(#field_8_197, #field_8_198, #field_8_199, #field_8_200) {
    display: block;
  }
}

#field_8_197,
#field_8_198,
#field_8_199,
#field_8_200 {
  margin-top: -20px;
  margin-bottom: -10px;
}
 
#field_8_177 .gfield_label {
font-size: 1.3rem;
  font-weight: 600;
  min-width: 140px;
}

#field_8_177 {
    margin-top: -10px;
}
/* Inputs */
#field_8_177 .ginput_container {
  flex: 1;
}

#field_8_177 .ginput_container input {
  font-size: 1.3rem;
  font-weight: 600;
}

/* Process Bar*/
#gform_wrapper_8.gform-theme--framework {
  --gf-field-pg-prog-margin-y-end: 50px;
}

/* Buttom Info Box (Energy Monitoring)*/
#field_8_121 {
  margin-top: -30px;
  margin-bottom: 20px;
}
/* Info Box (PV System)*/
#field_8_189 {
  margin-bottom: 20px;
  text-align: center;
}

/* Section "Hardware Price" */
#field_8_196 .gsection_title {
  font-size: 1.5rem;      /* smaller title (adjust as needed) */
  font-weight: 700;     /* a bit bold but not huge */
  margin: 50px 0 4px 0;    /* top/right/bottom/left → tiny bottom margin */
}

/* Reduce space below the whole section field */
#field_8_196 {
  margin-bottom: 8px;   /* default is usually much larger */
}

/* Section "Hardware Price" */
#field_8_205 .gsection_title {
  font-size: 1.1rem;      /* smaller title (adjust as needed) */
  font-weight: 600;     /* a bit bold but not huge */
  margin: 50px 0 4px 0;    /* top/right/bottom/left → tiny bottom margin */
}

/* Reduce space below the whole section field */
#field_8_205 {
  margin-bottom: 8px;   /* default is usually much larger */
}

/* Section "Total" */
#field_8_186 .gsection_title {
  font-size: 1.5rem;      /* smaller title (adjust as needed) */
  font-weight: 700;     /* a bit bold but not huge */
  margin: 50px 0 4px 0;    /* top/right/bottom/left → tiny bottom margin */
}

/* Reduce space below the whole section field */
#field_8_186 {
  margin-bottom: 8px;   /* default is usually much larger */
}

#gform_wrapper_8 #field_8_124 {
  grid-column: span 4 !important;   /* 4 of 12 columns */
}

#gform_wrapper_8 #field_8_125 {
  grid-column: span 4 !important;   /* 4 of 12 columns */
}

#gform_wrapper_8 #field_8_126 {
  grid-column: span 4 !important;   /* 4 of 12 columns */
}

:is(#field_8_66, #field_8_127, #field_8_32)  .ginput_container input {
  font-size: 1rem;
  font-weight: 600;
}

/* Center footer on pages 2 and 3 (example) */
:is(#gform_page_1_2, #gform_page_1_3, #gform_page_1_4, #gform_page_1_5) .gform_page_footer {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 4rem;
}

#gform_page_1_4 .gfield--type-section {
  --gf-field-section-padding-y-end: 0; 
}

#field_8_186 {
    margin-top: rem;
}

@media (min-width: 640px) {
  /* Make these fields 1/3 width and right-aligned */
  .gform-theme--foundation #field_8_205,
  .gform-theme--foundation #field_8_206 {
    grid-column: span 4 !important;  /* 4 of 12 columns */
  }
}

.gform-theme--foundation #field_8_206 {
    grid-column: 5 / -5 !important;
}

.gform-theme--foundation #field_8_205 {
    grid-column: 9 / -1 !important;
}

#input_1_170,
#input_1_164,
#input_1_205 {
  font-size: 1.2rem !important;
}

:is(#field_8_209, #field_8_210) .gform-field-label {
  font-size: 0.95rem;
  line-height: 1.4;
  color: #6b7280;
}

#input_1_209,
#input_1_210 {
  font-size: 0.95rem !important;
  color: #6b7280 !important;
}


#input_1_207,
#input_1_208 {
  font-size: 1.2rem !important;
}

#field_8_183 {
  margin-top: -30px;
}


.gform-theme--framework .gf_step_completed .gf_step_number::after {
  background-color: #61cf70 !important;
  border: #61cf70 !important;
}

.gform_wrapper {
    --gf-color-primary: #61cf70 !important;
    --gf-color-primary-darker: #ffffff !important;
    --gf-color-in-ctrl-primary: #61cf70 !important;
    --gf-ctrl-btn-bg-color-primary: #61cf70 !important;
    --gf-ctrl-btn-bg-color-focus-primary: #61cf70 !important;
    --gf-ctrl-btn-bg-color-disabled-primary: #61cf70 !important;
    --gf-ctrl-btn-bg-color-hover-primary: #4b9e56 !important;
    --gf-ctrl-file-prog-bar-bg-color-loading: #61cf70 !important;
    --gf-ctrl-choice-check-color: #61cf70 !important;
    --gf-ctrl-border-color-focus: #61cf70 !important;
    --gf-ctrl-outline-color-focus: #61cf70 !important;
    --gf-ctrl-select-icon: #61cf70 !important;
}

.gfield-choice-input:focus, .ginput_container_consent {
    border-color: #61cf70 !important;
}


.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square .gfield-choice-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gform-theme--framework
.gfield--type-image_choice.gfield--image-choice-style-square
.gfield-choice-image-wrapper{
  aspect-ratio: auto !important;
}

/* Make the image smaller (instead of filling the wrapper) */
.gform-theme--framework
.gfield--type-image_choice.gfield--image-choice-style-square
.gfield-choice-image{
  inline-size: auto !important;
  block-size: auto !important;

  max-inline-size: 70% !important;  /* tweak this */
  max-block-size: 70% !important;

  object-fit: contain !important;
}/* End custom CSS */