@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
/* ==========================================================
   ACCUREX "Enquire" modal. Flow and structure follow the bamublinds.com
   "Get in Touch" modal; field styling follows the ACCUREX enquiry form.
   Markup: resources/views/includes/enquiry-modal.blade.php
   Script: cdn/js/enquiry-modal.js
   ========================================================== */
.ax-em-overlay, .ax-em-overlay * { box-sizing: border-box; }
html.ax-em-lock { overflow: hidden; }

.ax-em-overlay {
    --ax-em-navy: #0a2f68;
    --ax-em-btn: #0a2f68;
    --ax-em-btn-hover: #1e6fd9;
    --ax-em-text: #55657f;
    --ax-em-line: #dde6f2;
    --ax-em-field: #f6f9fd;
    --ax-em-icon: #55657f;
    --ax-em-placeholder: #5f6f89;
    --ax-em-red: #e5383b;
    --ax-em-dur: 420ms;
    position: fixed; inset: 0; z-index: 2147483000;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    background: rgba(3, 18, 44, .62);
    -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
    visibility: hidden; opacity: 0; pointer-events: none;
}
.ax-em-overlay[data-state="open"]    { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity .35s ease; }
.ax-em-overlay[data-state="prep"]    { visibility: visible; opacity: 0; }
.ax-em-overlay[data-state="closing"] { visibility: visible; opacity: 0; transition: opacity calc(var(--ax-em-dur) * .85) ease .05s; }

.ax-em-card {
    --ax-em-pt: 1.75em; --ax-em-px: 2.25em; --ax-em-pb: 1.1em;
    position: relative; width: 100%; max-width: 43.75em; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    font-size: 16px; font-family: 'Manrope', system-ui, sans-serif;
    background: #fff; border-radius: 1.5em; overflow: hidden; outline: none;
    box-shadow: 0 30px 80px rgba(8, 20, 45, .38), 0 2px 8px rgba(8, 20, 45, .12);
    transform: translate(var(--ax-em-tx, 0px), var(--ax-em-ty, 0px)) scale(.06); opacity: 0;
}
.ax-em-overlay[data-state="open"] .ax-em-card { transform: none; opacity: 1; transition: transform var(--ax-em-dur) cubic-bezier(.2,.8,.2,1), opacity .25s ease; }
.ax-em-overlay[data-state="closing"] .ax-em-card { transition: transform var(--ax-em-dur) cubic-bezier(.7,0,.3,1), opacity calc(var(--ax-em-dur) * .7) ease calc(var(--ax-em-dur) * .3); }

