.elementor-1320 .elementor-element.elementor-element-bd9b3c2{--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;}.elementor-1320 .elementor-element.elementor-element-28cada2{width:100%;max-width:100%;}.elementor-1320 .elementor-element.elementor-element-b20df93{--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;}.elementor-1320 .elementor-element.elementor-element-7c467ec{--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;}.elementor-1320 .elementor-element.elementor-element-bd75124{--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;}.elementor-1320 .elementor-element.elementor-element-eee3886{--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;}.elementor-1320 .elementor-element.elementor-element-9bae421{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS *//* ========================================
   Template A — Service Hero
   Page: Grounds Maintenance Services
   Scoped CSS
   ======================================== */

.pj-service-hero{
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(520px, 65vh, 760px);
  overflow: hidden;
  border-radius: var(--pj-radius-hero);
  background-color: var(--pj-color-bg);
  background-image:
    linear-gradient(180deg, rgba(6,8,23,.22) 0%, rgba(6,8,23,.82) 72%, rgba(6,8,23,.94) 100%),
    radial-gradient(900px 520px at 18% 24%, rgba(0,0,0,.42), rgba(0,0,0,0) 60%),
    url("https://pro-juvenate-uk.co.uk/wp-content/uploads/2026/03/pro-juvenate-uk-grounds-maintance.webp");
  background-size: cover;
  background-position: center;
  color: var(--pj-color-white);
}

.pj-service-hero__inner{
  width: 100%;
  padding-top: clamp(28px, 4vw, 56px);
  padding-bottom: clamp(24px, 3.8vw, 52px);
}

.pj-service-hero__kicker{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
}

.pj-service-hero__title{
  max-width: 860px;
  margin: 0 0 12px;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.05;
  font-weight: 700;
  color: var(--pj-color-white);
}

.pj-service-hero__lead{
  max-width: 760px;
  margin: 0 0 22px;
  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.6;
  color: rgba(255,255,255,.90);
}

.pj-service-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.pj-service-hero__btn{
  width: auto;
}

.pj-service-hero__trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pj-service-hero__trustItem{
  white-space: nowrap;
}

/* Tablet */
@media (max-width: 1024px){
  .pj-service-hero{
    min-height: clamp(460px, 60vh, 680px);
    background-position: center;
  }
}

/* Mobile */
@media (max-width: 767px){
  .pj-service-hero{
    min-height: 72vh;
    align-items: center;
    border-radius: 14px;
    background-position: center;
  }

  .pj-service-hero__inner{
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .pj-service-hero__title{
    font-size: clamp(28px, 6.2vw, 34px);
    line-height: 1.12;
  }

  .pj-service-hero__actions{
    margin-bottom: 16px;
  }

  .pj-service-hero__btn{
    width: 100%;
  }

  .pj-service-hero__trust{
    gap: 8px;
  }

  .pj-service-hero__trustItem{
    white-space: normal;
  }
}
/* ========================================
   Template A — Service Overview
   ======================================== */

.pj-service-overview__grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap:40px;
  align-items:center;
}

.pj-service-overview__title{
  margin-bottom:14px;
}

.pj-service-overview__text{
  margin-bottom:14px;
}

.pj-service-overview__list{
  margin-top:16px;
  padding-left:18px;
  color:var(--pj-text-soft);
  line-height:1.7;
}

.pj-service-overview__list li{
  margin-bottom:6px;
}

.pj-service-overview__media{
  position:relative;
}

.pj-service-overview__image{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:var(--pj-radius-card);
}

/* Tablet */

@media (max-width: 1024px){

  .pj-service-overview__grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .pj-service-overview__image{
    height:340px;
  }

}

/* Mobile */

@media (max-width: 767px){

  .pj-service-overview__image{
    height:260px;
  }

}
/* ========================================
   Template A — Service Pathways
   ======================================== */

.pj-service-pathways__title{
  margin-bottom: 8px;
}

.pj-service-pathways__lead{
  max-width: 760px;
}

.pj-service-pathways__grid{
  margin-top: 18px;
}

.pj-service-pathways__card{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pj-service-pathways__cardTitle{
  margin-bottom: 8px;
}

.pj-service-pathways__text{
  margin-bottom: 0;
}

.pj-service-pathways__link{
  margin-top: 14px;
}

@media (max-width: 767px){
  .pj-service-pathways__grid{
    margin-top: 14px;
  }
}
/* ========================================
   Template A — Service Process
   ======================================== */

.pj-service-process__title{
  margin-bottom: 8px;
}

.pj-service-process__lead{
  max-width: 760px;
}

.pj-service-process__grid{
  margin-top: 18px;
  gap: 16px;
}

.pj-service-process__step{
  position: relative;
  padding-top: 20px;
}

.pj-service-process__number{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 32px;
  margin-bottom: 14px;
  padding: 0 12px;
  border-radius: var(--pj-radius-pill);
  background: rgba(4,147,214,0.14);
  border: 1px solid rgba(4,147,214,0.24);
  color: var(--pj-color-primary);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}

.pj-service-process__stepTitle{
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2;
  color: var(--pj-color-white);
}

.pj-service-process__text{
  margin: 0;
  color: var(--pj-text-soft);
  line-height: 1.65;
}

@media (max-width: 767px){
  .pj-service-process__grid{
    margin-top: 14px;
    gap: 14px;
  }

  .pj-service-process__stepTitle{
    font-size: 18px;
  }
}
/* ========================================
   Template A — Final CTA Strip
   ======================================== */

.pj-service-cta__panel{
  position: relative;
  overflow: hidden;
  border-radius: var(--pj-radius-hero);
  padding: clamp(26px, 4vw, 12px);
  background:
    linear-gradient(135deg, rgba(4,147,214,0.16) 0%, rgba(4,147,214,0.08) 45%, rgba(255,255,255,0.04) 100%),
    rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: var(--pj-shadow-soft);
}

.pj-service-cta__panel::before{
  content: "";
  position: absolute;
  inset: auto -10% -30% auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4,147,214,0.18) 0%, rgba(4,147,214,0) 70%);
  pointer-events: none;
}

.pj-service-cta__content{
  position: relative;
  z-index: 1;
  max-width: 860px;
}

.pj-service-cta__title{
  margin: 0 0 12px;
  max-width: 760px;
  line-height: 1.08;
}

.pj-service-cta__text{
  margin: 0 0 22px;
  max-width: 720px;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.65;
  color: var(--pj-text-soft);
}

.pj-service-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.pj-service-cta__btn{
  width: auto;
}

.pj-service-cta__subline{
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pj-text-muted);
}

@media (max-width: 767px){
  .pj-service-cta__panel{
    border-radius: 14px;
    padding: 22px 18px;
  }

  .pj-service-cta__actions{
    gap: 10px;
    margin-bottom: 14px;
  }

  .pj-service-cta__btn{
    width: 100%;
  }

  .pj-service-cta__subline{
    font-size: 13px;
  }
}/* End custom CSS */