.elementor-5909 .elementor-element.elementor-element-7313460{--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-5909 .elementor-element.elementor-element-d29997f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5909 .elementor-element.elementor-element-d29997f{text-align:center;}.elementor-5909 .elementor-element.elementor-element-d29997f .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-5909 .elementor-element.elementor-element-799c71b > .elementor-widget-container{margin:0% 5% 0% 5%;}.elementor-5909 .elementor-element.elementor-element-799c71b{text-align:center;}.elementor-5909 .elementor-element.elementor-element-799c71b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:48px;font-weight:600;line-height:1.2em;color:#000000;}.elementor-5909 .elementor-element.elementor-element-0658265{--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-5909 .elementor-element.elementor-element-4b4871b{--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-5909 .elementor-element.elementor-element-06e6a79 > .elementor-widget-container{margin:20px 0px 40px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:30px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-30px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-inline .elementor-field-group > label{padding-left:20px;}body:not(.rtl) .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-inline .elementor-field-group > label{padding-right:20px;}body .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-above .elementor-field-group > label{padding-bottom:20px;}body.rtl .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-inline .elementor-field-group > abbr{padding-left:20px;}body:not(.rtl) .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-inline .elementor-field-group > abbr{padding-right:20px;}body .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-labels-above .elementor-field-group > abbr{padding-bottom:20px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group > label, .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-subgroup label{color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-type-html{padding-bottom:20px;color:#000000;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .dce-signature-wrapper{text-align:left;--canvas-width:400px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .dce-signature-canvas{border-radius:3px 3px 3px 3px;border-width:1px 1px 1px 1px;background-color:#ffffff;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .dce-signature-button-clear{color:#e62626;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .dce-signature-button-clear i{color:#e62626;font-size:16px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .dce-signature-button-clear svg{fill:#e62626;width:16px;height:16px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .elementor-field, .elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .elementor-select-wrapper .select2{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .elementor-select-wrapper .select2 .elementor-field-textual{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .mce-panel{background-color:#ffffff;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-group .mce-panel{border-radius:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .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-5909 .elementor-element.elementor-element-06e6a79 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .e-form__buttons__wrapper__button-previous{background-color:#FFFFFF;color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .e-form__buttons__wrapper__button-previous:hover{background-color:#000000;color:#ffffff;border-color:#000000;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .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-5909 .elementor-element.elementor-element-06e6a79{--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-5909 .elementor-element.elementor-element-06e6a79 .e-form__indicators__indicator__progress__meter{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}.elementor-5909 .elementor-element.elementor-element-06e6a79 .elementor-field-type-dce_range input{opacity:1;}@media(min-width:768px){.elementor-5909 .elementor-element.elementor-element-7313460{--content-width:1100px;}.elementor-5909 .elementor-element.elementor-element-0658265{--content-width:1200px;}}@media(max-width:1024px){.elementor-5909 .elementor-element.elementor-element-7313460{--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-5909 .elementor-element.elementor-element-799c71b .elementor-heading-title{font-size:42px;}.elementor-5909 .elementor-element.elementor-element-0658265{--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-5909 .elementor-element.elementor-element-4b4871b{--spacer-size:45px;}.elementor-5909 .elementor-element.elementor-element-06e6a79 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-5909 .elementor-element.elementor-element-7313460{--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-5909 .elementor-element.elementor-element-d29997f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5909 .elementor-element.elementor-element-d29997f .elementor-heading-title{font-size:14px;}.elementor-5909 .elementor-element.elementor-element-799c71b > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-5909 .elementor-element.elementor-element-799c71b .elementor-heading-title{font-size:26px;}.elementor-5909 .elementor-element.elementor-element-0658265{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:47px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for form, class: .elementor-element-06e6a79 *//* =========================================
   QUOTE FORM — CARD CHOICES (Elementor Pro)
   ========================================= */

/* Base: 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 */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  min-width: 220px;
  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;
  width: auto;
  box-sizing: border-box;
}

/* Icon circle (black) */
#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 → grey outline */
#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);
}

/* Selected → yellow outline */
#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);
}

/* Remove decorative bars */
#quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label::after {
  display: none !important;
}

