.elementor-168 .elementor-element.elementor-element-70ce7e6{--display:flex;--min-height:440px;--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;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-70ce7e6:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-70ce7e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7433C0;background-image:url("https://resources.abbpaysolutions.com/wp-content/uploads/2026/08/pexels-photo-6285085.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-168 .elementor-element.elementor-element-a62ca74{--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;--justify-content:center;--align-items:center;--gap:16px 0px;--row-gap:16px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-6dc507e{text-align:center;}.elementor-168 .elementor-element.elementor-element-6dc507e .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-2880533 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-de87f13{text-align:center;color:var( --e-global-color-2880533 );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-168 .elementor-element.elementor-element-5ee3a9c{--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:stretch;--gap:18px 0px;--row-gap:18px;--column-gap:0px;--padding-top:64px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-bf4f5a1 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-22bc03d );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-168 .elementor-element.elementor-element-4b7ef50{--grid-columns:1;}.elementor-168 .elementor-element.elementor-element-5a88c37{--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:stretch;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:40px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-5c106a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:baseline;--gap:8px 16px;--row-gap:8px;--column-gap:16px;}.elementor-168 .elementor-element.elementor-element-e2f7755 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-168 .elementor-element.elementor-element-6769be1{--grid-columns:3;}.elementor-168 .elementor-element.elementor-element-6769be1 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-168 .elementor-element.elementor-element-6769be1 .e-loop-item > .elementor-section, .elementor-168 .elementor-element.elementor-element-6769be1 .e-loop-item > .elementor-section > .elementor-container, .elementor-168 .elementor-element.elementor-element-6769be1 .e-loop-item > .e-con, .elementor-168 .elementor-element.elementor-element-6769be1 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button{background-color:var( --e-global-color-2880533 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:9999px 9999px 9999px 9999px;padding:14px 28px 14px 28px;}.elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button:hover, .elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-2880533 );border-color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-25ce575{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button:hover svg, .elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button:focus svg{fill:var( --e-global-color-2880533 );}.elementor-168 .elementor-element.elementor-element-357f254{--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:center;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-357f254:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-357f254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-31b6cc2 );}.elementor-168 .elementor-element.elementor-element-cd20088{--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:stretch;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-168 .elementor-element.elementor-element-bde599a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-168 .elementor-element.elementor-element-4c4510e{--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:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-168 .elementor-element.elementor-element-a62ca74{--content-width:720px;}.elementor-168 .elementor-element.elementor-element-5ee3a9c{--content-width:1140px;}.elementor-168 .elementor-element.elementor-element-5a88c37{--content-width:1140px;}.elementor-168 .elementor-element.elementor-element-cd20088{--content-width:1140px;}}@media(max-width:1024px){.elementor-168 .elementor-element.elementor-element-70ce7e6{--min-height:400px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-4b7ef50{--grid-columns:1;}.elementor-168 .elementor-element.elementor-element-6769be1{--grid-columns:2;}}@media(max-width:767px){.elementor-168 .elementor-element.elementor-element-70ce7e6{--min-height:360px;--padding-top:52px;--padding-bottom:52px;--padding-left:18px;--padding-right:18px;}.elementor-168 .elementor-element.elementor-element-70ce7e6:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-70ce7e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-168 .elementor-element.elementor-element-4b7ef50{--grid-columns:1;}.elementor-168 .elementor-element.elementor-element-6769be1{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-70ce7e6 *//* HERO SCRIM — drawn here, NOT with the container's background-overlay controls.

   background_overlay_background: "gradient" saves onto the container and
   Elementor generates NOTHING for it on a v4 container: no
   .elementor-background-overlay div in the DOM and no rule in post-168.css.
   Only `--overlay-opacity` appears, which nothing consumes. Verified by
   reading both the rendered HTML and the generated CSS.

   This is a CALM, EVEN scrim, deliberately. The earlier directional version
   (opaque left, clear right) was built for a text-left / photo-right layout;
   with a centred, compact stack the photograph should read as quiet texture
   behind the words rather than as a competing subject. Even coverage also
   means the text is legible wherever it lands, which a fade cannot promise
   once the copy is centred.

   Two backgrounds are declared on purpose: the rgba pair is the brand
   Secondary/Primary at alpha and is the FALLBACK; the color-mix version
   overrides it where supported so the scrim tracks the globals. color-mix
   alone would be dropped by an unsupporting browser, leaving white text on
   bare photography.

   White text contrast at these values: ~11:1 over the photo's dark areas,
   ~6.5:1 over its brightest. Do not lighten without re-checking the bright end. */
.elementor-168 .elementor-element.elementor-element-70ce7e6::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(135deg, rgba(60, 26, 100, 0.93), rgba(81, 36, 134, 0.88) 55%, rgba(116, 51, 192, 0.82));
	background: linear-gradient(135deg,
		color-mix(in srgb, var(--e-global-color-22bc03d) 93%, transparent),
		color-mix(in srgb, var(--e-global-color-secondary) 88%, transparent) 55%,
		color-mix(in srgb, var(--e-global-color-primary) 82%, transparent));
}

/* The scrim is positioned, so the content must be lifted above it or it
   paints over the heading, lead and search bar. */
.elementor-168 .elementor-element.elementor-element-70ce7e6 > .e-con-inner,
.elementor-168 .elementor-element.elementor-element-70ce7e6 .hub-hero__inner {
	position: relative;
	z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-25ce575 */.elementor-168 .elementor-element.elementor-element-25ce575 .elementor-button{font-size:15px;line-height:1.2}/* End custom CSS */
/* Start custom CSS *//* ---------- Hero: compact, search-led, photograph as quiet texture ----------
   Third iteration, 2026-08-22. The oversized left-aligned version read as
   heavy and was rejected; this one is deliberately SHORTER and CALMER:
   440px tall rather than 560, a 40px headline rather than 56, one line of
   lead, and a small search field as the clear focal point. The scrim is even
   and lives in ELEMENT css on container 70ce7e6, not here. */
.hub-hero{position:relative;overflow-x:clip}
.hub-hero__inner{width:100%;position:relative;z-index:1;text-align:center}

.hub-hero__title{font-size:40px;line-height:1.14;letter-spacing:-.02em;margin:0;max-width:16ch;margin-inline:auto}
.hub-hero__sub p{font-size:17px;line-height:1.6;margin:0 auto;opacity:.92;max-width:52ch}

/* ---------- Search bar ----------
   SMALL, per the brief: a 460px field, not the 600px slab it was. Built
   against the widget's REAL markup (.e-search / .e-search-form /
   .e-search-input / .e-search-submit) because widget-search.min.css is never
   enqueued on this page, so everything here does the whole job - including
   making the field visible at all.

   THE GOLD PILL SITS INSIDE THE FIELD. The form is the rounded white capsule
   with 5px of inset padding; the button is a flex CHILD of it, so it seats
   within the capsule rather than beside it as a separate control. */
.hub-hero__search{width:100%;max-width:460px;margin:6px auto 0}
.hub-hero__search .e-search{display:block}
.hub-hero__search .e-search-form{position:relative;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(6,0,12,.08);border-radius:9999px;padding:5px 5px 5px 40px;box-shadow:0 14px 34px rgba(6,0,12,.26)}
.hub-hero__search .e-search-form::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306000C' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.35-4.35'/%3E%3C/svg%3E") no-repeat center/contain}
.hub-hero__search .e-search-input-wrapper{flex:1 1 auto;min-width:0}
.hub-hero__search .e-search-input-wrapper > svg{display:none}
.hub-hero__search .e-search-results-container{display:none}
.hub-hero__search .e-search-input{width:100%;border:0;outline:0;background:transparent;padding:9px 0;font-family:var(--e-global-typography-text-font-family),sans-serif;font-size:15px;line-height:1.2;color:var(--e-global-color-text);text-align:left;-webkit-appearance:none;appearance:none}
.hub-hero__search .e-search-input::-webkit-search-cancel-button{display:none}
.hub-hero__search .e-search-input::placeholder{color:var(--e-global-color-2399de2);opacity:1}

/* Small gold pill, seated inside the capsule. Label is brand BLACK, not
   white: white on #FFC83E is ~1.8:1 and fails AA; brand black on gold is
   ~13:1. Height 38px keeps it inside a 48px field with the 5px inset. */
.hub-hero__search .e-search-submit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;background:var(--e-global-color-4fba060);color:var(--e-global-color-text);border-radius:9999px;padding:0 20px;height:38px;min-height:38px;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-size:14px;line-height:1;white-space:nowrap;transition:filter .18s ease}
.hub-hero__search .e-search-submit:hover{filter:brightness(.94)}
.hub-hero__search .e-search-submit:focus-visible{outline:2px solid var(--e-global-color-text);outline-offset:2px}
.hub-hero__search .e-search-input:focus-visible{outline:2px solid var(--e-global-color-4fba060);outline-offset:2px}

@media(max-width:1024px){
  .hub-hero__title{font-size:34px;max-width:18ch}
}
@media(max-width:767px){
  .hub-hero__title{font-size:27px;max-width:100%}
  .hub-hero__sub p{font-size:15px}
  .hub-hero__search{max-width:100%}
  .hub-hero__search .e-search-input{font-size:15px}
  .hub-hero__search .e-search-submit{padding:0 16px;height:36px;min-height:36px;font-size:13px}
}

/* ---------- Section headings ---------- */
.hub-eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0}
.hub-row__title{font-size:30px;line-height:1.2;letter-spacing:-.01em;margin:0}
@media(max-width:767px){.hub-row__title{font-size:24px}}
.hub-row__viewall p{margin:0}
.hub-row__viewall a{color:var(--e-global-color-primary);text-decoration:none;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-size:15px;white-space:nowrap}
.hub-row__viewall a:hover{text-decoration:underline}

