/* ==========================================================================
   About Us page styles (about-us.css)
   Scoped to .additional-pages.about-us so the header/footer are untouched.
   Brand colours are the variables on the first rule.
   ========================================================================== */
.additional-pages.about-us{--ab-red:#e5252b;--ab-navy:#1e2a5e;--ab-navy-dark:#151f47;--ab-bg:#fff;--ab-alt:#f4f6fb;--ab-card:#fff;--ab-text:#2a3050;--ab-muted:#5d6482;--ab-border:#e3e6f0;--ab-shadow:0 8px 24px rgba(30,42,94,.10);font-family:inherit;color:var(--ab-text);background:var(--ab-bg);line-height:1.7}
.additional-pages.about-us *,.additional-pages.about-us *::before,.additional-pages.about-us *::after{box-sizing:border-box}
.additional-pages.about-us .wrapper{max-width:1300px;margin:0 auto;padding:0 20px}
.additional-pages.about-us h1,.additional-pages.about-us h2,.additional-pages.about-us h3{font-family:inherit;color:inherit;line-height:1.2;margin:0 0 .6rem}
.additional-pages.about-us p{margin:0 0 16px}
.additional-pages.about-us a{color:var(--ab-red);text-underline-offset:3px}
.additional-pages.about-us a strong{color:inherit}

/* Hero */
.additional-pages.about-us .ab-hero{padding:80px 0 72px;color:#fff;background:linear-gradient(105deg,rgba(21,31,71,.97) 40%,rgba(30,42,94,.85)),repeating-linear-gradient(45deg,#2a3877 0 12px,#243069 12px 24px)}
.additional-pages.about-us .ab-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;font-size:14px;color:#c9cee8}
.additional-pages.about-us .ab-crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}
.additional-pages.about-us .ab-crumbs a{color:#fff;text-decoration:none;opacity:.85}
.additional-pages.about-us .ab-crumbs a:hover{color:#ff8a8e;opacity:1}
.additional-pages.about-us .ab-hero h1{color:#fff;font-size:clamp(32px,5vw,52px);font-weight:800;margin:0}
.additional-pages.about-us .ab-hero h1::after{content:"";display:block;width:64px;height:4px;margin-top:18px;border-radius:2px;background:var(--ab-red)}

/* Sections */
.additional-pages.about-us .ab-section{padding:80px 0}
.additional-pages.about-us .ab-section--alt{background:var(--ab-alt)}
.additional-pages.about-us .ab-head{max-width:780px;margin:0 auto 44px;text-align:center}
.additional-pages.about-us .ab-head h2,.additional-pages.about-us .ab-text h2{font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--ab-navy)}
.additional-pages.about-us .ab-head p{color:var(--ab-muted);margin:0}

/* Split layout */
.additional-pages.about-us .ab-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.additional-pages.about-us .ab-split--rev .ab-photo{order:0}
.additional-pages.about-us .ab-photo{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;box-shadow:var(--ab-shadow);background:linear-gradient(135deg,#2a3877,#e5252b 160%)}
.additional-pages.about-us .ab-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.additional-pages.about-us .ab-text p{color:var(--ab-muted)}

/* Cards */
.additional-pages.about-us .ab-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.additional-pages.about-us .ab-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.additional-pages.about-us .ab-card{background:var(--ab-card);border:1px solid var(--ab-border);border-radius:14px;padding:30px 26px;box-shadow:var(--ab-shadow);transition:transform .3s,box-shadow .3s,border-color .3s}
.additional-pages.about-us .ab-card:hover{transform:translateY(-6px);border-color:var(--ab-red);box-shadow:0 18px 40px rgba(30,42,94,.2)}
.additional-pages.about-us .ab-card h3{font-size:20px;font-weight:700;color:var(--ab-navy)}
.additional-pages.about-us .ab-card p{margin:0;color:var(--ab-muted);font-size:15px}
.additional-pages.about-us .ab-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:12px;background:var(--ab-red);color:#fff}
.additional-pages.about-us .ab-icon svg{width:26px;height:26px}

/* Why choose us (image + overlay) */
.additional-pages.about-us .ab-why{color:#fff;background:linear-gradient(rgba(18,35,115,.9),rgba(18,35,115,.9)),var(--ab-why-img,none) center/cover no-repeat #1e2a5e}
.additional-pages.about-us .ab-why .ab-head h2{color:#fff}
.additional-pages.about-us .ab-why .ab-head p{color:#d5d9ee}
.additional-pages.about-us .ab-why .ab-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}
.additional-pages.about-us .ab-why .ab-card h3{color:#fff}
.additional-pages.about-us .ab-why .ab-card p{color:#d5d9ee}
.additional-pages.about-us .ab-why .ab-card:hover{border-color:#fff}

/* Services */
.additional-pages.about-us .ab-services{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.additional-pages.about-us .ab-service{flex:0 1 calc(33.333% - 16px);min-width:260px}

/* Commitment list */
.additional-pages.about-us .ab-steps{margin:24px 0 0;padding:0;list-style:none}
.additional-pages.about-us .ab-steps li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--ab-border)}
.additional-pages.about-us .ab-steps li:first-child{border-top:0}
.additional-pages.about-us .ab-no{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ab-red);color:#fff;font-weight:700}
.additional-pages.about-us .ab-steps h3{font-size:20px;color:var(--ab-navy);margin-bottom:4px}
.additional-pages.about-us .ab-steps p{margin:0;font-size:15px}

/* Testimonials */
.additional-pages.about-us .ab-quote{position:relative;padding:34px 32px}
.additional-pages.about-us .ab-qmark{position:absolute;top:22px;right:26px;width:44px;height:44px;color:rgba(229,37,43,.18)}
.additional-pages.about-us .ab-qmark svg{width:100%;height:100%}
.additional-pages.about-us .ab-quote p{font-size:16px;font-style:italic}
.additional-pages.about-us .ab-quote footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--ab-border);font-weight:700;color:var(--ab-navy)}
.additional-pages.about-us .ab-quote footer::before{content:"";display:inline-block;width:24px;height:3px;margin-right:10px;vertical-align:middle;background:var(--ab-red);border-radius:2px}

/* Contact CTA: every child is explicitly centred so theme rules on h2/p/h3/.wrapper cannot shift it */
.additional-pages.about-us .ab-cta{padding:72px 0;color:#fff;background:linear-gradient(135deg,#ff5a5f 0%,#e5252b 45%,#a5121a 100%)}
.additional-pages.about-us .ab-cta .wrapper{display:flex;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;text-align:center}
.additional-pages.about-us .ab-cta h2,.additional-pages.about-us .ab-cta h3,.additional-pages.about-us .ab-cta p{float:none;width:100%;max-width:680px;margin-left:auto;margin-right:auto;text-align:center;color:#fff;opacity:1}
.additional-pages.about-us .ab-cta h2{margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:800}
.additional-pages.about-us .ab-cta p{margin-bottom:0;font-size:17px}
.additional-pages.about-us .ab-cta h3{margin-top:28px;margin-bottom:14px;font-size:18px}
.additional-pages.about-us .ab-cta .ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:center;margin:0 auto;padding:14px 28px;border-radius:8px;background:#fff;color:var(--ab-red);font-weight:600;text-decoration:none;transition:transform .2s,filter .2s}
.additional-pages.about-us .ab-cta .ab-btn:hover{transform:translateY(-2px);filter:brightness(.95)}
.additional-pages.about-us .ab-cta .ab-btn strong{color:var(--ab-navy)}
.additional-pages.about-us .ab-cta .ab-btn svg{width:22px;height:22px;flex:none}

/* Tablet */
@media (max-width:1199px){.additional-pages.about-us .ab-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){
  .additional-pages.about-us .ab-section{padding:60px 0}
  .additional-pages.about-us .ab-split{grid-template-columns:1fr;gap:36px}
  .additional-pages.about-us .ab-service{flex-basis:calc(50% - 12px)}
  .additional-pages.about-us .ab-grid-2{grid-template-columns:1fr}
}
/* Mobile */
@media (max-width:640px){
  .additional-pages.about-us .ab-hero{padding:56px 0 48px}
  .additional-pages.about-us .ab-section{padding:48px 0}
  .additional-pages.about-us .ab-grid-4{grid-template-columns:1fr}
  .additional-pages.about-us .ab-service{flex-basis:100%}
  .additional-pages.about-us .ab-head{margin-bottom:32px}
  .additional-pages.about-us .ab-cta .ab-btn{width:100%;flex-wrap:wrap}
}