/* ============================================================
   Binding Minds — component stylesheet
   Every structural style extracted out of the JS renderers.
   Data-driven values arrive as CSS custom properties:
     --isz   icon size      --t-bg/--t-fg  service tone
   ============================================================ */

body{
   margin: 0;
   padding: 0;
}
a{
   text-decoration: none;
   outline: 0;
}
*{box-sizing:border-box;}
/* ---------- primitives ---------- */
.bm-shell{ max-width:1448px; margin:0 auto; padding-left:clamp(20px,4vw,40px); padding-right:clamp(20px,4vw,40px); }
.bm-shell--narrow{ max-width:760px; }

.bm-h2{ font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(28px,4.4vw,42px); line-height:1.12; color:#0b0b0b; }
.bm-h2--center{ text-align:center; }

.bm-kicker{ font-family:'Montserrat',sans-serif; text-align:center; color:#9aa1a8; font-size:18px; letter-spacing:.02em; margin-bottom:8px; }
.bm-sec-sub{ font-family:'Montserrat',sans-serif; text-align:center; max-width:760px; margin:0 auto 46px; color:#5a6066; font-size:15.5px; line-height:1.7; }
.bm-spacer-lg{ height:34px; }
.bm-spacer-md{ height:30px; }

/* icon wrapper — sizes the inline SVG from --isz (default 18px) */
.bm-ico{ width:18px; height:18px; flex:0 0 auto; }
.bm-iw {
    /* width: var(--isz, 18px); */
    /* height: var(--isz, 18px); */
    /* display: inline-grid
; */
    /* place-items: center; */
}
.bm-iw > .bm-ico{ width:var(--isz,18px); height:var(--isz,18px); }

/* CTA button (teal + nudging arrow) */
.bm-cta{ display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 26px; margin-top:6px; }
.bm-cta--mt0{ margin-top:0; }
.bm-cta--mt20{ margin-top:20px; }
.bm-cta--mt24{ margin-top:24px; }

/* loading spinner inside a button */
.bm-spinner{ display:inline-block; width:18px; height:18px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:spinSlow .7s linear infinite; }
.btn-teal.is-loading{ opacity:.75; }

/* feature row (icon + title + desc) */
.bm-feat {
    display: flex;
    gap: 18px;
    align-items: center;
    padding: 22px 0;
}
.bm-feat__ico {
    flex: 0 0 auto;
    width: 85px;
    height: 85px;
    border-radius: 15px;
    background: #DEF5FB;
    color: var(--teal);
    display: flex;
    align-items: center;
    justify-content: center;
}
.stats-grid span.bm-stat__ico span.bm-iw img {
    width: 65px;
}
.bm-feat__title{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#0b0b0b; margin-bottom:5px; }
.bm-feat__desc{ font-family:'Montserrat',sans-serif; font-size:14.5px; line-height:1.6; color:#5a6066; }
.bm-feat-sep{ height:1px; background:#f0f0f0; }

/* shared grids (base columns; mobile collapse handled in styles.css) */
.why-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.vm-grid {
    gap: 0;
    align-items: center;
    display: flex;
    border: 0;
}
.feat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.bracket.reveal.bm-featg__item.in{
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 0 30px #efefef;
    padding: 20px;
}
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.adv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.cc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.cf-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:stretch; }
.ff-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }
.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1.3fr 1.3fr; gap:40px; }
.bm-field-full{ grid-column:1/-1; }

/* ============================================================
   HERO
   ============================================================ */
.bm-hero{ position:relative; min-height: 100%; height: 100vh; max-height:920px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff; text-align:center; }
.bm-hero__bg{ position:absolute; inset:0; background-position:center; background-size:cover; background-repeat:no-repeat; transform:scale(1.05); animation:fadeIn 1.2s ease; }
.bm-hero__scrim{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,16,26,.5),rgba(8,16,26,.38)); }
.bm-hero__inner{ position:relative; max-width:1180px; padding-top:120px; padding-bottom:40px; }
.bm-hero__title{ font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(30px,5.4vw,55px); line-height:1.1; color:#fff; text-shadow:0 2px 30px rgba(0,0,0,.25); }
.bm-hero__sub{ font-family:'Montserrat',sans-serif; margin:26px auto 0; max-width:760px; font-size:clamp(15px,2vw,20px); line-height:1.6; color:#eef3f6; }
.bm-hero__cta{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:38px; }
.bm-hero__btn1 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 52px;
    padding: 0 26px;
    text-decoration: none;
}
.bm-btn-light{ display:inline-flex; align-items:center; gap:9px; height:52px; padding:0 24px; border-radius:60px; background:rgba(255,255,255,.94); color:#15202b; font-weight:600; font-size:15px; transition:.25s; }
.bm-btn-light:hover{ background:#fff; transform:translateY(-2px); }
.bm-scroll-dot{ position:absolute; bottom:34px; left:50%; transform:translateX(-50%); width:56px; height:56px; border-radius:50%; border:1.5px solid rgba(255,255,255,.6); display:grid; place-items:center; color:#fff; }

/* ============================================================
   BANNER (inner hero)
   ============================================================ */
.bm-banner{ position:relative; background:linear-gradient(135deg,#aeb4ba,#9a9fa6 60%,#878d94); min-height:300px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; padding-top:90px; }
.bm-banner__dots{ position:absolute; inset:0; background:url('../assets/img/dots.png') right -40px top -40px/300px no-repeat; opacity:.12; }
.bm-banner__orb{ position:absolute; left:-60px; bottom:-60px; width:240px; height:240px; border-radius:50%; background:rgba(255,255,255,.08); }
.bm-banner__inner{ position:relative; padding:54px 20px 50px; }
.bm-banner__title{ font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(34px,6vw,64px); color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.18); margin: 0; }
.bm-banner__crumb{ font-family:'Montserrat',sans-serif; display:flex; gap:9px; align-items:center; justify-content:center; margin-top:14px; color:#f1f3f5; font-size:15.5px; }
.bm-banner__crumb a{ color:#f6f8f9; opacity:.9; }
.bm-banner__sep{ opacity:.7; display:inline-grid; }
.bm-banner__here{ font-weight:600; }

/* ============================================================
   ABOUT
   ============================================================ */
.bm-about{ position:relative; padding:90px 0 70px; overflow:hidden; }
.bm-about .bm-h2{ margin-bottom:46px; }
.bm-about__grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.bm-about__media{ position:relative; }
.bm-about__deco{ position:absolute; left:-46px; top:30px; width:74px; opacity:.85; display:none; }
.bm-about__img{ width:100%; border-radius:30px; box-shadow:var(--shadow-soft); }
.bm-about__p{ font-family:'Montserrat',sans-serif; color:#3b4148; font-size:15.5px; line-height:1.85; margin-bottom:18px; }
@media (min-width:1024px){ .bm-about__deco{ display:block; } }

/* ============================================================
   SERVICES GRID
   ============================================================ */
.bm-services{ position:relative; background:var(--soft); padding:84px 0 90px; overflow:hidden; }
.bm-services .bm-h2{ margin-bottom:54px; }
.bm-services__glow{ position:absolute; top:120px; left:50%; transform:translateX(-50%); width:min(70vw,520px); height:480px; border-radius:50%; background:var(--sky); opacity:.4; filter:blur(6px); }
.bm-services__dots{ position:absolute; top:24px; right:-40px; width:300px; height:300px; background:url('../assets/img/dots.png') center/contain no-repeat; opacity:.1; transform:rotate(40deg); }
.bm-services__inner{ position:relative; }
.bm-svc-card{ display:block; background:#fff; border-radius:30px; box-shadow:var(--shadow-card); overflow:hidden; }
.bm-svc-card__media{ position:relative; height:240px; background:linear-gradient(140deg,var(--t-bg,#e7f3ff),#fff); overflow:hidden; }
.bm-svc-card__dots{ position:absolute; inset:0; background:url('../assets/img/dots.png') center/200px no-repeat; opacity:.06; }
.bm-svc-card__num {
    position: absolute;
    left: 15px;
    top: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 45px;
    color: #fff;
    opacity: 0.8;
}
.bm-svc-card__ico{ position:absolute; left:24px; bottom:24px; width:76px; height:76px; border-radius:20px; background:#fff; box-shadow:0 10px 24px -10px rgba(0,0,0,.2); display:grid; place-items:center; color:var(--t-fg,#1E90B3); display: none; }
.bm-svc-card__body{ padding:22px 26px 26px; }
.bm-svc-card__title{ font-family:'Poppins',sans-serif; font-weight:700; font-size:24px; color:#0b0b0b; margin-bottom:6px; }
.bm-svc-card__more{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:16px; color:#0b0b0b; text-decoration:underline; text-underline-offset:4px; }
.bm-svc-card__more .ico-arrow{ color:var(--teal); }

/* ============================================================
   WHY CHOOSE / WORKPLACE / CORE VALUES
   ============================================================ */
.bm-why{ padding:80px 0; }
.bm-why .bm-h2{ margin-bottom:18px; }
.bm-why__media{ position:relative; order:2; }
.bm-why__img{ width:100%; border-radius:30px; box-shadow:var(--shadow-soft); }

.bm-culture {
    background: #F8F8F8;
    padding: 84px 0;
}
.bm-culture .bm-h2{ margin:0 auto 50px; max-width:900px; }
.bm-culture__media{ position:relative; }

.bm-values{
    background: #F8F8F8;
    padding: 84px 0;
}
.bm-values .bm-h2{ margin-bottom:50px; }
.bm-values__grid{ grid-template-columns:1fr 1.1fr; }
.bm-values__img{ width:100%; border-radius:26px; box-shadow:var(--shadow-soft); }

/* ============================================================
   STATS BAND
   ============================================================ */
.bm-stats{ background:#585352; padding:70px 0 64px; color:#fff; }
.bm-stats .bm-h2{ color:#fff; max-width:920px; margin:0 auto 44px; }
.bm-stat{ background:#fff; border-radius:20px; padding:20px 22px; display:flex; align-items:center; gap:16px; }
.bm-stat__ico{ flex:0 0 auto; width:72px; height:72px; border-radius:16px; display:grid; place-items:center; color:var(--teal); }
.bm-stat__val{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:clamp(30px,3.4vw,46px); color:var(--teal); line-height:1; }
.bm-stat__lbl{ font-family:'Montserrat',sans-serif; font-weight:500; font-size:15px; color:#585352; margin-top:4px; }
.bm-stats__cta{ text-align:center; margin-top:38px; }

/* ============================================================
   AWARDS
   ============================================================ */
.bm-awards{ padding:74px 0; }
.bm-awards .bm-h2{ margin-bottom:44px; }
.awards-row {
    display: flex;
    gap: 22px;
    justify-content: center;
    padding: 6px 2px;
}
.bm-award{ flex:1 1 0; min-width:0; max-width:262px; background:#fff; border:1px solid #ededed; border-radius:20px; overflow:hidden; }
.bm-award__media {
    height: 120px;
    display: flex;
    place-items: center;
    padding: 14px;
    background: linear-gradient(180deg, #fbfdfe, #fff);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bm-award__media img{ max-height:120px; width:auto; }
.bm-award__body{ padding:6px 18px 20px; }
.bm-award__title{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:19px; line-height:1.3; color:#0b0b0b; white-space:pre-line; }
.bm-award__by{ font-family:'Montserrat',sans-serif; font-size:15px; color:#7d7d7d; margin-top:8px; }
.bm-logo{ font-family:'Montserrat',sans-serif; font-weight:800; }
.bm-logo--magnitG{ font-size:21px; }
.bm-logo--magnitG .a{ color:#2f3a8f; } .bm-logo--magnitG .b{ color:#e0457b; }
.bm-logo--magnit{ font-size:23px; color:#d62828; }
.bm-logo--labcorp{ font-size:24px; color:#0b1f44; } .bm-logo--labcorp .b{ color:#1e7fd6; }
.bm-logo--qualivis{ font-family:'Poppins',sans-serif; font-weight:700; font-size:25px; color:#2f9e5e; }
.bm-logo--badge{ width:70px; height:70px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#e7c777,#b8882e); display:grid; place-items:center; color:#5b3d12; font-family:'Poppins',sans-serif; font-weight:700; font-size:11px; text-align:center; line-height:1.1; box-shadow:inset 0 0 0 3px rgba(255,255,255,.5); }

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.bm-tst {
    position: relative;
    padding: 140px 0;
}
.bm-tst .bm-h2{ margin-bottom:44px; }
.tst-row {
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 6px 4px 14px;
}
.bm-tst__glow{ position:absolute; top:60px; left:50%; transform:translateX(-50%); width:min(60vw,560px); height:420px; border-radius:50%; background:var(--sky); opacity:.32; filter:blur(10px); }
.bm-tcard{ flex:0 0 auto; width:340px; background:#fff; border:1px solid #eee; border-radius:22px; padding:26px 26px 22px; box-shadow:0 12px 40px -22px rgba(20,40,60,.25); scroll-snap-align:start; }
.bm-tcard__stars{ display:flex; gap:3px; margin-bottom:14px; }
.bm-star{ width:17px; display:inline-grid; }
.bm-star.on{ color:#f5b301; } .bm-star.off{ color:#e2e2e2; }
.bm-tcard__qico{ color:var(--teal); opacity:.85; }
.bm-tcard__quote{ font-family:'Montserrat',sans-serif; font-size:14.5px; line-height:1.65; color:#41474d; margin:10px 0 22px; }
.bm-tcard__foot{ display:flex; align-items:center; gap:12px; border-top:1px solid #f1f1f1; padding-top:16px; }
.bm-tcard__avatar{ width:44px; height:44px; border-radius:50%; background:url('../assets/img/avatar-1.png') center/cover,#d9e7ee; flex:0 0 auto; }
.bm-tcard__name{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:15px; color:#16202b; }
.bm-tcard__role{ font-family:'Montserrat',sans-serif; font-size:13px; color:#8a9097; }

/* ============================================================
   VISION / MISSION
   ============================================================ */
.bm-vm__block{ padding:74px 0; }
.bm-vm__block:nth-child(odd){ background:var(--soft2); }
.bm-vm__block:nth-child(even){ background:#fff; }
.bm-vm__text--right{ order:2; }
.bm-vm__tag{ display:inline-flex; align-items:center; gap:9px; color:var(--teal); font-family:'Montserrat',sans-serif; font-weight:600; font-size:14px; margin-bottom:12px;  }
.bm-vm .bm-h2,.bm-vm__text .bm-h2{ margin-bottom:16px; }
.bm-vm__desc{ font-family:'Montserrat',sans-serif; color:#4a5057; font-size:16px; line-height:1.85; }
.bm-vm__media{ position:relative; }
.bm-vm__media--left{ order:1; }
.bm-vm__art {
    position: relative;
    /* border-radius: 28px; */
    /* overflow: hidden; */
    /* min-height: 300px; */
    /* display: grid
; */
    /* place-items: center; */
}
.bm-vm__art-dots{ position:absolute; inset:0; background:url('../assets/img/dots.png') center/220px no-repeat; opacity:.07; }
.bm-vm__art-ico{ width:120px; height:120px; border-radius:30px; background:#fff; display:grid; place-items:center; color:var(--teal); box-shadow:0 16px 40px -16px rgba(30,144,179,.4); }

/* ============================================================
   INTRO ILLUSTRATION (industry)
   ============================================================ */
.bm-intro{ padding:96px 0 70px; }
.bm-intro__grid{ gap:60px; }
.bm-intro .bm-h2{ margin-bottom:18px; }
.bm-intro__media{ position:relative; display:grid; place-items:center; min-height:300px; border-radius:28px; background:linear-gradient(140deg,var(--skysoft),#fbfeff); overflow:hidden; }
.bm-intro__img{ width:100%; border-radius:28px; }
.bm-intro__art-ico{ width:140px; height:140px; border-radius:34px; background:#fff; display:grid; place-items:center; color:var(--teal); box-shadow:0 20px 50px -18px rgba(30,144,179,.45); }
.bm-intro__label{ font-family:'Montserrat',sans-serif; color:#9aa1a8; font-size:16px; margin-bottom:8px; }
.bm-intro__text{ font-family:'Montserrat',sans-serif; color:#4a5057; font-size:16.5px; line-height:1.8; }

/* ============================================================
   CATEGORY CHIPS
   ============================================================ */
.bm-chips{ background:var(--soft2); padding:74px 0; }
.bm-chips .bm-h2 {
    max-width: 100%;
    margin: 0 auto 14px;
}
.bm-chips__sub {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    max-width: 100%;
    margin: 0 auto 32px;
    color: #000;
    font-size: 15.5px;
    line-height: 1.7;
}
.bm-chips__wrap{ position:relative; }
.bm-chip-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:42px; height:42px; border-radius:50%; background:#fff; box-shadow:0 8px 22px -10px rgba(0,0,0,.3); display:none; place-items:center; color:#333; }
.bm-chip-nav--prev{ left:-6px; } .bm-chip-nav--next{ right:-6px; }
.bm-chip-nav.show{ display:grid; }
.chip-row {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 8px 2px;
    justify-content: center;
}
.bm-chip{ flex:0 0 auto; min-width:220px; background:#fff; border:1px solid #e8e8e8; border-radius:18px; padding:24px 18px; display:flex; flex-direction:column; align-items:center; gap:12px; cursor:pointer; }
.bm-chip__ico{ width:54px; height:54px; border-radius:14px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; }
.bm-chip__label{ font-family:'Montserrat',sans-serif; font-weight:600; font-size:15px; color:#16202b; }

/* ============================================================
   FEATURES (numbered grid + icon cards)
   ============================================================ */
.bm-featg{ padding:84px 0; }
.bm-featg .bm-h2{ margin-bottom:14px; }
.bm-featg__item{ position:relative; padding:18px 8px; }
.bm-featg__num {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: var(--teal);
}
.bm-featg__title{ font-weight:700; font-size:18.5px; color:#0b0b0b; margin:6px 0 8px; }
.bm-featg__desc{ font-family:'Montserrat',sans-serif; font-size:14.5px; line-height:1.7; color:#5a6066; }

.bm-featc{ background:var(--soft2); padding:84px 0; }
.bm-featc .bm-h2{ margin-bottom:14px; }
.bm-featc__grid{ gap:24px; }
.bm-fcard{ background:#fff; border:1px solid #eee; border-radius:20px; padding:26px 24px; }
.bm-fcard.is-hi{ background:var(--skysoft); border-color:#cfeefa; }
.bm-fcard__ico{ width:52px; height:52px; border-radius:14px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; margin-bottom:16px; }
.bm-fcard.is-hi .bm-fcard__ico{ background:#fff; }
.bm-fcard__title{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#0b0b0b; margin-bottom:8px; }
.bm-fcard__desc{ font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.65; color:#586066; }

/* ============================================================
   ADVANTAGES (image cards)
   ============================================================ */
.bm-adv{
    padding: 84px 0;
    background-color: #FBFBFB;
}


.bm-adv .bm-h2{ margin-bottom:46px; }
.bm-acard{ background:#fff; border:1px solid #eee; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px -20px rgba(20,40,60,.25); }
.bm-acard__media{ height:170px; position:relative; background:linear-gradient(140deg,var(--skysoft),#fff); }
.bm-acard.has-img .bm-acard__media{ background-position:center; background-size:cover; }
.bm-acard__ico{ position:absolute; inset:0; display:grid; place-items:center; color:var(--teal); }
.bm-acard__body{ padding:20px 20px 24px; }
.bm-acard__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #0b0b0b;
    margin-bottom: 8px;
    margin-top: 0;
}
.bm-acard__desc{ font-family:'Montserrat',sans-serif; font-size:13.5px; line-height:1.65; color:#586066; }

/* ============================================================
   JOB LIST
   ============================================================ */
.bm-jobs{ padding:84px 0 70px; }
.bm-jobs .bm-h2{ margin-bottom:26px; }
.job-toolbar{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:34px; }
.bm-jobs__filters{ gap:10px; flex-wrap:wrap; justify-content:center; }
.bm-jobs__filters.lg\:flex{ display:none; }
.bm-jf{ padding:9px 18px; border-radius:30px; border:1px solid #e3e3e3; font-family:'Montserrat',sans-serif; font-weight:600; font-size:14px; background:#fff; color:#3a3f45; cursor:pointer; transition:.2s; }
.bm-jf.active{ background:var(--teal); color:#fff; border-color:var(--teal); }
.bm-jobs__filterbtn{ display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:30px; background:var(--teal); color:#fff; font-family:'Montserrat',sans-serif; font-weight:600; font-size:14px; border: 0; }
.job-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bm-jobs__more{ text-align:center; margin-top:42px; }
.bm-jobs__morelink{ display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:19px; color:#0b0b0b; border-bottom:2px solid var(--teal); padding-bottom:6px; }
.bm-jobs__morelink .ico-arrow{ color:var(--teal); }

.bm-jcard{ background:#fff; border:1px solid #ededed; border-radius:18px; padding:22px; display:flex; flex-direction:column; box-shadow:0 8px 30px -22px rgba(20,40,60,.3); animation:fadeUp .5s both; }
.job-grid .bm-jcard:nth-child(1){ animation-delay:0ms; }
.job-grid .bm-jcard:nth-child(2){ animation-delay:40ms; }
.job-grid .bm-jcard:nth-child(3){ animation-delay:80ms; }
.job-grid .bm-jcard:nth-child(4){ animation-delay:120ms; }
.job-grid .bm-jcard:nth-child(5){ animation-delay:160ms; }
.job-grid .bm-jcard:nth-child(6){ animation-delay:200ms; }
.job-grid .bm-jcard:nth-child(7){ animation-delay:240ms; }
.job-grid .bm-jcard:nth-child(8){ animation-delay:280ms; }
.job-grid .bm-jcard:nth-child(9){ animation-delay:320ms; }
.bm-jcard__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.bm-jcard__type{ background:var(--mint); color:var(--greenink); font-family:'Montserrat',sans-serif; font-weight:600; font-size:12px; padding:5px 12px; border-radius:20px; }
.bm-jcard__posted{ font-family:'Montserrat',sans-serif; font-size:12.5px; color:#9aa0a6; }
.bm-jcard__title{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#0b0b0b; margin-bottom:5px; }
.bm-jcard__org{ font-family:'Montserrat',sans-serif; font-size:13.5px; color:#7a8088; margin-bottom:14px; }
.bm-jcard__chips{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.bm-jchip{ background:var(--cream); color:#7a6428; font-family:'Montserrat',sans-serif; font-size:11.5px; padding:4px 10px; border-radius:14px; }
.bm-jcard__foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:14px; border-top:1px solid #f2f2f2; }
.bm-jcard__salary{ font-family:'Poppins',sans-serif; font-weight:700; font-size:18px; color:#0b0b0b; }
.bm-jcard__apply{ height:42px; padding:0 20px; font-size:13.5px; }

/* mobile filter sheet */
.bm-sheet-filter{ display:flex; flex-direction:column; gap:10px; }
.bm-sheet-filter__btn{ text-align:left; padding:14px 16px; border:1px solid #eee; border-radius:14px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:15px; color:#16202b; }

/* ============================================================
   CONTACT
   ============================================================ */
.bm-ccards{ padding:80px 0 30px; }
.bm-ccard{ background:#fff; border:1px solid #ededed; border-radius:22px; padding:30px; box-shadow:0 14px 44px -26px rgba(20,40,60,.3); }
.bm-ccard__ico{ width:58px; height:58px; border-radius:16px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; margin-bottom:18px; }
.bm-ccard__title{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; margin-bottom:10px; color:#0b0b0b; }
.bm-ccard__line{ font-family:'Montserrat',sans-serif; font-size:14.5px; color:#6a7077; line-height:1.6; }

.bm-cform{ padding:40px 0 80px; }
.bm-cform .bm-h2{ margin-bottom:10px; }
.bm-cform__sub{ font-family:'Montserrat',sans-serif; text-align:center; max-width:760px; margin:0 auto 44px; color:#7a8088; font-size:15px; }
.bm-cform__map{ border-radius:24px; overflow:hidden; min-height:420px; box-shadow:var(--shadow-soft); }
.bm-cform__map img{ width:100%; height:100%; object-fit:cover; }
.bm-form-submit{ height:52px; padding:0 30px; margin-top:20px; }

/* ============================================================
   REFER
   ============================================================ */
.bm-refer{ padding:64px 0 84px; }
.bm-refer__form{ background:#fff; border:1px solid #eee; border-radius:26px; padding:clamp(22px,4vw,42px); box-shadow:0 24px 70px -40px rgba(20,40,60,.4); }
.bm-refer__form .ff-grid{ gap:18px 22px; }
.bm-dz{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:30px; cursor:pointer; text-align:center; }
.bm-dz__ico{ width:52px; height:52px; border-radius:14px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; }
.bm-dz .dz-text{ font-family:'Montserrat',sans-serif; font-size:14px; color:#7a8088; }
.bm-refer__submit{ text-align:center; margin-top:24px; }
.bm-refer__submit .btn-teal{ height:52px; padding:0 38px; }

/* ============================================================
   HEADER
   ============================================================ */
#site-header{ position:fixed; top:0; left:0; right:0; z-index:80; }
.bm-header__wrap{ max-width:1568px; margin:0 auto; padding:20px clamp(16px,3vw,40px); }
.header-pill{ background:#fff; border:1px solid var(--line); border-radius:50px; height:var(--header-h); display:flex; align-items:center; justify-content:space-between; padding:0 14px 0 24px; }
.bm-header__logo{ display:flex; align-items:center; }
.bm-header__logo img{ height:38px; width:auto; }
.bm-header__nav{ align-items:center; gap:32px; }
.bm-burger {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--skysoft);
    color: var(--teal);
    display: grid;
    place-items: center;
    border: 0;
}
.bm-navbtn,.bm-navlink{ font-weight:500; font-size:16px; color:#111; padding:6px 0; text-decoration: none; }
.bm-navbtn {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: transparent;
    border: 0;
    text-decoration: none;
}
.dd{ position:relative; }
.dd-panel{ position:absolute; top:100%; right:0; padding-top:18px; z-index:60; }
.bm-menu{ background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-soft); padding:10px; width:300px; }
.bm-menu__item {
    display: block;
    padding: 11px 14px;
    border-radius: 13px;
    transition: .2s;
    text-decoration: none;
}
.bm-menu__item:hover{ background:#f4fafc; }
.bm-menu__label{ display:block; font-weight:600; font-size:14.5px; color:#16202b; }
.bm-menu__desc{ display:block; font-size:12.5px; color:#8a8f95; margin-top:2px; }
.bm-mega{ background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-soft); padding:14px; width:560px; display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.bm-mega__item{
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 11px 12px;
    border-radius: 14px;
    transition: .2s;
    text-decoration: none;
}
.bm-mega__item:hover{ background:#f4fafc; }
.bm-mega__ico{ flex:0 0 auto; width:40px; height:40px; border-radius:11px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; }
.bm-mega__label{ display:block; font-weight:600; font-size:14.5px; color:#16202b; }

/* ============================================================
   DRAWER
   ============================================================ */
#drawer-scrim{ position:fixed; inset:0; z-index:90; background:rgba(10,20,30,.5); backdrop-filter:blur(3px); opacity:0; pointer-events:none; }
#drawer-scrim.open{ opacity:1; pointer-events:auto; }
#drawer{ position:fixed; top:0; right:0; bottom:0; width:min(86vw,360px); z-index:95; background:#fff; box-shadow:-20px 0 60px -20px rgba(0,0,0,.35); display:flex; flex-direction:column; }
.bm-drawer__head{ display:flex; align-items:center; justify-content:space-between; padding:20px 20px 14px; border-bottom:1px solid var(--line); }
.bm-drawer__head img{ height:32px; }
.bm-drawer__x{ width:42px; height:42px; border-radius:50%; background:#f1f4f6; color:#444; display:grid; place-items:center; border: 0; }
.bm-drawer__body{ flex:1; overflow:auto; padding:10px 16px 20px; }
.bm-drawer__foot{ padding:16px 20px 22px; border-top:1px solid var(--line); }
.bm-drawer__cta{ display:flex; align-items:center; justify-content:center; gap:8px; height:50px; width:100%; }
.bm-acc{ border-bottom:1px solid #f2f2f2; }
.bm-acc__head{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:15px 6px; font-weight:600; font-size:16.5px; color:#16202b;     background-color: #ffffff; border: 0; }
.acc-c{ color:#9aa0a6; transition:.3s; }
.bm-acc.open .acc-c{ transform:rotate(180deg); }
.acc-body{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.bm-acc__link{ display:flex; gap:11px; align-items:center; padding:11px 8px 11px 10px; }
.bm-acc__ico{ width:34px; height:34px; border-radius:10px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; flex:0 0 auto; }
.bm-acc__label{ font-size:14.5px; color:#3a3f45; }
.bm-drawer__link{ display:block; padding:15px 6px; font-weight:600; font-size:16.5px; color:#16202b; border-bottom:1px solid #f2f2f2; }

/* ============================================================
   BOTTOM NAV
   ============================================================ */
#bottom-nav{ position:fixed; left:0; right:0; bottom:0; z-index:70; background:rgba(255,255,255,.92); backdrop-filter:blur(14px); border-top:1px solid var(--line); display:flex; padding:8px 6px calc(8px + env(safe-area-inset-bottom)); }
.bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: #6b7178;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    border: 0;
}
.bn-ico{ width:23px; height:23px; display:grid; place-items:center; }
.bn-ico > .bm-ico{ width:22px; height:22px; }
.bm-svc-sheet{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bm-svc-sheet__item{ display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid var(--line); border-radius:16px; }
.bm-svc-sheet__ico{ width:40px; height:40px; border-radius:11px; background:var(--skysoft); color:var(--teal); display:grid; place-items:center; }
.bm-svc-sheet__label{ font-size:13.5px; font-weight:600; color:#16202b; line-height:1.3; }

/* ============================================================
   FOOTER
   ============================================================ */
.bm-footer{ background:var(--navy); border-radius:60px 60px 0 0; color:#fff; }
.bm-footer__inner{ max-width:1448px; margin:0 auto; padding:66px clamp(20px,4vw,50px) 0; }
.bm-footer__logo{ height:44px; width:auto; margin-bottom:22px; }
.bm-footer__blurb{ font-family:'Raleway',sans-serif; font-size:15px; line-height:26px; color:#dfe6ee; max-width:330px; }
.bm-footer__socials{ display:flex; gap:12px; margin-top:22px; }
.foot-soc{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.1); color:#fff; transition:.25s; }
.foot-soc:hover{ background:var(--teal); }
.foot-soc .bm-ico{ width:20px; height:20px; }
.bm-footer__h{ font-family:'Raleway',sans-serif; font-size:22px; font-weight:700; margin-bottom:22px; }
.bm-footer__list {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.bm-footer__link {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #EBEBEB;
    transition: .2s;
    opacity: 0.5;
}
.bm-footer__link:hover{ color:#fff; padding-left:4px; }
.bm-footer__contact{ display:flex; flex-direction:column; gap:16px; font-family:'Raleway',sans-serif; font-size:15.5px; color:#cdd6e0; }
.bm-footer__crow{ display:flex; gap:11px; }
.bm-footer__crow--mid{ align-items:center; }
.bm-footer__crow a{ color:#fff; }
.foot-ico{ flex:0 0 auto; color:var(--teal); }
.foot-ico .bm-ico{ width:21px; height:21px; }
.bm-footer__divider{ margin:48px 0 22px; }
.bm-footer__bottom{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-bottom:30px; }
.bm-footer__copy{ font-family:'Raleway',sans-serif; font-size:12.5px; color:#cfd6de; }
.bm-footer__bottom-soc{ display:flex; gap:12px; }
.foot-soc-sm{ color:#cdd6e0; }
.foot-soc-sm .bm-ico{ width:18px; height:18px; }

/* 18-06-2026 */

.bm-svc-card__media img {
    width: 100%;
}
.bm-feat__ico img {
    width: 56px;
}
section.bm-banner{
   position: relative;
   z-index: 5;
}
section.bm-banner::after{
   background-color: rgba(0,0,0,.4);
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   z-index: -1;
   top: 0;
}
section.bm-banner.bm-banner-about-herobg {
   background-image: url(../assets/img/about-hero-image.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-vm {
    background-color: #F8F8F8;
}
.bm-vm .bm-vm__block{
    padding: 0;
}
.bm-vm .bm-shell {
    max-width: 100%;
    padding: 0;
}
/* .bm-vm .bm-vm__text.reveal-l.in {
    padding-left: clamp(20px, 4vw, 80px);
} */
.bm-vm .bm-vm__block .vm-grid .bm-vm__text {
    width: 50%;
}
.bm-vm .bm-vm__block .vm-grid .reveal-s {
    width: 50%;
}
.bm-vm .bm-vm__block .vm-grid .reveal-s .bm-vm__art img {
    width: 100%;
}
.reveal-pd-lr {
    padding: clamp(20px, 4vw, 80px);
}
.core-values-section .why-grid .reveal-s.bm-why__media.in {
    order: 1;
}
.bm-why.core-values-section .reveal.in {
    order: 2;
}
.bm-why.core-values-section {
    background-color: #F8F8F8;
}
.bm-why.core-values-section h2.bm-h2.bm-h2--center {
    margin-bottom: 50px;
}
.bm-banner.bm-banner-referFriendbg{
   background-image: url(../assets/img/refer-candidatebg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-banner.bm-banner-informationTechnology{
   background-image: url(../assets/img/information-tech-herosection.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.btn-teal {
    border: 0;
    cursor: pointer;
}

/* Information Technology */

/* soft glow at top of dark section, like the screenshot */
.information-technology .section--dark::before{
   content:"";
   position:absolute;
   top:-220px;left:50%;
   width:900px;height:520px;
   transform:translateX(-50%);
   background:radial-gradient(ellipse at center,
               rgba(120,150,180,.22), rgba(0,0,0,0) 70%);
   pointer-events:none;
}

.information-technology .wrap{max-width:var(--maxw);margin:0 auto;position:relative;z-index:1;}

/* ---- section heading ---- */
.information-technology .head{
    text-align: center;
    max-width: 100%;
    margin: 0 auto 52px;
}


.information-technology .head h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 4.4vw, 42px);
    line-height: 1.12;
    color: #0b0b0b;
    margin-bottom: 20px;
    margin-top: 10px;
}
.information-technology .head p {
    margin: 0;
    color: #000;
    font-size: 15px;
    line-height: 24px;
}

/* ---- grid ---- */
.information-technology .grid{
   display:grid;
   grid-template-columns:repeat(3, 1fr);
   gap:26px;
}

/* ---- card ---- */
.information-technology .card {
    background: #ffffff;
    padding: 30px 30px 34px;
    transition: transform .25s ease, box-shadow .25s ease;
    border-radius: 25px;
    box-shadow: 0 0 40px #ededed;
}
.information-technology .card:hover{
   transform:translateY(-4px);
   box-shadow:0 26px 50px -22px rgba(20,30,50,.34);
}
.information-technology .card--blue {
    background: #DEF5FB;
    border: 1px solid var(--blue-border);
    box-shadow: 0 18px 40px -26px rgba(40, 120, 180, .4);
}

.information-technology .card .icon{
   width:46px;height:46px;
   margin-bottom:22px;
   color:var(--ink);
}
.information-technology .card .icon svg{width:100%;height:100%;display:block;}

.information-technology .card h3{
   font-family: 'Poppins', sans-serif;
   font-weight:600;
   font-size:1.16rem;
   letter-spacing:-.01em;
   margin:0 0 12px;
   color:var(--ink);
}
.information-technology .card p {
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 24px;
}
.information-technology .card .icon img {
    width: 45px;
}
.section.section--light {
    background-color: #FBFBFB;
    padding: 100px 0;
}

/* dark-section cards keep dark text on white */
.information-technology .section--dark .card h3{
   color: #000000;
}
.information-technology .section--dark .card p {
    color: #000000;
}
.information-technology .section--dark .card .icon{color:var(--card-dark-text);}

/* ---- responsive ---- */
@media (max-width: 920px){
   .information-technology .grid{grid-template-columns:repeat(2, 1fr);gap:22px;}
}
@media (max-width: 600px){
   .information-technology .section{padding:60px 18px;}
   .information-technology .grid{grid-template-columns:1fr;gap:18px;}
   .information-technology .card{padding:26px 24px 28px;}
   .information-technology .head{margin-bottom:38px;}
}

@media (prefers-reduced-motion: reduce){
   .information-technology .card{transition:none;}
   .information-technology .card:hover{transform:none;}
}

/* Information Technology */

/* Role we place */

.work-role-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
}

.work-role-badge{
    background: #E0F3F8;
    color: #000000;
    padding: 16px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
   .work-role-container {
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
   }
   .work-role-badge {
   font-size: 13px;
   padding: 14px 12px;
   }
}

@media (max-width: 360px) {
   .work-role-container {
   grid-template-columns: 1fr;
   }
}
.section.role-we-work {
    padding: 100px 0;
}

/* Role we place */

.bm-banner-bankingFinanceHerobg{
   background-image: url(../assets/img/banking-finace-herobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.section.section--dark {
    padding: 100px 0;
}
.bm-banner-HLSHerobg{
   background-image: url(../assets/img/healthcare_lifesciencebg.png);
   background-repeat: no-repeat;
   background-size: cover;
}

/* Staff Stages */

.staff-chain-section {
    padding: 48px 0;
}
.staff-chain-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1450px;
    margin: 0 auto;
}

.staff-chain-card {
    background: #fff;
    border-radius: 20px;
    padding: 28px 22px 32px;
    flex: 1 1 160px;
    min-width: 160px;
    border: solid 1px #DBDBDB;
}

.staff-chain-number{
   font-size:26px;
   font-weight:700;
   color:var(--staff-chain-number);
   margin:0 0 14px 0;
   line-height:1;
   letter-spacing:0.5px;
   font-family: 'Poppins', sans-serif;
}

.staff-chain-title{
    font-size: 17px;
    font-weight: 700;
    color: #1E90B3;
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.staff-chain-desc{
   font-size:14.5px;
   font-weight:500;
   color:var(--staff-chain-desc);
   margin:0;
   line-height:1.45;
}
.section.section--light.staff-chain-section {
    background: #fff;
}

/* Tablet: 4 cards per row, wraps to 2 rows of 4/3 */
@media (max-width: 1100px){
   .staff-chain-card{
   flex:1 1 calc(25% - var(--staff-chain-gap));
   }
}

/* Small tablet: 3 per row */
@media (max-width: 820px){
   .staff-chain-card{
   flex:1 1 calc(33.333% - var(--staff-chain-gap));
   }
}

/* Mobile: 2 per row */
@media (max-width: 600px){
   .staff-chain-section{
   padding:32px 16px;
   }
   .staff-chain-grid{
   gap:16px;
   }
   .staff-chain-card{
   flex:1 1 calc(50% - 16px);
   padding:22px 18px 26px;
   }
   .staff-chain-number{
   font-size:22px;
   margin-bottom:10px;
   }
   .staff-chain-title{
   font-size:16px;
   }
   .staff-chain-desc{
   font-size:13.5px;
   }
}

/* Small mobile: stack full width, one per row */
@media (max-width: 420px){
   .staff-chain-card{
   flex:1 1 100%;
   }
}
.standard-care-section{
   padding-top: 0 !important;
}

/* Staff Stages */

.bm-banner-heakthcare-staffingherobg{
   background-image: url(../assets/img/heathcare-staffing-herobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-banner-leadership{
   background-image: url(../assets/img/top-leadership.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

/* Healthcare Staffing */

.healthcare-staff-care-section {
    background: var(--hsc-bg);
    padding: 70px 0;
}

.healthcare-staff-care-container{
   max-width: var(--hsc-max-width);
   margin: 0 auto;
}

.healthcare-staff-care-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 4.4vw, 42px);
    line-height: 1.12;
    color: #0b0b0b;
    margin-bottom: 50px;
    text-align: center;
}

.healthcare-staff-care-grid{
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: var(--hsc-gap);
}

.healthcare-staff-care-card{
   background: var(--hsc-card-white);
   border-radius: var(--hsc-radius);
   padding: 32px 28px 36px;
   display: flex;
   flex-direction: column;
}

.healthcare-staff-care-card--alt {
    background: #fff;
    border-radius: 20px;
    border: solid 1px #e3e3e3;
}

.healthcare-staff-care-icon{
   width: 100px;
   height: 100px;
   margin-bottom: 22px;
}

.healthcare-staff-care-icon svg{
   width: 100%;
   height: 100%;
   display: block;
}

.healthcare-staff-care-card-title{
   font-weight: 600;
   font-size: 19px;
   color: var(--hsc-title);
   margin: 0 0 14px 0;
}

.healthcare-staff-care-card-text{
   font-weight: 400;
   font-size: 14.5px;
   line-height: 1.6;
   color: var(--hsc-text);
   margin: 0;
}
.healthcare-staff-care-card.healthcare-staff-care-card--alt.blue-health-card {
    background-color: #DEF5FB;
}

/* Tablet */
@media (max-width: 980px){
   .healthcare-staff-care-grid{
   grid-template-columns: repeat(2, 1fr);
   }
   .healthcare-staff-care-title{
   font-size: 32px;
   }
}

/* Mobile */
@media (max-width: 560px){
   .healthcare-staff-care-section{
   padding: 40px 16px;
   }
   .healthcare-staff-care-grid{
   grid-template-columns: 1fr;
   gap: 16px;
   }
   .healthcare-staff-care-title{
   font-size: 26px;
   margin-bottom: 32px;
   }
   .healthcare-staff-care-card{
   padding: 26px 22px 30px;
   }
   .healthcare-staff-care-icon{
   width: 84px;
   height: 84px;
   }
   .healthcare-staff-care-card-title{
   font-size: 18px;
   }
}

/* Healthcare Staffing */

/* PWS */

.professional-staff-section {
    padding: 80px 0;
    position: relative;
}

.professional-staff-wrapper{
   max-width: 1500px;
   margin: 0 auto;
   position: relative;
}

.professional-staff-track{
    display: flex;
    gap: 20px;
    padding: 10px 4px 14px;
    flex-wrap: wrap;
}
.professional-staff-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow: 0 0 30px #d7d7d7;
    width: 23%;
}
.professional-staff-image-wrap{
   border-radius: 16px;
   overflow: hidden;
   aspect-ratio: 1 / 0.82;
   background: #e9e9e9;
}
.professional-staff-wrapper .professional-staff-card {
    width: 100%;
    box-shadow: 0 0 20px #e3e3e3;
}
.professional-staff-section.industries-setting-section .professional-staff-card {
    width: 23%;
}
.professional-staff-section.industries-setting-section {
    padding-top: 0;
}
.professional-staff-section.professional-staff-binding_minds_section .bm-shell {
    overflow: hidden;
    position: relative;
}
.professional-staff-section.professional-staff-binding_minds_section .owl-stage-outer {
    overflow: visible;
}
.professional-staff-section.professional-staff-binding_minds_section .bm-shell::after {
    content: '';
    background-color: #fff;
    width: 100px;
    height: 370px;
    position: absolute;
    left: -72px;
    z-index: 10;
    display: block;
    top: 156px;
}
.professional-staff-section.professional-staff-binding_minds_section .bm-shell::before{
    content: '';
    background-color: #fff;
    width: 100px;
    height: 370px;
    position: absolute;
    right: -72px;
    z-index: 10;
    display: block;
    top: 156px;
}

.professional-staff-image{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.professional-staff-title{
   font-size: 19px;
   font-weight: 700;
   color: var(--ps-title);
   margin: 18px 4px 2px;
   letter-spacing: 0.1px;
   min-height: 50px;
}
.professional-staff-section.professional-staff-binding_minds_section .owl-nav {
    display: none;
}
.professional-staff-section.professional-staff-binding_minds_section .owl-dots {
    margin-top: 40px;
}

.professional-staff-arrow{
   position: absolute;
   top: 45%;
   transform: translateY(-50%);
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: rgba(255,255,255,0.06);
   border: 1px solid rgba(255,255,255,0.22);
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 6;
   transition: background 0.2s ease;
}

.professional-staff-arrow:hover{
   background: rgba(255,255,255,0.16);
}

.professional-staff-arrow svg{
   width: 22px;
   height: 22px;
}
.professional-staff-section.industries-setting-section.leadership-team-section .professional-staff-card {
    width: 32.33%;
}

.professional-staff-arrow--prev{ left: -4px; }
.professional-staff-arrow--next{ right: -4px; }

/* Tablet */
@media (max-width: 1024px){
   :root{ --ps-card-width: 280px; }
   .professional-staff-arrow--prev{ left: -2px; }
   .professional-staff-arrow--next{ right: -2px; }
}

/* Mobile */
@media (max-width: 640px){
   :root{ --ps-card-width: 78vw; }
   .professional-staff-section{
   padding: 48px 14px 56px;
   }
   .professional-staff-arrow{
   width: 40px;
   height: 40px;
   }
   .professional-staff-arrow--prev{ left: 2px; }
   .professional-staff-arrow--next{ right: 2px; }
   .professional-staff-title{
   font-size: 17px;
   }
}
.professional-staff-section .professional-staff-wrapper .head {
    text-align: center;
    margin-bottom: 40px;
}
.professional-staff-section .professional-staff-wrapper .head h2.bm-h2 {
    margin-bottom: 0;
}

/* PWS */

.bm-banner-legalHerobg{
   background-image: url(../assets/img/legal-Herobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-acard__media {
    height: auto;
    position: relative;
    background: linear-gradient(140deg, var(--skysoft), #fff);
    padding: 20px 20px 0;
}
.bm-acard__media img {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.bm-banner-manufacturing-logistics-section{
   background-image: url(../assets/img/manufacturing-Herobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.section.section--dark.standard-care-section.built-shop-section {
    background-color: #FBFBFB;
    padding-top: 100px !important;
}
.bm-banner-PMHerobg{
   background-image: url(../assets/img/professional-managerialMian.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-banner-legalJob_Herobg{
   background-image: url(../assets/img/legal-jobsHerobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.bm-banner-professionalJob_Herobg{
   background-image: url(../assets/img/professionalJob-Herobg.png);
   background-repeat: no-repeat;
   background-size: cover;
}
.career-jb-video-section {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.career-jb-video-section video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.dob_tag {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 100px;
}
.dob_tag img {
    width: 100%;
}
.leadership-team-section h3.professional-staff-title {
    margin-bottom: 15px;
    min-height: auto;
}
.leadership-team-section p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 10px;
}
.leadership-team-section svg{
    fill: #000;
}
.principles {
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.principle {
    background: #fff;
    border-radius: 20px;
    padding: 28px 22px 32px;
    flex: 1 1 160px;
    min-width: 160px;
    border: solid 1px #DBDBDB;
}
.principle .k {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--warm);
}
.principle h4 {
    font-weight: 600;
    font-size: 1.32rem;
    letter-spacing: -0.02em;
    margin: 12px 0 10px;
    color: #1E90B3;
}
.principle p {
    font-size: 0.96rem;
}


@media (max-width:1199px) and (min-width:980px) {
  
}

@media (max-width:979px) and (min-width:768px) {

}

@media (max-width:767px) {

.professional-staff-section.professional-staff-binding_minds_section .bm-shell::after {
    display: none;
}
.professional-staff-section.professional-staff-binding_minds_section .bm-shell::before{
    display: none;
}
.professional-staff-section.industries-setting-section .professional-staff-card {
    width: 100%;
}
.professional-staff-section.professional-staff-binding_minds_section .owl-dots {
    margin-top: 40px !important;
}

}


/* 18-06-2026 */

/* ===== Live jobs: Grid / Table view toggle (E3) ===== */
.bm-jobview-toggle{display:inline-flex;gap:4px;background:#eef2f5;border-radius:10px;padding:4px;margin-left:auto}
.bm-vt{border:0;background:transparent;padding:8px 13px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;color:#5a6672;display:inline-flex;align-items:center;gap:6px;font-family:inherit}
.bm-vt.active{background:#fff;color:#101820;box-shadow:0 1px 3px rgba(16,24,32,.12)}
.bm-vt svg{width:15px;height:15px}
.bm-jobtable-wrap{overflow-x:auto;border:1px solid #e6eaee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,24,32,.05)}
.bm-jobtable{width:100%;border-collapse:collapse;min-width:680px}
.bm-jobtable th,.bm-jobtable td{text-align:left;padding:15px 20px;border-bottom:1px solid #eef2f5;font-size:14px;vertical-align:middle}
.bm-jobtable th{background:#fafbfc;color:#6a7682;font-weight:700;text-transform:uppercase;font-size:11.5px;letter-spacing:.4px}
.bm-jobtable tbody tr:last-child td{border-bottom:0}
.bm-jobtable tbody tr:hover{background:#f7fafb}
.bm-jobtable__title{font-weight:700;color:#101820}
.bm-jobtable__cat{display:inline-block;padding:3px 10px;border-radius:999px;background:#e6f4f9;color:#176f8a;font-size:12px;font-weight:700}
.bm-jobtable .apply-btn{padding:9px 16px;font-size:13px}
@media (max-width:1023px){ .bm-jobview-toggle{margin:14px 0 0} }

/* ===== Image lightbox / zoom (js/lightbox.js) ===== */
img.bm-zoomable{cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}
img.bm-zoomable:hover{transform:scale(1.012);box-shadow:0 18px 50px -24px rgba(20,40,60,.4)}
.bm-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,16,26,.88);display:flex;align-items:center;justify-content:center;padding:30px;animation:fadeIn .2s ease}
.bm-lightbox__img{max-width:92vw;max-height:86vh;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);cursor:zoom-in;transition:transform .3s ease;transform-origin:center}
.bm-lightbox__img.is-zoomed{transform:scale(1.8);cursor:zoom-out}
.bm-lightbox__x{position:absolute;top:18px;right:22px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:.2s}
.bm-lightbox__x:hover{background:rgba(255,255,255,.28)}
.bm-lightbox__hint{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#d7dde2;font-family:'Montserrat',sans-serif;font-size:13px;opacity:.85}

/* ===== DOBE certification band (About page) ===== */
.bm-dobe{background:linear-gradient(135deg,#0f2740,#16314f);color:#fff;padding:84px 0}
.bm-dobe__grid{display:grid;grid-template-columns:300px 1fr;gap:54px;align-items:center}
.bm-dobe__badge{display:flex;justify-content:center}
.bm-dobe__badge img{width:100%;max-width:260px;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.bm-dobe__tag{display:inline-flex;align-items:center;gap:9px;color:#7fd4ef;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em;margin-bottom:14px}
.bm-dobe__title{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(26px,3.6vw,38px);line-height:1.15;margin:0 0 18px;color:#fff}
.bm-dobe__p{font-family:'Montserrat',sans-serif;font-size:15.5px;line-height:1.8;color:#d7e0ea;margin:0 0 16px;max-width:760px}
.bm-dobe__list{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:22px 0 0;padding:0;list-style:none}
.bm-dobe__list li{display:flex;gap:11px;font-family:'Montserrat',sans-serif;font-size:14.5px;line-height:1.5;color:#eaf0f6}
.bm-dobe__check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#1E90B3;color:#fff;display:grid;place-items:center;font-size:13px;margin-top:1px}
@media (max-width:860px){
  .bm-dobe__grid{grid-template-columns:1fr;gap:32px;text-align:center}
  .bm-dobe__badge img{max-width:200px}
  .bm-dobe__tag{justify-content:center}
  .bm-dobe__p{margin-left:auto;margin-right:auto}
  .bm-dobe__list{grid-template-columns:1fr;text-align:left;max-width:420px;margin-left:auto;margin-right:auto}
}

/* ===== DOBE header nav button (teal pill, matches the design mockup) ===== */
.bm-nav-dobe{background:var(--teal);color:#fff!important;padding:9px 20px;border-radius:30px;font-weight:600;line-height:1;transition:.2s}
.bm-nav-dobe:hover{background:var(--teal-600);transform:translateY(-1px)}

/* ===== DOBE page blue band (dobe.html) ===== */
.bm-dobe-band{background:linear-gradient(135deg,#1f9bd1,#1276af);color:#fff;padding:88px 0}
.bm-dobe-band__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.bm-dobe-band__media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
.bm-dobe-band__title{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(22px,3vw,32px);line-height:1.22;margin:0 0 16px;color:#fff}
.bm-dobe-band__sub{font-family:'Poppins',sans-serif;font-weight:600;font-size:20px;margin:24px 0 10px;color:#eaf6fc}
.bm-dobe-band__p{font-family:'Montserrat',sans-serif;font-size:15.5px;line-height:1.8;color:#eef6fb;margin:0 0 14px}
@media (max-width:860px){
  .bm-dobe-band__grid{grid-template-columns:1fr;gap:30px}
  .bm-dobe-band__media{max-width:340px;margin:0 auto}
}
/* make the floating DOBE seal a clickable link to the DOBE page */
.dob_tag a{display:block}

/* ===== Legal / policy pages (privacy.html) ===== */
.bm-legal .bm-shell{max-width:880px}
.bm-legal h2.bm-h2{font-size:24px;line-height:1.25;margin:34px 0 12px}
.bm-legal p{font-family:'Montserrat',sans-serif;font-size:15px;line-height:1.8;color:#3b4148;margin:0 0 14px}
.bm-legal ul{margin:0 0 18px;padding-left:22px}
.bm-legal li{font-family:'Montserrat',sans-serif;font-size:15px;line-height:1.75;color:#3b4148;margin-bottom:8px}
.bm-legal a{color:#1E90B3;text-decoration:underline}

/* ===== View-details button (secondary, paired with Apply) ===== */
.bm-jcard__view,.view-btn{height:42px;padding:0 16px;border:1px solid #d7dde2;background:#fff;color:#176f8a;font-family:'Montserrat',sans-serif;font-weight:600;font-size:13.5px;border-radius:30px;cursor:pointer;transition:.18s}
.bm-jcard__view:hover,.view-btn:hover{background:#f0f9fc;border-color:#bfe3ef}
.bm-jobtable .view-btn{height:36px;padding:0 13px;font-size:12.5px;margin-right:8px}
.bm-jchip--feat{background:#e6f4f9;color:#176f8a;font-weight:700}

/* ===== Full job description modal ===== */
.bm-jd{position:relative}
.bm-jd__x{position:absolute;top:14px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f5;color:#444;font-size:22px;line-height:1;cursor:pointer}
.bm-jd__x:hover{background:#e2e8ec}
.bm-jd__title{font-size:24px;font-weight:700;color:#101820;margin:0 0 6px;padding-right:40px;line-height:1.2}
.bm-jd__meta{color:#6a7077;font-size:13.5px;margin:0 0 20px}
.bm-jd__body{font-family:'Montserrat',sans-serif;font-size:14.5px;line-height:1.7;color:#3b4148}
.bm-jd__body h1,.bm-jd__body h2,.bm-jd__body h3,.bm-jd__body h4{font-family:'Poppins',sans-serif;color:#101820;margin:18px 0 8px;font-size:16.5px}
.bm-jd__body p{margin:0 0 12px}
.bm-jd__body ul,.bm-jd__body ol{margin:0 0 14px;padding-left:22px}
.bm-jd__body li{margin-bottom:6px}
.bm-jd__body a{color:#1E90B3;text-decoration:underline}
.bm-jd__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #eef2f5}
.bm-jd__actions .btn-teal{padding:12px 26px;border-radius:10px;border:0;font-weight:700;cursor:pointer}

/* ===== Apply form modal fields ===== */
.bm-aplbl{display:block;font-weight:600;font-size:13px;margin:0 0 6px;color:#101820}
.bm-apfield{width:100%;padding:11px 13px;border:1px solid #e0e5ea;border-radius:10px;font-size:14.5px;font-family:inherit;background:#fff}
.bm-apfield:focus{outline:0;border-color:#1E90B3;box-shadow:0 0 0 3px #e6f4f9}
.bm-apply-form input[type=file]{padding:9px 12px;background:#f7fafb}