.elementor-475 .elementor-element.elementor-element-c1eab48{--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;--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-475 .elementor-element.elementor-element-246166d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-246166d *//* ---------- WHY GAPS (4-col bundle variant) ---------- */
.pf-site .why-gaps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.pf-site .why-gaps .bundle {
  min-height: 200px;
}

.pf-site .why-gaps .bundle__title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  line-height: 1.15;
  color: var(--pf-navy-900);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  .pf-site .why-gaps {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .pf-site .why-gaps {
    grid-template-columns: 1fr;
  }
  .pf-site .why-gaps .bundle {
    min-height: auto;
  }
}


/* ---------- CHAIN OF TITLE CALLOUT ---------- */
.pf-site .chain__callout {
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.4;
  color: var(--pf-navy-900);
  margin: 32px 0 0;
  padding: 24px 28px;
  border-left: 4px solid var(--pf-aqua-500);
  background: var(--pf-sand-100);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

@media (max-width: 700px) {
  .pf-site .chain__callout {
    font-size: 1.05rem;
    padding: 20px 20px;
  }
}/* End custom CSS */