.hub-row__grid .elementor-grid,.hub-featured__grid .elementor-grid{gap:28px}

/* ---------- Featured = the SAME card component, laid out horizontally ----------
   via the flex-direction custom property, not a second template that would
   drift. !important is deliberate: the card's styling lives at element level
   inside template 81 (specificity 0,4,0) and this page-level rule (0,3,0)
   would otherwise lose across the document boundary. */
@media(min-width:768px){
  .hub-featured__grid .hub-card{--flex-direction:row !important;align-items:stretch}
  .hub-featured__grid .hub-card__media{flex:0 0 50%;max-width:50%}
  .hub-featured__grid .hub-card__media img{height:100%;aspect-ratio:16/10;object-fit:cover}
  .hub-featured__grid .hub-card__body{justify-content:center;padding:32px}
  .hub-featured__grid .hub-card__title{font-size:28px;line-height:1.22}
  .hub-featured__grid .hub-card__excerpt{font-size:16px;-webkit-line-clamp:3}
}

/* ---------- Browse by topic ----------
   Pills, matching the single article template's topic pills. That copy is
   scoped to .elementor-107 and element CSS cannot reach another document,
   so this is a deliberate duplicate. CHANGE ONE, CHANGE THE OTHER.

   Three values differ from 107 and all three are forced by this band being
   tinted rather than white: on #F6F1FC a plain Border outline is 1.13:1 and
   a white fill is 1.11:1 - both invisible. Hence a White fill AND a Primary
   ring at 24%. */
.hub-topics__pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hub-topic{display:inline-flex;align-items:center;background:var(--e-global-color-2880533);border:1px solid var(--e-global-color-208c8c8);border:1px solid color-mix(in srgb,var(--e-global-color-primary) 24%,transparent);border-radius:9999px;padding:9px 14px;text-decoration:none;color:var(--e-global-color-text);font-family:var(--e-global-typography-accent-font-family),sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-size:13px;line-height:1;transition:border-color .18s ease,color .18s ease}
.hub-topic:hover{border-color:var(--e-global-color-primary);color:var(--e-global-color-primary)}

@media(prefers-reduced-motion:reduce){.hub-topic,.hub-hero__search .e-search-submit{transition:none}}/* End custom CSS */