.elementor-3982 .elementor-element.elementor-element-9177005{--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:center;--gap:32px 0px;--row-gap:32px;--column-gap:0px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:40px;--padding-right:40px;}.elementor-3982 .elementor-element.elementor-element-9177005:not(.elementor-motion-effects-element-type-background), .elementor-3982 .elementor-element.elementor-element-9177005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-3982 .elementor-element.elementor-element-9177005::before, .elementor-3982 .elementor-element.elementor-element-9177005 > .elementor-background-video-container::before, .elementor-3982 .elementor-element.elementor-element-9177005 > .e-con-inner > .elementor-background-video-container::before, .elementor-3982 .elementor-element.elementor-element-9177005 > .elementor-background-slideshow::before, .elementor-3982 .elementor-element.elementor-element-9177005 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3982 .elementor-element.elementor-element-9177005 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-3982 .elementor-element.elementor-element-9177005 > .elementor-shape-bottom svg, .elementor-3982 .elementor-element.elementor-element-9177005 > .e-con-inner > .elementor-shape-bottom svg{width:calc(0 + 1.3px);height:4em;}.elementor-3982 .elementor-element.elementor-element-f38b8cf{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--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-3982 .elementor-element.elementor-element-36c4822 > .elementor-widget-container{margin:0px 0px -9px 0px;padding:0px 0px 0px 0px;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-infobox,  .elementor-3982 .elementor-element.elementor-element-36c4822 .uael-separator-parent{text-align:center;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-infobox-title{font-family:"General Sans", Sans-serif;font-weight:600;color:#FFFFFF;margin:0px 150px 8px 150px;}.elementor-3982 .elementor-element.elementor-element-f83bdde{--display:flex;}.elementor-3982 .elementor-element.elementor-element-5caf2d1{--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:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3982 .elementor-element.elementor-element-b182d0e{--grid-columns:3;}.elementor-3982 .elementor-element.elementor-element-00ed958{--grid-columns:3;}.elementor-3982 .elementor-element.elementor-element-636ba67{--grid-columns:3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3982 .elementor-element.elementor-element-9177005{--content-width:1200px;}}@media(max-width:1024px){.elementor-3982 .elementor-element.elementor-element-9177005{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-infobox-title{margin:0px 90px 12px 90px;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-3982 .elementor-element.elementor-element-b182d0e{--grid-columns:2;}.elementor-3982 .elementor-element.elementor-element-00ed958{--grid-columns:2;}.elementor-3982 .elementor-element.elementor-element-636ba67{--grid-columns:2;}}@media(max-width:767px){.elementor-3982 .elementor-element.elementor-element-9177005{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-3982 .elementor-element.elementor-element-36c4822 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-infobox-title{margin:0px 0px 12px 0px;}.elementor-3982 .elementor-element.elementor-element-36c4822 .uael-imgicon-wrap{margin:0px 0px 0px 0px;}.elementor-3982 .elementor-element.elementor-element-a0f629c.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-3982 .elementor-element.elementor-element-b182d0e{--grid-columns:1;}.elementor-3982 .elementor-element.elementor-element-00ed958{--grid-columns:1;}.elementor-3982 .elementor-element.elementor-element-636ba67{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-a0f629c */.blog-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 42px;
  padding: 10px;
  background: #f4fbf7;
  border: 1px solid rgba(24, 74, 74, 0.10);
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(24, 74, 74, 0.08);
}

/* Base button */
.filter-btn {
  appearance: none;
  border: none;
  background: transparent !important;
  color: #184a4a !important;
  padding: 11px 22px;
  border-radius: 999px;
  font-family: "General Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.02em;
  cursor: pointer;
  text-decoration: none !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* Hover */
.filter-btn:hover {
  background: rgba(222, 242, 228, 0.9) !important;
  color: #184a4a !important;
  transform: translateY(-1px);
}

/* Active */
.filter-btn.active {
  background: #184a4a !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(24, 74, 74, 0.22);
  transform: none;
}

/* Active hover */
.filter-btn.active:hover {
  background: #184a4a !important;
  color: #ffffff !important;
  transform: none;
}

/* Remove default focus weirdness */
.filter-btn:focus,
.filter-btn:active {
  outline: none;
}

/* Keyboard accessibility */
.filter-btn:focus-visible {
  outline: 3px solid rgba(203, 104, 67, 0.35);
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 600px) {
  .blog-filter {
    width: 100%;
    flex-wrap: wrap;
    border-radius: 22px;
    padding: 8px;
  }

  .filter-btn {
    flex: 1 1 auto;
    padding: 11px 16px;
    font-size: 14px;
  }
}/* 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 */