.elementor-62750 .elementor-element.elementor-element-e87740f{--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-62750 .elementor-element.elementor-element-e87740f:not(.elementor-motion-effects-element-type-background), .elementor-62750 .elementor-element.elementor-element-e87740f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2B55;}.elementor-62750 .elementor-element.elementor-element-b1033eb{--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-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-62750 .elementor-element.elementor-element-f946669{color:#CC8200;}.elementor-62750 .elementor-element.elementor-element-1907d25{--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:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-72d9880{--display:flex;}.elementor-62750 .elementor-element.elementor-element-b3e675e{--display:flex;}.elementor-62750 .elementor-element.elementor-element-bc57295{--display:flex;}.elementor-62750 .elementor-element.elementor-element-8b126ce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-08c50f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-de1b4ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-62750 .elementor-element.elementor-element-dab9ac3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-1a76a01{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-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-62750 .elementor-element.elementor-element-b47beb6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-62750 .elementor-element.elementor-element-b47beb6 .elementor-button{font-family:"Inter", Sans-serif;font-weight:500;text-transform:none;}.elementor-62750 .elementor-element.elementor-element-fbabecf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62750 .elementor-element.elementor-element-fbabecf .elementor-button{font-family:"Inter", Sans-serif;font-weight:500;text-transform:none;}.elementor-62750 .elementor-element.elementor-element-084c592{--display:flex;}.elementor-62750 .elementor-element.elementor-element-5db58fa{--display:flex;}.elementor-62750 .elementor-element.elementor-element-27118f4{--display:flex;}.elementor-62750 .elementor-element.elementor-element-0a8e23d{--display:flex;}.elementor-62750 .elementor-element.elementor-element-df2768a{--display:flex;}.elementor-62750 .elementor-element.elementor-element-a80dcdf{--display:flex;}.elementor-62750 .elementor-element.elementor-element-3dd4043{--display:flex;}.elementor-62750 .elementor-element.elementor-element-78feb16{--display:flex;}.elementor-62750 .elementor-element.elementor-element-6b7b824{--display:flex;}.elementor-62750 .elementor-element.elementor-element-95cc475{--display:flex;}.elementor-62750 .elementor-element.elementor-element-54651c8{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-62750 .elementor-element.elementor-element-e87740f{--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-62750 .elementor-element.elementor-element-1907d25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-de1b4ea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@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-62750 .elementor-element.elementor-element-1907d25{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-b3e675e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62750 .elementor-element.elementor-element-bc57295{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-e87740f *//* =========================================================
   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-62750 .elementor-element.elementor-element-e87740f {
  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-62750 .elementor-element.elementor-element-e87740f::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

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

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

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

/* flat structure: the inner box is the item stack */
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .xentys-page-hero-left),
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(.xentys-page-hero-left) > .e-con-inner {
  display: contents !important;
}

.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-right > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
}

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

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb {
  margin-bottom: 24px !important;
}

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb *,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb a,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb span,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-breadcrumb p,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-eyebrow {
  position: relative !important;
  margin-bottom: 16px !important;
}

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-eyebrow,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-title {
  max-width: 768px !important;
  margin-bottom: 16px !important;
}

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-title,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-title span,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-title .elementor-heading-title span {
  color: #ffa300 !important;
}

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

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

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body p,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body .elementor-widget-container,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body p:last-child {
  margin-bottom: 0 !important;
}

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

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

.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn .elementor-widget-container,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn .elementor-button-wrapper {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

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

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

.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn .elementor-button-content-wrapper,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

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

.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn-primary .elementor-button-icon,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn-primary .elementor-button-icon i,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn-primary .elementor-button-icon svg,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-btn-primary .elementor-button-icon svg * {
  color: #0d2b55 !important;
  fill: #0d2b55 !important;
}

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

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

.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body + .xentys-page-hero-meta {
  margin-top: 24px !important;
}

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

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-meta-item,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-meta-item .elementor-widget-container,
.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-meta-item .elementor-heading-title,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-meta-item .elementor-heading-title::before,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat + .xentys-page-hero-stat {
  padding-top: 28px !important;
}

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

.elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat-value,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat-label,
.elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f {
    padding: 134px clamp(20px, 5vw, 64px) 80px !important;
  }

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

  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat,
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding: 0 !important;
    border: 0 !important;
  }

  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat-value,
  .elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f {
    padding: 87px clamp(20px, 5vw, 64px) 80px !important;
  }

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

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

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

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

  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-body + .xentys-page-hero-meta {
    margin-top: 0 !important;
  }

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

  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .xentys-page-hero-stats),
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-inner:has(> .e-con-inner > .xentys-page-hero-right),
  .elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat,
  .elementor-62750 .elementor-element.elementor-element-e87740f .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-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat + .xentys-page-hero-stat {
    padding-top: 22px !important;
  }

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

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

  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat-label,
  .elementor-62750 .elementor-element.elementor-element-e87740f .xentys-page-hero-stat-label .elementor-heading-title {
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72d9880 *//* =========================================================
   XENTYS — SHARE A VACANCY BRIEF (Fluent Forms)
   PASTE ON: xentys-vacancy-main-section → Advanced → Custom CSS
   Covers the form card AND the sidebar.

   Structure assumed:
     SECTION .xentys-vacancy-main-section
       └ .xentys-vacancy-main-inner        (grid: form | sidebar)
           ├ .xentys-vacancy-form-card     (white card + shortcode)
           └ .xentys-vacancy-sidebar       (recruiter + what happens next)

   REQUIRED container classes on Fluent fields:
     Radio "type of hire"          → xentys-hire-type-radio
     Section Break "The role"      → xentys-brief-step2
     Section Break "About you"     → xentys-brief-step3
     Radio "Best time to call"     → xentys-brief-pills
     Radio "Preferred contact"     → xentys-brief-pills
     GDPR consent field            → xentys-brief-consent
     Custom HTML footer            → xentys-brief-footer

   REQUIRED radio VALUES (Show Values ticked, lowercase):
     permanent_hire · interim_cover · secondment
     morning · afternoon · either
     phone · email

   Tokens: navy #0d2b55 · amber #ffa300 · amber-text #d97706
           border #e1e4e8 · field #e0e2e5 · body #374151
           muted #6b7280 · placeholder #9a9da3 · red #b42318
   ========================================================= */

/* =========================================================
   SECTION + LAYOUT
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 {
  background: #f6f8fa !important;
  padding: 64px clamp(20px, 5vw, 64px) !important;
  overflow: hidden !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-main-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 380px !important;
  align-items: start !important;
  gap: 32px !important;
}

/* ---------- FORM CARD ---------- */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 0 !important;
  padding: 32px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .fluentform,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .frm-fluent-form,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card form {
  width: 100% !important;
  margin: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-group {
  margin-bottom: 20px !important;
}

/* Containers: N cells → N equal columns (1 cell stays full width) */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-t-container {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  column-gap: 20px !important;
  row-gap: 0 !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-t-cell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
/* .ff-t-cell is display:flex — make the group fill it */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-t-cell > .ff-el-group {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* =========================================================
   LABELS
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-input--label label {
  color: #374151 !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-is-required label::after,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-is-required.asterisk-right label::after {
  color: #b42318 !important;
}

/* =========================================================
   INPUTS
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="text"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="email"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="tel"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="url"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card textarea,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card select {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e0e2e5 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: #1a2b45 !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  padding: 0 13px !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="text"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="email"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="tel"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input[type="url"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card select {
  height: 44px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card textarea {
  min-height: 120px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  resize: vertical !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input::placeholder,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card textarea::placeholder {
  color: #9a9da3 !important;
  opacity: 1 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card input:focus,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card textarea:focus,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card select:focus {
  border-color: #0d2b55 !important;
  box-shadow: 0 0 0 3px rgba(13, 43, 85, 0.10) !important;
}

/* =========================================================
   STEP 1 · HIRE TYPE CARDS
   ========================================================= */

/* Field label acts as the amber "STEP 1" eyebrow */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio > .ff-el-input--label label {
  color: #d97706 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-input--content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Each option becomes a card */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check-label {
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check-label:hover {
  border-color: #c9cdd3 !important;
}

/* Selected card — amber outline */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check-label:has(input:checked) {
  border-color: #ffa300 !important;
  box-shadow: 0 0 0 1px #ffa300 !important;
}

/* Radio sits on its own row at the top */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check-label input[type="radio"] {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 0 12px 0 !important;
  accent-color: #ffa300 !important;
}

/* Option text = card title */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-form-check-label span {
  display: block !important;
  color: #0d2b55 !important;
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.011em !important;
}

/* Badge above the title */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="permanent_hire"] ~ span::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="interim_cover"] ~ span::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="secondment"] ~ span::before {
  display: block !important;
  width: fit-content !important;
  margin-bottom: 10px !important;
  padding: 3px 7px !important;
  border-radius: 2px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="permanent_hire"] ~ span::before {
  content: "Recruitment & selection" !important;
  background: #e8f5ee !important;
  color: #11723a !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="interim_cover"] ~ span::before {
  content: "Interim procurement" !important;
  background: #fdf3e3 !important;
  color: #b25e09 !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="secondment"] ~ span::before {
  content: "Secondment" !important;
  background: #e8eefa !important;
  color: #0d2b55 !important;
}

/* Description below the title */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="permanent_hire"] ~ span::after,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="interim_cover"] ~ span::after,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="secondment"] ~ span::after {
  display: block !important;
  margin-top: 8px !important;
  color: #374151 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.011em !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="permanent_hire"] ~ span::after {
  content: "Fixed fee, with a 3-month replacement guarantee." !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="interim_cover"] ~ span::after {
  content: "Vetted interim professional on a freelance or payroll basis, available within 5–10 days." !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio input[value="secondment"] ~ span::after {
  content: "Procurement professional on the xentys payroll, embedded in your team." !important;
}

/* =========================================================
   STEP HEADINGS (Section Breaks)
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 {
  margin-top: 8px !important;
  margin-bottom: 20px !important;
  padding-top: 24px !important;
  border-top: 1px solid #e1e4e8 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 h3,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 h3,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 .ff-el-section-title,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 .ff-el-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0d2b55 !important;
  font-family: Inter, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

/* Amber numbered circle */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 h3::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 h3::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 .ff-el-section-title::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 .ff-el-section-title::before {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #ffa300 !important;
  color: #0d2b55 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  text-align: center !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 h3::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 .ff-el-section-title::before {
  content: "2" !important;
}
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 h3::before,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 .ff-el-section-title::before {
  content: "3" !important;
}

/* Hide Fluent's own divider under section breaks */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step2 hr,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-step3 hr {
  display: none !important;
}

/* =========================================================
   FILE UPLOAD
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_upload_btn,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-upload,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_file_upload_holder button {
  background: #ffffff !important;
  color: #0d2b55 !important;
  border: 1px solid #e0e2e5 !important;
  border-radius: 2px !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  padding: 10px 16px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_upload_btn:hover,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-upload:hover {
  background: #f6f8fa !important;
  border-color: #c9cdd3 !important;
}

/* =========================================================
   PILL RADIOS (best time / preferred contact)
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-input--content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-form-check {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #e0e2e5 !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-form-check-label:hover {
  border-color: #c9cdd3 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-form-check-label:has(input:checked) {
  border-color: #ffa300 !important;
  box-shadow: 0 0 0 1px #ffa300 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  accent-color: #ffa300 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-pills .ff-el-form-check-label span {
  color: #1a2b45 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* =========================================================
   CONSENT
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent {
  background: #f6f8fa !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 2px !important;
  padding: 16px !important;
  margin-top: 8px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent label,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent .ff-el-form-check-label {
  color: #374151 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent strong,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent b {
  color: #1a2b45 !important;
  font-weight: 600 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent a {
  color: #0d2b55 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent a:hover {
  color: #d97706 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-consent input[type="checkbox"] {
  accent-color: #ffa300 !important;
}

/* =========================================================
   FOOTER (call links left, submit right)
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-footer {
  width: 100% !important;
  margin: 0 !important;
  padding-top: 24px !important;
  border-top: 1px solid #e1e4e8 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-footer p {
  max-width: 60% !important;
  color: #6b7280 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-footer a {
  color: #0d2b55 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-footer a:hover {
  color: #d97706 !important;
}

/* Submit lifted onto the footer row — TUNE THE -64px */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_submit_btn_wrapper,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_submit_btn_wrapper_custom {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: -64px !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   SUBMIT BUTTON (amber, hardened vs Fluent defaults)
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button[type="submit"],
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-submit,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_btn_style,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button.ff-btn {
  height: 44px !important;
  min-width: 0 !important;

  background-color: #ffa300 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7H11M11 7L7.5 3.5M11 7L7.5 10.5' stroke='%230d2b55' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 14px 14px !important;
  color: #0d2b55 !important;

  border: 1px solid #ffa300 !important;
  border-radius: 2px !important;
  box-shadow: none !important;

  padding: 0 42px 0 24px !important;

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

  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;

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

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button[type="submit"]:hover,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-submit:hover,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_btn_style:hover,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button.ff-btn:hover {
  background-color: #e89400 !important;
  border-color: #e89400 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-submit span,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button.ff-btn span {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: inherit !important;
}

/* =========================================================
   MESSAGES
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-message-success {
  border-radius: 2px !important;
  border: 1px solid rgba(17, 114, 58, 0.30) !important;
  background: rgba(232, 245, 238, 0.9) !important;
  color: #11723a !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-is-error input,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-is-error textarea,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-el-is-error select {
  border-color: #b42318 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .text-danger,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .error {
  color: #b42318 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-62750 .elementor-element.elementor-element-72d9880 {
    padding: 56px clamp(20px, 5vw, 64px) !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-main-inner {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .elementor-62750 .elementor-element.elementor-element-72d9880 {
    padding: 48px clamp(20px, 5vw, 64px) !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-main-inner {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card {
    padding: 24px 20px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-t-container {
    grid-auto-flow: row !important;
    row-gap: 20px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-hire-type-radio .ff-el-input--content {
    grid-template-columns: 1fr !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-brief-footer p {
    max-width: 100% !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_submit_btn_wrapper,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff_submit_btn_wrapper_custom {
    margin-top: 20px !important;
    justify-content: flex-start !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card button[type="submit"],
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-form-card .ff-btn-submit {
    width: 100% !important;
  }
}


/* =========================================================
   =========================================================
   SIDEBAR
   Recruiter card · What happens next · Privacy note
   =========================================================
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* =========================================================
   RECRUITER CARD
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-card {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 24px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-eyebrow {
  margin-bottom: 16px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-eyebrow,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-eyebrow .elementor-heading-title {
  color: #d97706 !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
}

/* Top row: photo stretches to the full height of the text block */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-top {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 14px !important;

  margin-bottom: 20px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image {
  width: 72px !important;
  height: auto !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image .elementor-widget-container {
  width: 72px !important;
  height: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 76px !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  border-radius: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-info {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  padding: 0 !important;
  margin: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-name {
  margin: 0 0 3px 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-name,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-name .elementor-heading-title {
  color: #0d2b55 !important;
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.011em !important;
  margin-top: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-role,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-role p,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-role .elementor-heading-title,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-role .elementor-widget-container {
  color: #374151 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  margin: 0 0 3px 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-meta,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-meta p,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-meta .elementor-heading-title,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-meta .elementor-widget-container {
  color: #6b7280 !important;
  font-family: Inter, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Divider */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-divider {
  width: 100% !important;
  height: 1px !important;
  background: #e1e4e8 !important;
  margin: 0 0 16px 0 !important;
}

/* Quote */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-quote {
  margin-bottom: 20px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-quote,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-quote p,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-quote .elementor-widget-container {
  color: #374151 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  /* Not a quotation any more: this slot carries the routing promise, so no italic. */
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
  letter-spacing: -0.011em !important;
  margin: 0 !important;
}

/* =========================================================
   RECRUITER ACTION BUTTONS
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-actions {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button {
  width: 100% !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button a.elementor-button {
  width: 100% !important;
  height: 40px !important;
  min-height: 0 !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0d2b55 !important;

  border: 1px solid #e1e4e8 !important;
  border-radius: 2px !important;
  box-shadow: none !important;

  padding: 0 12px !important;

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

  font-family: Inter, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;

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

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button:hover,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button a.elementor-button:hover {
  background: #f6f8fa !important;
  background-color: #f6f8fa !important;
  color: #0d2b55 !important;
  border-color: #c9cdd3 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button-text {
  color: inherit !important;
  text-transform: none !important;
}

/* Button icons — FILL-based (Font Awesome solid glyphs) */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button-icon i {
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar-button .elementor-button-icon svg {
  width: 12px !important;
  height: 12px !important;
  color: currentColor !important;
  fill: currentColor !important;   /* do NOT set fill:none — glyph disappears */
}

/* =========================================================
   WHAT HAPPENS NEXT CARD
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-card {
  width: 100% !important;
  background: #0d2b55 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 24px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-eyebrow {
  margin-bottom: 20px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-eyebrow,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-eyebrow .elementor-heading-title {
  color: #ffa300 !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
}

/* =========================================================
   TIMELINE
   ========================================================= */

/* Kill Elementor container padding/gap on every timeline piece —
   this is what pushed the dots away from the line. */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-item,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-content {
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline {
  position: relative !important;
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-item {
  position: relative !important;
  width: 100% !important;

  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

/* Amber ring dot (grid column 1) */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-item::before {
  content: "" !important;
  position: relative !important;
  z-index: 2 !important;

  width: 18px !important;
  height: 18px !important;
  margin: 0 0 0 1px !important;

  border-radius: 999px !important;
  border: 3px solid #ffa300 !important;
  background: #0d2b55 !important;
  box-sizing: border-box !important;
}

/* Connector line — hidden by default */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-item::after {
  content: "" !important;
  display: none !important;
}

/* ...shown ONLY when another timeline item follows.
   Immune to trailing elements in the container, unlike :last-child. */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-item:has(+ .xentys-vacancy-timeline-item)::after {
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;

  left: 9px !important;
  top: 18px !important;
  bottom: -18px !important;   /* spans the 18px gap to the next dot */

  width: 2px !important;
  background: #ffa300 !important;
}

/* Hide a manual dot widget if one exists */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-dot {
  display: none !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-content {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-title {
  margin: 0 0 2px 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-title,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-title .elementor-heading-title {
  color: #ffffff !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.011em !important;
  margin-top: 0 !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-body,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-body p,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-body .elementor-widget-container {
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.011em !important;
  margin: 0 !important;
}

/* Emphasis inside timeline body (e.g. "3–5 vetted candidates") */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-body strong,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-timeline-body b {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* =========================================================
   PRIVACY NOTE CARD
   ========================================================= */

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-note-card {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 20px !important;
}

.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-note-text,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-note-text p,
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-note-text .elementor-widget-container {
  color: #6b7280 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.011em !important;
  margin: 0 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-card,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-card {
    padding: 22px 20px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-top {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image .elementor-widget-container,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image img {
    width: 64px !important;
    height: 64px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-sidebar {
    gap: 16px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-card,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-next-card {
    padding: 22px 20px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-note-card {
    padding: 18px 20px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-top {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image .elementor-widget-container,
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-image img {
    width: 64px !important;
    height: 64px !important;
  }

  /* Buttons stay side by side — they're short enough */
  .elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-recruiter-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* go-live 16 Oct 2026: line up with the hero. Live boxes containers at 1140px by default; the hero uses 1280px, so this section sets the same inner width and side padding. */
.elementor-62750 .elementor-element.elementor-element-72d9880 > .e-con-inner { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 !important; }

/* go-live 16 Oct 2026 (2): the inner wrapper carried live's default 10px container padding; the hero's has 0. */
.elementor-62750 .elementor-element.elementor-element-72d9880 .xentys-vacancy-main-inner { padding-left: 0 !important; padding-right: 0 !important; }/* End custom CSS */