/* Maximus BPO site theme v1 (Oct 2026): carries the look of the Logistics and Credentialing pages across the whole site.
   Loaded after style.css. The Logistics/Credentialing pages keep their own scoped .site styles. */
:root{
  --mx-navy:#0A2342;--mx-navy-deep:#061A33;--mx-navy-2:#13315C;
  --mx-sky:#2E9BEA;--mx-sky-ink:#136DB5;--mx-sky-soft:#E5F1FC;--mx-sky-mist:#F4F8FD;
  --mx-ink:#122336;--mx-muted:#55687C;--mx-line:#DCE5EF;--mx-line-2:#EBF0F6;
  --mx-shadow-1:0 1px 2px rgba(10,35,66,.06),0 8px 24px -16px rgba(10,35,66,.28);
  --mx-shadow-2:0 2px 6px rgba(10,35,66,.08),0 24px 60px -30px rgba(10,35,66,.45);
}
body{background:#fff;color:var(--mx-ink)}
main h1,main h2,main h3{font-family:Poppins,Inter,system-ui,sans-serif;letter-spacing:-.02em}
main h2{color:var(--mx-navy)}
main p{color:inherit}

/* ---------- hero: navy, like the Logistics / Credentialing pages ---------- */
main .hero{background:radial-gradient(110% 120% at 88% 0%,#1E5288 0%,var(--mx-navy) 52%,var(--mx-navy-deep) 100%)!important;color:#fff!important;position:relative;overflow:hidden;padding:56px 0 72px!important;border:0!important}
main .hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(6,26,51,.35));pointer-events:none}
main .hero>.wrap{position:relative;z-index:1}
main .hero.hero-short{padding:44px 0 52px!important}
main .hero h1{color:#fff!important;font-size:clamp(32px,4.4vw,52px)!important;line-height:1.06!important;font-weight:800;letter-spacing:-.03em;max-width:820px;text-wrap:balance}
main .hero.hero-short h1{font-size:clamp(30px,3.6vw,44px)!important}
main .hero .lead,main .hero p{color:#D3E3F3!important}
main .hero .lead{font-size:17px!important;line-height:1.62;max-width:40em}
main .hero .lead a{color:#fff!important}
main .hero .eyebrow{display:inline-flex!important;align-items:center;gap:8px;background:rgba(46,155,234,.14)!important;border:1px solid rgba(111,192,255,.35)!important;color:#CFE6FB!important;padding:5px 12px!important;border-radius:99px!important;font-size:12.5px!important;letter-spacing:.04em!important}
main .hero .eyebrow::before{background:#6FC0FF!important}
main .hero .breadcrumbs,main .hero .breadcrumbs li,main .hero .breadcrumbs span{color:#8EC6F2!important}
main .hero .breadcrumbs a{color:#C7DAEE!important}
main .hero .breadcrumbs li[aria-current] span{color:#fff!important}
main .hero .hero-sub{color:#9FB8D2!important}
/* hero buttons */
main .hero .btn-primary{background:var(--mx-sky)!important;color:#fff!important;border-color:var(--mx-sky)!important}
main .hero .btn-outline,main .hero .btn-outline-dark{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
main .hero .btn-outline:hover,main .hero .btn-outline-dark:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important}
/* hero stats: glass tiles */
main .hero .hero-stats,main .hero .stat-row{gap:12px!important}
main .hero .hero-stats>div,main .hero .stat-row>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px}
main .hero .stat{color:#fff!important}
main .hero .stat-label,main .hero .hero-stats .stat-label{color:#9FB8D2!important}
main .hero .hero-steps div{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
/* hero with illustration */
main .hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}
main .hero .hero-copy .hero-stats{flex-wrap:wrap}
main .hero .hero-art{border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06);aspect-ratio:800/520;background:#0E2A4D;transition:transform .3s}
main .hero .hero-art img{width:100%;height:100%;display:block;object-fit:cover}
main .hero .hero-art:hover{transform:translateY(-6px)}
@media (max-width:760px){main .hero .hero-grid{grid-template-columns:1fr;gap:28px}main .hero .hero-art{max-width:560px}}

/* ---------- sections ---------- */
main .section.alt{background:var(--mx-sky-mist)!important;border-top:1px solid var(--mx-line-2);border-bottom:1px solid var(--mx-line-2)}
main .section .eyebrow,main .eyebrow{color:var(--mx-sky-ink)}
main .lead-dark,main .section p{color:var(--mx-muted)}
main .section h3,main .card h3{color:var(--mx-ink)}

/* cards */
main .card,main .challenge,main .post-card,main .advantage,main .point{border-color:var(--mx-line)!important;border-radius:16px!important}
main .card,main .challenge,main .post-card{box-shadow:var(--mx-shadow-1)}

/* buttons */
main .btn{border-radius:10px!important;font-weight:800!important}
main .btn-primary{background:var(--mx-sky)!important;border-color:var(--mx-sky)!important;color:#fff!important}
main .btn-primary:hover{background:#1F8BDA!important}

/* CTA band: navy panel like the pages' closing call to action */
main .band{background:linear-gradient(120deg,var(--mx-navy) 0%,#17497C 100%)!important;color:#fff!important}
main .band h2,main .band h3,main .band .eyebrow{color:#fff!important}
main .band p{color:#C7DAEE!important}
main .band .btn-outline,main .band .btn-outline-dark{color:#fff!important;border-color:rgba(255,255,255,.45)!important;background:transparent!important}

/* FAQ */
main .faq-item{border-color:var(--mx-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
main .faq-item summary{color:var(--mx-ink);font-weight:700}
main .faq-item summary:hover{background:var(--mx-sky-mist)}
main .faq-item p{color:var(--mx-muted)}

@media (prefers-reduced-motion:reduce){main .hero .hero-art{transition:none}main .hero .hero-art:hover{transform:none}}
/* ---------- home page photo slider: keep the photos, add the navy treatment ---------- */
main .hero-slider{background:var(--mx-navy-deep)}
main .hero-slider .slide{position:relative;isolation:isolate}
main .hero-slider .slide::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,26,51,.97) 0%,rgba(10,35,66,.9) 38%,rgba(10,35,66,.45) 68%,rgba(10,35,66,.12) 100%)}
main .hero-slider .slide-inner{position:relative;z-index:1}
main .hero-slider h1,main .hero-slider h2{color:#fff!important;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.06;text-wrap:balance}
main .hero-slider h1{font-size:clamp(32px,4.4vw,52px)!important}
main .hero-slider .lead,main .hero-slider p,main .hero-slider .note,main .hero-slider .hero-sub{color:#D3E3F3!important}
main .hero-slider .eyebrow{display:inline-flex!important;align-items:center;gap:8px;background:rgba(46,155,234,.14)!important;border:1px solid rgba(111,192,255,.35)!important;color:#CFE6FB!important;padding:5px 12px!important;border-radius:99px!important;font-size:12.5px!important;letter-spacing:.04em!important}
main .hero-slider .chips li{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
main .hero-slider .btn-primary{background:var(--mx-sky)!important;border-color:var(--mx-sky)!important;color:#fff!important}
main .hero-slider .btn-outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
main .hero-slider .btn-outline:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important}
main .hero-slider .offshore-card{background:#fff;border-radius:18px;box-shadow:var(--mx-shadow-2)}
main .hero-slider .offshore-card p,main .hero-slider .offshore-card .oc-lab{color:var(--mx-muted)!important}
main .hero-slider .slider-dots button{background:rgba(255,255,255,.35)!important}
main .hero-slider .slider-dots button.is-active{background:var(--mx-sky)!important}
@media (max-width:820px){main .hero-slider .slide::before{background:linear-gradient(180deg,rgba(6,26,51,.9),rgba(10,35,66,.82))}}
/* ---------- v2: justified text ---------- */
main p,main li,main dd,main .lead,main .s-lead,main .intro{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
main .chips li,main .breadcrumbs li,main .cta-row,main .btn,main .s-btn,main .lx-cc,main .lx-crumb,main .s-strip p,main .hero-stats *,main .st,main .tag,main .lx-tag,main nav li{text-align:left;-webkit-hyphens:manual;hyphens:manual}

/* ---------- v2: one hero height across the site (desktop and tablet) ---------- */
@media (min-width:761px){
 main .hero,main .hero.hero-short{min-height:620px;display:flex;align-items:center;padding:48px 0 56px!important;box-sizing:border-box}
 main .hero>.wrap{width:100%}
 main .hero-slider,main .hero-slider .slide{min-height:620px;box-sizing:border-box}
 main .hero-slider .slide-inner{min-height:620px;display:flex;align-items:center}
 main .site .s-hero{min-height:620px;display:flex;flex-direction:column}
 main .site .s-hero-in{flex:1;align-items:center}
}
/* compact hero stats so every hero fits the same height */
main .hero .hero-stats{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:22px!important}
main .hero .hero-stats>div{display:flex;align-items:baseline;gap:7px;padding:7px 12px!important;border-radius:10px!important}
main .hero .hero-stats .stat{font-size:15px!important;line-height:1.3}
main .hero .hero-stats .stat-label{font-size:12px!important;text-transform:none!important;letter-spacing:0!important}

/* ---------- v2: contact page panel (same style as the pages' closing call to action) ---------- */
main .cx-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start;background:linear-gradient(120deg,var(--mx-navy) 0%,#17497C 100%);color:#fff;border-radius:22px;padding:36px;box-shadow:var(--mx-shadow-2)}
main .cx-info h2{color:#fff!important;font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:10px 0 12px}
main .cx-info>p{color:#C7DAEE!important;margin:0 0 22px}
main .cx-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(46,155,234,.14);border:1px solid rgba(111,192,255,.35);color:#CFE6FB!important;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0;text-align:left!important}
main .cx-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
main .cx-list li{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;text-align:left!important;hyphens:manual!important}
main .cx-list b{color:#9FB8D2;font-weight:700;font-size:13px}
main .cx-list a{color:#fff}
main .cx-form{background:#fff;color:var(--mx-ink);border-radius:16px;padding:26px;box-shadow:var(--mx-shadow-1)}
main .cx-form h3{margin:0 0 14px;color:var(--mx-navy)}
main .cx-form .form label{color:var(--mx-ink);font-weight:600}
main .cx-form .form input,main .cx-form .form textarea{border:1px solid var(--mx-line)!important;border-radius:10px!important;background:#fff}
main .cx-form .form input:focus,main .cx-form .form textarea:focus{outline:3px solid rgba(46,155,234,.35);border-color:var(--mx-sky)!important}
main .cx-form .btn{width:100%;justify-content:center}
@media (max-width:860px){main .cx-panel{grid-template-columns:1fr;padding:22px}main .cx-list li{grid-template-columns:1fr;gap:2px}}
/* ---------- v3: fit every hero into the same 620px on desktop ---------- */
@media (min-width:761px){
 main .hero-slider .slide{padding-top:0!important;padding-bottom:0!important}
 main .hero,main .hero.hero-short{padding:40px 0 44px!important}
 main .hero .hero-grid h1{font-size:clamp(30px,3.3vw,44px)!important}
 main .hero .hero-grid .lead{font-size:16px!important;margin-bottom:18px}
 main .hero .hero-grid .hero-stats{flex-wrap:nowrap;margin-top:16px!important}
 main .hero .hero-grid .hero-stats>div{white-space:nowrap}
 main .hero .hero-grid .breadcrumbs{margin-bottom:10px}
}
/* ---------- v4: contact form fit ---------- */
main .cx-form .form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
main .cx-form .form label{display:block;min-width:0}
main .cx-form .form input,main .cx-form .form textarea{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
@media (max-width:520px){main .cx-form .form-row{grid-template-columns:1fr}}
/* ---------- closing call-to-action panel (same as the Logistics/Credentialing pages) ---------- */
main .cta-final-sec{padding-top:24px!important;padding-bottom:64px!important}
main .cta-final{background:linear-gradient(120deg,var(--mx-navy) 0%,#17497C 100%);color:#fff;border-radius:22px;padding:32px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;transition:transform .3s,box-shadow .3s}
main .cta-final:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(41,171,226,.16)}
main .cta-final h3{margin:0;color:#fff!important;font-size:24px;letter-spacing:-.015em;line-height:1.25;max-width:22em}
main .cta-final p{margin:6px 0 0;color:#C7DAEE!important;text-align:left!important}
main .cta-final .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:0}
main .cta-final .btn-primary{background:#fff!important;color:var(--mx-navy)!important;border-color:#fff!important}
main .cta-final .btn-primary:hover{background:#EAF4FF!important}
main .cta-final .btn-outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
main .cta-final .btn-outline:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important}
@media (max-width:640px){main .cta-final{padding:24px 20px}main .cta-final h3{font-size:20px}}
/* ---------- home: four-step strip under the hero (same as Logistics/Credentialing) ---------- */
main .home-steps-sec{position:relative;z-index:3;margin-top:-34px}
main .home-steps{list-style:none;margin:0;padding:0;background:#fff;border-radius:18px;box-shadow:var(--mx-shadow-2);display:grid;grid-template-columns:repeat(4,1fr)}
main .home-steps li{position:relative;padding:20px 20px 18px;border-right:1px solid var(--mx-line-2);background:#fff;border-radius:16px;transition:transform .3s,box-shadow .3s;text-align:left!important}
main .home-steps li:last-child{border-right:0}
main .home-steps li:hover{transform:translateY(-10px);box-shadow:0 24px 50px rgba(41,171,226,.16);z-index:2}
main .home-steps li:not(:last-child)::after{content:'';position:absolute;right:-9px;top:31px;width:16px;height:16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4l4 4-4 4' stroke='%232E9BEA' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 1px var(--mx-line);z-index:1}
main .home-steps .hs-ic{width:38px;height:38px;border-radius:11px;background:var(--mx-sky-soft);display:grid;place-items:center;margin-bottom:12px}
main .home-steps h3{margin:0;font-size:15px;display:flex;align-items:baseline;gap:7px;color:var(--mx-ink)}
main .home-steps .hs-n{font-size:12px;font-weight:800;color:var(--mx-sky-ink)}
main .home-steps p{margin:4px 0 0;font-size:13px;color:var(--mx-muted);line-height:1.5;text-align:left!important;hyphens:manual!important}
main .hero-slider .slider-dots{bottom:52px!important}
@media (max-width:760px){main .home-steps{grid-template-columns:1fr 1fr}main .home-steps li:nth-child(2){border-right:0}main .home-steps li:nth-child(-n+2){border-bottom:1px solid var(--mx-line-2)}main .home-steps li::after{display:none}}
@media (max-width:480px){main .home-steps{grid-template-columns:1fr}main .home-steps li{border-right:0!important;border-bottom:1px solid var(--mx-line-2)}main .home-steps li:last-child{border-bottom:0}}
@media (prefers-reduced-motion:reduce){main .home-steps li{transition:none}main .home-steps li:hover{transform:none}}
/* keep slide text clear of the dots and the step strip */
@media (min-width:761px){main .hero-slider .slide-inner{padding-bottom:64px!important;box-sizing:border-box}}