.elementor-1378 .elementor-element.elementor-element-3fce4175{--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-1378 .elementor-element.elementor-element-153dd954{width:100%;max-width:100%;}.elementor-1378 .elementor-element.elementor-element-3d9e9adf{--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-1378 .elementor-element.elementor-element-64676e3e{--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-1378 .elementor-element.elementor-element-3d91df7b{--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-1378 .elementor-element.elementor-element-4a14c455{--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-1378 .elementor-element.elementor-element-3bc625f0{width:100%;max-width:100%;}.elementor-1378 .elementor-element.elementor-element-e04f213{--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-1378 .elementor-element.elementor-element-0f54bae{--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-1378 .elementor-element.elementor-element-caff69e{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;
  }
}
/* ======================================
   COMMERCIAL CAPABILITY HERO
====================================== */

.pj-capability-hero{

  position:relative;

  min-height:clamp(520px,65vh,760px);

  display:flex;
  align-items:flex-end;

  border-radius:18px;
  overflow:hidden;

  background-color:#060817;

  background-image:
  linear-gradient(180deg,rgba(6,8,23,.25) 0%,rgba(6,8,23,.85) 70%,rgba(6,8,23,.95) 100%),
  radial-gradient(900px 520px at 15% 25%,rgba(0,0,0,.45),rgba(0,0,0,0) 60%),
  url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80");

  background-size:cover;
  background-position:center;

  color:#fff;

}

.pj-capability-hero__inner{

  width:100%;
  padding:clamp(28px,4vw,56px);

}

.pj-capability-hero__kicker{

  margin-bottom:10px;
  font-size:14px;

  letter-spacing:.08em;
  text-transform:uppercase;

  color:rgba(255,255,255,.85);

}

.pj-capability-hero__title{

  margin-bottom:14px;
  max-width:900px;

  font-size:clamp(34px,4.2vw,56px);
  line-height:1.05;

}

.pj-capability-hero__lead{

  max-width:780px;

  font-size:clamp(16px,1.35vw,18px);
  line-height:1.6;

  margin-bottom:24px;

  color:rgba(255,255,255,.9);

}

.pj-capability-hero__actions{

  display:flex;
  gap:12px;
  flex-wrap:wrap;

  margin-bottom:18px;

}

.pj-capability-hero__trust{

  display:flex;
  gap:10px;
  flex-wrap:wrap;

}

/* MOBILE */

@media (max-width:767px){

  .pj-capability-hero{

    align-items:center;
    min-height:70vh;

  }

  .pj-capability-hero__title{

    font-size:clamp(26px,6vw,32px);

  }

  .pj-capability-hero__actions a{

    width:100%;

  }

}
/* ======================================
   COMPANY OVERVIEW
====================================== */

.pj-capability-overview__inner{

  max-width:1000px;

}

.pj-capability-overview__text{

  font-size:16px;
  line-height:1.65;

  margin-bottom:16px;

  color:rgba(255,255,255,.85);

}

.pj-capability-overview__highlights{

  margin-top:18px;

  display:flex;
  flex-wrap:wrap;
  gap:10px;

}
/* ======================================
   CORE SERVICES
====================================== */

.pj-capability-core__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:24px;
}

.pj-capability-core__card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:22px 22px 20px;
}

.pj-capability-core__title{
  margin:0 0 14px;
  font-size:20px;
  line-height:1.2;
  color:#fff !important;
}

.pj-capability-core__list{
  margin:0;
  padding-left:18px;
  color:rgba(255,255,255,.85);
  line-height:1.7;
}

.pj-capability-core__list li{
  margin-bottom:8px;
}

/* Tablet */
@media (max-width:1024px){
  .pj-capability-core__grid{
    grid-template-columns:1fr;
    gap:16px;
  }
}

/* Mobile */
@media (max-width:767px){
  .pj-capability-core__card{
    padding:18px 18px 16px;
  }

  .pj-capability-core__title{
    font-size:18px;
  }
}
/* ======================================
   EQUIPMENT & OPERATIONAL CAPABILITY
====================================== */

.pj-capability-ops__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:24px;
}

.pj-capability-ops__card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:22px 22px 20px;
  transition:all .25s ease;
}

.pj-capability-ops__card:hover{
  border-color:rgba(4,147,214,.35);
  transform:translateY(-2px);
}

.pj-capability-ops__title{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.25;
  color:#fff !important;
}

.pj-capability-ops__text{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:rgba(255,255,255,.82);
}

/* Tablet */
@media (max-width:1024px){
  .pj-capability-ops__grid{
    grid-template-columns:1fr;
    gap:16px;
  }
}

/* Mobile */
@media (max-width:767px){
  .pj-capability-ops__card{
    padding:18px 18px 16px;
  }

  .pj-capability-ops__title{
    font-size:18px;
  }
}
/* ======================================
   HEALTH & SAFETY + CREDENTIALS
====================================== */

.pj-capability-credentials__layout{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap:28px;
  align-items:start;
  margin-top:24px;
}

.pj-capability-credentials__content{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:22px 22px 20px;
}

.pj-capability-credentials__list{
  margin:0;
  padding:0;
  list-style:none;
}

.pj-capability-credentials__list li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  line-height:1.65;
  color:rgba(255,255,255,.86);
}

.pj-capability-credentials__list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--pj-color-primary);
  font-weight:700;
}

