/* Empower People Talent - shared header & footer styles (same as the homepage) */
header,footer{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;line-height:normal;color:#0d2b5e;-webkit-font-smoothing:antialiased}
header *,footer *{box-sizing: border-box;}
header a,footer a{color: rgb(207, 74, 14); text-decoration: none;}
header a:hover,footer a:hover{color: rgb(169, 58, 8);}
header .wrap,footer .wrap{max-width: 1920px; margin: 0px auto; padding: 0px clamp(18px, 4vw, 80px);}
header .nav-links,footer .nav-links{display: flex; gap: 22px; align-items: center;}
header .nav-links a,footer .nav-links a{color: rgb(13, 43, 94); font-weight: 500; font-size: 14.5px; white-space: nowrap;}
header .nav-links a:hover,footer .nav-links a:hover{color: rgb(207, 74, 14);}
header .menu-btn,footer .menu-btn{display: none;}
header .mobile-nav,footer .mobile-nav{display: none;}
header .mobile-nav[hidden],footer .mobile-nav[hidden]{display: none !important;}
header .btn,footer .btn{display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 6px; padding: 0px 22px; min-height: 46px; transition: background 0.2s, color 0.2s, border-color 0.2s; white-space: nowrap;}
header .btn-fill,footer .btn-fill{background: rgb(207, 74, 14); color: rgb(255, 255, 255); border: 1.5px solid rgb(207, 74, 14);}
header .btn-fill:hover,footer .btn-fill:hover{background: rgb(169, 58, 8); border-color: rgb(169, 58, 8); color: rgb(255, 255, 255);}
header .btn-line,footer .btn-line{background: rgb(255, 255, 255); color: rgb(207, 74, 14); border: 1.5px solid rgb(207, 74, 14);}
header .btn-line:hover,footer .btn-line:hover{background: rgb(255, 243, 236); color: rgb(169, 58, 8);}
header .foot-grid,footer .foot-grid{display: grid; grid-template-columns: minmax(0px, 2.2fr) repeat(4, minmax(0px, 1fr)) minmax(0px, 1.4fr); gap: 28px;}
header .foot-links a,footer .foot-links a{color: rgba(255, 255, 255, 0.82); font-size: 13px; line-height: 2;}
header .foot-links a:hover,footer .foot-links a:hover{color: rgb(255, 255, 255);}
@media (max-width: 1180px) {
  header .nav-links,footer .nav-links{display: none;}
  header .nav-cta,footer .nav-cta{display: none !important;}
  header .menu-btn,footer .menu-btn{display: inline-flex;}
  header .mobile-nav,footer .mobile-nav{display: block;}
  header .foot-grid,footer .foot-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
  header .foot-brand,footer .foot-brand{grid-column: 1 / -1;}
}
@media (max-width: 700px) {
  header .wrap,footer .wrap{padding: 0px 18px;}
  header .foot-grid,footer .foot-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
header .btn,footer .btn{cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s;}
header .btn:hover,footer .btn:hover{transform: translateY(-2px);}
header .btn:active,footer .btn:active{transform: translateY(0px);}
header .btn-fill:hover,footer .btn-fill:hover{box-shadow: rgba(207, 74, 14, 0.38) 0px 10px 22px;}
header .btn-line:hover,footer .btn-line:hover{box-shadow: rgba(207, 74, 14, 0.18) 0px 8px 18px; border-color: rgb(169, 58, 8);}
header .menu-btn,footer .menu-btn{transition: background 0.2s, border-color 0.2s;}
header .menu-btn:hover,footer .menu-btn:hover{background: rgb(243, 246, 251) !important; border-color: rgb(13, 43, 94) !important;}
header .nav-links a,footer .nav-links a{position: relative;}
header .nav-links a::after,footer .nav-links a::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -6px; height: 2px; border-radius: 2px; background: rgb(207, 74, 14); transform: scaleX(0); transition: transform 0.2s;}
header .nav-links a:hover::after,footer .nav-links a:hover::after{transform: scaleX(1);}
header .foot-links a,footer .foot-links a{transition: color 0.2s;}
header .foot-links a:hover,footer .foot-links a:hover{text-decoration: underline; text-underline-offset: 3px;}
@media (prefers-reduced-motion: reduce) {
  header .btn,footer .btn{transition: none;}
  header .btn:hover,footer .btn:hover{transform: none;}
}
header a:focus-visible,footer a:focus-visible,header button:focus-visible,footer button:focus-visible{outline: rgb(255, 138, 69) solid 2px; outline-offset: 2px;}

/* neutralise older page styles (style.css / Bootstrap) that target header, footer and buttons */
header,header.scrolled{padding:0}
footer{position:static;margin-top:0;top:auto}
header .btn,footer .btn{line-height:normal}
header button,footer button{font:revert;padding:revert}/* sticky site header + keep anchored sections clear of it */
header{position:sticky;top:0;z-index:1000}
section[id]{scroll-margin-top:96px}