.elementor-1088 .elementor-element.elementor-element-6786046{--display:flex;}.elementor-1088 .elementor-element.elementor-element-9594bbe{--display:flex;}.elementor-1088 .elementor-element.elementor-element-c8b6a49{--spacer-size:174px;}.elementor-1088 .elementor-element.elementor-element-2d5c105{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:85px;}.elementor-1088 .elementor-element.elementor-element-2d5c105::before, .elementor-1088 .elementor-element.elementor-element-2d5c105 > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-2d5c105 > .e-con-inner > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-2d5c105 > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-2d5c105 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-2d5c105 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1088 .elementor-element.elementor-element-0edb6be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1088 .elementor-element.elementor-element-0edb6be:not(.elementor-motion-effects-element-type-background), .elementor-1088 .elementor-element.elementor-element-0edb6be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-1088 .elementor-element.elementor-element-0edb6be::before, .elementor-1088 .elementor-element.elementor-element-0edb6be > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-0edb6be > .e-con-inner > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-0edb6be > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-0edb6be > .e-con-inner > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-0edb6be > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1088 .elementor-element.elementor-element-0edb6be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1088 .elementor-element.elementor-element-0f20285{--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;--justify-content:space-between;--align-items:center;--overlay-opacity:0;--border-radius:0px 0px 0px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1088 .elementor-element.elementor-element-0f20285::before, .elementor-1088 .elementor-element.elementor-element-0f20285 > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-0f20285 > .e-con-inner > .elementor-background-video-container::before, .elementor-1088 .elementor-element.elementor-element-0f20285 > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-0f20285 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1088 .elementor-element.elementor-element-0f20285 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1088 .elementor-element.elementor-element-0f20285.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1088 .elementor-element.elementor-element-bc080b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:31px 20px 0px 50px;}.elementor-1088 .elementor-element.elementor-element-77a4978{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1088 .elementor-element.elementor-element-77a4978.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1088 .elementor-element.elementor-element-9761c0b{width:var( --container-widget-width, 121.212% );max-width:121.212%;--container-widget-width:121.212%;--container-widget-flex-grow:0;}.elementor-1088 .elementor-element.elementor-element-9761c0b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1088 .elementor-element.elementor-element-25aa0f0{--display:flex;}.elementor-1088 .elementor-element.elementor-element-188ac4a{--display:flex;}.elementor-1088 .elementor-element.elementor-element-1d50c0d{--display:flex;}.elementor-1088 .elementor-element.elementor-element-f8f58cd > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1088 .elementor-element.elementor-element-f8f58cd{text-align:center;}.elementor-1088 .elementor-element.elementor-element-f8f58cd .elementor-heading-title{font-family:"General Sans", Sans-serif;font-weight:700;}.elementor-1088 .elementor-element.elementor-element-9f39024{--display:flex;}.elementor-1088 .elementor-element.elementor-element-5d61f57 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1088 .elementor-element.elementor-element-705644a{--display:flex;}.elementor-1088 .elementor-element.elementor-element-5dcbdb0{--spacer-size:50px;}.elementor-1088 .elementor-element.elementor-element-8c7abca{--display:flex;}.elementor-1088 .elementor-element.elementor-element-0c04a93{text-align:center;}.elementor-1088 .elementor-element.elementor-element-0c04a93 .elementor-heading-title{font-family:"General Sans", Sans-serif;font-weight:700;}.elementor-1088 .elementor-element.elementor-element-4f80fae{--display:flex;}.elementor-1088 .elementor-element.elementor-element-9ce53c6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1088 .elementor-element.elementor-element-9ce53c6 .elementor-swiper-button{font-size:20px;}.elementor-1088 .elementor-element.elementor-element-638b4d5{--display:flex;}.elementor-1088 .elementor-element.elementor-element-8eb9569{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1088 .elementor-element.elementor-element-2d5c105{--content-width:1140px;}.elementor-1088 .elementor-element.elementor-element-0edb6be{--width:110.275%;}.elementor-1088 .elementor-element.elementor-element-0f20285{--width:37.41%;}.elementor-1088 .elementor-element.elementor-element-77a4978{--width:61%;}}@media(max-width:1024px){.elementor-1088 .elementor-element.elementor-element-2d5c105{--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1088 .elementor-element.elementor-element-77a4978{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1088 .elementor-element.elementor-element-9ce53c6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-1088 .elementor-element.elementor-element-2d5c105{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1088 .elementor-element.elementor-element-9ce53c6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for html, class: .elementor-element-bc080b7 *//* ===== GHG – Left Panel: the ONLY place that styles the card ===== */

#hero-form .ghg-card{
  background:var(--ghg-bubble);
  border-radius:22px;
  padding:clamp(18px,2.6vw,36px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  color:var(--ghg-green);                    /* default text colour in card */
}

/* Headline */
#hero-form .ghg-title{
  margin:0 0 .6rem 0;
  font-weight:800;
  line-height:1.15;
  color:var(--ghg-green);
  font-size:clamp(28px,3.3vw,44px);
}

/* Short intro line */
#hero-form .ghg-lead{
  margin:.25rem 0 1rem 0;
  color:var(--ghg-green);
  font-weight:600;
  font-size:clamp(15px,1.6vw,18px);
}

/* Bullet list */
#hero-form .ghg-list{
  list-style:none;margin:0;padding:0;
  display:grid;gap:10px;
  font-size:clamp(15px,1.6vw,18px);
}
#hero-form .ghg-list li{
  display:flex;align-items:center;gap:10px;
  color:var(--ghg-green);
}

/* Dark-green circle + white tick — smaller version */
#hero-form .ghg-list .i{
  display:inline-grid;place-items:center;
  width:18px;height:18px;                    /* ↓ from 22px */
  border-radius:50%;
  background:var(--ghg-green);
  color:var(--ghg-white);
  font-weight:900;
  font-size:12px;                            /* ↓ from 14px for proportional tick */
  line-height:1;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  transform:translateY(-1px);
}

