.elementor-63162 .elementor-element.elementor-element-7584652a{--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;}.elementor-63162 .elementor-element.elementor-element-7584652a:not(.elementor-motion-effects-element-type-background), .elementor-63162 .elementor-element.elementor-element-7584652a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2B55;}.elementor-63162 .elementor-element.elementor-element-310cf37c{--display:flex;}.elementor-63162 .elementor-element.elementor-element-c79fd3f{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-63162 .elementor-element.elementor-element-a3d62d5{--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;--flex-wrap:nowrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-63162 .elementor-element.elementor-element-51170e0d{color:#CC8200;}.elementor-63162 .elementor-element.elementor-element-6fb39268{--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;}.elementor-63162 .elementor-element.elementor-element-6fb39268:not(.elementor-motion-effects-element-type-background), .elementor-63162 .elementor-element.elementor-element-6fb39268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2B55;}.elementor-63162 .elementor-element.elementor-element-c72588b{--display:flex;}.elementor-63162 .elementor-element.elementor-element-6c19b73b{--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;}.elementor-63162 .elementor-element.elementor-element-6a253ab6{--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;--flex-wrap:nowrap;}.elementor-63162 .elementor-element.elementor-element-1a91dbc6{color:#CC8200;}.elementor-63162 .elementor-element.elementor-element-7637c982{--display:flex;}.elementor-63162 .elementor-element.elementor-element-1bf9f4da{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-63162 .elementor-element.elementor-element-740eaeb8{--divider-border-style:solid;--divider-color:#94A3B8;--divider-border-width:1px;}.elementor-63162 .elementor-element.elementor-element-740eaeb8 .elementor-divider-separator{width:100%;}.elementor-63162 .elementor-element.elementor-element-740eaeb8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63162 .elementor-element.elementor-element-481814ce{--grid-columns:4;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-63162 .elementor-element.elementor-element-481814ce > .elementor-widget-container{padding:0px 0px 032px 0px;}.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination{text-align:center;margin-top:1em;}body:not(.rtl) .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 1em/2 );}body:not(.rtl) .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 1em/2 );}body.rtl .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 1em/2 );}body.rtl .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 1em/2 );}@media(min-width:768px){.elementor-63162 .elementor-element.elementor-element-7584652a{--content-width:1440px;}.elementor-63162 .elementor-element.elementor-element-6fb39268{--content-width:1440px;}.elementor-63162 .elementor-element.elementor-element-7637c982{--content-width:1440px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63162 .elementor-element.elementor-element-481814ce{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-63162 .elementor-element.elementor-element-481814ce{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-7584652a *//* =========================================================
   XENTYS — PAGE HERO  ·  component rulebook v1 (15 Oct 2026)
   ONE stylesheet for all three hero variants. Paste it, unchanged,
   into the hero section's Advanced → Custom CSS. Never edit a copy:
   change this file and re-apply it everywhere.

   Basis: /afstudeerstage-bij-xentys/ (37479), chosen by Sarah.
   Stats column lifted from /inkoopfuncties/ (31869).

   Variants (decided by what the section contains, not by a class):
     Hero            breadcrumb · eyebrow · title · body · buttons
     Hero + checks   … + .xentys-page-hero-meta  (✓ row)
     Hero + stats    … + .xentys-page-hero-stats (right column)

   Structures it accepts:
     flat    hero > inner > items                       (37479)
     nested  hero > layout > inner > left (+ stats)     (3323, 31869)

   Left/right edge = THE SITE STANDARD (v1.2, Sarah 16 Oct): content
   max 1280px, centred, side gutter clamp(20px, 5vw, 64px). Edge = 64
   at 1280, 80 at 1440, 320 at 1920, 38 at 768, 20 at 390 — measured
   on 48 sections across 12 pages, the majority. Every section follows it.
   Top padding: the header (92px desktop, 70px tablet/phone) floats
   over the top of EVERY hero. On pages with the service switcher the
   sticky switcher sits under the header and the two together still
   cover the top 92px. So one value for all: 134 desktop/tablet
   (42px visible under the header, = afstudeerstage), 87 phone.
   v1.1 — the solid-header exception of v1 was wrong (Sarah, 15 Oct).
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a {
  width: 100% !important;
  background: #0d2b55 !important;
  padding: 134px clamp(20px, 5vw, 64px) 88px !important;
  border: 0 !important;
  overflow: hidden !important;
}


/* Some heroes carry Elementor's native background overlay (#1e293b @ .88,
   drawn on ::before) over a photo. Switch it off: the hero is flat navy.
   ::after is left alone — that is where the central xentys-grid-on paints. */
.elementor-63162 .elementor-element.elementor-element-7584652a::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* the hero and its wrappers stack vertically — Elementor's own default,
   stated here so a template without a compiled CSS file still lays out (v1.7) */
.elementor-63162 .elementor-element.elementor-element-7584652a,
.elementor-63162 .elementor-element.elementor-element-7584652a > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-layout,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-main,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-layout > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-main > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
}

/* language twins: a template serving both languages carries one hero per
   language (xentys-lang-nl / xentys-lang-en). The rule above outranks the
   central hide rule in style.css, so the hide is restated here, stronger (v1.8). */
html[lang^="nl"] .elementor-63162 .elementor-element.elementor-element-7584652a.xentys-lang-en,
html[lang^="en"] .elementor-63162 .elementor-element.elementor-element-7584652a.xentys-lang-nl {
  display: none !important;
}

/* one content box, whatever the structure */
.elementor-63162 .elementor-element.elementor-element-7584652a > .e-con-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-layout,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-layout > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-main > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-left > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}

/* flat structure: the inner box is the item stack */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* nested structure: the inner box holds the left stack (+ stats) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-left),
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-left) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  column-gap: 72px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-left) > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-left {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* service pages wrap the stats in a right-hand column box (v1.4) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-right {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-right > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}

/* archive heroes (Knowledge Hub 57925, client cases 58102): intro and
   stats side by side UNDER the title, in .xentys-page-hero-lower.
   Grid lifted from those templates: text | 320px stats, 72px apart (v1.5) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  /* same columns as Hero + stats (v1.7) */
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  column-gap: 72px !important;
  row-gap: 0 !important;
  align-items: center !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower .xentys-page-hero-body {
  margin-bottom: 0 !important;
}

/* intro + stats inside -lower, title ABOVE it (Knowledge Hub 57925): lay the
   whole hero out as Hero + stats — text left, stats column right and centred
   beside heading AND intro — by flattening -lower into the inner grid (v1.6) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  /* empty flexible rows above and below keep the text block together and
     centre it against the stats column */
  grid-template-rows: 1fr auto auto auto auto 1fr !important;
  column-gap: 72px !important;
  row-gap: 0 !important;
  align-items: start !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body) > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb { grid-column: 1 !important; grid-row: 2 !important; }
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow { grid-column: 1 !important; grid-row: 3 !important; }
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title { grid-column: 1 !important; grid-row: 4 !important; }
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower .xentys-page-hero-body { grid-column: 1 !important; grid-row: 5 !important; }

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
  grid-column: 2 !important;
  grid-row: 1 / 7 !important;
  align-self: center !important;
}

