.elementor-8734 .elementor-element.elementor-element-03c8971{overflow:visible;}.elementor-8734 .elementor-element.elementor-element-5eb8e38{overflow:visible;}.elementor-8734 .elementor-element.elementor-element-a74e84e .eael-contact-form{background:var( --e-global-color-6cc066a2 );}.elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{display:flex;justify-content:end;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_footer input[type="submit"]{width:100px !important;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px !important;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_body input[type="submit"].gform-button{width:100px !important;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-8734 .elementor-element.elementor-element-a74e84e .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-8734 .elementor-element.elementor-element-a74e84e .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-8734 .elementor-element.elementor-element-c25668d{overflow:visible;}.elementor-8734 .elementor-element.elementor-element-cd35004{overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for eael-gravity-form, class: .elementor-element-a74e84e *//* =========================================================
   Form 11
   Full styling
   ========================================================= */

html {
  -webkit-text-size-adjust: 100%;
}

body,
html,
#gform_wrapper_11,
#gform_11 {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Shared field wrappers */
#field_11_17,
#field_11_18,
#field_11_20 {
  overflow: visible !important;
  margin-top: 20px !important;
}

/* Shared main labels */
#field_11_17 > .gfield_label,
#field_11_18 > .gfield_label,
#field_11_20 > .gfield_label {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  color: #111827 !important;
  margin: 0 0 8px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

#field_11_17 .gfield_required,
#field_11_18 .gfield_required,
#field_11_20 .gfield_required {
  color: #991b1b !important;
}

/* Descriptions */
#field_11_17 .gfield_description,
#field_11_18 .gfield_description,
#field_11_20 .gfield_description {
  display: block !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #4b5563 !important;
}

/* Shared checkbox grids */
#input_11_17,
#input_11_18,
#input_11_20 {
  display: grid !important;
  column-gap: 16px !important;
  row-gap: 16px !important;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  justify-content: start !important;
}

/* Desktop layouts */
#input_11_17 {
  grid-template-columns: repeat(5, 150px) !important;
}

#input_11_18 {
  grid-template-columns: repeat(4, 150px) !important;
}

#input_11_20 {
  grid-template-columns: repeat(3, 150px) !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
}

/* Shared list items */
#input_11_17 > li,
#input_11_18 > li,
#input_11_20 > li {
  position: relative !important;
  display: block !important;
  width: 150px !important;
  height: 150px !important;
  min-height: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  list-style: none !important;
}

/* Hide native checkbox */
#input_11_17 input[type="checkbox"],
#input_11_18 input[type="checkbox"],
#input_11_20 input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Shared card labels */
#input_11_17 > li > label,
#input_11_18 > li > label,
#input_11_20 > li > label {
  position: relative !important;
  display: flex !important;
  width: 150px !important;
  height: 150px !important;
  min-height: 150px !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 14px 10px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 2px solid #e5e7eb !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  text-align: center !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  cursor: pointer !important;
}

/* Shared icon base */
#input_11_17 > li > label::before,
#input_11_18 > li > label::before,
#input_11_20 > li > label::before {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  margin: 0 0 4px 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Shared hover */
#input_11_17 > li > label:hover,
#input_11_18 > li > label:hover,
#input_11_20 > li > label:hover {
  border-color: #cbd5e1 !important;
  background-color: #f9fafb !important;
}

/* Shared selected */
#input_11_17 input[type="checkbox"]:checked + label,
#input_11_18 input[type="checkbox"]:checked + label,
#input_11_20 input[type="checkbox"]:checked + label {
  border-color: #f7942d !important;
  background-color: #fff7ed !important;
}

/* Shared tick */
#input_11_17 > li > label::after,
#input_11_18 > li > label::after,
#input_11_20 > li > label::after {
  content: "" !important;
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #f7942d !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-align: center !important;
  opacity: 0 !important;
}

#input_11_17 input[type="checkbox"]:checked + label::after,
#input_11_18 input[type="checkbox"]:checked + label::after,
#input_11_20 input[type="checkbox"]:checked + label::after {
  content: "✓" !important;
  opacity: 1 !important;
}

/* Page 1 icons */
#input_11_17 > li:nth-child(1) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/square-dashed-bottom-code.png") !important;
}

#input_11_17 > li:nth-child(2) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/sun.png") !important;
}

#input_11_17 > li:nth-child(3) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/door-open.png") !important;
}

#input_11_17 > li:nth-child(4) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/house.png") !important;
}

#input_11_17 > li:nth-child(5) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/blinds.png") !important;
}

/* Page 2 fabric icons */
#input_11_18 > li:nth-child(1) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/moon.png") !important;
}

#input_11_18 > li:nth-child(2) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/sun.png") !important;
}

#input_11_18 > li:nth-child(3) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/bug.png") !important;
}

#input_11_18 > li:nth-child(4) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/boxes.png") !important;
}

/* Page 2 feature icons */
#input_11_20 > li:nth-child(1) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/thermometer.png") !important;
}

#input_11_20 > li:nth-child(2) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/eye.png") !important;
}