.ax-em-scroll {
    position: relative; z-index: 1; display: flex; flex-direction: column; overflow: hidden;
    max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    padding: var(--ax-em-pt) var(--ax-em-px) var(--ax-em-pb);
}
.ax-em-head { flex: 0 0 auto; }
.ax-em-form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.ax-em-fields {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
    margin-right: calc(var(--ax-em-px) * -.5); padding-right: calc(var(--ax-em-px) * .5);
}
.ax-em-foot { flex: 0 0 auto; }
.ax-em-fields::-webkit-scrollbar { width: 8px; }
.ax-em-fields::-webkit-scrollbar-thumb { background: #c3d0e4; border-radius: 8px; }

/* decorative blob + paper plane */
.ax-em-blob { position: absolute; top: 0; right: 0; width: 15em; height: 10em; z-index: 0; pointer-events: none; overflow: visible; }
.ax-em-blob-shape { fill: #e3efff; opacity: 1; }
.ax-em-trail { fill: none; stroke: #00b8bb; stroke-width: 1.6; stroke-dasharray: 4 5; stroke-linecap: round; }
.ax-em-plane { fill: none; stroke: var(--ax-em-navy); stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }

.ax-em-close {
    position: absolute; top: 1.5em; right: 1.5em; z-index: 3; width: 2.75em; height: 2.75em; padding: 0;
    display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 50%; background: #fff; box-shadow: 0 2px 10px rgba(30, 50, 90, .14); cursor: pointer;
}
.ax-em-close svg { width: 1.05em; height: 1.05em; fill: none; stroke: var(--ax-em-navy); stroke-width: 2; stroke-linecap: round; }
.ax-em-close:hover { background: #e3efff; }
.ax-em-close:focus-visible, .ax-em-submit:focus-visible { outline: 3px solid rgba(15, 69, 147, .5); outline-offset: 2px; }

.ax-em-head { position: relative; padding-right: 4em; margin: 0 0 1.4em; max-width: 27.5em; }
.ax-em-title { margin: 0 0 .35em; padding: 0; font-family: 'Plus Jakarta Sans', 'Manrope', system-ui, sans-serif; font-size: 1.5em; line-height: 1.15; font-weight: 800; color: var(--ax-em-navy); }
.ax-em-intro { margin: 0; font-size: .906em; line-height: 1.55; color: var(--ax-em-text); }

.ax-em-field { margin: 0 0 .6em; }
.ax-em-row { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1em; }
.ax-em-row .ax-em-field { min-width: 0; }
.ax-em-label { display: block; margin: 0 0 .45em; font-size: .844em; line-height: 1.4; font-weight: 700; color: var(--ax-em-navy); }
.ax-em-req { margin-left: .15em; color: var(--ax-em-red); }
.ax-em-control {
    position: relative; display: flex; align-items: center; min-height: 2.4em;
    background: var(--ax-em-field); border: 1.5px solid var(--ax-em-line); border-radius: .75em;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.ax-em-control:focus-within { background: #fff; border-color: var(--ax-em-btn-hover); }
.ax-em-field.has-error .ax-em-control { border-color: var(--ax-em-red); }
.ax-em-field.has-error .ax-em-control:focus-within { box-shadow: 0 0 0 3px rgba(229, 56, 59, .14); }

.ax-em-icon { position: absolute; top: 50%; left: .875em; width: .94em; height: .94em; transform: translateY(-50%); fill: none; stroke: var(--ax-em-icon); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.ax-em-input {
    display: block; width: 100%; height: 2.3em; margin: 0; padding: 0 .875em 0 2.375em;
    border: 0; border-radius: .75em; background: transparent; box-shadow: none; outline: none;
    font-family: 'Manrope', system-ui, sans-serif; font-size: .88em; line-height: 1.45; font-weight: 400; color: #0b1a33;
    -webkit-appearance: none; appearance: none;
}
.ax-em-input::placeholder { color: var(--ax-em-placeholder); opacity: 1; }

.ax-em-control--phone { gap: .5em; background: none; border: 0; box-shadow: none; }
.ax-em-control--phone:focus-within { background: none; box-shadow: none; }
.ax-em-control--phone .ax-em-input { background: var(--ax-em-field); border: 1.5px solid var(--ax-em-line); border-radius: .75em; transition: border-color .2s ease, background .2s ease; }
.ax-em-control--phone .ax-em-input:focus { background: #fff; border-color: var(--ax-em-btn-hover); }
.ax-em-control--phone .ax-em-dial { flex: 0 0 88px; width: 88px; height: 38px; padding: 0 26px 0 14px; cursor: pointer; font-size: 13px; }
.ax-em-control--phone .ax-em-dial-chev { position: absolute; top: 50%; left: 64px; width: 10px; height: 10px; transform: translateY(-50%); fill: none; stroke: var(--ax-em-icon); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.ax-em-control--phone .ax-em-input:not(.ax-em-dial) { flex: 1 1 auto; min-width: 0; height: 38px; padding-left: .75em; }

.ax-em-control--textarea { align-items: flex-start; }
.ax-em-control--textarea .ax-em-icon { top: 1em; transform: none; }
.ax-em-textarea { height: auto; min-height: 5.8em; max-height: 13em; padding: .8em .875em .8em 2.375em; resize: none; }

.ax-em-select { padding-right: 2.2em; cursor: pointer; }
.ax-em-select.is-empty { color: var(--ax-em-placeholder); }
.ax-em-select option, .ax-em-select optgroup { color: #0b1a33; }
.ax-em-select-chev { position: absolute; top: 50%; right: .875em; width: .65em; height: .65em; transform: translateY(-50%); fill: none; stroke: var(--ax-em-icon); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.ax-em-hint { margin: .35em 0 0 .15em; font-size: .78em; line-height: 1.35; color: var(--ax-em-placeholder); }

.ax-em-error { display: block; margin: .25em 0 0 .15em; font-size: .82em; line-height: 1.3; color: var(--ax-em-red); }
.ax-em-error:empty { display: none; }

.ax-em-check { display: flex; align-items: center; gap: .75em; padding: .875em 1em; background: var(--ax-em-field); border: 1.5px solid var(--ax-em-line); border-radius: .75em; cursor: pointer; font-size: .906em; color: var(--ax-em-navy); }
.ax-em-check input { width: 1.375em; height: 1.375em; margin: 0; accent-color: var(--ax-em-btn); cursor: pointer; }
.ax-em-check svg { margin-left: auto; width: 1.4em; height: 1.4em; fill: none; stroke: var(--ax-em-icon); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ax-em-captcha-row { display: flex; gap: .6em; align-items: stretch; }
.ax-em-captcha-q { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; min-width: 7em; padding: 0 1em; background: var(--ax-em-field); border: 1.5px solid var(--ax-em-line); border-radius: .75em; font-size: .94em; font-weight: 800; color: var(--ax-em-navy); white-space: nowrap; }
.ax-em-captcha-row .ax-em-control { flex: 1 1 auto; min-width: 0; }
.ax-em-captcha-input { padding-left: .875em; }
.ax-em-field.has-error .ax-em-check { border-color: var(--ax-em-red); }

.ax-em-foot { margin: 0; padding: .45em 0 0; }
.ax-em-status { margin: 0 0 .6em; font-size: .95em; line-height: 1.4; text-align: center; }
.ax-em-status:empty { display: none; }
.ax-em-status.is-ok { color: #1f9d3a; }
.ax-em-status.is-err { color: var(--ax-em-red); }
.ax-em-submit {
    display: flex; align-items: center; justify-content: center; gap: .6em; width: 100%; height: 3.375em; margin: 0; padding: 0 1.25em;
    border: 0; border-radius: .875em; background: var(--ax-em-btn); color: #fff;
    font-family: 'Plus Jakarta Sans', 'Manrope', system-ui, sans-serif; font-size: 1em; line-height: 1; font-weight: 700; cursor: pointer;
    box-shadow: 0 8px 20px rgba(10, 47, 104, .28); transition: background .2s ease, transform .1s ease;
}
.ax-em-submit svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
.ax-em-submit:hover { background: var(--ax-em-btn-hover); }
.ax-em-submit:hover svg { transform: translateX(3px); }
.ax-em-submit:active { transform: translateY(1px); }
.ax-em-submit:disabled { opacity: .7; cursor: not-allowed; }
.ax-em-contact { margin: 1.1em 0 0; font-size: .8em; text-align: center; color: var(--ax-em-text); }
.ax-em-contact a { color: #1552b8; font-weight: 700; text-decoration: none; }
.ax-em-hp { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; overflow: hidden; }

@media (max-width: 767px) {
    .ax-em-card { --ax-em-pt: 1.4em; --ax-em-px: 1.3em; --ax-em-pb: 1em; font-size: 15px; }
    .ax-em-head { padding-right: 3em; }
    .ax-em-title { font-size: 1.3em; }
    .ax-em-blob { width: 11em; height: 7.5em; opacity: .8; }
}
@media (max-width: 575px) {
    .ax-em-overlay { padding: 8px; }
    .ax-em-row { grid-template-columns: 1fr; }
    .ax-em-card { --ax-em-px: 1.1em; font-size: 15px; max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
    .ax-em-scroll { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
}
@media (prefers-reduced-motion: reduce) {
    .ax-em-overlay, .ax-em-card, .ax-em-overlay[data-state] .ax-em-card { transition: none !important; }
}

/* minimized launcher icon (shown while the modal is closed) */
.ax-em-launcher {
    position: fixed; right: 20px; bottom: 80px; z-index: 9999; width: 50px; height: 50px; margin: 0; padding: 0;
    display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 50%; background: #0a2f68; cursor: pointer;
    box-shadow: 0 8px 22px rgba(10, 47, 104, .35);
    opacity: 0; visibility: hidden; pointer-events: none; transform: scale(.4);
}
.ax-em-launcher svg { position: relative; width: 26px; height: 26px; fill: #fff; stroke: none; }
.ax-em-launcher .ax-em-launcher-dot { fill: #0a2f68; }
.ax-em-launcher:focus-visible { outline: 3px solid rgba(30, 111, 217, .55); outline-offset: 3px; }
.ax-em-launcher.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); transition: transform .5s cubic-bezier(.34,1.56,.64,1), opacity .25s ease, visibility 0s; }
.ax-em-launcher.is-visible:hover { transform: scale(1.08); background: #1552b8; }
.ax-em-launcher-ring { position: absolute; inset: -1px; border-radius: 50%; border: 2px solid #1e6fd9; opacity: 0; pointer-events: none; }
.ax-em-launcher.is-visible .ax-em-launcher-ring { animation: axEmPulse 1.8s ease-out .6s 3; }
@keyframes axEmPulse { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.7); opacity: 0; } }

@media (prefers-reduced-motion: reduce) { .ax-em-launcher.is-visible .ax-em-launcher-ring { animation: none; } }

/* floating icons stacked on one right-hand axis: go-to-top (44px, bottom 24px) > chat launcher > WhatsApp, 12px apart */
a.whatsapp { position: fixed; right: 20px; bottom: 142px; margin: 0; width: 50px; height: 50px; z-index: 9998; }
a.whatsapp .whatsapp-info-icon { display: flex; width: 50px; height: 50px; }
a.whatsapp .whatsapp-info-icon svg { width: 50px; height: 50px; }

/* --- Homepage accent #c1061b: borders, icons and icon backgrounds only ---------
   (no text colours, no section backgrounds). Specificity/!important mirror the
   existing overrides in home.css and common.css so the accent wins. */

/* Services: pillar icon badge, rail icons */
body:has(#home-services) .ax-svc .ax-svc__badge { background: #c1061b !important; color: #fff !important; }
body:has(#home-services) .ax-svc .ax-svc__tab .ax-svc__tabicon { color: #fff !important; opacity: 1 !important; font-size: 21px !important; flex: 0 0 30px !important; width: 30px !important; margin-right: 14px !important; }
body:has(#home-services) .ax-svc .ax-svc__tab.is-active .ax-svc__tabicon { color: #c1061b !important; }

/* Industries: icon tile */
body:has(#home-services) .ax-ind .ax-ind__icon,
body:has(#home-services) .ax-ind .ax-ind__card:hover .ax-ind__icon { background: #c1061b !important; color: #fff !important; }

/* How we work: check badges, flow nodes, "apart" icon tiles */
body:has(#home-services) .ax-work .ax-work__check { background: #c1061b !important; color: #fff !important; }
body:has(#home-services) .ax-work .ax-flow__node { border-color: #c1061b !important; box-shadow: 0 0 0 5px color-mix(in srgb, #c1061b 14%, transparent) !important; }
body:has(#home-services) .ax-work .ax-flow__step:hover .ax-flow__node { background: #c1061b !important; box-shadow: 0 0 0 8px color-mix(in srgb, #c1061b 20%, transparent) !important; }
body:has(#home-services) .ax-work .ax-apart__icon { background: #c1061b !important; box-shadow: 0 6px 16px color-mix(in srgb, #c1061b 25%, transparent) !important; }
body:has(#home-services) .ax-work .ax-apart__icon,
body:has(#home-services) .ax-work .ax-apart__icon i { color: #fff !important; }

/* Capabilities: icon tiles and arrows */
body:has(#home-services) .ax-caps .ax-cap__icon,
body:has(#home-services) .ax-caps .ax-cap:hover .ax-cap__icon { background: #c1061b !important; color: #fff !important; }
body:has(#home-services) .ax-caps .ax-cap__arrow,
body:has(#home-services) .ax-caps .ax-cap:hover .ax-cap__arrow { color: #c1061b !important; }

/* Get in touch: social icon circles */
body:has(#home-services) .ax-cta .right-enquire-now .social-icon ul li a { border-color: #c1061b !important; }

/* Section label pills ("Our Blog" etc.): red background, white text and border */
body:has(#home-services) .ax-caps__eyebrow,
body:has(#home-services) .ax-caps__eyebrow.ax-caps__eyebrow--dark {
    background: #c1061b !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
body:has(#home-services) .ax-caps__eyebrow::before { background: #fff !important; }
body:has(#home-services) .ax-caps__eyebrow::after { background: #fff !important; }
body:has(#home-services) .ax-caps__eyebrow { box-shadow: none !important; }

/* ===== About Us (/about-us): accent #c1061b, same treatment as the homepage ===== */
body:has(.ax-purpose) .ax-purpose__eyebrow,
body:has(.ax-purpose) .ax-values__eyebrow { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; }
body:has(.ax-purpose) .ax-purpose__eyebrow::before,
body:has(.ax-purpose) .ax-values__eyebrow::before { background: #fff !important; }
body:has(.ax-purpose) .ax-stat__icon { background: #c1061b !important; color: #fff !important; }
body:has(.ax-purpose) .ax-value__icon,
body:has(.ax-purpose) .ax-value:hover .ax-value__icon { background: #c1061b !important; color: #fff !important; }
body:has(.ax-purpose) .ax-team__stat > i { background: #c1061b !important; color: #fff !important; }
body:has(.ax-purpose) .ax-team__foot-ico { background: #c1061b !important; color: #fff !important; box-shadow: 0 12px 26px color-mix(in srgb, #c1061b 30%, transparent) !important; }
/* About Us — remaining pills, badges and accents */
body:has(.ax-purpose) .ax-intro__head .span,
body:has(.ax-purpose) .hadding2-w > .span,
body:has(.ax-purpose) .ax-reel__tag { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; }
body:has(.ax-purpose) .ax-team__go { background: #c1061b !important; color: #fff !important; }
body:has(.ax-purpose) .ax-team__go svg, body:has(.ax-purpose) .ax-team__go i { color: #fff !important; fill: #fff !important; }
body:has(.ax-purpose) .ax-gal__acc { background: #c1061b !important; }
body:has(.ax-purpose) .ax-team__eyebrow::before { background: #c1061b !important; }

/* ===== Human Resource Consulting (/human-resource-consulting): accent #c1061b ===== */
body:has(.hrc, [class*="hrc-"]) .hrc-eyebrow { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-eyebrow::before,
body:has(.hrc, [class*="hrc-"]) .hrc-eyebrow::after { background: #fff !important; border-color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .box-icon { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-panel .left-icon { background: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-panel .left-icon img { filter: brightness(0) invert(1) !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-imp__icon { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-imp__arrow { border-color: #c1061b !important; color: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-float__icon,
body:has(.hrc, [class*="hrc-"]) .hrc-float__icon--blue,
body:has(.hrc, [class*="hrc-"]) .hrc-float__icon--green { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-stat__icon { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-tabicon,
body:has(.hrc, [class*="hrc-"]) .hrc-tabtitle-icon { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .nav-link:not(.active) .hrc-tabchev { color: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-more svg { color: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .ax-ind .ax-ind__icon,
body:has(.hrc, [class*="hrc-"]) .ax-ind .ax-ind__card:hover .ax-ind__icon { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-ben__bar,
body:has(.hrc, [class*="hrc-"]) .hrc-exp__bar { background: #c1061b !important; }
/* HR Consulting — higher-specificity overrides and stat icons */
html body:has(.hrc, [class*="hrc-"]) .hrc .benefits-outsourcing-block .item.hrc-ben .box-icon { background: #c1061b !important; color: #fff !important; }
html body:has(.hrc, [class*="hrc-"]) .hrc .service-box-outsourcing .hrc-exp .item > .hrc-exp__bar,
html body:has(.hrc, [class*="hrc-"]) .hrc .service-box-outsourcing .hrc-exp--feature .item > .hrc-exp__bar { background: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-ov-stats li i,
body:has(.hrc, [class*="hrc-"]) .hrc-ov-stats li svg { color: #c1061b !important; }
/* Shared services template (.hrc*): advantage rows */
body:has(.hrc, [class*="hrc-"]) .hrc-adv__bar { background: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-adv__ico { color: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-adv__num { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-row__step { background: #c1061b !important; color: #fff !important; }
body:has(.hrc, [class*="hrc-"]) .hrc-steps summary svg,
body:has(.hrc, [class*="hrc-"]) .hrc-steps summary i { color: #c1061b !important; }

/* ===== Service detail / group templates (.gp-*, .sd-*, .svc-*) ===== */
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .gp-path__ico,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-cover__ico,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-sector__ico,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-step__ico,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-scope__badge,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-step__node { background: #c1061b !important; color: #fff !important; }
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) article.sd-sector { border-color: #c1061b !important; }
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-roles__panel,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-who__panel,
body:has([class*="gp-"], [class*="sd-"], [class*="svc-"]) .sd-process__note { border-color: #c1061b !important; }
body:has(.hrc, [class*="hrc-"]) .item.hrc-ben { border-left-color: #c1061b !important; }
body:has(.ax-purpose) .ax-stat { border-top-color: #c1061b !important; }
body:has(.ax-purpose) hr.ax-purpose__rule { border-color: #c1061b !important; }
/* Testimonial tags (shared include: home + about + others) */
.ax-reel__tag { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; }
html body:has(.hrc, [class*="hrc-"]) .hrc .benefits-outsourcing-block .item.hrc-ben.hrc-ben.hrc-ben,
html body:has(.hrc, [class*="hrc-"]) .item.hrc-ben.hrc-ben.hrc-ben,
html body:has(.hrc, [class*="hrc-"]) .hrc-row__card.hrc-row__card { border-left-color: #c1061b !important; }
html body:has(.hrc, [class*="hrc-"]) .hrc-adv__note.hrc-adv__note { border-left-color: #c1061b !important; }
html body:has(.hrc, [class*="hrc-"]) .hrc-appr__card.hrc-appr__card { border-left-color: #c1061b !important; }

/* ===== Services overview (/services) ===== */
body:has([class*="svc-overview"]) .svc-overview__badge,
body:has([class*="svc-overview"]) .svc-overview__ico { background: #c1061b !important; color: #fff !important; }
body:has([class*="svc-overview"]) .svc-overview__arrow { color: #c1061b !important; }

/* ===== Service group pages (/workforce-and-outsourcing etc.) ===== */
body:has([class*="gp-"]) .gp-chip__ico,
body:has([class*="gp-"]) .gp-fit__ico,
body:has([class*="gp-"]) .gp-others__ico,
body:has([class*="gp-"]) .gp-convo__badge,
body:has([class*="gp-"]) .gp-why__ico { background: #c1061b !important; color: #fff !important; }
body:has([class*="gp-"]) .gp-chip__arrow,
body:has([class*="gp-"]) .gp-fit__arrow { color: #c1061b !important; }
body:has([class*="gp-"]) .gp-who__panel,
body:has([class*="gp-"]) .gp-fit__note,
body:has([class*="gp-"]) .gp-service__suits { border-color: #c1061b !important; }
body:has([class*="gp-"]) [class*="gp-"] svg.fa-circle-check,
body:has([class*="sd-"]) [class*="sd-"] svg.fa-circle-check { color: #c1061b !important; }
body:has([class*="sd-"]) .sd-scope__ico,
body:has([class*="sd-"]) .sd-roles__badge,
body:has([class*="sd-"]) .sd-due__ico { background: #c1061b !important; color: #fff !important; }
body:has([class*="sd-"]) [class*="sd-"] li { border-left-color: #c1061b !important; }
body:has([class*="sd-"]) article.sd-due { border-color: #c1061b !important; }
body:has([class*="sd-"]) [class*="sd-"] svg.fa-circle-info { color: #c1061b !important; }
body:has([class*="sd-"]) .sd-record__link { border-color: #c1061b !important; }

/* ===== Contact page (shared .hrc-* family) ===== */
body:has([class*="hrc-"]) .hrc-enq__ico { background: #c1061b !important; color: #fff !important; }
body:has([class*="hrc-"]) .hrc-enq__arr { color: #c1061b !important; }
html body:has([class*="hrc-"]) .hrc-enq__panel.hrc-enq__panel { border-left-color: #c1061b !important; }

/* ===== Privacy Policy ===== */
body:has(.pp) .pp__date { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; }
body:has(.pp) .pp__date svg { color: #fff !important; }
body:has(.pp) .pp__contact li svg { color: #c1061b !important; }

/* ===== Trainings listing (shared .hrc-* family) ===== */
body:has([class*="hrc-"]) .hrc-spec__ico,
body:has([class*="hrc-"]) .hrc-strat__ico,
body:has([class*="hrc-"]) .hrc-train__ico,
body:has([class*="hrc-"]) .hrc-meth__num { background: #c1061b !important; color: #fff !important; }
body:has([class*="hrc-"]) .hrc-meth__bar { background: #c1061b !important; }
body:has([class*="hrc-"]) .hrc-lvl__ico { background: #c1061b !important; color: #fff !important; }
html body:has([class*="hrc-"]) .col-item.col-item { border-left-color: #c1061b !important; }

/* ===== Events listing ===== */
body:has(.event-category-section) .bd.events i.fa-calendar,
body:has(.event-category-section) .bd.events i.fa-map-marker,
body:has(.event-category-section) .events i.fa-calendar,
body:has(.event-category-section) .events i.fa-map-marker { color: #c1061b !important; }

/* ===== Event detail ===== */
body:has(.event-details-block) .lt-ico { background: #c1061b !important; color: #fff !important; }
body:has(.event-details-block) .info-text > span { background: #c1061b !important; color: #fff !important; border: 1px solid #fff !important; }

/* ===== Enquiry pages ===== */
.backto-home svg, .backto-home i { color: #c1061b !important; }
body:has(.event-category-section) .events svg.fa-calendar,
body:has(.event-category-section) .events svg.fa-map-marker,
body:has(.event-category-section) .events .fa-calendar,
body:has(.event-category-section) .events .fa-map-marker { color: #c1061b !important; }
body:has(.event-category-section) .loc-dat svg,
body:has(.event-category-section) .loc-dat i { color: #c1061b !important; }
html body .training-objectives-button .col-item.col-item { border-left-color: #c1061b !important; }
html body .target-group-block.hrc-lvl .bd .col-sec .col-item.col-item.col-item { border-left-color: #c1061b !important; }
/* Glyphs inside red tiles stay white (beats the bare check-circle rule above) */
html body:has([class*="gp-"]) [class*="gp-"][class*="__ico"] svg.svg-inline--fa,
html body:has([class*="gp-"]) [class*="gp-"][class*="__badge"] svg.svg-inline--fa,
html body:has([class*="sd-"]) [class*="sd-"][class*="__ico"] svg.svg-inline--fa,
html body:has([class*="sd-"]) [class*="sd-"][class*="__badge"] svg.svg-inline--fa,
html body:has([class*="sd-"]) [class*="sd-"][class*="__node"] svg.svg-inline--fa { color: #fff !important; }

/* Trainings: delivery-mode tab icons (In-Person / Virtual / Hybrid) as proper rounded tiles */
html body .top-nav-block .nav-link .hrc-train__ico {
    display: inline-grid !important; place-items: center !important;
    flex: 0 0 44px !important; width: 44px !important; height: 44px !important;
    margin-right: 14px !important; padding: 0 !important;
    border-radius: 12px !important; background: #c1061b !important; color: #fff !important;
    font-size: 20px !important; line-height: 1 !important;
}
html body .top-nav-block .nav-link .hrc-train__ico svg { width: 22px !important; height: 22px !important; color: #fff !important; }
html body .top-nav-block .nav-link.active .hrc-train__ico { box-shadow: 0 0 0 2px #fff !important; }

/* Events listing: breathing room below the cards and under each title */
html body .event-category-section { padding-bottom: 80px !important; }
html body .event-category-section .category-bd .category-item-bd .itrm-row { padding-bottom: 16px; }
html body .event-category-section .category-bd .category-item-bd .itrm-row .col-item { margin-bottom: 36px !important; }
html body .event-category-section .category-bd .category-item-bd .itrm-row .col-item a .text-bd { padding-bottom: 72px !important; }