/* Kill any legacy pseudo-bullets from older CSS */
#hero-form .ghg-list li::before,
#hero-form .ghg-list li::after{content:none !important;display:none !important;}

/* Safety: keep text green but not the tick icon */
#hero-form .ghg-card,
#hero-form .ghg-card :is(p, span:not(.i), strong, em, a){
  color:var(--ghg-green);
}

@media (max-width:900px){
  #hero-form .ghg-card{ padding:18px; }
  #hero-form .ghg-underline{ width:120px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9761c0b *//* Make sure everything in this column is using General Sans, white text, orange borders, etc. */
.elementor-1088 .elementor-element.elementor-element-9761c0b {
  font-family:"General Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:#fff;
}

/* Labels / helper text */
.elementor-1088 .elementor-element.elementor-element-9761c0b .form-label,
.elementor-1088 .elementor-element.elementor-element-9761c0b label,
.elementor-1088 .elementor-element.elementor-element-9761c0b .invalid-feedback,
.elementor-1088 .elementor-element.elementor-element-9761c0b .alert,
.elementor-1088 .elementor-element.elementor-element-9761c0b #formAlert {
  color:#fff !important;
  font-weight:600;
  font-size:16px;
  line-height:1.4;
  font-family:"General Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* each row */
.elementor-1088 .elementor-element.elementor-element-9761c0b .form-row {
  margin-bottom:16px;
}

/* inputs and selects */
.elementor-1088 .elementor-element.elementor-element-9761c0b .form-control,
.elementor-1088 .elementor-element.elementor-element-9761c0b .form-select {
  background:transparent !important;
  color:#fff !important;
  border:1.5px solid #cb6843 !important; /* orange border */
  font-weight:600;
  font-size:16px;
  line-height:1.4;
  padding:.6rem .75rem;
  min-height:48px;
  border-radius:4px;
  font-family:"General Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b .form-control::placeholder {
  color:rgba(255,255,255,.75) !important;
}

/* postcode + Find Address: flush join */
.elementor-1088 .elementor-element.elementor-element-9761c0b .input-group {
  align-items:stretch;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b .input-group > .form-control {
  border-right:0 !important;
  border-top-right-radius:0 !important;
  border-bottom-right-radius:0 !important;
  height:48px;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #findAddressBtn {
  background:#cb6843 !important;
  border:1.5px solid #cb6843 !important;
  color:#fff !important;
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  padding:0 1rem;
  min-height:48px;
  border-left:0 !important;
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
  border-top-right-radius:4px !important;
  border-bottom-right-radius:4px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #findAddressBtn:hover {
  background:#b75f3e !important;
  border-color:#b75f3e !important;
  color:#0f3f3a !important; /* dark green text on hover */
}

/* CTA row / submit button */
.elementor-1088 .elementor-element.elementor-element-9761c0b .cta-row {
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:20px;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #submitBtn.btn-primary {
  background:#cb6843 !important;
  border:1.5px solid #cb6843 !important;
  color:#fff !important;
  min-width:260px;
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  padding:.7rem 1rem;
  border-radius:4px;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #submitBtn.btn-primary:hover {
  background:#b75f3e !important;
  border-color:#b75f3e !important;
  color:#0f3f3a !important;
}

/* error text tone for dark bg */
.elementor-1088 .elementor-element.elementor-element-9761c0b .invalid-feedback {
  color:#ffd7c6 !important;
  font-size:13px;
  font-weight:500;
  margin-top:4px;
}

/* alert box for API warnings / validation */
.elementor-1088 .elementor-element.elementor-element-9761c0b #formAlert.alert {
  background:rgba(203,104,67,.12) !important;
  border:1.5px solid #cb6843 !important;
  color:#fff !important;
  border-radius:10px;
  font-weight:600;
  font-size:15px;
  line-height:1.4;
  margin-bottom:16px;
}

/* response preview (if you ever show it here) */
.elementor-1088 .elementor-element.elementor-element-9761c0b #responseWrap {
  border-top:1px solid rgba(255,255,255,.2);
  margin-top:24px;
  padding-top:16px;
  color:#fff;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #responseWrap h2 {
  font-size:16px;
  font-weight:600;
  margin-bottom:8px;
}
.elementor-1088 .elementor-element.elementor-element-9761c0b #responseBox {
  background:rgba(0,0,0,.4) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.3) !important;
  border-radius:8px;
  font-size:13px;
  line-height:1.5;
  padding:12px;
  white-space:pre-wrap;
}

