.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#333333;--e-global-color-text:#333333;--e-global-color-accent:#009DE6;--e-global-color-4a2239f:#FFFFFF;--e-global-color-3bb2a33:#0056B1;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-3bb2a33 );}.elementor-kit-5 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   Neon gradient box - North West Boiler Replacement
   ========================================= */
.neon-box {
  position: relative;
  z-index: 0;                 /* keeps pseudo glow under content   */
  padding: 3rem 2rem;         /* space for the inner text          */
  text-align: center;
  background: #fff;           /* card fill                         */
  border-radius: 32px;
  transition: transform .35s ease,
              box-shadow .35s ease;
}

/* gradient “border” + outer glow */
.neon-box::before {
  content: '';
  position: absolute;
  inset: 0;                   /* stretch full size of parent       */
  z-index: -1;                /* sit behind the box content        */
  border-radius: inherit;

  /* 1. gradient ring */
  padding: 3px;               /* thickness of the colourful edge   */
  background: linear-gradient(135deg, #0056B1 0%, #009DE6 100%);

  /* 2. make it look like a border (cut out the middle) */
  -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);   /* two identical masks           */
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  /* 3. neon glow */
  filter: blur(12px);
  opacity: 0.9;
  transition: opacity .35s ease, filter .35s ease;
}

/* subtle lift + colour swap on hover */
.neon-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}
.neon-box:hover::before {
  background: linear-gradient(135deg, #009DE6 0%, #0056B1 100%); /* reversed gradient */
  filter: blur(16px);
  opacity: 1;
}/* End custom CSS */