/* Layout: center cards + question text */
#quoteForm .elementor-field-type-radio .elementor-field-subgroup,
#quoteForm .elementor-field-type-radio .elementor-subgroup-inline {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
}

#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;
}

/* ------------------------------
   STEP A (INSTALL TYPE) ICONS
   ------------------------------ */
#quoteForm input[name="form_fields[installation]"][value="solar_battery"] + label::before,
#quoteForm .elementor-field-type-radio .elementor-field-option input[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,
#quoteForm .elementor-field-type-radio .elementor-field-option input[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,
#quoteForm .elementor-field-type-radio .elementor-field-option input[value="solar_batteries"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/battery.png') !important;
}

/* ------------------------------
   STEP B (PROPERTY TYPE) ICONS
   ------------------------------ */
#quoteForm input[name="form_fields[propertytype]"][value="house"] + label::before,
#quoteForm .elementor-field-type-radio .elementor-field-option input[value="house"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/home-1.png') !important;
}
#quoteForm input[name="form_fields[propertytype]"][value="flat"] + label::before,
#quoteForm .elementor-field-type-radio .elementor-field-option input[value="flat"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/flats.png') !important;
}
#quoteForm input[name="form_fields[propertytype]"][value="commercial"] + label::before,
#quoteForm .elementor-field-type-radio .elementor-field-option input[value="commercial"] + label::before {
  background-image: url('/wp-content/uploads/2025/10/office-worker.png') !important;
}

/* ---------------------------------
   Responsive — true full width on mobile
   --------------------------------- */
@media (max-width: 768px) {
  #quoteForm .elementor-field-type-radio .elementor-field-subgroup,
  #quoteForm .elementor-field-type-radio .elementor-subgroup-inline {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }

  #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option {
    width: 100% !important;
    max-width: 100% !important;
  }

  #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label {
    width: 100% !important;
    min-width: 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0658265 *//* ===== Radio cards with icons for the Elementor form ===== */
#quoteForm .elementor-field-type-radio .e-form__radio-option input[type="radio"] {
  /* hide the native radio */
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#quoteForm .elementor-field-type-radio .e-form__radio-option label {
  /* card look */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 220px;           /* tweak to taste */
  padding: 18px 20px;
  border-radius: 14px;
  border: 2px solid #111;     /* black edge like your screenshot footer */
  background: #fff;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}

/* icon “badge” circle */
#quoteForm .elementor-field-type-radio .e-form__radio-option label::before {
  content: "";
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #FFC400;        /* yellow circle */
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 46px 46px; /* icon size inside the circle */
}

/* Hover / focus */
#quoteForm .elementor-field-type-radio .e-form__radio-option label:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
}

/* Checked (active) state */
#quoteForm .elementor-field-type-radio .e-form__radio-option input[type="radio"]:checked + label {
  border-color: #FFC400;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Optional: fake black “tab” under text (like your black label bar) */
#quoteForm .elementor-field-type-radio .e-form__radio-option label span.card-text {
  display: inline-block;
  margin-top: 2px;
  padding: 8px 14px 9px;
  background: #111;
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: .2px;
}

/* ----- Assign icons per option value (SVG/PNG paths) ----- */
/* House */
#quoteForm .elementor-field-type-radio .e-form__radio-option input[value="house"] + label::before {
  background-image: url('/wp-content/uploads/icons/house.svg');
}
/* Flat */
#quoteForm .elementor-field-type-radio .e-form__radio-option input[value="flat"] + label::before {
  background-image: url('/wp-content/uploads/icons/flat.svg');
}
/* Commercial */
#quoteForm .elementor-field-type-radio .e-form__radio-option input[value="commercial"] + label::before {
  background-image: url('/wp-content/uploads/icons/commercial.svg');
}

/* Layout tweaks for responsiveness */
@media (max-width: 900px) {
  #quoteForm .elementor-field-type-radio .e-form__radio-option label {
    min-width: 180px;
  }
}
@media (max-width: 600px) {
  #quoteForm .elementor-field-type-radio .e-form__radio-option label {
    width: 100%;
    min-width: 0;
  }
}/* End custom CSS */