.elementor-16228 .elementor-element.elementor-element-06cf6f3{--display:flex;--min-height:0px;--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 20px;--row-gap:0px;--column-gap:20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:50px;}.elementor-16228 .elementor-element.elementor-element-06cf6f3:not(.elementor-motion-effects-element-type-background), .elementor-16228 .elementor-element.elementor-element-06cf6f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECF7;background-image:url("https://pclips.co.uk/wp-content/uploads/2026/02/p-clip-on-pipe-1.webp");}.elementor-16228 .elementor-element.elementor-element-3aa2507{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16228 .elementor-element.elementor-element-3aa2507.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16228 .elementor-element.elementor-element-6f44667{--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:flex-start;--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-16228 .elementor-element.elementor-element-08a9ec9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button{background-color:#F5F5F5;font-weight:600;fill:#051633E0;color:#051633E0;border-style:none;border-radius:4px 4px 4px 4px;padding:17px 20px 17px 20px;}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button:hover, .elementor-16228 .elementor-element.elementor-global-14490 .elementor-button:focus{background-color:var( --e-global-color-271690e );color:#FFFFFF;}.elementor-16228 .elementor-element.elementor-global-14490 > .elementor-widget-container:hover{--e-transform-translateY:-2px;}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button:hover svg, .elementor-16228 .elementor-element.elementor-global-14490 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-16228 .elementor-element.elementor-element-48c1ea2{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-16228 .elementor-element.elementor-element-06cf6f3{--min-height:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:25px;--padding-right:25px;}.elementor-16228 .elementor-element.elementor-element-6f44667{--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;--justify-content:space-between;}.elementor-16228 .elementor-element.elementor-global-14490 .elementor-button{line-height:1.3em;}}@media(max-width:767px){.elementor-16228 .elementor-element.elementor-element-06cf6f3{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-16228 .elementor-element.elementor-element-3aa2507{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16228 .elementor-element.elementor-element-6f44667{--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;--justify-content:space-between;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--border-radius:0px 0px 0px 0px;--padding-top:015px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16228 .elementor-element.elementor-element-48c1ea2{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-16228 .elementor-element.elementor-element-3aa2507{--width:100%;}.elementor-16228 .elementor-element.elementor-element-6f44667{--width:75%;}.elementor-16228 .elementor-element.elementor-element-48c1ea2{--content-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16228 .elementor-element.elementor-element-6f44667{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-08a9ec9 */.elementor-16228 .elementor-element.elementor-element-08a9ec9 .elementor-shortcode {
  font-family: 'Figtree', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff; /* Adjust if your brand uses a different dark blue */
  margin-bottom: 0px;
  text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-14490 */.elementor-16228 .elementor-element.elementor-global-14490 svg {
    height: 0.8em;
    width: 0.8em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06cf6f3 */@media (min-width: 993px) {
    .woocommerce-breadcrumb {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
}

.hero-styles { 
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden; /* prevents any overlay bleed if something weird happens */
}

.hero-styles::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    /* 1) TOP EDGE BLEND (NEW): helps the hero visually tuck under the header */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.75) 0%,
      rgba(7, 18, 34, 0.45) 10%,
      rgba(7, 18, 34, 0.18) 22%,
      rgba(7, 18, 34, 0.00) 32%
    ),

    /* 2) HORIZONTAL READABILITY GRADIENT (your original, kept in spirit) */
    linear-gradient(
      90deg,
      rgba(7, 18, 34, 0.85) 0%,
      rgba(7, 18, 34, 0.65) 35%,
      rgba(7, 18, 34, 0.35) 55%,
      rgba(7, 18, 34, 0.10) 70%,
      rgba(7, 18, 34, 0.00) 100%
    ),

    /* 3) BOTTOM BLEND INTO SHOUTOUTS (your original, slightly tidied for smoother ramp) */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.00) 0%,
      rgba(7, 18, 34, 0.18) 52%,
      rgba(7, 18, 34, 0.45) 72%,
      rgba(7, 18, 34, 0.85) 100%
    );

  z-index: 1;
}

.hero-styles > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */