.elementor-61529 .elementor-element.elementor-element-4748d74{--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;}/* Start custom CSS *//* Party Pros East Coast - Bump Soccer city page template CSS */
.ppbs,
.ppbs *{box-sizing:border-box}
.ppbs{
  --ppbs-accent:#1d4ed8;
  --ppbs-accent-2:#0f172a;
  --ppbs-bg:#ffffff;
  --ppbs-soft:#f8fafc;
  --ppbs-soft-2:#eef4ff;
  --ppbs-text:#122033;
  --ppbs-muted:#526071;
  --ppbs-line:#dbe4ee;
  --ppbs-radius:28px;
  --ppbs-shadow:0 18px 45px rgba(15,23,42,.08);
  color:var(--ppbs-text);
  font-size:16px;
  line-height:1.65;
}
.ppbs__wrap{max-width:1200px;margin:0 auto;padding:clamp(20px,2.4vw,34px)}
.ppbs img{display:block;max-width:100%}
.ppbs a{text-decoration:none}
.ppbs h1,.ppbs h2,.ppbs h3,.ppbs h4{margin:0 0 12px;line-height:1.12;color:var(--ppbs-accent-2)}
.ppbs h1{font-size:clamp(34px,4.8vw,58px);letter-spacing:-.03em}
.ppbs h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.02em}
.ppbs h3{font-size:clamp(19px,2vw,24px)}
.ppbs p{margin:0 0 14px}
.ppbs__section{margin:24px 0;padding:clamp(24px,2.4vw,34px);background:var(--ppbs-bg);border:1px solid var(--ppbs-line);border-radius:var(--ppbs-radius);box-shadow:var(--ppbs-shadow)}
.ppbs__section--soft{background:var(--ppbs-soft)}
.ppbs__section--accent{background:linear-gradient(180deg,var(--ppbs-soft-2),var(--ppbs-soft))}
.ppbs__section--feature{overflow:hidden}
.ppbs__hero{
  position:relative;overflow:hidden;
  margin:0 0 24px;padding:clamp(24px,3vw,40px);
  border-radius:calc(var(--ppbs-radius) + 4px);
  background:linear-gradient(145deg,var(--ppbs-soft-2) 0%,#fff 52%,var(--ppbs-soft) 100%);
  border:1px solid var(--ppbs-line);box-shadow:var(--ppbs-shadow)
}
.ppbs__eyebrow{
  position:relative;z-index:3;
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:18px;padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.72);
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ppbs-accent);
  backdrop-filter:blur(10px)
}
.ppbs__hero-grid,.ppbs__split,.pp-card--feature{display:grid;gap:24px;align-items:center}
.ppbs__hero-grid{grid-template-columns:1.02fr .98fr;align-items:stretch}
.ppbs__hero-copy{
  position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(18px,2.2vw,28px);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.92));
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 20px 42px rgba(15,23,42,.10)
}
.ppbs__hero-copy h1{
  max-width:14ch;
  color:var(--ppbs-accent-2);
  text-wrap:balance;
}
.ppbs__lead{
  font-size:clamp(18px,2vw,22px);
  line-height:1.72;
  color:#314155;
  max-width:58ch
}
.ppbs__hero-note{
  margin:20px 0 18px;padding:18px 20px;border-radius:22px;
  background:rgba(239,244,255,.88);
  border:1px solid rgba(15,23,42,.08)
}
.ppbs__hero-note strong{display:block;margin-bottom:6px;font-size:15px}
.ppbs__hero-note p:last-child{margin-bottom:0}
.ppbs__hero-media{display:flex}
.ppbs__hero-media img{
  width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;
  border-radius:calc(var(--ppbs-radius) - 6px);
  box-shadow:0 20px 40px rgba(15,23,42,.16)
}
.ppbs__pill-row,.pp-tags,.ppbs__buttons{display:flex;flex-wrap:wrap;gap:12px}
.ppbs__pill,.pp-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:8px 14px;border-radius:999px;
  background:#fff;border:1px solid rgba(15,23,42,.08);font-size:13px;font-weight:700;color:var(--ppbs-accent-2)
}
.ppbs__buttons{margin-top:20px}
.ppbs__btn{
  appearance:none;border:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  min-height:50px;padding:12px 22px;border-radius:16px;
  background:var(--ppbs-accent);color:#fff;font-weight:700;line-height:1.2;
  box-shadow:0 14px 30px rgba(0,0,0,.14);transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.ppbs__btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(0,0,0,.16)}
.ppbs__btn--ghost{background:#fff;color:var(--ppbs-accent-2);border:1px solid var(--ppbs-line);box-shadow:none}
.ppbs__section-head{max-width:78ch;margin-bottom:20px}
.ppbs__section-head p{color:var(--ppbs-muted)}
.ppbs__grid-3,.ppbs__grid-4,.ppbs__steps{display:grid;gap:18px}
.ppbs__grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ppbs__grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ppbs__steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.ppbs__card,.pp-card{
  background:#fff;border:1px solid var(--ppbs-line);border-radius:24px;
  padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)
}
.pp-card--feature{grid-template-columns:.92fr 1.08fr;padding:0}
.pp-card__media img{
  width:100%;height:100%;min-height:320px;aspect-ratio:4/3;object-fit:cover;
  border-radius:24px 0 0 24px
}
.pp-card__body{padding:26px}
.ppbs__step{position:relative;padding-top:58px}
.ppbs__step-no{
  position:absolute;top:18px;left:18px;width:32px;height:32px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;font-weight:800;
  background:var(--ppbs-accent);color:#fff
}
.ppbs__split{grid-template-columns:1fr 1fr}
.ppbs__list{margin:0;padding-left:20px}
.ppbs__list li{margin:0 0 8px}
.ppbs__prose p:last-child,
.ppbs__card p:last-child,
.pp-card__body p:last-child{margin-bottom:0}
.ppbs__faq{display:grid;gap:14px}
.ppbs__faq details{
  background:#fff;border:1px solid var(--ppbs-line);border-radius:18px;
  padding:18px 20px
}
.ppbs__faq summary{cursor:pointer;font-weight:800;list-style:none}
.ppbs__faq summary::-webkit-details-marker{display:none}
.ppbs__faq details[open]{border-color:var(--ppbs-accent);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.ppbs__faq details p{margin:14px 0 0;color:var(--ppbs-muted)}
.ppbs__cta{
  display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;
  padding:clamp(22px,2.8vw,36px);border-radius:28px;
  background:linear-gradient(135deg,var(--ppbs-accent-2),var(--ppbs-accent));
  color:#fff
}
.ppbs__cta h2,.ppbs__cta p{color:#fff}
.ppbs__cta .ppbs__btn{background:#fff;color:var(--ppbs-accent-2)}
.ppbs__cta .ppbs__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.ppbs .pp-add-to-quote{position:relative;padding-left:52px}
.ppbs .pp-add-to-quote::before{
  content:"⚽";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:18px
}

/* Layout-specific styling */
.ppbs.v1{--ppbs-accent:#2563eb;--ppbs-accent-2:#0f172a;--ppbs-soft:#f8fbff;--ppbs-soft-2:#eaf2ff}
.ppbs.v1 .ppbs__card,.ppbs.v1 .pp-card{border-radius:20px}
.ppbs.v1 .ppbs__section{border-left:4px solid rgba(37,99,235,.15)}

.ppbs.v2{--ppbs-accent:#0f766e;--ppbs-accent-2:#102a43;--ppbs-soft:#f3fbf9;--ppbs-soft-2:#dff8f2}
.ppbs.v2 .ppbs__hero{background:linear-gradient(125deg,#102a43 0%,#174b63 42%,#e7fbf7 42%,#f8fffd 100%)}
.ppbs.v2 .ppbs__eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26);color:#fff}
.ppbs.v2 .ppbs__hero-copy{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.92))}
.ppbs.v2 .ppbs__hero-copy h1,
.ppbs.v2 .ppbs__hero-copy .ppbs__lead,
.ppbs.v2 .ppbs__hero-copy .ppbs__hero-note,
.ppbs.v2 .ppbs__hero-copy .ppbs__hero-note strong,
.ppbs.v2 .ppbs__hero-copy .ppbs__hero-note p{color:#102a43}
.ppbs.v2 .ppbs__hero-copy .ppbs__pill{background:#fff;border-color:rgba(16,42,67,.08);color:#102a43}
.ppbs.v2 .ppbs__hero-grid{grid-template-columns:1fr 1.02fr}
.ppbs.v2 .ppbs__section{border-radius:30px}

.ppbs.v3{--ppbs-accent:#7c3aed;--ppbs-accent-2:#221433;--ppbs-soft:#faf7ff;--ppbs-soft-2:#efe7ff}
.ppbs.v3 .ppbs__hero{background:radial-gradient(circle at top left,#fff 0%,#f3ecff 35%,#ede4ff 100%)}
.ppbs.v3 .ppbs__card,.ppbs.v3 .pp-card,.ppbs.v3 .ppbs__faq details{border-radius:28px}
.ppbs.v3 .ppbs__section{background:linear-gradient(180deg,#fff,#fbf8ff)}

.ppbs.v4{--ppbs-accent:#ea580c;--ppbs-accent-2:#2f1a0d;--ppbs-soft:#fff7f2;--ppbs-soft-2:#ffe8da}
.ppbs.v4 .ppbs__hero-grid{grid-template-columns:.95fr 1.05fr}
.ppbs.v4 .ppbs__hero-copy{order:2}
.ppbs.v4 .ppbs__hero-media{order:1}
.ppbs.v4 .ppbs__section{border-radius:22px}
.ppbs.v4 .ppbs__card,.ppbs.v4 .pp-card{box-shadow:0 10px 30px rgba(234,88,12,.08)}

.ppbs.v5{--ppbs-accent:#3f6212;--ppbs-accent-2:#1f2937;--ppbs-soft:#f8fcf1;--ppbs-soft-2:#e9f6d4}
.ppbs.v5 .ppbs__hero{background:linear-gradient(180deg,#eef7dc 0%,#ffffff 70%)}
.ppbs.v5 .ppbs__section--accent{background:linear-gradient(180deg,#eef7dc,#f8fcf1)}
.ppbs.v5 .ppbs__card,.ppbs.v5 .pp-card{border-top:5px solid rgba(63,98,18,.15)}

.ppbs.v6{--ppbs-accent:#c2410c;--ppbs-accent-2:#111827;--ppbs-soft:#fff9f5;--ppbs-soft-2:#ffe9dd}
.ppbs.v6 .ppbs__hero{background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.88)),linear-gradient(145deg,#ffe8dc,#fff)}
.ppbs.v6 .ppbs__section,.ppbs.v6 .ppbs__hero,.ppbs.v6 .ppbs__faq details,.ppbs.v6 .ppbs__card,.ppbs.v6 .pp-card{
  backdrop-filter:blur(6px)
}
.ppbs.v6 .ppbs__hero-note{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}

.ppbs.v7{--ppbs-accent:#dc2626;--ppbs-accent-2:#111827;--ppbs-soft:#fff6f6;--ppbs-soft-2:#ffe3e3}
.ppbs.v7 .ppbs__hero{background:linear-gradient(135deg,#111827 0%,#111827 28%,#fff 28%,#fff 100%)}
.ppbs.v7 .ppbs__eyebrow{background:#111827;color:#fff;border-color:#111827}
.ppbs.v7 .ppbs__pill{border-color:rgba(17,24,39,.1)}
.ppbs.v7 .ppbs__hero-copy{padding-right:clamp(18px,2.2vw,28px)}
.ppbs.v7 .ppbs__card h3,.ppbs.v7 .pp-card__body h3{position:relative;padding-bottom:10px}
.ppbs.v7 .ppbs__card h3::after,.ppbs.v7 .pp-card__body h3::after{
  content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;background:var(--ppbs-accent);border-radius:999px
}

.ppbs.v8{--ppbs-accent:#0f766e;--ppbs-accent-2:#172554;--ppbs-soft:#f5fbfb;--ppbs-soft-2:#dff7f7}
.ppbs.v8 .ppbs__section,.ppbs.v8 .ppbs__hero{border-radius:12px;box-shadow:none}
.ppbs.v8 .ppbs__card,.ppbs.v8 .pp-card,.ppbs.v8 .ppbs__faq details{border-radius:12px;box-shadow:none}
.ppbs.v8 .ppbs__hero{border-width:2px}
.ppbs.v8 .ppbs__section-head{padding-bottom:12px;border-bottom:1px solid var(--ppbs-line)}

.ppbs.v9{--ppbs-accent:#0284c7;--ppbs-accent-2:#082f49;--ppbs-soft:#f2fbff;--ppbs-soft-2:#d8f2ff}
.ppbs.v9 .ppbs__hero{background:linear-gradient(160deg,#082f49 0%,#0b4f76 44%,#f2fbff 44%,#ffffff 100%)}
.ppbs.v9 .ppbs__eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.ppbs.v9 .ppbs__hero-copy h1,
.ppbs.v9 .ppbs__hero-copy .ppbs__lead,
.ppbs.v9 .ppbs__hero-copy .ppbs__hero-note,
.ppbs.v9 .ppbs__hero-copy .ppbs__hero-note strong,
.ppbs.v9 .ppbs__hero-copy .ppbs__hero-note p{color:#082f49}
.ppbs.v9 .ppbs__hero-copy .ppbs__pill{background:#fff;border-color:rgba(8,47,73,.08);color:#082f49}
.ppbs.v9 .ppbs__section--soft{background:linear-gradient(180deg,#eefbff,#fff)}
.ppbs.v9 .ppbs__cta{border-radius:16px}

.ppbs.v10{--ppbs-accent:#a16207;--ppbs-accent-2:#161616;--ppbs-soft:#fffaf0;--ppbs-soft-2:#f9ebc6}
.ppbs.v10 .ppbs__hero{background:linear-gradient(135deg,#161616 0%,#2c2415 38%,#fff6e0 38%,#fffdf7 100%)}
.ppbs.v10 .ppbs__eyebrow{background:#fff6e0;border-color:#eed9a1;color:#161616}
.ppbs.v10 .ppbs__hero-copy h1,
.ppbs.v10 .ppbs__hero-copy .ppbs__lead,
.ppbs.v10 .ppbs__hero-copy .ppbs__hero-note,
.ppbs.v10 .ppbs__hero-copy .ppbs__hero-note strong,
.ppbs.v10 .ppbs__hero-copy .ppbs__hero-note p{color:#161616}
.ppbs.v10 .ppbs__hero-copy .ppbs__pill{background:#fff;border-color:rgba(22,22,22,.08);color:#161616}
.ppbs.v10 .ppbs__hero-note{background:#fff8ea;border-color:#f0dfb5}
.ppbs.v10 .ppbs__card,.ppbs.v10 .pp-card{border-color:#f0dfb5}
.ppbs.v10 .ppbs__cta{background:linear-gradient(135deg,#161616,#6b4f11)}

/* responsive */
@media (max-width: 1080px){
  .ppbs__hero-grid,.ppbs__split,.pp-card--feature,.ppbs__cta{grid-template-columns:1fr}
  .ppbs__hero-copy h1{max-width:none}
  .pp-card__media img{border-radius:24px 24px 0 0;min-height:260px}
  .ppbs__grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ppbs__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .ppbs__wrap{padding:16px}
  .ppbs__section,.ppbs__hero{padding:18px}
  .ppbs__hero-copy{padding:16px}
  .ppbs__grid-3,.ppbs__grid-4,.ppbs__steps{grid-template-columns:1fr}
  .ppbs__buttons{flex-direction:column}
  .ppbs__btn{width:100%}
  .ppbs__cta{padding:22px}
  .ppbs__pill-row,.pp-tags{gap:8px}
  .ppbs__eyebrow{letter-spacing:.05em}
}

/* Quote card below hero CTA */
.ppbs__quote-inline{margin-top:14px;max-width:560px}
.ppbs__quote-card{
  width:100%;appearance:none;cursor:pointer;
  display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;
  padding:14px;border:1px solid var(--ppbs-line);border-radius:20px;
  background:#fff;color:var(--ppbs-accent-2);text-align:left;
  box-shadow:0 16px 30px rgba(15,23,42,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.ppbs__quote-card:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(15,23,42,.12);border-color:rgba(29,78,216,.24)}
.ppbs__quote-card-media{
  display:flex;align-items:center;justify-content:center;
  width:92px;height:92px;border-radius:18px;background:var(--ppbs-soft-2);overflow:hidden
}
.ppbs__quote-card-media img{width:100%;height:100%;object-fit:cover}
.ppbs__quote-card-copy{display:flex;flex-direction:column;gap:6px}
.ppbs__quote-card-copy strong{font-size:16px;line-height:1.2;color:var(--ppbs-accent-2)}
.ppbs__quote-card-copy small{display:block;font-size:13px;line-height:1.45;color:var(--ppbs-muted)}
@media (max-width: 767px){
  .ppbs__quote-inline{max-width:none}
  .ppbs__quote-card{grid-template-columns:76px 1fr;padding:12px}
  .ppbs__quote-card-media{width:76px;height:76px;border-radius:16px}
}

/* =========================================================
   FINAL HERO BALANCE + IMAGE DISPLAY FIX
   Paste at the bottom of the Elementor template CSS
   ========================================================= */

/* widen the overall content area so the hero feels properly filled */
.ppbs__wrap{
  max-width: 1380px;
  padding: clamp(18px,2.2vw,30px);
}

/* keep the hero full inside the page template, not a narrow centered block */
.ppbs__hero.ppbs__hero--full{
  width: 100%;
  max-width: 100%;
  margin: 0 0 28px;
  padding: clamp(20px,2.4vw,34px);
  border-radius: 30px;
}

/* balanced two-column hero */
.ppbs__hero-grid{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(20px,2vw,28px);
  align-items: stretch;
}

/* copy panel */
.ppbs__hero-copy{
  height: 100%;
  justify-content: center;
  padding: clamp(20px,2.2vw,30px);
  border-radius: 26px;
  background: linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,255,255,.955));
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 24px 48px rgba(15,23,42,.12);
}

.ppbs__hero-copy h1{
  max-width: 16ch;
  font-size: clamp(34px,4.2vw,60px);
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.ppbs__lead{
  max-width: 58ch;
  font-size: clamp(17px,1.45vw,22px);
  line-height: 1.68;
  color: #2b3a4f;
}

/* right column now uses image + support copy to visually balance the left side */
.ppbs__hero-media{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  min-width: 0;
  height: 100%;
  padding: clamp(16px,1.8vw,22px);
  border-radius: 26px;
  background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));
  border: 1px solid var(--ppbs-line);
  box-shadow: 0 18px 40px rgba(15,23,42,.08);
}

/* critical fix: show the full hero image cleanly */
.ppbs__hero-media img{
  display: block;
  width: 100%;
  height: auto !important;
  max-width: 100%;
  max-height: 460px;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto;
  border-radius: 22px;
  box-shadow: none !important;
  background: transparent;
}

/* text block under image */
.ppbs__hero-media-copy{
  margin-top: 0;
  padding: 18px 20px;
  border-radius: 20px;
  background: linear-gradient(180deg,var(--ppbs-soft-2),#fff);
  border: 1px solid rgba(15,23,42,.08);
}

.ppbs__hero-media-copy strong{
  display: block;
  margin-bottom: 8px;
  font-size: clamp(19px,1.5vw,24px);
  line-height: 1.15;
  color: var(--ppbs-accent-2);
}

.ppbs__hero-media-copy p{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ppbs-muted);
}

/* quote card width stays neat */
.ppbs__quote-inline{
  max-width: 100%;
}

.ppbs__quote-card{
  max-width: 560px;
}

/* preserve the alternate hero order layout */
.ppbs.v4 .ppbs__hero-copy{
  order: 2;
}

.ppbs.v4 .ppbs__hero-media{
  order: 1;
}

/* darker hero variants need the white panel treatment */
.ppbs.v2 .ppbs__hero-copy,
.ppbs.v9 .ppbs__hero-copy,
.ppbs.v10 .ppbs__hero-copy{
  background: linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.965));
}

/* responsive */
@media (max-width: 1180px){
  .ppbs__wrap{
    max-width: 100%;
  }

  .ppbs__hero-copy h1{
    max-width: 17ch;
    font-size: clamp(32px,4vw,54px);
  }

  .ppbs__hero-media img{
    max-height: 420px;
  }
}

@media (max-width: 1080px){
  .ppbs__hero-grid,
  .ppbs__split,
  .pp-card--feature,
  .ppbs__cta{
    grid-template-columns: 1fr;
  }

  .ppbs__hero-copy{
    order: 1 !important;
  }

  .ppbs__hero-media{
    order: 2 !important;
    height: auto;
  }

  .ppbs__hero-copy h1{
    max-width: none;
  }

  .ppbs__hero-media img{
    max-height: none;
  }
}

@media (max-width: 767px){
  .ppbs__wrap{
    padding: 14px;
  }

  .ppbs__hero.ppbs__hero--full{
    padding: 16px;
    border-radius: 22px;
    margin-bottom: 18px;
  }

  .ppbs__hero-grid{
    gap: 16px;
  }

  .ppbs__hero-copy{
    padding: 16px;
    border-radius: 20px;
  }

  .ppbs__hero-copy h1{
    font-size: clamp(30px,9vw,44px);
    line-height: 1.04;
  }

  .ppbs__lead{
    font-size: 17px;
    line-height: 1.62;
  }

  .ppbs__hero-media{
    padding: 12px;
    border-radius: 20px;
    gap: 14px;
  }

  .ppbs__hero-media img{
    width: 100%;
    height: auto !important;
    border-radius: 16px;
  }

  .ppbs__hero-media-copy{
    padding: 14px 15px;
    border-radius: 16px;
  }

  .ppbs__hero-media-copy strong{
    font-size: 18px;
  }

  .ppbs__hero-media-copy p{
    font-size: 14px;
    line-height: 1.58;
  }

  .ppbs__quote-card{
    max-width: none;
  }
}

/* final safety so no old rule crops the hero image */
.ppbs .ppbs__hero .ppbs__hero-media img{
  object-fit: contain !important;
  aspect-ratio: auto !important;
  height: auto !important;
}/* End custom CSS */