#input_11_20 > li:nth-child(3) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/droplets.png") !important;
}

#input_11_20 > li:nth-child(4) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/baby.png") !important;
}

#input_11_20 > li:nth-child(5) > label::before {
  background-image: url("https://www.blindscreen.co.uk/wp-content/uploads/wrench.png") !important;
}

/* Page 3 postcode lookup */
#idpc_wrap {
  max-width: 220px;
  margin-bottom: 20px;
}

#idpc {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 220px;
}

#idpc input[type="text"] {
  width: 220px;
  max-width: 220px;
}

#idpc input[type="button"],
#idpc button {
  width: auto;
  align-self: flex-start;
  min-width: 180px;
}

#idpc select {
  width: 220px;
  max-width: 220px;
}

#field_11_25 {
  margin-top: 10px;
}

/* Shared intro block */
.form-section-intro {
  margin: 0 0 14px 0;
}

.form-section-intro h3 {
  margin: 0 0 8px 0;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
  color: #111827;
}

.form-section-intro p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #4b5563;
}

/* Mobile */
@media only screen and (max-width: 640px) {
  #gform_wrapper_11 input,
  #gform_wrapper_11 textarea,
  #gform_wrapper_11 select {
    font-size: 16px !important;
  }

  #field_11_17 > .gfield_label,
  #field_11_18 > .gfield_label,
  #field_11_20 > .gfield_label {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  #field_11_17 .gfield_description,
  #field_11_18 .gfield_description,
  #field_11_20 .gfield_description {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  #input_11_17,
  #input_11_18,
  #input_11_20 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
    justify-content: start !important;
    margin-top: 16px !important;
  }

  #input_11_17 > li,
  #input_11_18 > li,
  #input_11_20 > li,
  #input_11_17 > li > label,
  #input_11_18 > li > label,
  #input_11_20 > li > label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 80px !important;
    min-height: 80px !important;
  }

  #input_11_17 > li > label,
  #input_11_18 > li > label,
  #input_11_20 > li > label {
    padding: 8px 6px !important;
    gap: 4px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  #input_11_17 > li > label::before,
  #input_11_18 > li > label::before,
  #input_11_20 > li > label::before {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 0 2px 0 !important;
  }

  #input_11_17 > li > label::after,
  #input_11_18 > li > label::after,
  #input_11_20 > li > label::after {
    right: 4px !important;
    bottom: 4px !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 9px !important;
    line-height: 14px !important;
  }

  #idpc_wrap {
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  #idpc {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    max-width: 100% !important;
  }

  #idpc input[type="text"],
  #idpc select {
    width: 100% !important;
    max-width: 100% !important;
  }

  #idpc input[type="button"],
  #idpc button {
    width: auto !important;
    align-self: flex-start !important;
    margin-top: 6px !important;
    min-width: 180px !important;
  }

  .address-step-copy {
    margin: 0 0 14px 0 !important;
  }

  .address-step-copy h3 {
    margin: 0 0 8px 0 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #111827 !important;
  }

  .address-step-copy p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #4b5563 !important;
  }

  .address-step-switch {
    margin: 10px 0 18px 0 !important;
  }

  .address-step-switch button {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f7942d !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
  }

  #field_11_25,
  #field_11_26,
  #field_11_27,
  #field_11_28,
  #field_11_29 {
    margin-top: 12px !important;
  }

  [data-hotlead-slot-picker] {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  [data-hotlead-slot-picker] .hotlead-slot-day {
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  [data-hotlead-slot-picker] .hotlead-slot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: start !important;
  }

  [data-hotlead-slot-picker] .hotlead-slot-button,
  [data-hotlead-slot-picker] button.hotlead-slot-button {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 80px !important;
    height: 80px !important;
    padding: 8px 6px !important;
    border-radius: 10px !important;
    gap: 4px !important;
    box-sizing: border-box !important;
  }

  [data-hotlead-slot-picker] .hotlead-slot-button__time,
  [data-hotlead-slot-picker] .hotlead-slot-button__state {
    font-size: 10px !important;
    line-height: 1.08 !important;
  }

  [data-hotlead-slot-picker] .hotlead-slot-button__time {
    font-weight: 700 !important;
  }

  .blindscreen-hotlead-picker__modal {
    padding: 12px !important;
  }

  .blindscreen-hotlead-picker__modal-card {
    width: calc(100vw - 24px) !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   Form 11 mobile steps
   Keep this at the very bottom
   ========================================================= */

@media only screen and (max-width: 767px) {
  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 24px 0 !important;
    padding: 18px 8px 20px 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step {
    display: flex !important;
    flex: 1 1 0 !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_label {
    display: none !important;
  }

  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #6b7280 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #4b5563 !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
  }

  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_number::before,
  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_number::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_active .gf_step_number,
  .elementor-8734 .elementor-element.elementor-element-a74e84e #gf_page_steps_11 .gf_step_completed .gf_step_number {
    border-color: #f7942d !important;
    background: #f7942d !important;
    color: #ffffff !important;
  }
}/* End custom CSS */