.pj-capability-credentials__logos{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.pj-capability-credentials__logoCard{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:110px;
  padding:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  transition:all .25s ease;
}

.pj-capability-credentials__logoCard:hover{
  border-color:rgba(4,147,214,.35);
  transform:translateY(-2px);
}

.pj-capability-credentials__logoCard img{
  max-width:100%;
  max-height:56px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  filter:grayscale(100%);
  opacity:.92;
  transition:all .25s ease;
}

.pj-capability-credentials__logoCard:hover img{
  filter:none;
  opacity:1;
}

/* Tablet */
@media (max-width:1024px){
  .pj-capability-credentials__layout{
    grid-template-columns:1fr;
    gap:18px;
  }

  .pj-capability-credentials__logos{
    grid-template-columns:repeat(3,1fr);
  }
}

/* Mobile */
@media (max-width:767px){
  .pj-capability-credentials__content{
    padding:18px 18px 16px;
  }

  .pj-capability-credentials__logos{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }

  .pj-capability-credentials__logoCard{
    min-height:96px;
    padding:12px;
  }

  .pj-capability-credentials__logoCard img{
    max-height:48px;
  }
}

/* ======================================
   COVERAGE AREA
====================================== */

.pj-capability-coverage__layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  margin-top:24px;
  align-items:start;
}

.pj-capability-coverage__content{
  padding-top:4px;
}

.pj-capability-coverage__text{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.65;
  color:rgba(255,255,255,.84);
}

.pj-capability-coverage__pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pj-capability-coverage__pill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(4,147,214,.14);
  border:1px solid rgba(4,147,214,.28);
  color:#ffffff;
  font-size:13px;
  line-height:1;
  font-weight:600;
  transition:all .25s ease;
}

.pj-capability-coverage__pill:hover{
  background:rgba(4,147,214,.22);
  border-color:rgba(4,147,214,.45);
  transform:translateY(-1px);
}

.pj-capability-coverage__panel{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:22px 22px 20px;
  transition:all .25s ease;
}

.pj-capability-coverage__panel:hover{
  border-color:rgba(4,147,214,.35);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transform:translateY(-2px);
}

.pj-capability-coverage__panelTitle{
  margin:0 0 12px;
  font-size:19px;
  line-height:1.25;
  color:#fff !important;
}

.pj-capability-coverage__panelList{
  margin:0;
  padding-left:18px;
  color:rgba(255,255,255,.86);
  line-height:1.7;
}

.pj-capability-coverage__panelList li{
  margin-bottom:8px;
}

/* Tablet */
@media (max-width:1024px){
  .pj-capability-coverage__layout{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* Mobile */
@media (max-width:767px){
  .pj-capability-coverage__text{
    font-size:15px;
  }

  .pj-capability-coverage__pills{
    gap:8px;
  }

  .pj-capability-coverage__pill{
    min-height:36px;
    padding:9px 12px;
    font-size:12px;
  }

  .pj-capability-coverage__panel{
    padding:18px 18px 16px;
  }

  .pj-capability-coverage__panelTitle{
    font-size:18px;
  }
}/* End custom CSS */