/* a whole text column beside the stats (client cases): an unnamed box —
   strip Elementor's default container padding, stack like -left */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower > .e-con:not(.xentys-page-hero-stats),
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower > .e-con-inner > .e-con:not(.xentys-page-hero-stats) {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb {
  margin-bottom: 24px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb *,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb a,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb span,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb p,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb .elementor-shortcode {
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, 0.50) !important;
  text-decoration: none !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-breadcrumb a:hover {
  color: rgba(255, 255, 255, 0.80) !important;
}

/* =========================================================
   EYEBROW (bar comes from the central .xentys-kicker-bar)
   The central sheet adds 16px above the eyebrow in the nested
   structure only; cancel it so both structures space alike.
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-left > .elementor-element.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow {
  margin-top: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-eyebrow {
  position: relative !important;
  margin-bottom: 16px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-eyebrow,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-eyebrow .elementor-heading-title {
  color: #ffa300 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.48px !important;
  text-transform: uppercase !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title {
  max-width: 768px !important;
  margin-bottom: 16px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title .elementor-heading-title {
  color: #ffffff !important;
  font-family: Inter, sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  font-style: normal !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title span,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title .elementor-heading-title span {
  color: #ffa300 !important;
}

/* =========================================================
   BODY (text-editor or heading widget)
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body {
  max-width: 576px !important;
  margin-bottom: 32px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body p,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body .elementor-heading-title {
  color: rgba(255, 255, 255, 0.70) !important;
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: -0.011em !important;
  text-transform: none !important;
  font-style: normal !important;
  margin-top: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body p:last-child {
  margin-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body a {
  color: #ffa300 !important;
  text-decoration: underline !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-buttons {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn {
  width: fit-content !important;
  max-width: fit-content !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Elementor's wrapper boxes add ~8px of line slack around a lone button;
   flatten them so a single button spaces exactly like a button row (v1.4) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn .elementor-button-wrapper {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner > .xentys-page-hero-btn,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-left > .xentys-page-hero-btn {
  margin-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn + .xentys-page-hero-meta {
  margin-top: 56px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn .elementor-button {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn .elementor-button-content-wrapper,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button {
  background: #ffa300 !important;
  color: #0d2b55 !important;
  border-color: #ffa300 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button:hover {
  background: #e8970a !important;
  border-color: #e8970a !important;
}

/* Button icons (e.g. the arrow) take the button's text colour (v1.3):
   navy on the amber button, white on the outline one. */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button-icon,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button-icon i,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button-icon svg,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-primary .elementor-button-icon svg * {
  color: #0d2b55 !important;
  fill: #0d2b55 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button-icon,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button-icon i,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button-icon svg,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button-icon svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn-secondary .elementor-button:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.60) !important;
}

/* =========================================================
   ✓ ROW  (Hero + checks)
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta {
  width: 100% !important;
  max-width: 980px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px 40px !important;
  margin: 56px 0 0 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

/* heroes without buttons: intro → ✓ row stays 56 (v1.4) */
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body + .xentys-page-hero-meta {
  margin-top: 24px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item {
  width: auto !important;
  max-width: 34ch !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item .elementor-heading-title,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item p {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-family: Inter, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  margin: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item .elementor-heading-title::before,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta-item p::before {
  content: "✓" !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 163, 0, 0.16) !important;
  color: #ffa300 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-top: 1px !important;
}

/* =========================================================
   STATS COLUMN  (Hero + stats) — from /inkoopfuncties/
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stats {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 42px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat {
  margin: 0 !important;
  padding: 0 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat + .xentys-page-hero-stat {
  padding-top: 28px !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value .elementor-heading-title {
  margin: 0 !important;
  color: #ffa300 !important;
  font-family: Inter, sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
}

.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-label,
.elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-label .elementor-heading-title {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* =========================================================
   TABLET  768–1024
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-63162 .elementor-element.elementor-element-7584652a {
    padding: 134px clamp(20px, 5vw, 64px) 80px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title .elementor-heading-title {
    font-size: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower .xentys-page-hero-body {
    grid-row: auto !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stats {
    padding: 30px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding: 0 !important;
    border: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value .elementor-heading-title {
    font-size: 30px !important;
  }
}

/* =========================================================
   PHONE  ≤ 767  (87px top: agreed phone-hero clearance)
   ========================================================= */

@media (max-width: 767px) {
  .elementor-63162 .elementor-element.elementor-element-7584652a {
    padding: 87px clamp(20px, 5vw, 64px) 80px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body {
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body p,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body .elementor-widget-container,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body .elementor-heading-title {
    font-size: 16px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-meta {
    max-width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-body + .xentys-page-hero-meta {
    margin-top: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-btn + .xentys-page-hero-meta {
    margin-top: 28px !important;
  }


  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower .xentys-page-hero-body {
    grid-row: auto !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stats {
    padding: 28px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding: 0 0 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding-top: 22px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-value .elementor-heading-title {
    font-size: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-label,
  .elementor-63162 .elementor-element.elementor-element-7584652a .xentys-page-hero-stat-label .elementor-heading-title {
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fb39268 *//* =========================================================
   XENTYS — PAGE HERO  ·  component rulebook v1 (15 Oct 2026)
   ONE stylesheet for all three hero variants. Paste it, unchanged,
   into the hero section's Advanced → Custom CSS. Never edit a copy:
   change this file and re-apply it everywhere.

   Basis: /afstudeerstage-bij-xentys/ (37479), chosen by Sarah.
   Stats column lifted from /inkoopfuncties/ (31869).

   Variants (decided by what the section contains, not by a class):
     Hero            breadcrumb · eyebrow · title · body · buttons
     Hero + checks   … + .xentys-page-hero-meta  (✓ row)
     Hero + stats    … + .xentys-page-hero-stats (right column)

   Structures it accepts:
     flat    hero > inner > items                       (37479)
     nested  hero > layout > inner > left (+ stats)     (3323, 31869)

   Left/right edge = THE SITE STANDARD (v1.2, Sarah 16 Oct): content
   max 1280px, centred, side gutter clamp(20px, 5vw, 64px). Edge = 64
   at 1280, 80 at 1440, 320 at 1920, 38 at 768, 20 at 390 — measured
   on 48 sections across 12 pages, the majority. Every section follows it.
   Top padding: the header (92px desktop, 70px tablet/phone) floats
   over the top of EVERY hero. On pages with the service switcher the
   sticky switcher sits under the header and the two together still
   cover the top 92px. So one value for all: 134 desktop/tablet
   (42px visible under the header, = afstudeerstage), 87 phone.
   v1.1 — the solid-header exception of v1 was wrong (Sarah, 15 Oct).
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 {
  width: 100% !important;
  background: #0d2b55 !important;
  padding: 134px clamp(20px, 5vw, 64px) 88px !important;
  border: 0 !important;
  overflow: hidden !important;
}


/* Some heroes carry Elementor's native background overlay (#1e293b @ .88,
   drawn on ::before) over a photo. Switch it off: the hero is flat navy.
   ::after is left alone — that is where the central xentys-grid-on paints. */
.elementor-63162 .elementor-element.elementor-element-6fb39268::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* the hero and its wrappers stack vertically — Elementor's own default,
   stated here so a template without a compiled CSS file still lays out (v1.7) */
.elementor-63162 .elementor-element.elementor-element-6fb39268,
.elementor-63162 .elementor-element.elementor-element-6fb39268 > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-layout,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-main,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-layout > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-main > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
}

/* language twins: a template serving both languages carries one hero per
   language (xentys-lang-nl / xentys-lang-en). The rule above outranks the
   central hide rule in style.css, so the hide is restated here, stronger (v1.8). */
html[lang^="nl"] .elementor-63162 .elementor-element.elementor-element-6fb39268.xentys-lang-en,
html[lang^="en"] .elementor-63162 .elementor-element.elementor-element-6fb39268.xentys-lang-nl {
  display: none !important;
}

/* one content box, whatever the structure */
.elementor-63162 .elementor-element.elementor-element-6fb39268 > .e-con-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-layout,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-layout > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-main > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-left > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}

/* flat structure: the inner box is the item stack */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* nested structure: the inner box holds the left stack (+ stats) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-left),
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-left) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  column-gap: 72px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-left) > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-left {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* service pages wrap the stats in a right-hand column box (v1.4) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-right {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-right > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}

/* archive heroes (Knowledge Hub 57925, client cases 58102): intro and
   stats side by side UNDER the title, in .xentys-page-hero-lower.
   Grid lifted from those templates: text | 320px stats, 72px apart (v1.5) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  /* same columns as Hero + stats (v1.7) */
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  column-gap: 72px !important;
  row-gap: 0 !important;
  align-items: center !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower .xentys-page-hero-body {
  margin-bottom: 0 !important;
}

/* intro + stats inside -lower, title ABOVE it (Knowledge Hub 57925): lay the
   whole hero out as Hero + stats — text left, stats column right and centred
   beside heading AND intro — by flattening -lower into the inner grid (v1.6) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
  /* empty flexible rows above and below keep the text block together and
     centre it against the stats column */
  grid-template-rows: 1fr auto auto auto auto 1fr !important;
  column-gap: 72px !important;
  row-gap: 0 !important;
  align-items: start !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body) > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) > .e-con-inner,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body),
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) > .e-con-inner {
  display: contents !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb { grid-column: 1 !important; grid-row: 2 !important; }
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow { grid-column: 1 !important; grid-row: 3 !important; }
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title { grid-column: 1 !important; grid-row: 4 !important; }
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower .xentys-page-hero-body { grid-column: 1 !important; grid-row: 5 !important; }

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
  grid-column: 2 !important;
  grid-row: 1 / 7 !important;
  align-self: center !important;
}

/* a whole text column beside the stats (client cases): an unnamed box —
   strip Elementor's default container padding, stack like -left */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower > .e-con:not(.xentys-page-hero-stats),
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower > .e-con-inner > .e-con:not(.xentys-page-hero-stats) {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb {
  margin-bottom: 24px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb *,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb a,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb span,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb p,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb .elementor-shortcode {
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, 0.50) !important;
  text-decoration: none !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-breadcrumb a:hover {
  color: rgba(255, 255, 255, 0.80) !important;
}

/* =========================================================
   EYEBROW (bar comes from the central .xentys-kicker-bar)
   The central sheet adds 16px above the eyebrow in the nested
   structure only; cancel it so both structures space alike.
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-left > .elementor-element.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow.xentys-page-hero-eyebrow {
  margin-top: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-eyebrow {
  position: relative !important;
  margin-bottom: 16px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-eyebrow,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-eyebrow .elementor-heading-title {
  color: #ffa300 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.48px !important;
  text-transform: uppercase !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title {
  max-width: 768px !important;
  margin-bottom: 16px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title .elementor-heading-title {
  color: #ffffff !important;
  font-family: Inter, sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  font-style: normal !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title span,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title .elementor-heading-title span {
  color: #ffa300 !important;
}

/* =========================================================
   BODY (text-editor or heading widget)
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body {
  max-width: 576px !important;
  margin-bottom: 32px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body p,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body .elementor-heading-title {
  color: rgba(255, 255, 255, 0.70) !important;
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: -0.011em !important;
  text-transform: none !important;
  font-style: normal !important;
  margin-top: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body p:last-child {
  margin-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body a {
  color: #ffa300 !important;
  text-decoration: underline !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-buttons {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn {
  width: fit-content !important;
  max-width: fit-content !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Elementor's wrapper boxes add ~8px of line slack around a lone button;
   flatten them so a single button spaces exactly like a button row (v1.4) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn .elementor-button-wrapper {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner > .xentys-page-hero-btn,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-left > .xentys-page-hero-btn {
  margin-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn + .xentys-page-hero-meta {
  margin-top: 56px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn .elementor-button {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn .elementor-button-content-wrapper,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button {
  background: #ffa300 !important;
  color: #0d2b55 !important;
  border-color: #ffa300 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button:hover {
  background: #e8970a !important;
  border-color: #e8970a !important;
}

/* Button icons (e.g. the arrow) take the button's text colour (v1.3):
   navy on the amber button, white on the outline one. */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button-icon,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button-icon i,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button-icon svg,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-primary .elementor-button-icon svg * {
  color: #0d2b55 !important;
  fill: #0d2b55 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button-icon,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button-icon i,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button-icon svg,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button-icon svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn-secondary .elementor-button:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.60) !important;
}

/* =========================================================
   ✓ ROW  (Hero + checks)
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta {
  width: 100% !important;
  max-width: 980px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px 40px !important;
  margin: 56px 0 0 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

/* heroes without buttons: intro → ✓ row stays 56 (v1.4) */
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body + .xentys-page-hero-meta {
  margin-top: 24px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item {
  width: auto !important;
  max-width: 34ch !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item .elementor-widget-container,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item .elementor-heading-title,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item p {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-family: Inter, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  margin: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item .elementor-heading-title::before,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta-item p::before {
  content: "✓" !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 163, 0, 0.16) !important;
  color: #ffa300 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-top: 1px !important;
}

/* =========================================================
   STATS COLUMN  (Hero + stats) — from /inkoopfuncties/
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stats {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 42px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat {
  margin: 0 !important;
  padding: 0 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat + .xentys-page-hero-stat {
  padding-top: 28px !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value .elementor-heading-title {
  margin: 0 !important;
  color: #ffa300 !important;
  font-family: Inter, sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
}

.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-label,
.elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-label .elementor-heading-title {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* =========================================================
   TABLET  768–1024
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-63162 .elementor-element.elementor-element-6fb39268 {
    padding: 134px clamp(20px, 5vw, 64px) 80px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title .elementor-heading-title {
    font-size: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower .xentys-page-hero-body {
    grid-row: auto !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 44px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stats {
    padding: 30px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding: 0 !important;
    border: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value .elementor-heading-title {
    font-size: 30px !important;
  }
}

/* =========================================================
   PHONE  ≤ 767  (87px top: agreed phone-hero clearance)
   ========================================================= */

@media (max-width: 767px) {
  .elementor-63162 .elementor-element.elementor-element-6fb39268 {
    padding: 87px clamp(20px, 5vw, 64px) 80px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body {
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body p,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body .elementor-widget-container,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body .elementor-heading-title {
    font-size: 16px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-meta {
    max-width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-body + .xentys-page-hero-meta {
    margin-top: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-btn + .xentys-page-hero-meta {
    margin-top: 28px !important;
  }


  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(> .xentys-page-hero-right) {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .xentys-page-hero-body),
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower > .e-con-inner > .xentys-page-hero-body) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-breadcrumb,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-eyebrow,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-inner:has(.xentys-page-hero-lower) .xentys-page-hero-title,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower .xentys-page-hero-body {
    grid-row: auto !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .xentys-page-hero-body) > .xentys-page-hero-stats,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-lower:has(> .e-con-inner > .xentys-page-hero-body) .xentys-page-hero-stats {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 36px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stats {
    padding: 28px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.20) !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding: 0 0 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding-top: 22px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-value .elementor-heading-title {
    font-size: 28px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-label,
  .elementor-63162 .elementor-element.elementor-element-6fb39268 .xentys-page-hero-stat-label .elementor-heading-title {
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-481814ce *//* =========================================================
   XENTYS — KNOWLEDGE HUB PAGINATION
   Paste on Loop Grid → Advanced → Custom CSS
   Loop Grid class: xentys-hub-loop-grid
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination {
  width: 100% !important;
  margin: 48px 0 0 !important;
  padding: 24px 0 0 !important;

  border-top: 1px solid #e1e4e8 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  font-family: Inter, sans-serif !important;
}

/* All pagination links and current page */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination a,
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination span {
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid #dbe3ec !important;
  border-radius: 2px !important;
  background: #ffffff !important;

  color: #0d2b55 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

/* Hover */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination a:hover {
  background: #f6f8fa !important;
  border-color: #bfcbd8 !important;
  color: #0d2b55 !important;
}

/* Current page */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .current {
  background: #0d2b55 !important;
  border-color: #0d2b55 !important;
  color: #ffffff !important;
}

/* Previous / next buttons */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .prev,
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .next {
  min-width: auto !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

/* Disabled previous / next if Elementor outputs spans */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination span.prev,
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination span.next {
  opacity: 0.45 !important;
  cursor: default !important;
}

/* Dots */
.elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .dots {
  min-width: 24px !important;
  padding: 0 4px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: #6b7280 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination {
    margin-top: 36px !important;
    padding-top: 20px !important;
    gap: 6px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination a,
  .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination span {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .prev,
  .elementor-63162 .elementor-element.elementor-element-481814ce .elementor-pagination .next {
    width: 100% !important;
    max-width: 160px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7637c982 *//* =========================================================
   TAXONOMY FILTER — pillar bar
   Matches reference: dark active chip, bordered inactive,
   horizontal row. Paste on the archive Container → Advanced
   → Custom CSS (.elementor-63162 .elementor-element.elementor-element-7637c982 = that container).
   ========================================================= */

.elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-widget-taxonomy-filter,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter {
  width: 100% !important;
  margin: 0 0 8px 0 !important;
}

/* The bar: horizontal row, wraps on small screens */
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-items,
.elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-widget-taxonomy-filter .e-filter {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Each filter chip */
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item {
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;
  padding: 0 14px !important;
  margin: 0 !important;

  background: #ffffff !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 2px !important;

  color: #374151 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item:hover {
  border-color: #c9cdd3 !important;
  background: #f6f8fa !important;
  color: #0d2b55 !important;
}

/* Active chip — solid navy, like the reference "All" */
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item.e-active,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item[aria-pressed="true"],
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item.elementor-active {
  background: #0d2b55 !important;
  border-color: #0d2b55 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item.e-active:hover,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item[aria-pressed="true"]:hover {
  background: #0a2347 !important;
  border-color: #0a2347 !important;
  color: #ffffff !important;
}

/* Kill any counter bubbles if the widget shows post counts */
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item .e-filter-count,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item sup,
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item span[class*="count"] {
  display: none !important;
}

/* Divider under the filter row (your existing Divider widget) */
.elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-widget-divider {
  margin: 12px 0 24px 0 !important;
}

/* Mobile: chips scroll horizontally instead of stacking tall */
@media (max-width: 767px) {
  .elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter,
  .elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-items {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }

  .elementor-63162 .elementor-element.elementor-element-7637c982 .e-filter-item {
    flex: 0 0 auto !important;
  }
}


.elementor-63162 .elementor-element.elementor-element-7637c982 {
  background: #ffffff !important;
  padding: 4px 48px 112px 48px !important;
  border-bottom: 1px solid #e8edf3 !important;
  overflow: hidden !important;
}

.elementor-63162 .elementor-element.elementor-element-7637c982 {
  padding-left: clamp(20px, 5vw, 64px) !important;
  padding-right: clamp(20px, 5vw, 64px) !important;
}
.elementor-63162 .elementor-element.elementor-element-7637c982 > .e-con-inner {
  max-width: 1280px !important;
}

.elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-loop-container {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.elementor-63162 .elementor-element.elementor-element-7637c982 .e-loop-item {
  width: auto !important;
  min-width: 0 !important;
}
@media (max-width: 1024px) {
  .elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-loop-container { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  .elementor-63162 .elementor-element.elementor-element-7637c982 .elementor-loop-container { grid-template-columns: minmax(0, 1fr) !important; }
}/* End custom CSS */