/* Spinner tweak */
.elementor-1088 .elementor-element.elementor-element-9761c0b .spinner-border {
  --bs-spinner-border-width:2px;
  border-width:2px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77a4978 *//* TEMP: visualize all absolutely-positioned elements in the right column */
#form-equalize .ghg-right *{ outline:0 }
#form-equalize .ghg-right *[style*="position:absolute"],
#form-equalize .ghg-right *:where([class*="arrow"],[class*="chevron"]){
  outline:2px solid red !important;
}
#form-equalize .that-class-or-id{ display:none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d5c105 *//* ===== Brand tokens for this section ===== */
#hero-form{
  --ghg-font:"General Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ghg-green:#184a4a;     /* dark green */
  --ghg-bubble:#DEF2E4;    /* mint card background */
  --ghg-white:#ffffff;     /* white */
  --ghg-accent:#cb6843;    /* orange underline */
}

/* Normalise anything inside the card (prevents Elementor effects) */
#hero-form .ghg-card,
#hero-form .ghg-card *{
  font-family:var(--ghg-font) !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  opacity:1 !important;
}

/* Optional helpers if you added these classes to your two columns */
#hero-form .form-left{
  display:flex;align-items:center;justify-content:center;
  padding:clamp(12px,2vw,24px);
}
#hero-form .form-right{
  display:flex;flex-direction:column;justify-content:center;
  gap:clamp(12px,1.6vw,20px);padding:clamp(12px,2vw,24px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://greenhomeguide.co.uk/wp-content/uploads/2025/10/GeneralSans-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */