.elementor-5301 .elementor-element.elementor-element-6e7e2c58{--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;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-5301 .elementor-element.elementor-element-144aeca > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5301 .elementor-element.elementor-element-144aeca{text-align:center;}.elementor-5301 .elementor-element.elementor-element-144aeca .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:1.2em;letter-spacing:3px;color:#000000;}.elementor-5301 .elementor-element.elementor-element-6f391919 > .elementor-widget-container{margin:0% 5% 0% 5%;}.elementor-5301 .elementor-element.elementor-element-6f391919{text-align:center;}.elementor-5301 .elementor-element.elementor-element-6f391919 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:48px;font-weight:600;line-height:1.2em;color:#000000;}.elementor-5301 .elementor-element.elementor-element-d452c23{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5301 .elementor-element.elementor-element-371fea1c{--spacer-size:20px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .select2-container--default .select2-selection--single .select2-selection__rendered{color:var( --e-global-color-text );}.elementor-widget-form ..select2-container--default .select2-selection--multiple .select2-selection__rendered{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5301 .elementor-element.elementor-element-76bfefcb > .elementor-widget-container{margin:20px 0px 40px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:30px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-30px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-inline .elementor-field-group > label{padding-left:20px;}body:not(.rtl) .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-inline .elementor-field-group > label{padding-right:20px;}body .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-above .elementor-field-group > label{padding-bottom:20px;}body.rtl .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-inline .elementor-field-group > abbr{padding-left:20px;}body:not(.rtl) .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-inline .elementor-field-group > abbr{padding-right:20px;}body .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-labels-above .elementor-field-group > abbr{padding-bottom:20px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group > label, .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-subgroup label{color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-type-html{padding-bottom:20px;color:#000000;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .dce-signature-wrapper{text-align:left;--canvas-width:400px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .dce-signature-canvas{border-radius:3px 3px 3px 3px;border-width:1px 1px 1px 1px;background-color:#ffffff;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .dce-signature-button-clear{color:#e62626;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .dce-signature-button-clear i{color:#e62626;font-size:16px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .dce-signature-button-clear svg{fill:#e62626;width:16px;height:16px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .elementor-field, .elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .elementor-select-wrapper .select2{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .elementor-select-wrapper .select2 .elementor-field-textual{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .mce-panel{background-color:#ffffff;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-group .mce-panel{border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-button{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:500;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .e-form__buttons__wrapper__button-previous{background-color:#FFFFFF;color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .e-form__buttons__wrapper__button-previous:hover{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-5301 .elementor-element.elementor-element-76bfefcb{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-color:#000000;--e-form-steps-indicator-progress-background-color:#F8F8F8;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;--e-form-steps-indicator-progress-meter-color:#FFFFFF;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .e-form__indicators__indicator__progress__meter{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}.elementor-5301 .elementor-element.elementor-element-76bfefcb .elementor-field-type-dce_range input{opacity:1;}@media(min-width:768px){.elementor-5301 .elementor-element.elementor-element-6e7e2c58{--content-width:1100px;}.elementor-5301 .elementor-element.elementor-element-d452c23{--content-width:1200px;}}@media(max-width:1024px){.elementor-5301 .elementor-element.elementor-element-6e7e2c58{--margin-top:50px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-5301 .elementor-element.elementor-element-6f391919 .elementor-heading-title{font-size:42px;}.elementor-5301 .elementor-element.elementor-element-d452c23{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-5301 .elementor-element.elementor-element-371fea1c{--spacer-size:22px;}.elementor-5301 .elementor-element.elementor-element-76bfefcb > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-5301 .elementor-element.elementor-element-6e7e2c58{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-5301 .elementor-element.elementor-element-144aeca > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5301 .elementor-element.elementor-element-144aeca .elementor-heading-title{font-size:14px;}.elementor-5301 .elementor-element.elementor-element-6f391919 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-5301 .elementor-element.elementor-element-6f391919 .elementor-heading-title{font-size:32px;}.elementor-5301 .elementor-element.elementor-element-d452c23{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:47px;--padding-left:20px;--padding-right:20px;}.elementor-5301 .elementor-element.elementor-element-371fea1c{--spacer-size:5px;}}/* Start custom CSS for container, class: .elementor-element-6e7e2c58 */#quoteForm .elementor-field-type-radio .elementor-field-label {line-height:1.3;margin-top:15px;}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-76bfefcb *//* =========================================
   STEP 1: INSTALL TYPE (6 OPTIONS)
   ========================================= */

/* Hide native radios */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Card container styling */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 30px 20px;
  border-radius: 16px;
  border: 2px solid #111;
  background: #fff;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  box-sizing: border-box;
  width: 100%;
}

