.elementor-22869 .elementor-element.elementor-element-22cb291e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.82;--border-radius:0px 0px 50px 50px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-22cb291e:not(.elementor-motion-effects-element-type-background), .elementor-22869 .elementor-element.elementor-element-22cb291e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22869 .elementor-element.elementor-element-22cb291e::before, .elementor-22869 .elementor-element.elementor-element-22cb291e > .elementor-background-video-container::before, .elementor-22869 .elementor-element.elementor-element-22cb291e > .e-con-inner > .elementor-background-video-container::before, .elementor-22869 .elementor-element.elementor-element-22cb291e > .elementor-background-slideshow::before, .elementor-22869 .elementor-element.elementor-element-22cb291e > .e-con-inner > .elementor-background-slideshow::before, .elementor-22869 .elementor-element.elementor-element-22cb291e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-22869 .elementor-element.elementor-element-22cb291e.e-con{--align-self:center;}.elementor-22869 .elementor-element.elementor-element-6aab212c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-6aab212c.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-22869 .elementor-element.elementor-element-38005771{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-1ddaa65b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22869 .elementor-element.elementor-element-1ddaa65b.elementor-element{--align-self:flex-start;}.elementor-22869 .elementor-element.elementor-element-192141f9{--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-22869 .elementor-element.elementor-element-cdc5a84 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-22869 .elementor-element.elementor-element-cdc5a84 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}@media(min-width:768px){.elementor-22869 .elementor-element.elementor-element-38005771{--content-width:1280px;}.elementor-22869 .elementor-element.elementor-element-192141f9{--content-width:1280px;}}@media(max-width:1024px){.elementor-22869 .elementor-element.elementor-element-22cb291e{--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;--flex-wrap:wrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-6aab212c{--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-38005771{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-1ddaa65b > .elementor-widget-container{margin:0px 0px -12px 0px;padding:10px 10px 0px 0px;}.elementor-22869 .elementor-element.elementor-element-cdc5a84 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-22869 .elementor-element.elementor-element-cdc5a84 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-22869 .elementor-element.elementor-element-22cb291e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-6aab212c.e-con{--align-self:center;}.elementor-22869 .elementor-element.elementor-element-38005771{--padding-top:10px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-22869 .elementor-element.elementor-element-1ddaa65b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22869 .elementor-element.elementor-element-cdc5a84 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-22869 .elementor-element.elementor-element-cdc5a84 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS for container, class: .elementor-element-22cb291e *//* ===== EOR archive hero (.er-ahero) ===== */
.er-ahero {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  font-family: inherit;
}
.er-ahero .er-ahero__title {
  margin: 0 0 16px;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #0F0F0F;
}
.er-ahero__sub {
  max-width: 680px;
  margin: 0 auto 26px;
  font-size: 18px;
  line-height: 1.6;
  color: #3d3d3d;
}
.er-ahero__ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 0 34px;
}
.er-ahero .er-ahero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.er-ahero .er-ahero__btn--primary { background: #6f4cb0; color: #fff; border: 1px solid #6f4cb0; }
.er-ahero .er-ahero__btn--primary:hover { background: #5a3b95; border-color: #5a3b95; color: #fff; }
.er-ahero .er-ahero__btn--ghost { background: #fff; color: #0F0F0F; border: 1px solid #d9d3c9; }
.er-ahero .er-ahero__btn--ghost:hover { border-color: #a17ae6; color: #6f4cb0; }
.er-ahero__btn:focus-visible { outline: 2px solid #a17ae6; outline-offset: 3px; }
.er-ahero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.er-ahero__stat {
  padding: 16px 12px;
  background: rgba(255, 255, 255, .85);
  border: 1px solid #e6e1d8;
  border-radius: 14px;
}
.er-ahero__val {
  display: block;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 800;
  color: #0F0F0F;
}
.er-ahero__lbl {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.35;
  color: #555;
}
.er-ahero__trust { font-size: 14px; line-height: 1.5; color: #3d3d3d; }
.er-ahero__trust a { color: #6f4cb0; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  .er-ahero .er-ahero__title { font-size: 30px; }
  .er-ahero__sub { font-size: 16px; }
  .er-ahero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .er-ahero .er-ahero__btn { width: 100%; }
  .er-ahero__val { font-size: 22px; }
}


/* Tapered pinstripes: each line is a long inverted triangle, wide at the top and
   narrowing to nothing, covering the top half of the section */
/* 1. Hero: deep brand purple */
.er-stripe-hero {
  background-color: #6a3fc0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='100' viewBox='0 0 10 100' preserveAspectRatio='none'%3E%3Cpolygon points='2.5,0 7.5,0 5,100' fill='white' fill-opacity='0.09'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #7650cc 0%, #5e36b3 100%);
  background-size: 10px 55%, 100% 100%;
  background-repeat: repeat-x, no-repeat;
  background-position: top left, center;
}
/* 2. Light sections: lavender tapered lines */
.er-stripe-soft {
  background-color: #ffffff;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='100' viewBox='0 0 10 100' preserveAspectRatio='none'%3E%3Cpolygon points='2.5,0 7.5,0 5,100' fill='%23a17ae6' fill-opacity='0.16'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #f6f2fe 0%, #ffffff 55%);
  background-size: 10px 55%, 100% 100%;
  background-repeat: repeat-x, no-repeat;
  background-position: top left, center;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1ddaa65b */.rank-math-breadcrumb {
    font-size: 14px;
    line-height: 1.2em;
}

.rank-math-breadcrumb a {
    color: #fff;
}

.rank-math-breadcrumb a:hover {
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b438d3 *//* EmployerRecords Hiring Guide archive: region filter v1.0
   Paste below the hero CSS in the archive template's Custom CSS.
   The filter is one HTML widget placed inside the #reports container, directly above the Listing Grid. */

.hgf{font-family:var(--e-global-typography-text-font-family,'Roboto'),'Roboto',sans-serif;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 24px}
.hgf[hidden]{display:none!important}
.hgf p.hgf-label{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6a6475}
.hgf-chips{display:flex;flex-wrap:wrap;gap:8px}
.hgf button.hgf-chip{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 8px 8px 16px;border:1px solid #e6e0d7;border-radius:999px;background:#ffffff;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;transition:background .15s ease,border-color .15s ease,color .15s ease}
.hgf button.hgf-chip:hover{background:#f3f0ec;border-color:#d8d0c4;color:#1a1a1a}
.hgf button.hgf-chip:focus-visible{outline:3px solid #a17ae6;outline-offset:2px}
.hgf .hgf-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#f3f0ec;color:#5c554c;font-size:12px;font-weight:700}
.hgf button.hgf-chip[aria-pressed="true"]{background:#704db1;border-color:#704db1;color:#ffffff}
.hgf button.hgf-chip[aria-pressed="true"] .hgf-count{background:rgba(255,255,255,.2);color:#ffffff}
.hgf p.hgf-status{margin:0;font-size:13px;color:#6a6475}
.hgf p.hgf-status:empty{display:none}

@media (max-width:767px){
  .hgf{gap:10px}
  .hgf p.hgf-label{width:100%}
  .hgf button.hgf-chip{font-size:13px;padding:7px 7px 7px 13px}
}/* End custom CSS */
/* Start custom CSS *//* EmployerRecords Hiring Guide archive: hero v1.1 (button #704db1, white text)
   Paste into the archive template's Custom CSS (Page Settings > Advanced > Custom CSS), as plain CSS.
   The hero is one HTML widget in a full-width container with padding 0 and gap 0. No breadcrumb. */

.hgh{--hgh-font:var(--e-global-typography-text-font-family,'Roboto'),'Roboto',system-ui,sans-serif;font-family:var(--hgh-font)}
.hgh *,.hgh *::before,.hgh *::after{box-sizing:border-box}

/* Hero band */
.hgh{position:relative;overflow:hidden;background:#262626;color:#ffffff;padding:72px 20px 88px}

/* Ledger pattern: strongest at both edges, fading toward the center and the bottom */
.hgh-ledger{position:absolute;inset:0;width:100%;height:100%;color:#ffffff;opacity:.09;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 14%,transparent 36%,transparent 64%,rgba(0,0,0,.5) 86%,#000 100%),linear-gradient(180deg,#000 0%,#000 30%,transparent 78%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 14%,transparent 36%,transparent 64%,rgba(0,0,0,.5) 86%,#000 100%),linear-gradient(180deg,#000 0%,#000 30%,transparent 78%);
  mask-composite:intersect}

/* Soft purple glow behind the illustration */
.hgh::after{content:"";position:absolute;right:8%;top:16%;width:520px;height:440px;background:radial-gradient(closest-side,rgba(161,122,230,.18),transparent);pointer-events:none}

.hgh-in{position:relative;z-index:1;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.hgh p.hgh-eyebrow{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a17ae6}
.hgh h1.hgh-h1{margin:0;font-family:var(--hgh-font);font-size:clamp(32px,4vw,52px);line-height:1.06;font-weight:700;letter-spacing:-.025em;color:#ffffff;text-wrap:balance}
.hgh p.hgh-p{margin:20px 0 0;font-size:18px;line-height:1.6;color:#d4d4d4;max-width:560px}
.hgh-btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.hgh a.hgh-btn{display:inline-flex;align-items:center;gap:8px;background:#704db1;color:#ffffff;font-size:15px;font-weight:700;line-height:1;padding:15px 22px;border-radius:10px;text-decoration:none;transition:background .2s ease}
.hgh a.hgh-btn:hover{background:#5f3f9c;color:#ffffff}
.hgh a.hgh-btn:focus-visible{outline:3px solid #cdb9f2;outline-offset:3px}
.hgh a.hgh-btn::after{content:"\2193"}
.hgh-note{font-size:14px;color:#a3a3a3}
.hgh-art{display:block;width:100%;max-width:560px;height:auto;margin-left:auto}

@media (max-width:1024px){
  .hgh-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .hgh-art{max-width:520px;margin:0 auto}
  .hgh p.hgh-p{max-width:680px}
}
@media (max-width:767px){
  .hgh{padding:48px 16px 64px}
  .hgh p.hgh-p{font-size:16px}
  .hgh::after{display:none}
}/* End custom CSS */