/* Black icon circle */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label::before {
  content: "";
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #000;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
}

/* Hover and selected states */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label:hover {
  transform: translateY(-2px);
  border-color: #bbb;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"]:checked + label {
  border-color: #FFC400;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
}

/* Layout control — keep within container */
#quoteForm .elementor-field-type-radio .elementor-field-subgroup,
#quoteForm .elementor-field-type-radio .elementor-subgroup-inline {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 across desktop */
  gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  width: 100%;
  padding: 0 10px; /* stays neatly inside Elementor’s container */
  max-width: 100%; /* prevents overflow */
  box-sizing: border-box;
  margin: 0 auto;
}

/* Center the question text */
#quoteForm .elementor-field-type-radio .elementor-field-label {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 1.1rem;
}

/* Responsive behaviour */
@media (max-width: 1200px) {
  #quoteForm .elementor-field-type-radio .elementor-field-subgroup,
  #quoteForm .elementor-field-type-radio .elementor-subgroup-inline {
    grid-template-columns: repeat(3, 1fr); /* 3 across tablet */
  }
}
@media (max-width: 768px) {
  #quoteForm .elementor-field-type-radio .elementor-field-subgroup,
  #quoteForm .elementor-field-type-radio .elementor-subgroup-inline {
    grid-template-columns: 1fr; /* full width on phone */
    gap: 15px;
    padding: 0 10px;
  }
}

/* ---------------------------------------
   ICONS for each of the 6 options
   --------------------------------------- */
#quoteForm input[name="form_fields[installation]"][value="solar_battery"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/battery-charge-1.png') !important;
}
#quoteForm input[name="form_fields[installation]"][value="solar_panels"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/solar-panel.png') !important;
}
#quoteForm input[name="form_fields[installation]"][value="solar_batteries"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/battery.png') !important;
}
#quoteForm input[name="form_fields[installation]"][value="generators"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/generator.png') !important;
}
#quoteForm input[name="form_fields[installation]"][value="hydro"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/hydro-power-1.png') !important;
}
#quoteForm input[name="form_fields[installation]"][value="unsure"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/questions.png') !important;
}
/* =========================================
   STEP 2: PROPERTY TYPE (6 OPTIONS)
   ========================================= */

/* Layout inherited from Step 1 (no need to duplicate core styles)
   Just add these icon mappings and optional tweaks */

/* Preferred: by field name + value (if field ID is 'propertytype') */
#quoteForm input[name="form_fields[propertytype]"][value="house"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/home-1.png') !important; /* House / Bungalow */
}
#quoteForm input[name="form_fields[propertytype]"][value="flat"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/flats.png') !important; /* Flat / Apartment */
}
#quoteForm input[name="form_fields[propertytype]"][value="commercial"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/office-worker.png') !important; /* Commercial */
}
#quoteForm input[name="form_fields[propertytype]"][value="agricultural"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/agronomy.png') !important; /* Agricultural */
}
#quoteForm input[name="form_fields[propertytype]"][value="tiny_homes"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/house-1.png') !important; /* Tiny Homes */
}
#quoteForm input[name="form_fields[propertytype]"][value="holiday_lets"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/living-2.png') !important; /* Holiday Lets */
}/* End custom CSS */