:root{
  --green:#045b45;
  --green-2:#0a7358;
  --deep:#03382d;
  --lime:#76b82a;
  --gold:#dcae39;
  --cream:#f5f7f3;
  --white:#ffffff;
  --ink:#17322b;
  --muted:#64766f;
  --line:#dce6e1;
  --shadow:0 18px 50px rgba(3,56,45,.10);
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.65;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.topline{height:4px;background:linear-gradient(90deg,var(--deep),var(--green),var(--lime),var(--gold))}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(3,56,45,.08);
}
.nav{
  height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:190px}
.brand img{width:66px;height:66px;object-fit:contain}
.brand-text{font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--deep);line-height:1.1}
.brand-text span{display:block;color:var(--green-2);font-weight:700;font-size:9px;letter-spacing:.22em;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:#52665f}
.nav-links a{padding:30px 0;position:relative}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--gold);transition:.25s}
.nav-links a:hover:after,.nav-links a.active:after{right:0}
.nav-cta,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;cursor:pointer;border-radius:7px;padding:12px 19px;
  background:var(--gold);color:#1f2b21;font-weight:800;font-size:12px;
  box-shadow:0 8px 18px rgba(220,174,57,.20);transition:.25s;
}
.nav-cta:hover,.btn:hover{transform:translateY(-2px);filter:brightness(.98)}
.menu-btn{display:none;background:none;border:0;font-size:26px;color:var(--deep)}

.hero{
  min-height:620px;
  display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;
  background:var(--cream);
}
.hero-copy{padding:92px 7vw 82px 0;display:flex;flex-direction:column;justify-content:center}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:900;color:var(--green-2)}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--gold)}
h1{font-size:clamp(42px,5.5vw,74px);line-height:.98;letter-spacing:-.045em;color:var(--deep);margin:18px 0 22px;max-width:700px}
.hero-copy p{font-size:16px;max-width:660px;color:#52665f;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-outline{background:transparent;color:var(--deep);border:1px solid #b8c9c2;box-shadow:none}
.btn-outline:hover{background:#fff}
.hero-visual{
  min-height:620px;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(3,56,45,.12),rgba(3,56,45,.70)),
    url("assets/visuals/hero-fashion-shopping.png") center/cover;
}
.hero-visual:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(4,91,69,.45),transparent 45%,rgba(220,174,57,.18));
}
.hero-badge{
  position:absolute;right:32px;bottom:32px;background:#fff;padding:18px 20px;
  width:210px;border-left:4px solid var(--gold);box-shadow:var(--shadow)
}
.hero-badge strong{display:block;color:var(--deep);font-size:14px}
.hero-badge span{display:block;color:var(--muted);font-size:11px;margin-top:4px}

.section{padding:92px 0}
.section-soft{background:var(--cream)}
.section-head{max-width:760px;margin-bottom:42px}
.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--green-2);font-weight:900}
h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.035em;color:var(--deep);margin:10px 0 16px}
.section-head p{color:var(--muted);font-size:15px;margin:0}

.reach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reach-card{background:#fff;border:1px solid var(--line);overflow:hidden;border-radius:14px;box-shadow:0 8px 30px rgba(3,56,45,.06)}
.reach-img{height:190px;background-size:cover;background-position:center}
.reach-card:nth-child(1) .reach-img{background-image:url("assets/visuals/factory.svg")}
.reach-card:nth-child(2) .reach-img{background-image:url("assets/visuals/retail.svg")}
.reach-card:nth-child(3) .reach-img{background-image:url("assets/visuals/warehouse.svg")}
.reach-card-body{padding:18px}
.reach-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--deep);margin:0 0 5px}
.reach-card p{font-size:12px;color:var(--muted);margin:0}

.strip{
  background:var(--deep);color:#fff;padding:46px 0;
}
.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.strip h3{font-size:22px;margin:0;letter-spacing:-.02em}
.strip p{margin:5px 0 0;color:#b8d0c8;font-size:13px}

.page-hero{background:var(--cream);padding:72px 0 66px;border-bottom:1px solid var(--line)}
.page-hero .container{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:end}
.page-hero h1{font-size:clamp(44px,6vw,74px);margin:10px 0 0}
.page-hero p{max-width:650px;color:var(--muted);font-size:15px;margin:0}
.page-hero-art{
  height:240px;border-radius:18px;overflow:hidden;
  background:
    linear-gradient(135deg,rgba(3,56,45,.62),rgba(4,91,69,.15)),
    url("assets/visuals/warehouse.svg") center/cover;
  box-shadow:var(--shadow)
}

.services{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.service-card{
  min-height:320px;padding:0;position:relative;overflow:hidden;border:1px solid var(--line);
  border-radius:16px;background:#fff;box-shadow:0 10px 35px rgba(3,56,45,.07);
  display:grid;grid-template-rows:150px 1fr;
}
.service-img{background-size:cover;background-position:center}
.service-card:nth-child(1) .service-img{background-image:url("assets/visuals/factory.svg")}
.service-card:nth-child(2) .service-img{background-image:url("assets/visuals/production.svg")}
.service-card:nth-child(3) .service-img{background-image:url("assets/visuals/product.svg")}
.service-card:nth-child(4) .service-img{background-image:url("assets/visuals/technology.svg")}
.service-body{padding:22px 24px 25px}
.service-num{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:.18em}
.service-body h3{font-size:20px;line-height:1.15;color:var(--deep);margin:7px 0 10px}
.service-body p{font-size:13px;color:var(--muted);margin:0 0 18px}
.text-link{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--green-2)}
.text-link:after{content:" →";color:var(--gold)}

.footer{background:#022c22;color:#fff;padding:60px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}
.footer-logo{display:flex;align-items:center;gap:12px}
.footer-logo img{width:76px;height:76px;object-fit:contain;background:#f5f7f3;border-radius:50%}
.footer-brand{font-size:17px;font-weight:900;letter-spacing:.13em}
.footer p{color:#aac1b9;font-size:12px;max-width:480px}
.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#fff;margin:0 0 15px}
.footer a{display:block;color:#aac1b9;font-size:12px;margin:8px 0}
.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:18px;color:#83a69b;font-size:10px;display:flex;justify-content:space-between;gap:15px}

@media(max-width:900px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;gap:0}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 12px}
  .nav-links a:after{display:none}
  .nav-cta{display:none}
  .menu-btn{display:block}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:70px 0}
  .hero-visual{min-height:430px}
  .page-hero .container{grid-template-columns:1fr}
  .page-hero-art{height:300px}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{height:72px}.brand img{width:58px;height:58px}
  .section{padding:65px 0}
  .reach-grid,.services,.footer-grid{grid-template-columns:1fr}
  .hero-copy{padding:60px 0}
  h1{font-size:46px}
  .strip-inner{align-items:flex-start;flex-direction:column}
  .page-hero{padding:55px 0}
  .footer-grid{gap:35px}
  .footer-bottom{flex-direction:column}
}


/* United X Borders - Page 3/4/5 */
.detail-hero{background:var(--cream);padding:68px 0 58px;border-bottom:1px solid var(--line)}
.detail-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.detail-hero h1{font-size:clamp(42px,5.2vw,68px);margin:12px 0 18px}
.detail-hero p{max-width:720px;color:var(--muted);font-size:15px;margin:0}
.detail-hero-image{height:300px;border-radius:18px;background-size:cover;background-position:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,56,45,.55),transparent 60%,rgba(118,184,42,.20))}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.detail-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 35px rgba(3,56,45,.07)}
.detail-card-image{height:190px;background-size:cover;background-position:center}
.detail-card-body{padding:24px}
.detail-card h3{font-size:20px;line-height:1.15;color:var(--deep);margin:0 0 10px}
.detail-card p{font-size:13px;color:var(--muted);margin:0 0 15px}
.detail-card .detail-action{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#1f2b21;font-size:11px;font-weight:900;border-radius:6px;padding:10px 14px;box-shadow:0 6px 14px rgba(220,174,57,.18)}
.detail-card .detail-action:hover{transform:translateY(-1px)}
.detail-intro{max-width:860px;color:var(--muted);font-size:15px;margin:-22px 0 35px}
.page3-1 .detail-card-image{background-image:url("assets/visuals/factory.svg")}
.page3-2 .detail-card-image{background-image:url("assets/visuals/production.svg")}
.page3-3 .detail-card-image{background-image:url("assets/visuals/warehouse.svg")}
.page3-4 .detail-card-image{background-image:url("assets/visuals/compliance.svg")}
.page4-1 .detail-card-image{background-image:url("assets/visuals/retail.svg")}
.page4-2 .detail-card-image{background-image:url("assets/visuals/product.svg")}
.page4-3 .detail-card-image{background-image:url("assets/visuals/technology.svg")}
.page4-4 .detail-card-image{background-image:url("assets/visuals/partnership.svg")}
.page5-1 .detail-card-image{background-image:url("assets/visuals/compliance.svg")}
.page5-2 .detail-card-image{background-image:url("assets/visuals/audit.svg")}
.page5-3 .detail-card-image{background-image:url("assets/visuals/training.svg")}
.page5-4 .detail-card-image{background-image:url("assets/visuals/commitment.svg")}
.page-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.page-nav a{font-size:11px;font-weight:900;color:var(--green-2);border:1px solid #b8c9c2;padding:9px 13px;border-radius:6px}
.page-nav a:hover{background:#fff}
@media(max-width:900px){
 .detail-hero .container{grid-template-columns:1fr}
 .detail-hero-image{height:280px}
}
@media(max-width:700px){
 .detail-grid{grid-template-columns:1fr}
 .detail-hero{padding:55px 0}
 .detail-hero-image{height:230px}
 .detail-card-image{height:175px}
}

/* PHP version: local product/manufacturing/retail visuals only. No ships, airplanes, trucks or export-transport imagery. */
.detail-hero-image.page3-hero{background-image:url("assets/visuals/factory.svg")}
.detail-hero-image.page4-hero{background-image:url("assets/visuals/partnership.svg")}
.detail-hero-image.page5-hero{background-image:url("assets/visuals/compliance.svg")}

/* =========================================================
   UNITED X BORDERS - FINAL PHP LAYOUT PATCH
   Local visuals only: manufacturing, retail, compliance,
   technology and training. No ship / airplane / truck imagery.
   ========================================================= */
:root{
  --uxb-dark:#063f31;
  --uxb-green:#0a654c;
  --uxb-green2:#13775a;
  --uxb-lime:#7bc52b;
  --uxb-gold:#d7ad32;
  --uxb-pale:#f4f7f2;
  --uxb-border:#d9e4de;
}
body{background:#fff;overflow-x:hidden}
main{min-height:55vh}
.site-header{box-shadow:0 3px 18px rgba(6,63,49,.06)}
.brand img{background:#fff;border-radius:50%;padding:2px}
.section{position:relative}
.detail-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f8f4 0%,#fff 58%,#eef6e9 100%)}
.detail-hero:before{content:"";position:absolute;right:-140px;top:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(123,197,43,.18)}
.detail-hero .container{position:relative;z-index:1}
.detail-hero h1{color:var(--uxb-dark);letter-spacing:-.025em;font-weight:900}
.detail-hero p{line-height:1.8}
.detail-hero-image{border:1px solid rgba(6,63,49,.12);background-color:#eaf2ed;background-repeat:no-repeat;background-size:78% auto;background-position:center;box-shadow:0 22px 55px rgba(6,63,49,.13)}
.detail-hero-image:after{background:linear-gradient(135deg,rgba(6,63,49,.08),transparent 55%,rgba(123,197,43,.12))}
.detail-grid{align-items:stretch}
.detail-card{display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.detail-card:hover{transform:translateY(-5px);border-color:#bfd3ca;box-shadow:0 20px 45px rgba(6,63,49,.12)}
.detail-card-image{background-color:#edf4ef;background-repeat:no-repeat;background-size:68% auto;background-position:center;min-height:180px}
.detail-card-body{display:flex;flex:1;flex-direction:column}
.detail-card-body p:nth-of-type(2){flex:1}
.detail-card h3{letter-spacing:.02em}
.detail-card .detail-action{align-self:flex-start;margin-top:4px;background:var(--uxb-gold);color:#172b22}
.page-nav a{background:#fff;font-weight:800;transition:.2s}
.page-nav a:hover{border-color:var(--uxb-lime);color:var(--uxb-dark);transform:translateY(-1px)}
.strip{background:linear-gradient(100deg,var(--uxb-dark),var(--uxb-green));color:#fff}
.strip h3{color:#fff}
.strip p{color:#c5ddd4}
.footer{border-top:4px solid var(--uxb-lime)}
@media(max-width:1100px){
  .nav-links{gap:15px;font-size:12px}
  .nav-cta{padding:11px 13px}
  .brand{min-width:175px}
}
@media(max-width:900px){
  .detail-hero .container{grid-template-columns:1fr;gap:28px}
  .detail-hero-image{min-height:270px;height:270px}
  .detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 30px),var(--max))}
  .detail-grid{grid-template-columns:1fr}
  .detail-hero h1{font-size:clamp(36px,11vw,52px)}
  .detail-hero-image{min-height:220px;height:220px;background-size:62% auto}
  .detail-card-image{min-height:170px}
  .page-nav{gap:7px}
  .page-nav a{font-size:10px;padding:8px 10px}
}

/* ===== FINAL UNITED X BORDERS HEADER / FOOTER ===== */
.uxb-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid #dbe6e0;box-shadow:0 5px 22px rgba(3,56,45,.07)}
.uxb-topbar{height:29px;background:#063d30;color:#dceae5;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.uxb-topbar-inner{height:29px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.uxb-regions{display:flex;gap:18px}.uxb-regions a{color:#dceae5}.uxb-regions a:hover{color:#fff}
.uxb-nav-wrap{background:#fff}.uxb-nav{min-height:91px;display:flex;align-items:center;gap:18px}
.uxb-brand{display:flex;align-items:center;gap:11px;flex:0 0 208px;color:#063d30}.uxb-logo{width:61px;height:61px;border-radius:50%;border:2px solid #0b654c;background:#fff;display:grid;place-items:center;box-shadow:0 5px 16px rgba(3,56,45,.13)}
.uxb-logo img{width:54px;height:54px;object-fit:contain!important;margin:0!important}.uxb-brand-text{display:flex;flex-direction:column;white-space:nowrap}.uxb-brand-text strong{font-size:12px;letter-spacing:.105em;font-weight:950;line-height:1.1}.uxb-brand-text small{font-size:6.5px;letter-spacing:.14em;color:#6d837a;margin-top:5px;font-weight:800}
.uxb-menu{height:91px;display:flex;align-items:stretch;justify-content:center;flex:1;min-width:0}.uxb-menu a{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 7px;color:#52665e;font-size:10.5px;font-weight:850;line-height:1.25;transition:.2s}.uxb-menu a:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:#d7ad32;transform:scaleX(0);transition:.2s}.uxb-menu a:hover,.uxb-menu a.active{color:#063d30}.uxb-menu a:hover:after,.uxb-menu a.active:after{transform:scaleX(1)}
.uxb-cta{flex:0 0 153px;min-height:55px;border-radius:8px;background:linear-gradient(135deg,#e2b63f,#d4a52a);color:#182a22!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:950;line-height:1.3;box-shadow:0 9px 20px rgba(216,172,48,.23);transition:.2s}.uxb-cta span{margin-left:5px}.uxb-cta:hover{transform:translateY(-2px)}
.uxb-toggle{display:none;border:0;background:#063d30;color:#fff;border-radius:7px;width:43px;height:43px;font-size:23px}

.uxb-footer{position:relative;overflow:hidden;margin-top:0;padding:62px 0 19px;color:#fff;background:linear-gradient(135deg,#021d18,#063e30 52%,#052c24);border-top:4px solid #78c42b}.uxb-footer-map{position:absolute;inset:0;background:url('../images/world-map.svg') center/cover no-repeat;opacity:.9;pointer-events:none}.uxb-footer-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,29,24,.98) 0%,rgba(2,29,24,.88) 30%,rgba(2,29,24,.55) 60%,rgba(2,29,24,.28) 100%)}.uxb-footer-glow{position:absolute;right:-120px;top:-230px;width:650px;height:650px;border-radius:50%;border:1px solid rgba(120,196,43,.2);box-shadow:0 0 0 35px rgba(120,196,43,.035),0 0 0 90px rgba(120,196,43,.025)}.uxb-footer-inner{position:relative;z-index:2}.uxb-footer-grid{display:grid;grid-template-columns:1.5fr .95fr .95fr 1.1fr;gap:44px;padding-bottom:43px}.uxb-footer-brand-row{display:flex;align-items:center;gap:12px}.uxb-footer-logo{width:66px;height:66px;border-radius:50%;background:#f5f7f2;border:3px solid #78c42b;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.16)}.uxb-footer-logo img{width:59px;height:59px;object-fit:contain!important}.uxb-footer-brand-row strong{display:block;font-size:15px;letter-spacing:.12em;font-weight:950}.uxb-footer-brand-row small{display:block;font-size:6.5px;letter-spacing:.13em;color:#82b9a6;margin-top:6px}.uxb-footer-brand>p{font-size:9px;letter-spacing:.1em;color:#a7c8bd;margin:17px 0 0;max-width:440px}.uxb-footer-col h4{margin:3px 0 17px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#dbeae4}.uxb-footer-col a{display:block;color:#a5c3b9;font-size:10px;margin:0 0 10px;transition:.2s}.uxb-footer-col a:hover{color:#fff;transform:translateX(3px)}.uxb-footer-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:11px 13px;background:#d7ad32;color:#15271f!important;border-radius:6px;font-weight:900!important;margin-bottom:15px!important}.uxb-footer-btn span{margin-left:5px}.uxb-footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;display:flex;justify-content:space-between;gap:18px;color:#719a8d;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.uxb-footer-bottom span:last-child{letter-spacing:0;color:#9dbbb1}

/* ===== HOME ADDITIONAL IMPORTANT SECTION ===== */
.home-framework{padding:82px 0;background:#fff}.home-framework-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.home-framework-head h2{margin:8px 0 0}.home-framework-head p{max-width:530px;color:var(--muted);font-size:13px;margin:0}.framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.framework-card{position:relative;min-height:205px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f6faf6);padding:25px 21px;overflow:hidden;box-shadow:0 8px 28px rgba(3,56,45,.06);transition:.25s}.framework-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(3,56,45,.11);border-color:#c6d8d0}.framework-card:after{content:"";position:absolute;width:100px;height:100px;right:-38px;bottom:-42px;border-radius:50%;border:1px solid rgba(123,197,43,.22)}.framework-no{font-size:9px;color:#d7ad32;font-weight:950;letter-spacing:.16em}.framework-card h3{font-size:17px;line-height:1.15;color:var(--deep);margin:9px 0 9px}.framework-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.framework-card a{display:inline-block;margin-top:15px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--green-2)}
@media(max-width:1180px){.uxb-nav{gap:10px}.uxb-brand{flex-basis:185px}.uxb-menu a{padding:0 5px;font-size:9.5px}.uxb-menu a:after{left:5px;right:5px}.uxb-cta{flex-basis:140px;font-size:10px}.framework-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.uxb-topbar{height:27px}.uxb-topbar-inner{height:27px}.uxb-topbar-inner>span{font-size:7px}.uxb-regions{gap:9px}.uxb-nav{min-height:74px}.uxb-menu{display:none;position:absolute;left:14px;right:14px;top:101px;height:auto;padding:8px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 18px 38px rgba(3,56,45,.15);flex-direction:column}.uxb-menu.open{display:flex}.uxb-menu a{min-height:45px;padding:9px 12px;justify-content:flex-start;text-align:left;font-size:11px}.uxb-menu a:after{left:0;right:auto;bottom:0;width:4px;height:100%;border-radius:0}.desktop-break{display:none}.uxb-cta{display:none}.uxb-toggle{display:block;margin-left:auto}.uxb-brand{flex-basis:auto}.home-framework-head{display:block}.home-framework-head p{margin-top:15px}}
@media(max-width:650px){.uxb-topbar-inner>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uxb-regions{display:none}.uxb-nav{min-height:70px}.uxb-logo{width:52px;height:52px}.uxb-logo img{width:46px;height:46px}.uxb-brand-text strong{font-size:10px}.uxb-brand-text small{font-size:5.5px}.uxb-footer{padding:50px 0 18px}.uxb-footer-grid{grid-template-columns:1fr;gap:28px}.uxb-footer-bottom{flex-direction:column;align-items:flex-start}.framework-grid{grid-template-columns:1fr}.home-framework{padding:60px 0}}
.form-panel{margin-top:55px;padding:35px;border:1px solid var(--line);border-radius:18px;background:#f7faf7;box-shadow:0 12px 38px rgba(3,56,45,.06)}.form-panel .section-head{margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.form-grid label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--deep);font-weight:850}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ccdcd5;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:12px;outline:none}.form-grid textarea{min-height:125px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(10,115,88,.08)}.form-grid .full{grid-column:1/-1}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-panel{padding:23px 18px}}


/* =========================================================
   FINAL DESIGN OVERRIDE — HEADER + FOOTER
   ========================================================= */
.uxb-header{position:sticky!important;top:0!important;z-index:9999!important;background:#fff!important;border:0!important;box-shadow:0 7px 28px rgba(3,56,45,.08)!important}
.uxb-topbar{height:28px!important;background:linear-gradient(90deg,#06382d,#075845)!important}
.uxb-topbar-inner{height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.uxb-topbar-inner>span{font-size:7px!important;letter-spacing:.16em!important;white-space:nowrap}
.uxb-regions{display:flex!important;gap:17px!important}.uxb-regions a{font-size:7px!important;color:#d9eee6!important}
.uxb-nav-wrap{background:rgba(255,255,255,.99)!important}
.uxb-nav{min-height:92px!important;display:flex!important;align-items:center!important;gap:15px!important}
.uxb-brand{display:flex!important;visibility:visible!important;align-items:center!important;gap:13px!important;flex:0 0 225px!important;min-width:225px!important}
.uxb-logo{width:60px!important;height:60px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;flex:0 0 60px!important}
.uxb-logo img{display:block!important;visibility:visible!important;width:60px!important;height:60px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.uxb-brand-text{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column!important;justify-content:center!important;white-space:nowrap!important;min-width:120px!important}
.uxb-brand-text strong{display:block!important;visibility:visible!important;color:#063b30!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.11em!important;font-weight:950!important}
.uxb-brand-text small{display:block!important;visibility:visible!important;color:#6b8379!important;font-size:7px!important;line-height:1.2!important;letter-spacing:.12em!important;margin-top:6px!important;font-weight:800!important}
.uxb-menu{height:92px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;overflow:visible!important}
.uxb-menu a{height:92px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0 7px!important;color:#53675f!important;font-size:10px!important;font-weight:850!important;line-height:1.22!important;text-align:center!important}
.uxb-menu a:after{content:""!important;position:absolute!important;left:7px!important;right:7px!important;bottom:0!important;height:3px!important;background:#d8ad32!important;border-radius:3px 3px 0 0!important;transform:scaleX(0)!important;transition:.2s!important}
.uxb-menu a:hover,.uxb-menu a.active{color:#063b30!important}.uxb-menu a:hover:after,.uxb-menu a.active:after{transform:scaleX(1)!important}
.desktop-break{display:block}
.uxb-cta{flex:0 0 155px!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:linear-gradient(135deg,#e5b940,#d5a52b)!important;color:#16251e!important;font-size:11px!important;font-weight:950!important;line-height:1.25!important;text-align:center!important;box-shadow:0 10px 24px rgba(213,165,43,.25)!important}
.uxb-toggle{display:none!important}

.uxb-footer{position:relative!important;overflow:hidden!important;margin:0!important;padding:64px 0 20px!important;color:#fff!important;background:linear-gradient(135deg,#021e18 0%,#063d30 47%,#052b24 100%)!important;border-top:4px solid #7bc52b!important}
.uxb-footer-map{position:absolute!important;right:0!important;top:0!important;bottom:0!important;left:auto!important;width:72%!important;background:url('../images/world-map.svg') center right/cover no-repeat!important;opacity:.42!important;pointer-events:none!important}
.uxb-footer-map:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#021e18 0%,rgba(2,30,24,.78) 22%,rgba(2,30,24,.25) 65%,rgba(2,30,24,.05) 100%)!important}
.uxb-footer-glow{position:absolute!important;right:-160px!important;top:-290px!important;width:680px!important;height:680px!important;border-radius:50%!important;border:1px solid rgba(123,197,43,.16)!important;box-shadow:0 0 0 34px rgba(123,197,43,.025),0 0 0 95px rgba(123,197,43,.02)!important}
.uxb-footer-inner{position:relative!important;z-index:5!important}
.uxb-footer-grid{display:grid!important;grid-template-columns:1.55fr .9fr .9fr 1.05fr!important;gap:48px!important;padding-bottom:42px!important}
.uxb-footer-brand-row{display:flex!important;align-items:center!important;gap:13px!important}
.uxb-footer-logo{width:64px!important;height:64px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.uxb-footer-logo img{width:64px!important;height:64px!important;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.uxb-footer-brand-row strong{font-size:15px!important;letter-spacing:.12em!important;color:#fff!important;font-weight:950!important}
.uxb-footer-brand-row small{font-size:6.5px!important;letter-spacing:.13em!important;color:#82bca9!important;margin-top:6px!important}
.uxb-footer-brand>p{font-size:9px!important;letter-spacing:.08em!important;line-height:1.7!important;color:#a9c9be!important;margin:16px 0 0!important;max-width:430px!important}
.uxb-footer-col h4{font-size:10px!important;letter-spacing:.19em!important;text-transform:uppercase!important;color:#deeee8!important;margin:2px 0 18px!important}
.uxb-footer-col a{font-size:10px!important;color:#a5c5ba!important;margin:0 0 10px!important;transition:.2s!important}
.uxb-footer-col a:hover{color:#fff!important;transform:translateX(3px)!important}
.uxb-footer-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 14px!important;background:#d9ad31!important;color:#14261e!important;border-radius:7px!important;font-weight:950!important;margin-bottom:16px!important;box-shadow:0 10px 20px rgba(0,0,0,.15)!important}
.uxb-footer-bottom{position:relative!important;border-top:1px solid rgba(255,255,255,.14)!important;padding-top:16px!important;margin-top:0!important;display:flex!important;justify-content:space-between!important;gap:18px!important;color:#789e92!important;font-size:8px!important;letter-spacing:.065em!important;text-transform:uppercase!important}
.uxb-footer-bottom span:last-child{color:#9dbbb1!important;letter-spacing:0!important}

/* Make existing global card imagery use the same clean brand treatment. */
.hero-visual{background-color:#eaf3ee!important}
.home-framework{position:relative}
.home-framework:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#063b30,#7bc52b,#d8ad32);opacity:.9}

@media(max-width:1220px){
  .uxb-nav{gap:8px!important}.uxb-brand{flex-basis:205px!important;min-width:205px!important}
  .uxb-menu a{padding:0 5px!important;font-size:9.5px!important}.uxb-menu a:after{left:5px!important;right:5px!important}
  .uxb-cta{flex-basis:140px!important;font-size:10px!important}
}
@media(max-width:1040px){
  .uxb-brand{flex-basis:180px!important;min-width:180px!important;gap:9px!important}
  .uxb-brand-text strong{font-size:11px!important}.uxb-brand-text small{font-size:6px!important}
  .uxb-logo,.uxb-logo img{width:54px!important;height:54px!important;flex-basis:54px!important}
  .uxb-menu a{font-size:9px!important;padding:0 4px!important}
  .uxb-cta{flex-basis:125px!important;min-height:52px!important;font-size:9px!important}
}
@media(max-width:900px){
  .uxb-nav{min-height:76px!important}
  .uxb-menu{position:absolute!important;left:14px!important;right:14px!important;top:104px!important;height:auto!important;display:none!important;padding:8px!important;background:#fff!important;border:1px solid #dce7e1!important;border-radius:0 0 13px 13px!important;box-shadow:0 18px 40px rgba(3,56,45,.16)!important;flex-direction:column!important}
  .uxb-menu.open{display:flex!important}
  .uxb-menu a{height:auto!important;min-height:46px!important;justify-content:flex-start!important;padding:11px 13px!important;font-size:11px!important;text-align:left!important}
  .uxb-menu a:after{left:0!important;right:auto!important;bottom:0!important;width:3px!important;height:100%!important;transform:scaleY(0)!important}
  .uxb-menu a:hover:after,.uxb-menu a.active:after{transform:scaleY(1)!important}
  .uxb-cta{display:none!important}.uxb-toggle{display:block!important;margin-left:auto!important}
  .uxb-footer-map{width:100%!important;opacity:.27!important}
  .uxb-footer-grid{grid-template-columns:1.4fr 1fr 1fr!important}
}
@media(max-width:700px){
  .uxb-topbar-inner>span{font-size:6px!important}.uxb-regions{display:none!important}
  .uxb-brand{min-width:auto!important;flex-basis:auto!important}.uxb-brand-text strong{font-size:10px!important}.uxb-brand-text small{font-size:5.5px!important}
  .uxb-logo,.uxb-logo img{width:49px!important;height:49px!important;flex-basis:49px!important}
  .uxb-nav{min-height:70px!important}
  .uxb-menu{top:98px!important}
  .uxb-footer{padding:52px 0 18px!important}.uxb-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .uxb-footer-bottom{flex-direction:column!important;align-items:flex-start!important}.uxb-footer-map{opacity:.2!important}
}

/* =========================================================
   HEADER FINAL OVERRIDE - MEDIUM / BALANCED / NO LOGO BORDER
   ========================================================= */
.uxb-header{position:sticky!important;top:0!important;z-index:99999!important;background:#fff!important;border:0!important;box-shadow:0 5px 24px rgba(3,56,45,.08)!important}
.uxb-topbar{height:30px!important;background:#063b2f!important;color:#dbe9e4!important}
.uxb-topbar-inner{height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.uxb-top-title{font-size:8.5px!important;font-weight:700!important;letter-spacing:.14em!important;line-height:1!important;white-space:nowrap!important}
.uxb-regions{display:flex!important;align-items:center!important;gap:18px!important;white-space:nowrap!important}
.uxb-regions a{font-size:9px!important;font-weight:600!important;color:#dbe9e4!important}

.uxb-nav-wrap{background:#fff!important}
.uxb-nav{min-height:84px!important;height:84px!important;display:flex!important;align-items:center!important;gap:14px!important}
.uxb-brand{flex:0 0 222px!important;min-width:222px!important;height:84px!important;display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;color:#063b2f!important}
.uxb-logo{width:66px!important;height:66px!important;flex:0 0 66px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.uxb-logo img{display:block!important;width:62px!important;height:68px!important;max-width:none!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.uxb-brand-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important}
.uxb-brand-copy strong{display:block!important;color:#063b2f!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.065em!important;font-weight:900!important;white-space:nowrap!important}
.uxb-brand-copy small{display:block!important;margin-top:5px!important;color:#71857d!important;font-size:7px!important;line-height:1!important;letter-spacing:.105em!important;font-weight:800!important;white-space:nowrap!important}

.uxb-menu{flex:1 1 auto!important;min-width:0!important;height:84px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;overflow:visible!important}
.uxb-menu a{position:relative!important;height:84px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;color:#51655d!important;text-decoration:none!important;font-size:10.5px!important;font-weight:750!important;line-height:1.18!important;text-align:center!important;white-space:normal!important;transition:color .2s ease!important}
.uxb-menu a:nth-child(1){width:54px}.uxb-menu a:nth-child(2){width:68px}.uxb-menu a:nth-child(3){width:96px}.uxb-menu a:nth-child(4){width:108px}.uxb-menu a:nth-child(5){width:91px}.uxb-menu a:nth-child(6){width:90px}.uxb-menu a:nth-child(7){width:65px}.uxb-menu a:nth-child(8){width:83px}.uxb-menu a:nth-child(9){width:47px}.uxb-menu a:nth-child(10){width:65px}
.uxb-menu a:after{content:""!important;position:absolute!important;left:8px!important;right:8px!important;bottom:0!important;width:auto!important;height:3px!important;border-radius:3px 3px 0 0!important;background:#d8ad35!important;transform:scaleX(0)!important;transition:transform .2s ease!important}
.uxb-menu a:hover,.uxb-menu a.active{color:#063b2f!important}.uxb-menu a:hover:after,.uxb-menu a.active:after{transform:scaleX(1)!important}

.uxb-cta{flex:0 0 142px!important;width:142px!important;min-height:52px!important;height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:7px 10px!important;box-sizing:border-box!important;border-radius:8px!important;background:linear-gradient(135deg,#e2b63f 0%,#d5a52c 100%)!important;color:#17271f!important;text-decoration:none!important;font-size:10.5px!important;line-height:1.15!important;font-weight:900!important;text-align:center!important;white-space:nowrap!important;box-shadow:0 7px 16px rgba(216,172,48,.20)!important;overflow:hidden!important}
.uxb-cta span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.uxb-cta b{font-size:13px!important;margin-left:2px!important}
.uxb-cta:hover{transform:translateY(-2px)!important;color:#17271f!important}

.uxb-toggle{display:none!important;width:42px!important;height:42px!important;border:0!important;border-radius:7px!important;background:#063b2f!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}

@media(max-width:1220px){
  .uxb-nav{gap:8px!important}
  .uxb-brand{flex-basis:202px!important;min-width:202px!important}
  .uxb-logo{width:58px!important;flex-basis:58px!important}
  .uxb-logo img{width:55px!important;height:60px!important}
  .uxb-brand-copy strong{font-size:11.5px!important}
  .uxb-brand-copy small{font-size:6.5px!important}
  .uxb-menu a{font-size:9.6px!important;padding:0 3px!important}
  .uxb-menu a:nth-child(1){width:48px}.uxb-menu a:nth-child(2){width:61px}.uxb-menu a:nth-child(3){width:87px}.uxb-menu a:nth-child(4){width:99px}.uxb-menu a:nth-child(5){width:83px}.uxb-menu a:nth-child(6){width:82px}.uxb-menu a:nth-child(7){width:58px}.uxb-menu a:nth-child(8){width:74px}.uxb-menu a:nth-child(9){width:42px}.uxb-menu a:nth-child(10){width:58px}
  .uxb-cta{flex-basis:128px!important;width:128px!important;font-size:9.5px!important}
}

@media(max-width:1000px){
  .uxb-top-title{font-size:7.5px!important;letter-spacing:.11em!important}
  .uxb-regions{gap:11px!important}.uxb-regions a{font-size:8.5px!important}
  .uxb-nav{height:74px!important;min-height:74px!important}
  .uxb-brand{height:74px!important;flex:1 1 auto!important;min-width:0!important}
  .uxb-menu{position:absolute!important;left:14px!important;right:14px!important;top:104px!important;height:auto!important;display:none!important;padding:7px!important;background:#fff!important;border:1px solid #dce7e1!important;border-radius:0 0 12px 12px!important;box-shadow:0 18px 38px rgba(3,56,45,.15)!important;flex-direction:column!important;align-items:stretch!important}
  .uxb-menu.open{display:flex!important}
  .uxb-menu a,.uxb-menu a:nth-child(n){width:100%!important;height:auto!important;min-height:44px!important;padding:10px 13px!important;justify-content:flex-start!important;text-align:left!important;font-size:12px!important}
  .uxb-menu a:after{left:0!important;right:auto!important;bottom:0!important;width:3px!important;height:100%!important;transform:scaleY(0)!important;border-radius:0!important}
  .uxb-menu a:hover:after,.uxb-menu a.active:after{transform:scaleY(1)!important}
  .desktop-break{display:none!important}
  .uxb-cta{display:none!important}
  .uxb-toggle{display:block!important;margin-left:auto!important}
}

@media(max-width:620px){
  .uxb-top-title{font-size:6.5px!important;letter-spacing:.07em!important}
  .uxb-regions{display:none!important}
  .uxb-nav{height:68px!important;min-height:68px!important}
  .uxb-logo{width:50px!important;height:50px!important;flex-basis:50px!important}
  .uxb-logo img{width:48px!important;height:53px!important}
  .uxb-brand-copy strong{font-size:10.5px!important;letter-spacing:.05em!important}
  .uxb-brand-copy small{font-size:5.7px!important;letter-spacing:.07em!important}
  .uxb-menu{top:98px!important}
}

/* =========================================================
   FINAL USER REQUEST - HEADER / FOOTER
   Logo only, one-line desktop menu, visible world map.
   ========================================================= */

/* ---------- HEADER ---------- */
.uxb-header{
    position:sticky!important;
    top:0!important;
    z-index:99999!important;
    width:100%!important;
    background:#fff!important;
    border:0!important;
    box-shadow:0 7px 25px rgba(3,56,45,.08)!important;
}
.uxb-topbar{
    height:30px!important;
    background:linear-gradient(90deg,#06382d 0%,#075945 100%)!important;
}
.uxb-topbar-inner{
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
}
.uxb-top-title{
    margin:0!important;
    font-size:8px!important;
    font-weight:700!important;
    letter-spacing:.13em!important;
    line-height:1!important;
    white-space:nowrap!important;
    color:#dcebe5!important;
}
.uxb-regions{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    white-space:nowrap!important;
}
.uxb-regions a{
    color:#dcebe5!important;
    font-size:8.5px!important;
    font-weight:650!important;
    text-decoration:none!important;
}

/* Main bar: logo + one-line menu + button */
.uxb-nav-wrap{
    background:#fff!important;
}
.uxb-nav{
    min-height:88px!important;
    height:88px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
}
.uxb-brand{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    height:88px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-decoration:none!important;
}
.uxb-logo{
    width:76px!important;
    height:76px!important;
    flex:0 0 76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    padding:0!important;
}
.uxb-logo img{
    display:block!important;
    visibility:visible!important;
    width:76px!important;
    height:76px!important;
    max-width:none!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    outline:none!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
}

/* Completely remove any old brand text if CSS/HTML from an older version is cached */
.uxb-brand-copy{
    display:none!important;
}

/* Navigation stays on one line on desktop */
.uxb-menu{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:88px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    overflow:visible!important;
}
.uxb-menu a,
.uxb-menu a:nth-child(n){
    width:auto!important;
    height:88px!important;
    min-width:0!important;
    flex:0 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 7px!important;
    color:#4e635b!important;
    font-size:10.5px!important;
    font-weight:750!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.uxb-menu a:after{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    bottom:0!important;
    width:auto!important;
    height:3px!important;
    border-radius:3px 3px 0 0!important;
    background:#d8ad35!important;
    transform:scaleX(0)!important;
    transition:transform .2s ease!important;
}
.uxb-menu a:hover,
.uxb-menu a.active{
    color:#06382d!important;
}
.uxb-menu a:hover:after,
.uxb-menu a.active:after{
    transform:scaleX(1)!important;
}
.desktop-break{
    display:none!important;
}

/* CTA always separated */
.uxb-cta{
    flex:0 0 148px!important;
    width:148px!important;
    min-width:148px!important;
    height:54px!important;
    min-height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:7px 8px!important;
    margin:0!important;
    background:linear-gradient(135deg,#e3b73f,#d5a52b)!important;
    color:#17271f!important;
    border-radius:8px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 8px 18px rgba(216,173,47,.20)!important;
    overflow:hidden!important;
}
.uxb-cta span{
    display:block!important;
    white-space:nowrap!important;
    margin:0!important;
    padding:0!important;
}
.uxb-cta b{
    font-size:13px!important;
    margin-left:2px!important;
}
.uxb-cta:hover{
    color:#17271f!important;
    transform:translateY(-2px)!important;
}

/* ---------- FOOTER WORLD MAP ---------- */
.uxb-footer{
    position:relative!important;
    overflow:hidden!important;
    margin:0!important;
    padding:66px 0 20px!important;
    color:#fff!important;
    background:
        linear-gradient(135deg,#021f19 0%,#063d30 48%,#052b24 100%)!important;
    border-top:4px solid #7bc52b!important;
}
.uxb-footer-map{
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:20%!important;
    width:auto!important;
    height:100%!important;
    background-image:url('../images/world-map.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center right!important;
    background-size:contain!important;
    opacity:.34!important;
    pointer-events:none!important;
}
.uxb-footer-map:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(
        90deg,
        #021f19 0%,
        rgba(2,31,25,.88) 18%,
        rgba(2,31,25,.36) 50%,
        rgba(2,31,25,.05) 100%
    )!important;
}
.uxb-footer-glow{
    z-index:1!important;
}
.uxb-footer-inner{
    position:relative!important;
    z-index:5!important;
}

/* Footer logo remains border-free */
.uxb-footer-logo{
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.uxb-footer-logo img{
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1250px){
    .uxb-nav{gap:9px!important}
    .uxb-brand{flex-basis:76px!important;width:76px!important;min-width:76px!important}
    .uxb-logo,.uxb-logo img{width:70px!important;height:70px!important;flex-basis:70px!important}
    .uxb-menu a{padding:0 5px!important;font-size:9.7px!important}
    .uxb-cta{flex-basis:136px!important;width:136px!important;min-width:136px!important;font-size:10px!important}
}
@media(max-width:1080px){
    .uxb-nav{gap:7px!important}
    .uxb-brand{flex-basis:68px!important;width:68px!important;min-width:68px!important}
    .uxb-logo,.uxb-logo img{width:64px!important;height:64px!important;flex-basis:64px!important}
    .uxb-menu a{padding:0 4px!important;font-size:9px!important}
    .uxb-cta{display:none!important}
    .uxb-toggle{
        display:block!important;
        flex:0 0 42px!important;
        width:42px!important;
        height:42px!important;
        border:0!important;
        border-radius:7px!important;
        background:#06382d!important;
        color:#fff!important;
        font-size:22px!important;
        line-height:1!important;
        cursor:pointer!important;
    }
}
@media(max-width:900px){
    .uxb-top-title{font-size:7px!important;letter-spacing:.09em!important}
    .uxb-regions{display:none!important}
    .uxb-nav{height:74px!important;min-height:74px!important}
    .uxb-brand{height:74px!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important}
    .uxb-logo,.uxb-logo img{width:64px!important;height:64px!important;flex-basis:64px!important}
    .uxb-menu{
        position:absolute!important;
        top:104px!important;
        left:14px!important;
        right:14px!important;
        width:auto!important;
        height:auto!important;
        display:none!important;
        flex-direction:column!important;
        align-items:stretch!important;
        padding:7px!important;
        background:#fff!important;
        border:1px solid #dce7e1!important;
        border-radius:0 0 12px 12px!important;
        box-shadow:0 18px 38px rgba(3,56,45,.15)!important;
    }
    .uxb-menu.open{display:flex!important}
    .uxb-menu a,.uxb-menu a:nth-child(n){
        width:100%!important;
        height:auto!important;
        min-height:44px!important;
        padding:10px 13px!important;
        justify-content:flex-start!important;
        text-align:left!important;
        font-size:12px!important;
        white-space:normal!important;
    }
    .uxb-menu a:after{
        left:0!important;
        right:auto!important;
        top:0!important;
        bottom:auto!important;
        width:3px!important;
        height:100%!important;
        transform:scaleY(0)!important;
        border-radius:0!important;
    }
    .uxb-menu a:hover:after,
    .uxb-menu a.active:after{
        transform:scaleY(1)!important;
    }
}
@media(max-width:600px){
    .uxb-top-title{font-size:6.2px!important;letter-spacing:.06em!important}
    .uxb-nav{height:68px!important;min-height:68px!important}
    .uxb-brand{height:68px!important;flex-basis:58px!important;width:58px!important;min-width:58px!important}
    .uxb-logo,.uxb-logo img{width:54px!important;height:54px!important;flex-basis:54px!important}
    .uxb-menu{top:98px!important}
    .uxb-footer{padding:52px 0 18px!important}
    .uxb-footer-map{
        left:0!important;
        width:100%!important;
        background-position:center center!important;
        background-size:cover!important;
        opacity:.2!important;
    }
}

/* =========================================================
   FINAL CLEAN MAIN NAV + DROPDOWN
   Main menu: Home | What We Do ▾ | Opportunities | About Us | Blog | Contact Us
   Related service pages are grouped under What We Do.
   ========================================================= */
.uxb-nav-wrap{background:#fff!important}
.uxb-nav{min-height:88px!important;height:88px!important;display:flex!important;align-items:center!important;gap:18px!important}
.uxb-brand{flex:0 0 94px!important;min-width:94px!important;height:88px!important;display:flex!important;align-items:center!important;text-decoration:none!important}
.uxb-logo{width:82px!important;height:82px!important;border:0!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.uxb-logo img{width:82px!important;height:82px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}

.uxb-menu{height:88px!important;flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;overflow:visible!important}
.uxb-menu a,
.uxb-dropdown-toggle{font-family:inherit!important}
.uxb-main-link,
.uxb-dropdown-toggle{
  position:relative!important;
  min-height:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border:0!important;
  background:transparent!important;
  color:#4f635b!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.uxb-main-link:after,
.uxb-dropdown-toggle:after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:#d8ad35!important;
  transform:scaleX(0)!important;
  transition:transform .2s ease!important;
}
.uxb-main-link:hover,
.uxb-main-link.active,
.uxb-dropdown-toggle:hover,
.uxb-dropdown.active-parent .uxb-dropdown-toggle{color:#063b2f!important}
.uxb-main-link:hover:after,
.uxb-main-link.active:after,
.uxb-dropdown-toggle:hover:after,
.uxb-dropdown.active-parent .uxb-dropdown-toggle:after{transform:scaleX(1)!important}

.uxb-dropdown{position:relative!important;display:flex!important;align-items:stretch!important}
.uxb-dropdown-toggle{gap:6px!important}
.uxb-dropdown-toggle i{font-style:normal!important;font-size:14px!important;line-height:1!important;color:#13775a!important;transform:translateY(-1px)!important;transition:transform .2s ease!important}
.uxb-dropdown:hover .uxb-dropdown-toggle i,
.uxb-dropdown.open .uxb-dropdown-toggle i{transform:rotate(180deg)!important}
.uxb-dropdown-menu{
  position:absolute!important;
  left:50%!important;
  top:calc(100% - 5px)!important;
  width:280px!important;
  padding:8px!important;
  transform:translateX(-50%) translateY(8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:#fff!important;
  border:1px solid #dce7e1!important;
  border-radius:10px!important;
  box-shadow:0 20px 40px rgba(3,56,45,.16)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.uxb-dropdown-menu:before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;
  left:50%!important;
  width:11px!important;
  height:11px!important;
  background:#fff!important;
  border-left:1px solid #dce7e1!important;
  border-top:1px solid #dce7e1!important;
  transform:translateX(-50%) rotate(45deg)!important;
}
.uxb-dropdown:hover .uxb-dropdown-menu,
.uxb-dropdown.open .uxb-dropdown-menu,
.uxb-dropdown:focus-within .uxb-dropdown-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.uxb-dropdown-menu a{
  display:flex!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:10px 13px!important;
  border-radius:7px!important;
  color:#53675f!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.uxb-dropdown-menu a:after{display:none!important}
.uxb-dropdown-menu a:hover,
.uxb-dropdown-menu a.active{background:#f1f6f2!important;color:#063b2f!important;transform:translateX(3px)!important}

.uxb-cta{flex:0 0 154px!important;width:154px!important;min-width:154px!important;height:54px!important;min-height:54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:8px 10px!important;margin:0!important;border-radius:8px!important;background:linear-gradient(135deg,#e3b83f,#d4a62c)!important;color:#17271f!important;font-size:11px!important;line-height:1.15!important;font-weight:900!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(216,173,47,.2)!important}
.uxb-cta span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.uxb-cta b{font-size:13px!important;margin-left:2px!important}

/* Hide old multi-item width rules from earlier header versions by overriding them */
.uxb-menu a:nth-child(n){width:auto!important}
.desktop-break{display:none!important}

@media(max-width:1150px){
  .uxb-nav{gap:11px!important}
  .uxb-brand{flex-basis:82px!important;min-width:82px!important}
  .uxb-logo,.uxb-logo img{width:70px!important;height:70px!important}
  .uxb-menu{gap:1px!important}
  .uxb-main-link,.uxb-dropdown-toggle{padding:0 8px!important;font-size:10.5px!important}
  .uxb-cta{flex-basis:136px!important;width:136px!important;min-width:136px!important;font-size:10px!important}
}

@media(max-width:980px){
  .uxb-nav{height:76px!important;min-height:76px!important}
  .uxb-brand{height:76px!important;flex-basis:72px!important;min-width:72px!important}
  .uxb-logo,.uxb-logo img{width:64px!important;height:64px!important}
  .uxb-cta{display:none!important}
  .uxb-toggle{display:block!important;margin-left:auto!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:0!important;border-radius:7px!important;background:#06382d!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}
  .uxb-menu{position:absolute!important;top:103px!important;left:14px!important;right:14px!important;width:auto!important;height:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:8px!important;background:#fff!important;border:1px solid #dce7e1!important;border-radius:0 0 12px 12px!important;box-shadow:0 18px 38px rgba(3,56,45,.16)!important;overflow:visible!important}
  .uxb-menu.open{display:flex!important}
  .uxb-main-link,.uxb-dropdown-toggle{width:100%!important;min-height:46px!important;height:46px!important;justify-content:flex-start!important;padding:10px 13px!important;font-size:12px!important;text-align:left!important}
  .uxb-main-link:after,.uxb-dropdown-toggle:after{left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:3px!important;height:100%!important;transform:scaleY(0)!important;border-radius:0!important}
  .uxb-main-link:hover:after,.uxb-main-link.active:after,.uxb-dropdown-toggle:hover:after,.uxb-dropdown.active-parent .uxb-dropdown-toggle:after{transform:scaleY(1)!important}
  .uxb-dropdown{display:flex!important;flex-direction:column!important}
  .uxb-dropdown-toggle{position:relative!important;justify-content:space-between!important}
  .uxb-dropdown-toggle i{margin-left:auto!important}
  .uxb-dropdown-menu,
  .uxb-dropdown:hover .uxb-dropdown-menu,
  .uxb-dropdown:focus-within .uxb-dropdown-menu{
    position:static!important;
    width:100%!important;
    padding:0 0 4px 10px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu{display:block!important}
  .uxb-dropdown-menu:before{display:none!important}
  .uxb-dropdown-menu a{min-height:42px!important;padding:10px 12px!important;border-left:1px solid #dce7e1!important;border-radius:0!important;font-size:11px!important}
}

@media(max-width:600px){
  .uxb-top-title{font-size:6.5px!important;letter-spacing:.06em!important}
  .uxb-regions{display:none!important}
  .uxb-nav{height:68px!important;min-height:68px!important}
  .uxb-brand{height:68px!important;flex-basis:60px!important;min-width:60px!important}
  .uxb-logo,.uxb-logo img{width:54px!important;height:54px!important}
  .uxb-menu{top:95px!important}
}

/* =========================================================
   FINAL HEADER REFINEMENT
   Larger logo • clean dropdown • balanced CTA • icon polish
   ========================================================= */
.uxb-nav{
  min-height:98px!important;
  gap:22px!important;
}

/* Logo only - no border / ring / frame */
.uxb-brand{
  flex:0 0 112px!important;
  min-width:112px!important;
  width:112px!important;
  height:98px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
}
.uxb-logo{
  width:94px!important;
  height:94px!important;
  flex:0 0 94px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.uxb-logo img{
  width:94px!important;
  height:94px!important;
  max-width:none!important;
  object-fit:contain!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}

/* Menu stays one line on desktop */
.uxb-menu{
  height:98px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:2px!important;
  overflow:visible!important;
}
.uxb-menu .uxb-main-link,
.uxb-menu .uxb-dropdown-toggle{
  min-height:98px!important;
  height:98px!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  color:#496059!important;
  border:0!important;
  background:transparent!important;
  font-family:inherit!important;
}
.uxb-menu .uxb-main-link:after,
.uxb-menu .uxb-dropdown-toggle:after{
  height:3px!important;
  left:10px!important;
  right:10px!important;
  bottom:0!important;
  background:#d8ad32!important;
  border-radius:3px 3px 0 0!important;
}
.uxb-menu .uxb-main-link:hover,
.uxb-menu .uxb-main-link.active,
.uxb-dropdown.active-parent .uxb-dropdown-toggle,
.uxb-dropdown-toggle:hover{
  color:#063b2f!important;
}

/* Dropdown trigger and arrow */
.uxb-dropdown{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
}
.uxb-dropdown-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  cursor:pointer!important;
  outline:none!important;
}
.uxb-dropdown-toggle span{display:inline-block!important}
.uxb-dropdown-toggle i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#0a7358!important;
  transform:rotate(0deg)!important;
  transition:transform .2s ease!important;
}
.uxb-dropdown.open .uxb-dropdown-toggle i,
.uxb-dropdown:hover .uxb-dropdown-toggle i{
  transform:rotate(180deg)!important;
}

/* Desktop dropdown panel */
.uxb-dropdown-menu{
  position:absolute!important;
  top:calc(100% - 1px)!important;
  left:50%!important;
  transform:translateX(-50%) translateY(8px)!important;
  width:285px!important;
  display:none!important;
  padding:9px!important;
  background:#fff!important;
  border:1px solid #d7e3dd!important;
  border-radius:10px!important;
  box-shadow:0 18px 40px rgba(3,56,45,.16)!important;
  z-index:10000!important;
}
.uxb-dropdown-menu:before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;
  left:50%!important;
  width:10px!important;
  height:10px!important;
  background:#fff!important;
  border-left:1px solid #d7e3dd!important;
  border-top:1px solid #d7e3dd!important;
  transform:translateX(-50%) rotate(45deg)!important;
}
.uxb-dropdown:hover .uxb-dropdown-menu,
.uxb-dropdown.open .uxb-dropdown-menu,
.uxb-dropdown:focus-within .uxb-dropdown-menu{
  display:block!important;
  transform:translateX(-50%) translateY(0)!important;
}
.uxb-dropdown-menu a{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  width:100%!important;
  padding:10px 13px!important;
  margin:0!important;
  color:#536760!important;
  background:#fff!important;
  border-radius:6px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.uxb-dropdown-menu a:after{display:none!important}
.uxb-dropdown-menu a:hover,
.uxb-dropdown-menu a.active{
  background:#f0f6f2!important;
  color:#063b2f!important;
  transform:translateX(3px)!important;
}

/* CTA */
.uxb-cta{
  flex:0 0 164px!important;
  width:164px!important;
  min-width:164px!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#e5ba43,#d4a52c)!important;
  color:#16271f!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(216,173,47,.22)!important;
}
.uxb-cta span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.uxb-cta b{font-size:14px!important;margin-left:3px!important}
.uxb-cta:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(216,173,47,.29)!important}

/* Mobile */
.uxb-toggle{
  display:none!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:7px!important;
  background:#063b2f!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  cursor:pointer!important;
}

@media(max-width:1250px){
  .uxb-nav{gap:14px!important}
  .uxb-brand{flex-basis:94px!important;min-width:94px!important;width:94px!important}
  .uxb-logo,.uxb-logo img{width:82px!important;height:82px!important;flex-basis:82px!important}
  .uxb-menu{gap:0!important}
  .uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle{padding:0 8px!important;font-size:10.8px!important}
  .uxb-cta{flex-basis:150px!important;width:150px!important;min-width:150px!important}
}

@media(max-width:1060px){
  .uxb-top-title{font-size:8px!important}
  .uxb-top-links,.uxb-regions{gap:10px!important}
  .uxb-brand{flex-basis:82px!important;min-width:82px!important;width:82px!important}
  .uxb-logo,.uxb-logo img{width:74px!important;height:74px!important;flex-basis:74px!important}
  .uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle{padding:0 6px!important;font-size:10px!important}
  .uxb-cta{flex-basis:142px!important;width:142px!important;min-width:142px!important;font-size:10px!important}
}

@media(max-width:980px){
  .uxb-nav{min-height:78px!important}
  .uxb-brand{flex:0 0 82px!important;min-width:82px!important;width:82px!important;height:78px!important}
  .uxb-logo,.uxb-logo img{width:72px!important;height:72px!important;flex-basis:72px!important}
  .uxb-menu{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:106px!important;
    width:auto!important;
    height:auto!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:8px!important;
    background:#fff!important;
    border:1px solid #d7e3dd!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:0 18px 38px rgba(3,56,45,.16)!important;
    overflow:visible!important;
  }
  .uxb-menu.open{display:flex!important}
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle{
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    justify-content:flex-start!important;
    padding:10px 13px!important;
    font-size:12px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .uxb-menu .uxb-main-link:after,
  .uxb-menu .uxb-dropdown-toggle:after{
    left:0!important;right:auto!important;top:0!important;bottom:auto!important;
    width:3px!important;height:100%!important;transform:scaleY(0)!important;border-radius:0!important;
  }
  .uxb-menu .uxb-main-link:hover:after,
  .uxb-menu .uxb-main-link.active:after,
  .uxb-dropdown.active-parent .uxb-dropdown-toggle:after{
    transform:scaleY(1)!important;
  }
  .uxb-dropdown{display:flex!important;flex-direction:column!important}
  .uxb-dropdown-toggle{justify-content:space-between!important}
  .uxb-dropdown-toggle i{margin-left:auto!important}
  .uxb-dropdown-menu,
  .uxb-dropdown:hover .uxb-dropdown-menu,
  .uxb-dropdown:focus-within .uxb-dropdown-menu{
    position:static!important;
    transform:none!important;
    width:100%!important;
    display:none!important;
    padding:4px 0 4px 12px!important;
    border:0!important;
    border-left:1px solid #d7e3dd!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu{display:block!important}
  .uxb-dropdown-menu:before{display:none!important}
  .uxb-dropdown-menu a{min-height:40px!important;font-size:11px!important;padding:9px 12px!important}
  .uxb-cta{display:none!important}
  .uxb-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;flex:0 0 44px!important}
}

@media(max-width:640px){
  .uxb-top-title{font-size:7px!important;letter-spacing:.06em!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .uxb-regions{display:none!important}
  .uxb-nav{min-height:70px!important}
  .uxb-brand{flex-basis:68px!important;min-width:68px!important;width:68px!important;height:70px!important}
  .uxb-logo,.uxb-logo img{width:64px!important;height:64px!important;flex-basis:64px!important}
  .uxb-menu{top:98px!important}
}

/* =========================================================
   UNITED X BORDERS — POLISHED HEADER + FOOTER LAYOUT
   Final visual layer: keeps existing page/content styles intact.
   ========================================================= */
:root{
  --uxb-green-deep:#06382d;
  --uxb-green:#0a624b;
  --uxb-green-soft:#eaf4ef;
  --uxb-lime:#78c52b;
  --uxb-gold:#d9ad32;
}

html{scroll-padding-top:118px}
body{min-height:100vh;overflow-x:hidden}

/* ---------- HEADER ---------- */
.uxb-header{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  background:#fff!important;
  border:0!important;
  box-shadow:0 8px 30px rgba(3,56,45,.10)!important;
}
.uxb-topbar{
  height:32px!important;
  background:linear-gradient(90deg,#052f26 0%,#064d3c 58%,#0a624b 100%)!important;
  color:#dcebe5!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.uxb-topbar-inner{
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
.uxb-top-title,
.uxb-topbar-inner>span{
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.uxb-regions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.uxb-regions a{
  color:#e7f1ed!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:.04em!important;
  padding:4px 9px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.05)!important;
  transition:all .2s ease!important;
}
.uxb-regions a:hover{
  color:#fff!important;
  background:rgba(120,197,43,.14)!important;
  border-color:rgba(120,197,43,.45)!important;
  transform:translateY(-1px)!important;
}

.uxb-nav-wrap{background:#fff!important}
.uxb-nav{
  min-height:92px!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.uxb-brand{
  flex:0 0 98px!important;
  min-width:98px!important;
  width:98px!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
}
.uxb-logo{
  width:88px!important;
  height:88px!important;
  flex:0 0 88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.uxb-logo img{
  display:block!important;
  width:86px!important;
  height:86px!important;
  max-width:none!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.uxb-menu{
  height:92px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:visible!important;
}
.uxb-main-link,
.uxb-dropdown-toggle{
  position:relative!important;
  min-height:92px!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  color:#53665f!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:color .2s ease,background .2s ease!important;
}
.uxb-main-link:after,
.uxb-dropdown-toggle:after{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:linear-gradient(90deg,#0a624b,#78c52b,#d9ad32)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .2s ease!important;
}
.uxb-main-link:hover,
.uxb-main-link.active,
.uxb-dropdown-toggle:hover,
.uxb-dropdown.active-parent .uxb-dropdown-toggle{
  color:#06382d!important;
}
.uxb-main-link:hover:after,
.uxb-main-link.active:after,
.uxb-dropdown-toggle:hover:after,
.uxb-dropdown.active-parent .uxb-dropdown-toggle:after{
  transform:scaleX(1)!important;
}
.uxb-dropdown-toggle i{
  font-style:normal!important;
  font-size:14px!important;
  color:#0a624b!important;
  margin-left:6px!important;
  transform:translateY(-1px)!important;
  transition:transform .2s ease!important;
}
.uxb-dropdown:hover .uxb-dropdown-toggle i,
.uxb-dropdown.open .uxb-dropdown-toggle i{transform:rotate(180deg)!important}

/* Desktop dropdown */
.uxb-dropdown-menu{
  position:absolute!important;
  left:50%!important;
  top:calc(100% - 2px)!important;
  width:292px!important;
  padding:9px!important;
  transform:translateX(-50%) translateY(8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #dce8e2!important;
  border-radius:13px!important;
  box-shadow:0 24px 55px rgba(3,56,45,.17)!important;
  backdrop-filter:blur(12px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.uxb-dropdown-menu:before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;
  left:50%!important;
  width:11px!important;
  height:11px!important;
  background:#fff!important;
  border-left:1px solid #dce8e2!important;
  border-top:1px solid #dce8e2!important;
  transform:translateX(-50%) rotate(45deg)!important;
}
.uxb-dropdown:hover .uxb-dropdown-menu,
.uxb-dropdown.open .uxb-dropdown-menu,
.uxb-dropdown:focus-within .uxb-dropdown-menu{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.uxb-dropdown-menu a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 13px 10px 16px!important;
  color:#52675f!important;
  background:transparent!important;
  border-radius:8px!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.uxb-dropdown-menu a:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  margin-right:9px!important;
  border-radius:50%!important;
  background:#78c52b!important;
  opacity:.65!important;
}
.uxb-dropdown-menu a:after{display:none!important}
.uxb-dropdown-menu a:hover,
.uxb-dropdown-menu a.active{
  color:#06382d!important;
  background:#edf6f1!important;
  transform:translateX(2px)!important;
}
.uxb-dropdown-menu a:hover:before,
.uxb-dropdown-menu a.active:before{opacity:1!important;background:#d9ad32!important}

/* CTA */
.uxb-cta{
  flex:0 0 174px!important;
  width:174px!important;
  min-width:174px!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border:1px solid rgba(120,197,43,.20)!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#e5bb49 0%,#d5a62d 100%)!important;
  color:#17271f!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 11px 25px rgba(216,173,47,.24)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.uxb-cta span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.uxb-cta b{font-size:14px!important;margin-left:3px!important}
.uxb-cta:hover{
  color:#17271f!important;
  transform:translateY(-2px)!important;
  box-shadow:0 15px 30px rgba(216,173,47,.30)!important;
}

/* Mobile trigger */
.uxb-toggle{
  display:none!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border:0!important;
  border-radius:9px!important;
  background:#06382d!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(3,56,45,.14)!important;
}

/* ---------- FOOTER ---------- */
.uxb-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin:0!important;
  padding:72px 0 22px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(120,197,43,.12),transparent 28%),
    linear-gradient(135deg,#021d18 0%,#063d30 52%,#052a23 100%)!important;
  border-top:4px solid #78c52b!important;
}
.uxb-footer:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(2,29,24,.97) 0%,rgba(2,29,24,.84) 27%,rgba(2,29,24,.46) 63%,rgba(2,29,24,.24) 100%)!important;
  pointer-events:none!important;
}
.uxb-footer-map{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('../images/world-map-footer.png')!important;
  background-repeat:no-repeat!important;
  background-position:center 55%!important;
  background-size:min(1180px,96vw) auto!important;
  opacity:.42!important;
  pointer-events:none!important;
  filter:none!important;
}
.uxb-footer-map:after{display:none!important}
.uxb-footer-glow{
  position:absolute!important;
  z-index:1!important;
  right:-150px!important;
  top:-260px!important;
  width:680px!important;
  height:680px!important;
  border-radius:50%!important;
  border:1px solid rgba(120,197,43,.16)!important;
  box-shadow:0 0 0 34px rgba(120,197,43,.025),0 0 0 95px rgba(120,197,43,.018)!important;
  pointer-events:none!important;
}
.uxb-footer-inner{position:relative!important;z-index:5!important}
.uxb-footer-grid{
  display:grid!important;
  grid-template-columns:1.55fr .9fr .9fr 1.1fr!important;
  gap:52px!important;
  padding-bottom:46px!important;
}
.uxb-footer-brand-row{display:flex!important;align-items:center!important;gap:15px!important}
.uxb-footer-logo{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.uxb-footer-logo img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.uxb-footer-brand-row strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.uxb-footer-brand-row small{
  display:block!important;
  margin-top:7px!important;
  color:#86b9a7!important;
  font-size:7px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  font-weight:800!important;
}
.uxb-footer-brand>p{
  max-width:455px!important;
  margin:18px 0 0!important;
  color:#b0cdc3!important;
  font-size:10px!important;
  line-height:1.75!important;
  letter-spacing:.07em!important;
}
.uxb-footer-col h4{
  margin:2px 0 19px!important;
  color:#e3f0eb!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
.uxb-footer-col a{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 11px!important;
  color:#a8c6bb!important;
  font-size:10px!important;
  line-height:1.35!important;
  transition:color .2s ease,transform .2s ease!important;
}
.uxb-footer-col a:not(.uxb-footer-btn):before{
  content:""!important;
  width:4px!important;
  height:4px!important;
  flex:0 0 4px!important;
  margin-right:8px!important;
  border-radius:50%!important;
  background:#78c52b!important;
  opacity:.55!important;
}
.uxb-footer-col a:hover{color:#fff!important;transform:translateX(3px)!important}
.uxb-footer-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:43px!important;
  padding:11px 14px!important;
  margin:0 0 16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#e2b63f,#d4a52a)!important;
  color:#16271f!important;
  font-size:10px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
}
.uxb-footer-btn:before{display:none!important}
.uxb-footer-btn span{margin-left:7px!important;font-size:14px!important}
.uxb-footer-bottom{
  position:relative!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  padding-top:17px!important;
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#7fa79a!important;
  font-size:8px!important;
  line-height:1.4!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.uxb-footer-bottom span:last-child{color:#a9c5bc!important;letter-spacing:0!important}

/* ---------- RESPONSIVE HEADER / FOOTER ---------- */
@media(max-width:1180px){
  .uxb-nav{gap:11px!important}
  .uxb-brand{flex-basis:86px!important;min-width:86px!important;width:86px!important}
  .uxb-logo,.uxb-logo img{width:78px!important;height:78px!important;flex-basis:78px!important}
  .uxb-menu{gap:0!important}
  .uxb-main-link,.uxb-dropdown-toggle{padding:0 8px!important;font-size:11px!important}
  .uxb-cta{flex-basis:156px!important;width:156px!important;min-width:156px!important}
  .uxb-footer-grid{gap:34px!important}
}
@media(max-width:1020px){
  .uxb-nav{height:82px!important;min-height:82px!important}
  .uxb-brand{height:82px!important;flex:0 0 78px!important;min-width:78px!important;width:78px!important}
  .uxb-logo,.uxb-logo img{width:72px!important;height:72px!important;flex-basis:72px!important}
  .uxb-cta{display:none!important}
  .uxb-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}
  .uxb-menu{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:114px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:8px!important;
    background:rgba(255,255,255,.99)!important;
    border:1px solid #d9e6df!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 22px 48px rgba(3,56,45,.18)!important;
    backdrop-filter:blur(12px)!important;
    overflow:visible!important;
  }
  .uxb-menu.open{display:flex!important}
  .uxb-main-link,.uxb-dropdown-toggle{
    width:100%!important;
    min-height:45px!important;
    height:45px!important;
    justify-content:flex-start!important;
    padding:10px 13px!important;
    font-size:12px!important;
    text-align:left!important;
    white-space:normal!important;
    border-radius:8px!important;
  }
  .uxb-main-link:after,.uxb-dropdown-toggle:after{
    left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:3px!important;height:100%!important;transform:scaleY(0)!important;
    border-radius:0!important;
  }
  .uxb-main-link:hover:after,.uxb-main-link.active:after,
  .uxb-dropdown.active-parent .uxb-dropdown-toggle:after{transform:scaleY(1)!important}
  .uxb-dropdown{display:flex!important;flex-direction:column!important}
  .uxb-dropdown-toggle{justify-content:space-between!important}
  .uxb-dropdown-toggle i{margin-left:auto!important}
  .uxb-dropdown-menu,
  .uxb-dropdown:hover .uxb-dropdown-menu,
  .uxb-dropdown:focus-within .uxb-dropdown-menu{
    position:static!important;
    width:100%!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    padding:4px 0 4px 12px!important;
    border:0!important;
    border-left:1px solid #d9e6df!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu{display:block!important}
  .uxb-dropdown-menu:before{display:none!important}
  .uxb-dropdown-menu a{min-height:40px!important;font-size:11px!important;padding:9px 12px!important}
  .uxb-footer-grid{grid-template-columns:1.35fr 1fr 1fr!important}
  .uxb-footer-grid .uxb-footer-col:last-child{grid-column:2/4}
}
@media(max-width:700px){
  .uxb-topbar{height:29px!important}
  .uxb-topbar-inner{height:29px!important}
  .uxb-top-title,.uxb-topbar-inner>span{font-size:6.7px!important;letter-spacing:.07em!important}
  .uxb-regions{display:none!important}
  .uxb-nav{height:72px!important;min-height:72px!important}
  .uxb-brand{height:72px!important;flex-basis:66px!important;min-width:66px!important;width:66px!important}
  .uxb-logo,.uxb-logo img{width:62px!important;height:62px!important;flex-basis:62px!important}
  .uxb-menu{top:101px!important}
  .uxb-footer{padding:56px 0 18px!important}
  .uxb-footer-map{background-size:900px auto!important;background-position:center 52%!important;opacity:.28!important}
  .uxb-footer-grid{grid-template-columns:1fr!important;gap:30px!important;padding-bottom:32px!important}
  .uxb-footer-grid .uxb-footer-col:last-child{grid-column:auto}
  .uxb-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
}
@media(max-width:430px){
  .uxb-brand{flex-basis:60px!important;min-width:60px!important;width:60px!important}
  .uxb-logo,.uxb-logo img{width:56px!important;height:56px!important;flex-basis:56px!important}
  .uxb-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
}


/* ==========================================================
   FINAL UXB VISUAL SYSTEM - 06 OCT 2026
   Hero image, typography and header polish
========================================================== */

:root{
  --uxb-font: "Inter", "Segoe UI", Arial, sans-serif;
}

html, body{
  font-family:var(--uxb-font)!important;
  font-size:16px!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body, button, input, textarea, select{
  font-family:var(--uxb-font)!important;
}

body{
  font-size:16px!important;
  line-height:1.7!important;
}

/* ---------- HEADER ---------- */
.uxb-header{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  background:#fff!important;
  box-shadow:0 8px 30px rgba(3,56,45,.10)!important;
}
.uxb-topbar{
  height:34px!important;
  background:linear-gradient(90deg,#052f26 0%,#064d3c 60%,#0a624b 100%)!important;
}
.uxb-topbar-inner{
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.uxb-top-title{
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.uxb-regions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.uxb-regions a{
  font-size:9px!important;
  font-weight:700!important;
  padding:5px 11px!important;
  border-radius:999px!important;
}

.uxb-nav-wrap{background:#fff!important}
.uxb-nav{
  min-height:98px!important;
  height:98px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
}
.uxb-brand{
  flex:0 0 112px!important;
  min-width:112px!important;
  width:112px!important;
  height:98px!important;
  display:flex!important;
  align-items:center!important;
}
.uxb-logo{
  width:96px!important;
  height:96px!important;
  flex:0 0 96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.uxb-logo img{
  width:94px!important;
  height:94px!important;
  max-width:none!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
}
.uxb-menu{
  height:98px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:visible!important;
}
.uxb-main-link,
.uxb-dropdown-toggle{
  min-height:98px!important;
  height:98px!important;
  padding:0 13px!important;
  color:#425c53!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.uxb-dropdown-toggle i{
  font-size:16px!important;
  margin-left:7px!important;
}
.uxb-dropdown-menu a{
  font-size:13px!important;
  font-weight:600!important;
}
.uxb-cta{
  flex:0 0 180px!important;
  width:180px!important;
  min-width:180px!important;
  height:60px!important;
  min-height:60px!important;
  border-radius:9px!important;
}
.uxb-cta span{
  font-size:12px!important;
  font-weight:800!important;
}
.uxb-toggle{font-size:25px!important}

/* ---------- HERO: FULL-WIDTH IMAGE ---------- */
.hero{
  position:relative!important;
  min-height:650px!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#063b2f!important;
  isolation:isolate!important;
}
.hero::before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,
      rgba(2,48,37,.96) 0%,
      rgba(2,48,37,.88) 28%,
      rgba(2,48,37,.63) 50%,
      rgba(2,48,37,.22) 74%,
      rgba(2,48,37,.08) 100%),
    url("../images/shopping-for-clothes-stockcake.jpg") center center/cover no-repeat!important;
}
.hero::after{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(135deg,rgba(2,48,37,.12),transparent 55%,rgba(217,173,49,.08))!important;
  pointer-events:none!important;
}
.hero-copy{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:1250px!important;
  padding:105px 30px 95px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  color:#fff!important;
}
.hero .eyebrow{
  color:#eaf4ef!important;
  font-size:13px!important;
  letter-spacing:.12em!important;
  font-weight:700!important;
}
.hero .eyebrow:before{width:42px!important}
.hero h1{
  max-width:900px!important;
  margin:20px 0 24px!important;
  color:#fff!important;
  font-size:clamp(52px,6vw,82px)!important;
  font-weight:900!important;
  line-height:.98!important;
}
.hero-copy>p{
  max-width:780px!important;
  margin:0 0 32px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:17px!important;
  line-height:1.78!important;
}
.hero-actions .btn{
  min-height:54px!important;
  padding:0 27px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.hero-visual{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  min-height:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
.hero-visual:before{display:none!important}
.hero-badge{
  top:64px!important;
  right:5%!important;
  bottom:auto!important;
  width:auto!important;
  min-width:255px!important;
  max-width:300px!important;
  padding:18px 21px!important;
  background:rgba(0,62,48,.84)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-left:3px solid #d9ad31!important;
  border-radius:10px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.hero-badge strong{
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
}
.hero-badge span{
  color:rgba(255,255,255,.80)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* ---------- GLOBAL TYPOGRAPHY ---------- */
.section-kicker{
  font-size:13px!important;
  font-weight:800!important;
}
h2{
  font-size:clamp(36px,4vw,54px)!important;
  font-weight:800!important;
}
.section-head p,
.home-framework-head>p{
  font-size:17px!important;
  line-height:1.75!important;
}
.reach-card-body h3,
.framework-card h3{
  font-size:20px!important;
  line-height:1.25!important;
}
.reach-card-body p,
.framework-card p{
  font-size:15.5px!important;
  line-height:1.7!important;
}
.framework-card a{
  font-size:14px!important;
  font-weight:700!important;
}
.strip h3{font-size:25px!important}
.strip p{font-size:16px!important}

/* ---------- FOOTER TYPOGRAPHY ---------- */
.uxb-footer-brand>p{font-size:12px!important;line-height:1.75!important}
.uxb-footer-col h4{font-size:12px!important}
.uxb-footer-col a{font-size:12px!important}
.uxb-footer-btn{font-size:12px!important}
.uxb-footer-bottom{font-size:10px!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .uxb-nav{gap:10px!important}
  .uxb-brand{flex-basis:98px!important;min-width:98px!important;width:98px!important}
  .uxb-logo,.uxb-logo img{width:84px!important;height:84px!important;flex-basis:84px!important}
  .uxb-main-link,.uxb-dropdown-toggle{padding:0 9px!important;font-size:13px!important}
  .uxb-cta{flex-basis:160px!important;width:160px!important;min-width:160px!important}
}
@media(max-width:1020px){
  .uxb-nav{height:86px!important;min-height:86px!important}
  .uxb-brand{height:86px!important;flex:0 0 88px!important;min-width:88px!important;width:88px!important}
  .uxb-logo,.uxb-logo img{width:78px!important;height:78px!important;flex-basis:78px!important}
  .uxb-main-link,.uxb-dropdown-toggle{font-size:14px!important}
  .hero-copy{padding:90px 25px!important}
  .hero h1{font-size:clamp(46px,7vw,70px)!important}
  .hero-copy>p{font-size:16px!important;max-width:680px!important}
}
@media(max-width:700px){
  .uxb-topbar{height:31px!important}
  .uxb-topbar-inner{height:31px!important}
  .uxb-top-title{font-size:7px!important}
  .uxb-nav{height:76px!important;min-height:76px!important}
  .uxb-brand{height:76px!important;flex-basis:70px!important;min-width:70px!important;width:70px!important}
  .uxb-logo,.uxb-logo img{width:66px!important;height:66px!important;flex-basis:66px!important}
  .uxb-menu{top:107px!important}
  .hero{min-height:720px!important}
  .hero::before{
    background:
      linear-gradient(180deg,rgba(2,48,37,.88) 0%,rgba(2,48,37,.78) 48%,rgba(2,48,37,.58) 100%),
      url("../images/shopping-for-clothes-stockcake.jpg") 65% center/cover no-repeat!important;
  }
  .hero-copy{padding:125px 20px 60px!important}
  .hero .eyebrow{font-size:10px!important}
  .hero h1{font-size:44px!important}
  .hero-copy>p{font-size:15px!important;line-height:1.68!important}
  .hero-actions .btn{font-size:13px!important}
  .hero-badge{top:20px!important;left:20px!important;right:20px!important;min-width:0!important;max-width:none!important}
}


/* =========================================================
   FINAL INNER-PAGE TITLE STYLE — NO TITLE IMAGES
   All pages use the exact same clean title treatment.
========================================================= */
.detail-hero-standard{
  position:relative!important;
  overflow:hidden!important;
  min-height:300px!important;
  padding:72px 0 68px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(135deg,#f4f7f4 0%,#ffffff 58%,#edf4ef 100%)!important;
  border-bottom:1px solid #dfe9e3!important;
}
.detail-hero-standard:before{
  content:""!important;
  position:absolute!important;
  width:440px!important;
  height:440px!important;
  right:-150px!important;
  top:-205px!important;
  border-radius:50%!important;
  border:1px solid rgba(6,63,49,.10)!important;
  box-shadow:0 0 0 55px rgba(6,63,49,.025),0 0 0 110px rgba(6,63,49,.018)!important;
}
.detail-hero-standard:after{
  content:""!important;
  position:absolute!important;
  left:-130px!important;
  bottom:-210px!important;
  width:390px!important;
  height:390px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(217,173,49,.10) 0%,rgba(217,173,49,0) 68%)!important;
}
.detail-hero-standard .container{position:relative!important;z-index:2!important;display:block!important}
.detail-hero-content{max-width:920px!important;padding-left:28px!important;border-left:5px solid #d9ad31!important}
.detail-hero-standard .section-kicker{margin:0 0 12px!important;color:#087255!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.detail-hero-standard h1{margin:0 0 13px!important;color:#063b2f!important;font-size:clamp(42px,5.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:900!important}
.detail-hero-standard p{max-width:790px!important;margin:0!important;color:#5d6d66!important;font-size:16px!important;line-height:1.75!important}

@media(max-width:767px){
  .detail-hero-standard{min-height:250px!important;padding:52px 0 48px!important}
  .detail-hero-standard:before{width:280px!important;height:280px!important;right:-125px!important;top:-125px!important}
  .detail-hero-standard:after{width:250px!important;height:250px!important;left:-125px!important;bottom:-150px!important}
  .detail-hero-content{padding-left:17px!important;border-left-width:4px!important}
  .detail-hero-standard .section-kicker{font-size:9px!important;letter-spacing:.12em!important;margin-bottom:9px!important}
  .detail-hero-standard h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important;margin-bottom:10px!important}
  .detail-hero-standard p{font-size:14px!important;line-height:1.6!important}
}
@media(max-width:430px){
  .detail-hero-standard{min-height:225px!important;padding:43px 0 40px!important}
  .detail-hero-content{padding-left:14px!important}
  .detail-hero-standard h1{font-size:29px!important}
  .detail-hero-standard p{font-size:13px!important;line-height:1.55!important}
}


/* =========================================================
   PAGE TITLE HERO — RELATED BACKGROUND IMAGE ON EVERY PAGE
========================================================= */
.detail-hero-standard{
  position:relative!important;
  min-height:360px!important;
  height:360px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  background-color:#063b2f!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-bottom:0!important;
}
.detail-hero-standard:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(3,48,38,.88) 0%,rgba(3,48,38,.68) 38%,rgba(3,48,38,.30) 72%,rgba(3,48,38,.16) 100%)!important;
}
.detail-hero-standard:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,25,20,.38) 100%)!important;
  pointer-events:none!important;
}
.detail-hero-standard .container{
  position:relative!important;
  z-index:2!important;
  width:min(1250px,calc(100% - 50px))!important;
  display:block!important;
  margin:0 auto 34px!important;
}
.detail-hero-content{
  max-width:820px!important;
  padding:23px 30px!important;
  border-left:5px solid #d9ad31!important;
  border-radius:0 12px 12px 0!important;
  background:rgba(0,48,38,.78)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.detail-hero-standard .section-kicker{
  margin:0 0 9px!important;
  color:#e3bd55!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.detail-hero-standard h1{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,62px)!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
}
.detail-hero-standard p{
  margin:0!important;
  max-width:760px!important;
  color:rgba(255,255,255,.90)!important;
  font-size:15px!important;
  line-height:1.55!important;
}
@media(max-width:767px){
  .detail-hero-standard{
    min-height:320px!important;
    height:320px!important;
    background-position:center!important;
  }
  .detail-hero-standard:before{
    background:linear-gradient(180deg,rgba(3,48,38,.22) 0%,rgba(3,48,38,.50) 55%,rgba(3,48,38,.86) 100%)!important;
  }
  .detail-hero-standard .container{
    width:calc(100% - 24px)!important;
    margin:0 auto 14px!important;
  }
  .detail-hero-content{
    max-width:100%!important;
    padding:17px 18px!important;
    border-left-width:4px!important;
    border-radius:0 10px 10px 0!important;
  }
  .detail-hero-standard .section-kicker{font-size:8px!important;letter-spacing:.13em!important}
  .detail-hero-standard h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.04!important}
  .detail-hero-standard p{font-size:12.5px!important;line-height:1.45!important}
}
@media(max-width:430px){
  .detail-hero-standard{min-height:295px!important;height:295px!important}
  .detail-hero-standard .container{margin-bottom:11px!important}
  .detail-hero-content{padding:14px 15px!important}
  .detail-hero-standard h1{font-size:26px!important}
  .detail-hero-standard p{font-size:12px!important}
}

/* =========================================================
   UXB FINAL RESPONSIVE + PAGE TITLE IMAGE OVERRIDE
   Unique coded title images; text remains live HTML (not baked into images).
========================================================= */
.detail-hero-standard.title-about-us{background-image:url('../images/title/about-us-office-title.jpg')!important;background-position:center 56%!important}
.detail-hero-standard.title-what-we-do{background-image:url('../images/title/what-we-do-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-sourcing-distribution{background-image:url('../images/title/sourcing-distribution-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-discover{background-image:url('../images/title/discover-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-products-process{background-image:url('../images/title/products-process-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-engage-exchange{background-image:url('../images/title/engage-exchange-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-opportunities{background-image:url('../images/title/opportunities-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-blog{background-image:url('../images/title/blog-title.jpg')!important;background-position:center 52%!important}
.detail-hero-standard.title-contact{background-image:url('../images/title/contact-office-title.jpg')!important;background-position:center 56%!important}

/* Give every previously blank inner-card image a relevant image. */
.page3-1 .detail-card-image{background-image:url('../visuals/factory.svg')!important}
.page3-2 .detail-card-image{background-image:url('../visuals/production.svg')!important}
.page3-3 .detail-card-image{background-image:url('../visuals/warehouse.svg')!important}
.page3-4 .detail-card-image{background-image:url('../visuals/technology.svg')!important}
.page4-1 .detail-card-image{background-image:url('../visuals/retail.svg')!important}
.page4-2 .detail-card-image{background-image:url('../visuals/product.svg')!important}
.page4-3 .detail-card-image{background-image:url('../visuals/technology.svg')!important}
.page4-4 .detail-card-image{background-image:url('../visuals/partnership.svg')!important}
.page5-1 .detail-card-image{background-image:url('../visuals/compliance.svg')!important}
.page5-2 .detail-card-image{background-image:url('../visuals/audit.svg')!important}
.page5-3 .detail-card-image{background-image:url('../visuals/training.svg')!important}
.page5-4 .detail-card-image{background-image:url('../visuals/commitment.svg')!important}

/* Stable desktop navigation: logo -> menu -> CTA, no wrapping. */
.uxb-nav{position:relative!important;width:min(calc(100% - 32px),1320px)!important;margin:0 auto!important;gap:10px!important}
.uxb-brand{flex:0 0 88px!important;min-width:88px!important;width:88px!important;justify-content:flex-start!important}
.uxb-logo,.uxb-logo img{width:76px!important;height:76px!important;flex:0 0 76px!important}
.uxb-menu{gap:0!important;white-space:nowrap!important}
.uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle{font-size:10.5px!important;padding-left:8px!important;padding-right:8px!important;white-space:nowrap!important}
.uxb-cta{flex:0 0 132px!important;width:132px!important;min-width:132px!important;height:52px!important;min-height:52px!important;font-size:10px!important}

/* Dropdown is a true child of the nav; positioning stays correct at every width. */
.uxb-dropdown{position:relative!important}
.uxb-dropdown-menu{z-index:10001!important}

/* Prevent horizontal overflow and improve all content blocks. */
html,body{max-width:100%;overflow-x:hidden!important}
.container{width:min(calc(100% - 32px),1180px)}
.section,.home-framework{overflow:hidden}
.detail-grid,.reach-grid,.services,.framework-grid{min-width:0}
.detail-card,.reach-card,.service-card,.framework-card{min-width:0}
.detail-card-body,.service-body,.reach-card-body{overflow-wrap:anywhere}
.detail-card-image,.service-img,.reach-img{background-color:#eaf2ed}

/* Tablet */
@media (max-width:1100px){
  .uxb-nav{width:calc(100% - 24px)!important}
  .uxb-brand{flex-basis:78px!important;min-width:78px!important;width:78px!important}
  .uxb-logo,.uxb-logo img{width:68px!important;height:68px!important;flex-basis:68px!important}
  .uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle{font-size:9.5px!important;padding-left:6px!important;padding-right:6px!important}
  .uxb-cta{flex-basis:120px!important;width:120px!important;min-width:120px!important;font-size:9px!important}
  .detail-hero-standard{height:330px!important;min-height:330px!important}
  .detail-hero-standard .container{width:calc(100% - 32px)!important}
}

/* Mobile navigation and dropdown */
@media (max-width:980px){
  .uxb-topbar{height:30px!important}
  .uxb-topbar-inner{height:30px!important;width:calc(100% - 24px)!important}
  .uxb-top-title{font-size:7px!important;letter-spacing:.10em!important;overflow:hidden;text-overflow:ellipsis}
  .uxb-regions{display:none!important}
  .uxb-nav-wrap{background:#fff!important}
  .uxb-nav{width:calc(100% - 24px)!important;min-height:76px!important;height:76px!important;gap:8px!important}
  .uxb-brand{flex:0 0 70px!important;min-width:70px!important;width:70px!important;height:76px!important}
  .uxb-logo,.uxb-logo img{width:66px!important;height:66px!important;flex-basis:66px!important}
  .uxb-menu{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;width:100%!important;height:auto!important;max-height:calc(100vh - 125px)!important;overflow-y:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:8px!important;background:#fff!important;border:1px solid #dce7e1!important;border-radius:0 0 14px 14px!important;box-shadow:0 20px 45px rgba(3,56,45,.18)!important;z-index:10000!important}
  .uxb-menu.open{display:flex!important}
  .uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle{width:100%!important;height:46px!important;min-height:46px!important;padding:10px 13px!important;justify-content:flex-start!important;text-align:left!important;font-size:12px!important;white-space:normal!important}
  .uxb-menu .uxb-main-link:after,.uxb-menu .uxb-dropdown-toggle:after{left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:3px!important;height:100%!important;transform:scaleY(0)!important;border-radius:0!important}
  .uxb-menu .uxb-main-link:hover:after,.uxb-menu .uxb-main-link.active:after,.uxb-dropdown.active-parent .uxb-dropdown-toggle:after{transform:scaleY(1)!important}
  .uxb-dropdown{display:flex!important;flex-direction:column!important;width:100%!important}
  .uxb-dropdown-toggle{position:relative!important;justify-content:space-between!important}
  .uxb-dropdown-toggle i{margin-left:auto!important;font-size:16px!important}
  .uxb-dropdown-menu,.uxb-dropdown:hover .uxb-dropdown-menu,.uxb-dropdown:focus-within .uxb-dropdown-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:100%!important;transform:none!important;margin:0!important;padding:5px 0 5px 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#f5f9f6!important;overflow:visible!important}
  .uxb-dropdown.open .uxb-dropdown-menu{display:block!important}
  .uxb-dropdown-menu:before{display:none!important}
  .uxb-dropdown-menu a{width:100%!important;min-height:40px!important;height:auto!important;padding:9px 12px!important;font-size:11px!important;border-left:2px solid #d9e7df!important;border-radius:0!important;white-space:normal!important}
  .uxb-cta{display:none!important}
  .uxb-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important}

  .detail-hero-standard{height:310px!important;min-height:310px!important}
  .detail-hero-standard .container{width:calc(100% - 24px)!important;margin:0 auto 14px!important}
  .detail-hero-content{max-width:100%!important;padding:17px 18px!important;border-left-width:4px!important;border-radius:0 10px 10px 0!important}
  .detail-hero-standard h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.04!important}
  .detail-hero-standard p{font-size:12.5px!important;line-height:1.45!important}
  .detail-grid,.services,.reach-grid,.framework-grid{grid-template-columns:1fr!important}
  .detail-card-image{height:210px!important}
  .service-card{grid-template-rows:180px 1fr!important}
  .service-img{min-height:180px!important}
  .section{padding:58px 0!important}
  .section-head{margin-bottom:30px!important}
  .section-head h2,h2{font-size:clamp(28px,8vw,42px)!important}
  .detail-card-body{padding:20px!important}
  .strip{padding:38px 0!important}
  .strip-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  .form-grid{grid-template-columns:1fr!important}
  .form-grid .full{grid-column:auto!important}
  .form-panel{padding:22px 16px!important}
}

@media (max-width:600px){
  .uxb-nav{min-height:70px!important;height:70px!important}
  .uxb-brand{height:70px!important;flex-basis:62px!important;min-width:62px!important;width:62px!important}
  .uxb-logo,.uxb-logo img{width:58px!important;height:58px!important;flex-basis:58px!important}
  .uxb-toggle{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:21px!important}
  .uxb-menu{top:calc(100% + 6px)!important;max-height:calc(100vh - 108px)!important}
  .detail-hero-standard{height:285px!important;min-height:285px!important;background-position:center!important}
  .detail-hero-standard:before{background:linear-gradient(180deg,rgba(3,48,38,.20) 0%,rgba(3,48,38,.54) 48%,rgba(3,48,38,.90) 100%)!important}
  .detail-hero-standard .container{width:calc(100% - 20px)!important;margin-bottom:10px!important}
  .detail-hero-content{padding:14px 15px!important}
  .detail-hero-standard .section-kicker{font-size:8px!important;letter-spacing:.10em!important;margin-bottom:7px!important}
  .detail-hero-standard h1{font-size:26px!important;margin-bottom:8px!important}
  .detail-hero-standard p{font-size:12px!important;line-height:1.5!important}
  .detail-card-image{height:190px!important}
  .service-card{grid-template-rows:165px 1fr!important}
  .service-img{min-height:165px!important}
  .home-framework{padding:55px 0!important}
  .home-framework-head{display:block!important}
  .home-framework-head p{margin-top:14px!important}
  .hero{min-height:0!important}
  .hero-copy{padding:55px 0!important}
  .hero h1{font-size:40px!important}
  .hero-copy>p{font-size:14px!important;line-height:1.65!important}
  .hero-visual{min-height:360px!important}
  .hero-badge{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important}
  .reach-img{height:175px!important}
  .uxb-footer{padding:48px 0 18px!important}
  .uxb-footer-grid{grid-template-columns:1fr!important;gap:27px!important}
  .uxb-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
}

/* =========================================================
   UXB PHOTO CARD IMAGE SYSTEM - FINAL
   All content-card images use the same visual size.
========================================================= */
.detail-card-image,
.service-img,
.reach-img {
  height: 230px !important;
  min-height: 230px !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}

.reach-img img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.page3-1 .detail-card-image{background-image:url('../images/cards/sourcing-1.jpg') !important}
.page3-2 .detail-card-image{background-image:url('../images/cards/sourcing-2.jpg') !important}
.page3-3 .detail-card-image{background-image:url('../images/cards/sourcing-3.jpg') !important}
.page3-4 .detail-card-image{background-image:url('../images/cards/sourcing-4.jpg') !important}
.page4-1 .detail-card-image{background-image:url('../images/cards/discover-1.jpg') !important}
.page4-2 .detail-card-image{background-image:url('../images/cards/discover-2.jpg') !important}
.page4-3 .detail-card-image{background-image:url('../images/cards/discover-3.jpg') !important}
.page4-4 .detail-card-image{background-image:url('../images/cards/discover-4.jpg') !important}
.page5-1 .detail-card-image{background-image:url('../images/cards/products-1.jpg') !important}
.page5-2 .detail-card-image{background-image:url('../images/cards/products-2.jpg') !important}
.page5-3 .detail-card-image{background-image:url('../images/cards/products-3.jpg') !important}
.page5-4 .detail-card-image{background-image:url('../images/cards/products-4.jpg') !important}

.service-card:nth-child(1) .service-img{background-image:url('../images/cards/what-we-do-1.jpg') !important}
.service-card:nth-child(2) .service-img{background-image:url('../images/cards/what-we-do-2.jpg') !important}
.service-card:nth-child(3) .service-img{background-image:url('../images/cards/what-we-do-3.jpg') !important}
.service-card:nth-child(4) .service-img{background-image:url('../images/cards/what-we-do-4.jpg') !important}

.reach-card:nth-child(1) .reach-img{background-image:url('../images/cards/reach-asia.jpg') !important}
.reach-card:nth-child(2) .reach-img{background-image:url('../images/cards/reach-europe.jpg') !important}
.reach-card:nth-child(3) .reach-img{background-image:url('../images/cards/reach-north-america.jpg') !important}

.about-photo-1{background-image:url('../images/cards/about-history.jpg') !important}
.about-photo-2{background-image:url('../images/cards/about-global.jpg') !important}
.about-photo-3{background-image:url('../images/cards/about-debalina.jpg') !important}
.about-photo-4{background-image:url('../images/cards/about-camelia.jpg') !important}
.about-photo-5{background-image:url('../images/cards/about-titus.jpg') !important}

.contact-photo-1{background-image:url('../images/cards/contact-india.jpg') !important}
.contact-photo-2{background-image:url('../images/cards/contact-romania.jpg') !important}
.contact-photo-3{background-image:url('../images/cards/contact-us.jpg') !important}

@media (max-width:767px){
  .detail-card-image,
  .service-img,
  .reach-img{
    height:200px !important;
    min-height:200px !important;
  }
}


/* FINAL: ALL POINT/CARD IMAGES — ONE CONSISTENT SIZE */
.detail-card-image,
.service-img,
.reach-img {
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  max-height:230px !important;
  overflow:hidden !important;
  background:none !important;
  padding:0 !important;
  margin:0 !important;
}

.detail-card-image img,
.service-img img,
.reach-img img {
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  max-height:230px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media (max-width:767px){
  .detail-card-image,
  .service-img,
  .reach-img {
    height:200px !important;
    min-height:200px !important;
    max-height:200px !important;
  }
  .detail-card-image img,
  .service-img img,
  .reach-img img {
    height:200px !important;
    min-height:200px !important;
    max-height:200px !important;
  }
}


/* =========================================================
   TOPIC ICON BOXES
   Replace point/card photos with clean topic-specific icons.
========================================================= */
.topic-icon-box{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:190px!important;
  min-height:190px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef6f1 0%,#dfeee7 100%)!important;
  border-bottom:1px solid #d5e5dd!important;
}
.topic-icon-box:before{
  content:"";
  position:absolute;
  width:108px;height:108px;
  border-radius:50%;
  background:#ffffff;
  border:1px solid rgba(6,59,47,.12);
  box-shadow:0 12px 28px rgba(3,56,45,.10);
}
.topic-icon-symbol{position:relative;z-index:2;width:58px;height:58px;display:block;color:#063b2f}
.topic-icon-symbol:before{display:block;text-align:center;font-size:50px;line-height:58px;font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;font-weight:700}
.topic-icon-globe .topic-icon-symbol:before{content:"◎"}
.topic-icon-factory .topic-icon-symbol:before{content:"⌂"}
.topic-icon-search .topic-icon-symbol:before{content:"⌕"}
.topic-icon-process .topic-icon-symbol:before{content:"⚙"}
.topic-icon-handshake .topic-icon-symbol:before{content:"♧"}
.topic-icon-supplier .topic-icon-symbol:before{content:"▦"}
.topic-icon-production .topic-icon-symbol:before{content:"⚙"}
.topic-icon-logistics .topic-icon-symbol:before{content:"⇄"}
.topic-icon-import .topic-icon-symbol:before{content:"⇩"}
.topic-icon-retail .topic-icon-symbol:before{content:"▤"}
.topic-icon-assessment .topic-icon-symbol:before{content:"✓"}
.topic-icon-technology .topic-icon-symbol:before{content:"⌘"}
.topic-icon-partnership .topic-icon-symbol:before{content:"∞"}
.topic-icon-regulation .topic-icon-symbol:before{content:"§"}
.topic-icon-compliance .topic-icon-symbol:before{content:"✓"}
.topic-icon-training .topic-icon-symbol:before{content:"★"}
.topic-icon-commitment .topic-icon-symbol:before{content:"♧"}
.topic-icon-market .topic-icon-symbol:before{content:"↗"}
.topic-icon-opportunity .topic-icon-symbol:before{content:"✦"}
.topic-icon-history .topic-icon-symbol:before{content:"◷"}
.topic-icon-leadership .topic-icon-symbol:before{content:"♙"}
.topic-icon-blog .topic-icon-symbol:before{content:"▤"}
.topic-icon-location .topic-icon-symbol:before{content:"⌖"}
.topic-icon-general .topic-icon-symbol:before{content:"◆"}
.topic-icon-box:after{
  content:"";position:absolute;inset:18px;border:1px solid rgba(6,59,47,.06);border-radius:12px;pointer-events:none
}
@media(max-width:980px){
  .topic-icon-box{height:190px!important;min-height:190px!important}
}

/* Professional topic icon treatment */
.topic-icon-symbol{position:relative!important;z-index:2!important;width:auto!important;height:auto!important;display:block!important;color:#0b5a47!important;font-size:48px!important;line-height:1!important;font-family:inherit!important}
.topic-icon-box:before{width:112px!important;height:112px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(6,59,47,.14)!important;box-shadow:0 14px 32px rgba(3,56,45,.11)!important}
.topic-icon-box:after{border:1px solid rgba(6,59,47,.07)!important}
@media(max-width:980px){.topic-icon-symbol{font-size:44px!important}.topic-icon-box:before{width:104px!important;height:104px!important}}

/* FINAL PROFESSIONAL TOPIC ICON BOXES */
.topic-icon-box{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:190px!important;min-height:190px!important;overflow:hidden!important;background:linear-gradient(135deg,#f4f8f5 0%,#dcece5 48%,#eef5f1 100%)!important;border-bottom:1px solid rgba(6,59,47,.10)!important;transition:background .35s ease,box-shadow .35s ease!important}
.topic-icon-box:before{content:""!important;position:absolute!important;width:112px!important;height:112px!important;border-radius:28px!important;background:linear-gradient(145deg,#fff 0%,#f1f7f4 100%)!important;border:1px solid rgba(6,59,47,.14)!important;box-shadow:0 12px 30px rgba(3,56,45,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-radius .4s ease!important}
.topic-icon-box:after{content:""!important;position:absolute!important;inset:18px!important;border:1px solid rgba(245,180,0,.16)!important;border-radius:16px!important;pointer-events:none!important;transition:inset .4s ease,border-color .4s ease!important}
.topic-icon-symbol{position:relative!important;z-index:3!important;width:auto!important;height:auto!important;display:block!important;color:#075843!important;font-size:46px!important;line-height:1!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s ease,filter .3s ease!important}
.topic-icon-symbol:before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:inherit!important;line-height:1!important}
.topic-icon-box:hover{background:linear-gradient(135deg,#edf6f1 0%,#d5e9e0 55%,#f4f8f5 100%)!important;box-shadow:0 12px 28px rgba(6,59,47,.10)!important}
.topic-icon-box:hover:before{transform:translateY(-5px) scale(1.06) rotate(2deg)!important;box-shadow:0 18px 38px rgba(3,56,45,.18),0 0 0 7px rgba(245,180,0,.07)!important;border-radius:32px!important}
.topic-icon-box:hover:after{inset:13px!important;border-color:rgba(245,180,0,.30)!important}
.topic-icon-box:hover .topic-icon-symbol{transform:translateY(-5px) scale(1.12)!important;color:#c58b00!important;filter:drop-shadow(0 5px 8px rgba(3,56,45,.14))!important}
.topic-icon-globe .topic-icon-symbol:before,.topic-icon-factory .topic-icon-symbol:before,.topic-icon-search .topic-icon-symbol:before,.topic-icon-process .topic-icon-symbol:before,.topic-icon-handshake .topic-icon-symbol:before,.topic-icon-supplier .topic-icon-symbol:before,.topic-icon-production .topic-icon-symbol:before,.topic-icon-logistics .topic-icon-symbol:before,.topic-icon-import .topic-icon-symbol:before,.topic-icon-retail .topic-icon-symbol:before,.topic-icon-assessment .topic-icon-symbol:before,.topic-icon-technology .topic-icon-symbol:before,.topic-icon-partnership .topic-icon-symbol:before,.topic-icon-regulation .topic-icon-symbol:before,.topic-icon-compliance .topic-icon-symbol:before,.topic-icon-training .topic-icon-symbol:before,.topic-icon-commitment .topic-icon-symbol:before,.topic-icon-market .topic-icon-symbol:before,.topic-icon-opportunity .topic-icon-symbol:before,.topic-icon-history .topic-icon-symbol:before,.topic-icon-leadership .topic-icon-symbol:before,.topic-icon-blog .topic-icon-symbol:before,.topic-icon-location .topic-icon-symbol:before,.topic-icon-general .topic-icon-symbol:before{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;content:inherit!important}
/* Home GLOBAL REACH stays image-based */
.reach-img{position:relative!important;height:190px!important;min-height:190px!important;overflow:hidden!important;background:#eaf2ed!important}
.reach-img img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease!important}
.reach-card:hover .reach-img img{transform:scale(1.045)!important;filter:saturate(1.05)!important}
@media(max-width:980px){.topic-icon-box{height:180px!important;min-height:180px!important}.topic-icon-symbol{font-size:42px!important}.reach-img{height:180px!important;min-height:180px!important}}
@media(max-width:640px){.topic-icon-box{height:165px!important;min-height:165px!important}.topic-icon-symbol{font-size:38px!important}.topic-icon-box:before{width:98px!important;height:98px!important}.reach-img{height:175px!important;min-height:175px!important}}
/* Font Awesome glyph mapping for topic icons */
.topic-icon-globe .topic-icon-symbol:before{content:"\f0ac"!important}
.topic-icon-factory .topic-icon-symbol:before{content:"\f275"!important}
.topic-icon-search .topic-icon-symbol:before{content:"\f002"!important}
.topic-icon-process .topic-icon-symbol:before{content:"\f085"!important}
.topic-icon-handshake .topic-icon-symbol:before{content:"\f2b5"!important}
.topic-icon-supplier .topic-icon-symbol:before{content:"\f468"!important}
.topic-icon-production .topic-icon-symbol:before{content:"\f085"!important}
.topic-icon-logistics .topic-icon-symbol:before{content:"\f48b"!important}
.topic-icon-import .topic-icon-symbol:before{content:"\f56f"!important}
.topic-icon-retail .topic-icon-symbol:before{content:"\f54e"!important}
.topic-icon-assessment .topic-icon-symbol:before{content:"\f46c"!important}
.topic-icon-technology .topic-icon-symbol:before{content:"\f2db"!important}
.topic-icon-partnership .topic-icon-symbol:before{content:"\f2b5"!important}
.topic-icon-regulation .topic-icon-symbol:before{content:"\f24e"!important}
.topic-icon-compliance .topic-icon-symbol:before{content:"\f3ed"!important}
.topic-icon-training .topic-icon-symbol:before{content:"\f19d"!important}
.topic-icon-commitment .topic-icon-symbol:before{content:"\f4d8"!important}
.topic-icon-market .topic-icon-symbol:before{content:"\f201"!important}
.topic-icon-opportunity .topic-icon-symbol:before{content:"\f0eb"!important}
.topic-icon-history .topic-icon-symbol:before{content:"\f2ea"!important}
.topic-icon-leadership .topic-icon-symbol:before{content:"\f5fd"!important}
.topic-icon-blog .topic-icon-symbol:before{content:"\f1ea"!important}
.topic-icon-location .topic-icon-symbol:before{content:"\f3c5"!important}
.topic-icon-general .topic-icon-symbol:before{content:"\f0c0"!important}


/* === FINAL CLEAN ICON-ONLY TOP CARDS === */
.detail-card-image.topic-icon-box, .service-img.topic-icon-box {
  height: 150px !important; min-height: 150px !important;
  padding: 0 !important; margin: 0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(135deg,#f7faf8 0%,#e4efe9 100%) !important;
  border-bottom:1px solid rgba(6,59,47,.10) !important;
}
.detail-card-image.topic-icon-box:before, .service-img.topic-icon-box:before {
  content:"" !important; position:absolute !important; width:82px !important; height:82px !important;
  border-radius:18px !important; background:#073f34 !important;
  border:1px solid rgba(211,164,48,.65) !important;
  box-shadow:0 10px 24px rgba(3,56,45,.16) !important;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease !important;
}
.detail-card-image.topic-icon-box:after, .service-img.topic-icon-box:after {
  content:"" !important; position:absolute !important; inset:auto !important;
  width:58px !important; height:58px !important; border:1px solid rgba(255,255,255,.13) !important;
  border-radius:14px !important; pointer-events:none !important;
}
.topic-icon-symbol {
  position:relative !important; z-index:4 !important; color:#d9a52c !important;
  font-family:"Font Awesome 6 Free" !important; font-weight:900 !important;
  font-size:30px !important; line-height:1 !important; display:block !important;
  transition:transform .28s ease, color .28s ease !important;
}
.topic-icon-box:hover:before { transform:translateY(-4px) scale(1.06) !important; background:#084c3e !important; box-shadow:0 15px 30px rgba(3,56,45,.22),0 0 0 5px rgba(217,165,44,.08) !important; }
.topic-icon-box:hover .topic-icon-symbol { transform:translateY(-4px) scale(1.12) !important; color:#f1c75b !important; }
.detail-card, .service-card { overflow:hidden; }
@media(max-width:767px){
  .detail-card-image.topic-icon-box, .service-img.topic-icon-box { height:130px !important; min-height:130px !important; }
  .detail-card-image.topic-icon-box:before, .service-img.topic-icon-box:before { width:72px !important; height:72px !important; border-radius:16px !important; }
  .detail-card-image.topic-icon-box:after, .service-img.topic-icon-box:after { width:50px !important; height:50px !important; border-radius:12px !important; }
  .topic-icon-symbol { font-size:26px !important; }
}

/* =========================================================
   UXB PREMIUM ICON CARDS + COUNTRY PHOTO CARDS
   ========================================================= */
.detail-card-image.topic-icon-box,
.service-img.topic-icon-box{
  position:relative!important;
  height:176px!important;
  min-height:176px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 35%, rgba(216,173,50,.18), transparent 38%),
    linear-gradient(145deg,#063b2f 0%,#075640 55%,#032a21 100%)!important;
  border-bottom:1px solid rgba(216,173,50,.35)!important;
}
.detail-card-image.topic-icon-box:before,
.service-img.topic-icon-box:before{
  content:""!important;
  position:absolute!important;
  width:104px!important;height:104px!important;
  border:1px solid rgba(216,173,50,.42)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 14px rgba(216,173,50,.035),0 0 35px rgba(216,173,50,.10)!important;
  animation:uxbIconPulse 3.8s ease-in-out infinite!important;
}
.detail-card-image.topic-icon-box:after,
.service-img.topic-icon-box:after{
  content:""!important;
  position:absolute!important;
  width:150px!important;height:150px!important;
  border-radius:50%!important;
  border:1px dashed rgba(255,255,255,.12)!important;
  transform:rotate(18deg)!important;
}
.topic-icon-symbol{
  position:relative!important;
  z-index:2!important;
  width:72px!important;height:72px!important;
  display:flex!important;
  align-items:center!important;justify-content:center!important;
  border-radius:22px!important;
  color:#f3c44d!important;
  font-size:34px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
  border:1px solid rgba(243,196,77,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.22),0 0 0 7px rgba(243,196,77,.055)!important;
  transition:transform .35s ease,box-shadow .35s ease,color .35s ease!important;
}
.detail-card:hover .topic-icon-symbol,
.framework-card:hover .topic-icon-symbol{
  transform:translateY(-6px) scale(1.08) rotate(-2deg)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 38px rgba(0,0,0,.25),0 0 0 9px rgba(243,196,77,.09)!important;
}
.detail-card:hover .detail-card-image.topic-icon-box,
.service-card:hover .service-img.topic-icon-box{
  border-bottom-color:#f3c44d!important;
}
@keyframes uxbIconPulse{
  0%,100%{transform:scale(.94);opacity:.55}
  50%{transform:scale(1.06);opacity:1}
}

/* Country cards always use real photography, never icons */
.country-card-image{
  height:190px!important;
  min-height:190px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eaf1ed!important;
}
.country-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .55s ease,filter .35s ease!important;
}
.detail-card:hover .country-card-image img{
  transform:scale(1.07)!important;
  filter:saturate(1.08) contrast(1.03)!important;
}

/* Home country cards */
.reach-card{transition:transform .3s ease,box-shadow .3s ease!important}
.reach-card:hover{transform:translateY(-7px)!important;box-shadow:0 20px 42px rgba(3,56,45,.14)!important}
.reach-img{height:220px!important;overflow:hidden!important}
.reach-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .55s ease,filter .35s ease!important}
.reach-card:hover .reach-img img{transform:scale(1.07)!important;filter:saturate(1.08)!important}

/* =========================================================
   FINAL HEADER / MOBILE MENU REFINEMENT
   ========================================================= */
.uxb-nav-wrap{position:relative!important}
.uxb-nav{position:relative!important}
.uxb-topbar-inner{min-height:32px!important}
.uxb-top-title{font-weight:800!important;letter-spacing:.12em!important}
.uxb-regions a{transition:color .2s ease,transform .2s ease!important}
.uxb-regions a:hover{color:#d8ad32!important;transform:translateY(-1px)!important}

@media (min-width:1101px){
  .uxb-menu{justify-content:flex-start!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  .uxb-main-link,.uxb-dropdown-toggle{flex:0 0 auto!important}
}

@media (max-width:1100px){
  .uxb-nav{height:80px!important;min-height:80px!important;padding-top:0!important;padding-bottom:0!important}
  .uxb-brand{height:80px!important;flex:0 0 78px!important;min-width:78px!important;width:78px!important}
  .uxb-logo,.uxb-logo img{width:70px!important;height:70px!important}
  .uxb-menu{
    position:absolute!important;
    top:100%!important;
    left:12px!important;right:12px!important;
    width:auto!important;height:auto!important;
    display:none!important;
    flex-direction:column!important;align-items:stretch!important;
    padding:8px!important;margin:0!important;gap:2px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid #d5e2dc!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:0 22px 45px rgba(3,56,45,.18)!important;
    max-height:calc(100vh - 95px)!important;
    overflow-y:auto!important;
  }
  .uxb-menu.open{display:flex!important}
  .uxb-main-link,.uxb-dropdown-toggle{
    width:100%!important;height:48px!important;min-height:48px!important;
    justify-content:flex-start!important;text-align:left!important;
    padding:10px 14px!important;font-size:13px!important;
    border-radius:8px!important;
  }
  .uxb-main-link:hover,.uxb-main-link.active,.uxb-dropdown-toggle:hover,.uxb-dropdown.active-parent .uxb-dropdown-toggle{background:#f1f6f2!important}
  .uxb-main-link:after,.uxb-dropdown-toggle:after{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:3px!important;height:100%!important;transform:scaleY(0)!important;border-radius:8px 0 0 8px!important}
  .uxb-main-link:hover:after,.uxb-main-link.active:after,.uxb-dropdown-toggle:hover:after,.uxb-dropdown.active-parent .uxb-dropdown-toggle:after{transform:scaleY(1)!important}
  .uxb-dropdown{display:flex!important;flex-direction:column!important}
  .uxb-dropdown-toggle{justify-content:space-between!important}
  .uxb-dropdown-toggle i{margin-left:auto!important}
  .uxb-dropdown-menu,
  .uxb-dropdown:hover .uxb-dropdown-menu,
  .uxb-dropdown:focus-within .uxb-dropdown-menu{
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
    width:100%!important;display:none!important;opacity:1!important;visibility:visible!important;
    pointer-events:auto!important;padding:4px 0 5px 12px!important;
    border:0!important;border-left:1px solid #d5e2dc!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu{display:block!important}
  .uxb-dropdown-menu:before{display:none!important}
  .uxb-dropdown-menu a{min-height:43px!important;padding:10px 13px!important;font-size:12px!important;border-radius:7px!important;white-space:normal!important}
  .uxb-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;flex:0 0 44px!important}
  .uxb-toggle{font-size:0!important;position:relative!important}
  .uxb-toggle:before{content:"\\f0c9"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:21px!important}
  .uxb-toggle[aria-expanded="true"]:before{content:"\\f00d"!important}
  .uxb-cta{display:none!important}
  .uxb-topbar{height:30px!important}
  .uxb-topbar-inner{height:30px!important}
  .uxb-regions{display:none!important}
}

@media (max-width:600px){
  .uxb-nav{height:70px!important;min-height:70px!important;padding-left:12px!important;padding-right:12px!important}
  .uxb-brand{height:70px!important;flex-basis:64px!important;min-width:64px!important;width:64px!important}
  .uxb-logo,.uxb-logo img{width:60px!important;height:60px!important}
  .uxb-menu{left:8px!important;right:8px!important}
  .uxb-top-title{font-size:6.7px!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .detail-card-image.topic-icon-box,.service-img.topic-icon-box{height:150px!important;min-height:150px!important}
  .topic-icon-symbol{width:64px!important;height:64px!important;font-size:30px!important}
  .country-card-image{height:180px!important;min-height:180px!important}
  .reach-img{height:200px!important}
}

/* =========================================================
   UXB PREMIUM POLISH v4
   - clean icon-only What We Do cards
   - premium leadership 3-column layout
   - professional typography
   - redesigned desktop/mobile header
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--uxb-font:'Manrope',Inter,ui-sans-serif,system-ui,sans-serif;--uxb-display:'Playfair Display',Georgia,serif}
body{font-family:var(--uxb-font)!important;letter-spacing:-.005em}
h1,h1,h2,h3,.section-head h2,.page-hero h1{font-family:var(--uxb-display),Georgia,serif!important;letter-spacing:-.025em!important}
.section-kicker,.service-num,.page-breadcrumb,.uxb-top-title,.uxb-menu a,.uxb-dropdown-toggle,.uxb-cta{font-family:var(--uxb-font)!important}

/* What We Do: absolutely no image behind the icon */
.what-we-do-page .service-img,
.service-card .service-img.topic-icon-box{background-image:none!important;background-color:transparent!important}
.service-card .service-img.topic-icon-box{height:150px!important;min-height:150px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;border-bottom:0!important}
.service-card .service-img.topic-icon-box:before{content:""!important;position:absolute!important;width:104px!important;height:104px!important;border-radius:50%!important;background:linear-gradient(145deg,#f7fbf8,#e8f1ec)!important;border:1px solid #d7e5de!important;box-shadow:0 12px 28px rgba(3,56,45,.10)!important;transition:all .35s ease!important}
.service-card .service-img.topic-icon-box:after{content:""!important;position:absolute!important;width:76px!important;height:76px!important;border-radius:24px!important;background:linear-gradient(145deg,#075d47,#0b8060)!important;box-shadow:0 10px 22px rgba(3,56,45,.20)!important;transform:rotate(45deg)!important;transition:all .35s ease!important}
.service-card .topic-icon-symbol{position:relative!important;z-index:3!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important;color:#e4bd4b!important;font-size:34px!important;line-height:1!important;display:block!important;transition:transform .35s ease,color .35s ease!important}
.service-card:hover .service-img.topic-icon-box:before{transform:scale(1.07)!important;box-shadow:0 18px 38px rgba(3,56,45,.16)!important;border-color:#c4d8ce!important}
.service-card:hover .service-img.topic-icon-box:after{transform:rotate(45deg) scale(1.08)!important;background:linear-gradient(145deg,#064936,#0a8a66)!important}
.service-card:hover .topic-icon-symbol{transform:scale(1.12) rotate(-5deg)!important;color:#f2d16d!important}
.service-card{border:1px solid #dfe9e4!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 34px rgba(3,56,45,.065)!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.service-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 55px rgba(3,56,45,.13)!important;border-color:#c8dbd2!important}
.service-body{padding:4px 26px 28px!important}
.service-body h3{font-size:23px!important;line-height:1.12!important}
.service-num{font-size:10px!important;letter-spacing:.16em!important;color:#9b7620!important;font-weight:800!important}

/* About Us leadership: exactly 3 across on desktop */
.about-leadership-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.about-leadership-grid .detail-card{min-width:0!important}
.about-leadership-grid .detail-card-image{height:150px!important;min-height:150px!important}
.about-leadership-grid .topic-icon-symbol{font-size:32px!important}
.about-leadership-grid .detail-card-body{padding:22px!important}
.about-leadership-grid .detail-card h3{font-size:18px!important}
.about-leadership-grid .detail-card p{font-size:12px!important;line-height:1.7!important}

/* Make the existing leadership grid use the class above */
.about-leadership-grid .detail-card-image{background-image:none!important;background-color:#f1f6f3!important}

/* Premium header */
.uxb-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e0e9e4!important;box-shadow:0 8px 30px rgba(3,56,45,.07)!important}
.uxb-topbar{background:#03382d!important}
.uxb-top-title{color:#e9d28a!important;font-size:9px!important;letter-spacing:.16em!important}
.uxb-regions a{color:#d9e8e1!important;font-size:10px!important;font-weight:700!important}
.uxb-nav-wrap{background:#fff!important}
.uxb-nav{height:82px!important;min-height:82px!important;gap:22px!important}
.uxb-brand{flex:0 0 112px!important;width:112px!important;min-width:112px!important;height:82px!important}
.uxb-logo{width:104px!important;height:76px!important}
.uxb-logo img{width:104px!important;height:76px!important}
.uxb-menu{height:82px!important;justify-content:flex-start!important;gap:2px!important}
.uxb-main-link,.uxb-dropdown-toggle{height:82px!important;min-height:82px!important;padding:0 14px!important;font-size:11.5px!important;font-weight:800!important;color:#3d514a!important;letter-spacing:.01em!important}
.uxb-main-link:after,.uxb-dropdown-toggle:after{left:14px!important;right:14px!important;height:2px!important}
.uxb-dropdown-toggle i{font-size:12px!important;color:#a77d1d!important}
.uxb-cta{margin-left:auto!important;flex:0 0 auto!important;border-radius:10px!important;padding:11px 16px!important;background:linear-gradient(135deg,#d7aa37,#ebca68)!important;color:#193128!important;box-shadow:0 9px 20px rgba(201,158,45,.22)!important;font-weight:800!important;font-size:10px!important;line-height:1.2!important;transition:transform .25s ease,box-shadow .25s ease!important}
.uxb-cta:hover{transform:translateY(-2px)!important;box-shadow:0 13px 26px rgba(201,158,45,.30)!important}
.uxb-dropdown-menu{width:300px!important;border-radius:14px!important;padding:10px!important;box-shadow:0 24px 50px rgba(3,56,45,.18)!important}
.uxb-dropdown-menu a{font-size:11px!important;font-weight:700!important;padding:12px 13px!important;border-radius:9px!important;color:#40564d!important}
.uxb-dropdown-menu a:hover,.uxb-dropdown-menu a.active{background:#f0f6f2!important;color:#075d47!important}

@media(max-width:1100px){
 .uxb-nav{height:76px!important;min-height:76px!important}
 .uxb-brand{height:76px!important;flex-basis:92px!important;min-width:92px!important;width:92px!important}
 .uxb-logo{width:84px!important;height:70px!important}.uxb-logo img{width:84px!important;height:70px!important}
 .uxb-menu{top:100%!important}
}
@media(max-width:800px){
 .about-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .about-leadership-grid{grid-template-columns:1fr!important}
 .uxb-nav{height:68px!important;min-height:68px!important}
 .uxb-brand{height:68px!important;flex-basis:72px!important;min-width:72px!important;width:72px!important}
 .uxb-logo{width:66px!important;height:62px!important}.uxb-logo img{width:66px!important;height:62px!important}
 .service-card .service-img.topic-icon-box{height:140px!important;min-height:140px!important}
 .service-card .service-img.topic-icon-box:before{width:94px!important;height:94px!important}
 .service-card .service-img.topic-icon-box:after{width:68px!important;height:68px!important}
 .service-card .topic-icon-symbol{font-size:30px!important}
}


/* =========================================================
   UXB FINAL ICON SYSTEM + HEADER ALIGNMENT
   - Use the same clean white icon treatment on all inner-page cards
   - Keep real country photography on Home/Contact country cards
   - Push desktop navigation toward the right, close to the CTA
   ========================================================= */
.detail-card-image.topic-icon-box,
.service-card .service-img.topic-icon-box{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:150px!important;
  min-height:150px!important;
  overflow:visible!important;
  background:#fff!important;
  background-image:none!important;
  border-bottom:0!important;
}
.detail-card-image.topic-icon-box:before,
.service-card .service-img.topic-icon-box:before{
  content:""!important;
  position:absolute!important;
  width:104px!important;
  height:104px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:2px solid #dfeae4!important;
  box-shadow:0 10px 26px rgba(3,56,45,.10), inset 0 0 0 7px #f5f9f7!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
.detail-card-image.topic-icon-box:after,
.service-card .service-img.topic-icon-box:after{
  content:""!important;
  position:absolute!important;
  width:76px!important;
  height:76px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:2px solid #0a654d!important;
  box-shadow:0 8px 20px rgba(3,56,45,.10)!important;
  transform:none!important;
  transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}
.detail-card-image.topic-icon-box .topic-icon-symbol,
.service-card .topic-icon-symbol{
  position:relative!important;
  z-index:3!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
  color:#b18720!important;
  font-size:32px!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
  transition:transform .3s ease,color .3s ease!important;
}
.detail-card:hover .detail-card-image.topic-icon-box:before,
.service-card:hover .service-img.topic-icon-box:before{
  transform:scale(1.05)!important;
  border-color:#c6d9d0!important;
  box-shadow:0 16px 34px rgba(3,56,45,.14),inset 0 0 0 7px #eef5f1!important;
}
.detail-card:hover .detail-card-image.topic-icon-box:after,
.service-card:hover .service-img.topic-icon-box:after{
  transform:translateY(-3px)!important;
  background:#f8fbf9!important;
  border-color:#075d47!important;
  box-shadow:0 12px 26px rgba(3,56,45,.14)!important;
}
.detail-card:hover .detail-card-image.topic-icon-box .topic-icon-symbol,
.service-card:hover .topic-icon-symbol{
  transform:scale(1.12)!important;
  color:#075d47!important;
}

/* Keep the actual photography sections untouched. */
.country-card-image,
.reach-img{background:#eaf1ed!important}

/* Desktop: logo stays comfortably inside the container and menu sits beside CTA. */
@media(min-width:1101px){
  .uxb-nav{padding-left:24px!important;padding-right:24px!important;gap:16px!important}
  .uxb-brand{flex:0 0 105px!important;width:105px!important;min-width:105px!important;justify-content:flex-start!important}
  .uxb-logo,.uxb-logo img{width:92px!important;height:70px!important}
  .uxb-menu{margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important;gap:0!important;white-space:nowrap!important}
  .uxb-main-link,.uxb-dropdown-toggle{padding-left:10px!important;padding-right:10px!important;font-size:10.5px!important;white-space:nowrap!important}
  .uxb-cta{margin-left:6px!important;flex:0 0 145px!important;width:145px!important}
}

@media(max-width:600px){
  .detail-card-image.topic-icon-box,
  .service-card .service-img.topic-icon-box{height:140px!important;min-height:140px!important}
  .detail-card-image.topic-icon-box:before,
  .service-card .service-img.topic-icon-box:before{width:94px!important;height:94px!important}
  .detail-card-image.topic-icon-box:after,
  .service-card .service-img.topic-icon-box:after{width:68px!important;height:68px!important}
  .detail-card-image.topic-icon-box .topic-icon-symbol,
  .service-card .topic-icon-symbol{font-size:29px!important}
}


/* =========================================================
   MOBILE RESPONSIVE FINAL FIX — MOBILE ONLY
   Desktop layout/content intentionally unchanged.
   ========================================================= */
@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
  .container { width:calc(100% - 28px) !important; max-width:none !important; }

  /* ---------- HEADER ---------- */
  .uxb-header { position:sticky !important; top:0 !important; z-index:99999 !important; }
  .uxb-topbar { display:none !important; }
  .uxb-nav-wrap { width:100% !important; }
  .uxb-nav {
    width:100% !important;
    height:68px !important;
    min-height:68px !important;
    padding:0 14px !important;
    gap:10px !important;
  }
  .uxb-brand {
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    height:68px !important;
    overflow:hidden !important;
  }
  .uxb-logo,
  .uxb-logo img {
    width:auto !important;
    max-width:150px !important;
    height:58px !important;
    max-height:58px !important;
    object-fit:contain !important;
  }
  .uxb-toggle {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
    margin-left:auto !important;
    border:1px solid #d7e1dc !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#063f31 !important;
    z-index:100001 !important;
  }
  .uxb-menu,
  .uxb-menu.open {
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 80px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:8px 10px 12px !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:#fff !important;
    border:1px solid #dce6e1 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 18px 45px rgba(3,56,45,.16) !important;
    z-index:100000 !important;
  }
  .uxb-menu.open { display:flex !important; }
  .uxb-main-link,
  .uxb-dropdown-toggle {
    width:100% !important;
    min-height:48px !important;
    height:auto !important;
    padding:12px 10px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    white-space:normal !important;
    border-bottom:1px solid #edf1ef !important;
  }
  .uxb-dropdown { width:100% !important; }
  .uxb-dropdown-menu,
  .uxb-dropdown.open .uxb-dropdown-menu {
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    display:none !important;
    padding:4px 0 6px 10px !important;
    margin:0 !important;
    background:#f7faf8 !important;
    border:0 !important;
    border-left:2px solid #d7e5de !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu { display:block !important; }
  .uxb-dropdown-menu a {
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:normal !important;
    border-bottom:1px solid #e8eeeb !important;
  }
  .uxb-cta { display:none !important; }

  /* ---------- HOME HERO / SLIDER AREA ---------- */
  .hero {
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }
  .hero-copy {
    width:100% !important;
    padding:44px 0 38px !important;
    min-width:0 !important;
  }
  .eyebrow {
    font-size:9px !important;
    line-height:1.5 !important;
    letter-spacing:.13em !important;
    flex-wrap:wrap !important;
  }
  .eyebrow:before { flex:0 0 28px !important; }
  h1 {
    font-size:clamp(36px,11vw,48px) !important;
    line-height:1 !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    margin:14px 0 18px !important;
  }
  .hero-copy p {
    max-width:none !important;
    font-size:14px !important;
    line-height:1.7 !important;
    margin-bottom:22px !important;
  }
  .hero-actions {
    width:100% !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .hero-actions .btn {
    width:100% !important;
    min-height:46px !important;
  }
  .hero-visual {
    width:100% !important;
    min-height:270px !important;
    height:270px !important;
    background-position:center !important;
  }
  .hero-badge {
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    padding:13px 15px !important;
  }

  /* ---------- ALL SECTIONS ---------- */
  .section { padding:55px 0 !important; }
  .section-head { max-width:none !important; margin-bottom:28px !important; }
  .section-kicker { font-size:9px !important; letter-spacing:.15em !important; }
  h2 {
    font-size:clamp(29px,8vw,40px) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
  }
  .section-head p,
  .home-framework-head > p {
    font-size:14px !important;
    line-height:1.7 !important;
  }
  .reach-grid,
  .services,
  .detail-grid,
  .framework-grid,
  .about-leadership-grid,
  .footer-grid {
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
  }
  .reach-card,
  .service-card,
  .detail-card,
  .framework-card,
  .form-panel {
    min-width:0 !important;
    max-width:100% !important;
  }
  .reach-img { height:190px !important; }
  .service-card .service-img.topic-icon-box,
  .detail-card-image.topic-icon-box {
    height:140px !important;
    min-height:140px !important;
  }
  .service-body,
  .detail-card-body { padding:20px 18px 23px !important; }
  .service-body h3,
  .detail-card h3 { font-size:20px !important; }
  .service-body p,
  .detail-card p { font-size:13px !important; line-height:1.7 !important; }
  .framework-card { padding:22px 18px !important; }

  /* ---------- PAGE HERO / INNER PAGE TITLE ---------- */
  .page-hero {
    padding:48px 0 42px !important;
    overflow:hidden !important;
  }
  .page-hero .container {
    display:flex !important;
    flex-direction:column !important;
    gap:25px !important;
    align-items:stretch !important;
  }
  .page-hero h1,
  .detail-hero h1 {
    font-size:clamp(34px,10vw,46px) !important;
    line-height:1.05 !important;
  }
  .page-hero-art { height:220px !important; }
  .detail-hero {
    padding:48px 0 42px !important;
    overflow:hidden !important;
  }
  .detail-hero .container {
    display:flex !important;
    flex-direction:column !important;
    gap:25px !important;
  }
  .detail-hero-image { height:220px !important; min-height:220px !important; }
  .detail-intro { margin:0 0 28px !important; font-size:14px !important; line-height:1.7 !important; }

  /* Existing title-banner pages */
  .page-title-section {
    min-height:200px !important;
    background-position:center center !important;
  }
  .page-title-container { padding:30px 18px !important; }
  .page-title-content { gap:12px !important; }
  .page-title-line { width:4px !important; min-width:4px !important; height:52px !important; }
  .page-title-content h1 {
    font-size:29px !important;
    line-height:1.12 !important;
    margin-bottom:7px !important;
  }
  .page-breadcrumb {
    font-size:12px !important;
    line-height:1.4 !important;
    gap:6px !important;
  }

  /* ---------- FORMS ---------- */
  .form-panel {
    margin-top:35px !important;
    padding:22px 16px !important;
    overflow:hidden !important;
  }
  .form-grid { grid-template-columns:1fr !important; gap:14px !important; }
  .form-grid .full { grid-column:auto !important; }
  .form-grid input,
  .form-grid textarea,
  .form-grid select {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:14px !important;
  }

  /* ---------- CTA STRIPS ---------- */
  .strip { padding:34px 0 !important; }
  .strip-inner {
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
  }
  .strip h3 { font-size:20px !important; line-height:1.25 !important; }
  .strip .btn { width:100% !important; min-height:46px !important; }

  /* ---------- IMAGES / TABLES / EMBEDS ---------- */
  img, video, iframe { max-width:100% !important; }
  table { display:block !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; }
  pre, code { max-width:100% !important; overflow-x:auto !important; }
  .page-nav { gap:8px !important; }
  .page-nav a { max-width:100% !important; }

  /* Footer */
  .footer { padding:45px 0 22px !important; }
  .footer-grid { gap:28px !important; }
  .footer-bottom {
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
}

@media (max-width: 420px) {
  .container { width:calc(100% - 22px) !important; }
  .uxb-nav { padding-left:10px !important; padding-right:10px !important; }
  .uxb-logo img { max-width:135px !important; height:54px !important; }
  .hero-copy { padding-top:38px !important; }
  .hero-visual { height:245px !important; min-height:245px !important; }
  .hero-badge { left:12px !important; right:12px !important; bottom:12px !important; }
  .section { padding:48px 0 !important; }
}

/* =========================================================
   MOBILE HEADER + HOME HERO FINAL POLISH
   Mobile only. Desktop/tablet layout remains unchanged.
   ========================================================= */
@media (max-width: 767px) {
  /* Header: clean single row, logo left and hamburger right */
  .uxb-header,
  .uxb-nav-wrap { width:100% !important; }
  .uxb-nav {
    width:100% !important;
    height:70px !important;
    min-height:70px !important;
    padding:0 14px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .uxb-brand {
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:70px !important;
    overflow:visible !important;
  }
  .uxb-logo {
    width:62px !important;
    height:62px !important;
    flex:0 0 62px !important;
  }
  .uxb-logo img {
    width:62px !important;
    height:62px !important;
    max-width:62px !important;
    max-height:62px !important;
  }
  .uxb-toggle {
    display:flex !important;
    position:relative !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    flex:0 0 44px !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
    border:1px solid #d6e2dc !important;
    border-radius:9px !important;
    background:#063f31 !important;
    color:#fff !important;
    font-size:0 !important;
    line-height:1 !important;
    box-shadow:0 5px 16px rgba(3,56,45,.12) !important;
  }
  .uxb-toggle:before {
    content:"\f0c9" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:19px !important;
  }
  .uxb-toggle[aria-expanded="true"]:before { content:"\f00d" !important; }

  /* Mobile menu starts directly below the 70px header */
  .uxb-menu,
  .uxb-menu.open {
    top:calc(100% + 1px) !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-height:calc(100vh - 84px) !important;
    padding:7px 9px 10px !important;
    border:1px solid #dbe5df !important;
    border-radius:0 0 13px 13px !important;
    background:#fff !important;
    box-shadow:0 18px 42px rgba(3,56,45,.18) !important;
  }
  .uxb-menu { display:none !important; }
  .uxb-menu.open { display:flex !important; }
  .uxb-main-link,
  .uxb-dropdown-toggle {
    min-height:46px !important;
    height:auto !important;
    padding:11px 11px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }

  /* Hero: no floating badge over the heading on small screens */
  .hero {
    width:100% !important;
    min-height:0 !important;
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .hero::before {
    background:
      linear-gradient(180deg,rgba(2,48,37,.86) 0%,rgba(2,48,37,.82) 48%,rgba(2,48,37,.72) 100%),
      url("../images/shopping-for-clothes-stockcake.jpg") center center/cover no-repeat !important;
  }
  .hero-copy {
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:52px 20px 42px !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }
  .hero .eyebrow {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 14px !important;
    font-size:9px !important;
    line-height:1.5 !important;
    letter-spacing:.11em !important;
  }
  .hero .eyebrow:before { width:24px !important; flex:0 0 24px !important; }
  .hero h1 {
    max-width:100% !important;
    margin:0 0 18px !important;
    font-size:clamp(38px,11vw,48px) !important;
    line-height:.98 !important;
    letter-spacing:-.025em !important;
  }
  .hero-copy > p {
    max-width:none !important;
    margin:0 0 23px !important;
    font-size:14px !important;
    line-height:1.7 !important;
  }
  .hero-actions {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .hero-actions .btn {
    width:100% !important;
    min-height:48px !important;
    height:auto !important;
    padding:12px 16px !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .hero-visual {
    display:none !important;
  }
}

/* =========================================================
   FINAL MOBILE PROFESSIONAL POLISH
   - Mobile only; desktop layout/content untouched.
   ========================================================= */
@media (max-width: 767px) {
  html, body { max-width:100%; overflow-x:hidden !important; }

  /* Header */
  .uxb-header { position:sticky !important; top:0 !important; z-index:99999 !important; }
  .uxb-topbar { display:none !important; }
  .uxb-nav-wrap { position:relative !important; z-index:99999 !important; }
  .uxb-nav {
    position:relative !important;
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    padding:0 14px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .uxb-brand {
    flex:0 0 auto !important;
    min-width:0 !important;
    width:auto !important;
    height:72px !important;
    display:flex !important;
    align-items:center !important;
  }
  .uxb-logo {
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
    border:0 !important;
    background:#fff !important;
    box-shadow:0 4px 15px rgba(3,56,45,.10) !important;
  }
  .uxb-logo img {
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
  .uxb-toggle {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    margin-left:auto !important;
    border:0 !important;
    border-radius:10px !important;
    background:#063d30 !important;
    color:#fff !important;
    box-shadow:0 8px 20px rgba(3,56,45,.20) !important;
    font-size:0 !important;
  }
  .uxb-toggle:before {
    content:"\f0c9" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:18px !important;
  }
  .uxb-toggle[aria-expanded="true"]:before { content:"\f00d" !important; }

  /* Full-height mobile menu: all main items remain accessible */
  .uxb-menu,
  .uxb-menu.open,
  .uxb-menu.mobile-open {
    position:absolute !important;
    top:calc(100% + 5px) !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100vh - 92px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:8px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #d8e5df !important;
    border-radius:0 0 15px 15px !important;
    box-shadow:0 22px 50px rgba(3,56,45,.20) !important;
    z-index:100000 !important;
  }
  .uxb-menu.open,
  .uxb-menu.mobile-open { display:flex !important; }

  .uxb-menu > .uxb-main-link,
  .uxb-menu > .uxb-dropdown > .uxb-dropdown-toggle {
    width:100% !important;
    min-height:52px !important;
    height:auto !important;
    flex:0 0 auto !important;
    padding:13px 14px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-align:left !important;
    font-size:13px !important;
    font-weight:750 !important;
    line-height:1.35 !important;
    color:#063d30 !important;
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid #edf2ef !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
  .uxb-menu > .uxb-main-link:first-child {
    border-radius:10px 10px 0 0 !important;
  }
  .uxb-menu > .uxb-main-link:hover,
  .uxb-menu > .uxb-main-link.active,
  .uxb-dropdown.open > .uxb-dropdown-toggle,
  .uxb-dropdown.active-mobile > .uxb-dropdown-toggle {
    background:#f0f6f2 !important;
    color:#063d30 !important;
  }
  .uxb-menu > .uxb-main-link:after,
  .uxb-menu > .uxb-dropdown > .uxb-dropdown-toggle:after {
    content:"" !important;
    position:absolute !important;
    left:8px !important;
    right:auto !important;
    top:8px !important;
    bottom:8px !important;
    width:3px !important;
    height:auto !important;
    background:#d8ad35 !important;
    border-radius:4px !important;
    transform:scaleY(0) !important;
  }
  .uxb-menu > .uxb-main-link:hover:after,
  .uxb-menu > .uxb-main-link.active:after,
  .uxb-dropdown.open > .uxb-dropdown-toggle:after { transform:scaleY(1) !important; }

  .uxb-dropdown {
    width:100% !important;
    flex:0 0 auto !important;
    border:0 !important;
    margin:0 !important;
  }
  .uxb-dropdown-toggle i {
    width:30px !important;
    height:30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    transition:transform .22s ease !important;
  }
  .uxb-dropdown.open .uxb-dropdown-toggle i { transform:rotate(180deg) !important; }
  .uxb-dropdown-menu,
  .uxb-dropdown.open .uxb-dropdown-menu,
  .uxb-dropdown.active-mobile .uxb-dropdown-menu {
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:none !important;
    display:none !important;
    overflow:visible !important;
    padding:5px 0 8px !important;
    margin:0 !important;
    background:#f7faf8 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
  .uxb-dropdown.open .uxb-dropdown-menu { display:block !important; }
  .uxb-dropdown-menu a {
    width:100% !important;
    min-height:45px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    padding:11px 14px 11px 23px !important;
    color:#53675f !important;
    font-size:12px !important;
    font-weight:650 !important;
    line-height:1.35 !important;
    text-align:left !important;
    border-bottom:1px solid #e5ece8 !important;
    background:transparent !important;
  }
  .uxb-dropdown-menu a:last-child { border-bottom:0 !important; }
  .uxb-dropdown-menu a.active,
  .uxb-dropdown-menu a:hover { color:#063d30 !important; background:#eef5f1 !important; }

  /* Home hero / slider */
  .hero {
    min-height:0 !important;
    width:100% !important;
    position:relative !important;
    overflow:hidden !important;
    display:block !important;
    isolation:isolate !important;
  }
  .hero::before {
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(180deg,rgba(2,48,37,.76) 0%,rgba(2,48,37,.86) 56%,rgba(2,48,37,.94) 100%),
      url("../images/shopping-for-clothes-stockcake.jpg") center center/cover no-repeat !important;
  }
  .hero::after {
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(135deg,rgba(216,173,53,.10),transparent 42%,rgba(0,0,0,.12)) !important;
  }
  .hero-copy {
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:48px 18px 38px !important;
    margin:0 !important;
    display:flex !important;
    justify-content:flex-start !important;
  }
  .hero .eyebrow {
    margin:0 0 13px !important;
    font-size:9px !important;
    line-height:1.45 !important;
    letter-spacing:.12em !important;
    color:#f2f7f4 !important;
  }
  .hero .eyebrow:before { width:25px !important; flex:0 0 25px !important; }
  .hero h1 {
    max-width:100% !important;
    margin:0 0 17px !important;
    font-size:clamp(39px,11vw,52px) !important;
    line-height:.96 !important;
    letter-spacing:-.035em !important;
    color:#fff !important;
  }
  .hero-copy > p {
    max-width:100% !important;
    margin:0 0 22px !important;
    font-size:13.5px !important;
    line-height:1.72 !important;
    color:rgba(255,255,255,.92) !important;
  }
  .hero-actions {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .hero-actions .btn {
    width:100% !important;
    min-height:48px !important;
    padding:12px 16px !important;
    border-radius:8px !important;
    font-size:12px !important;
    justify-content:center !important;
  }
  .hero-actions .btn-outline {
    color:#fff !important;
    border-color:rgba(255,255,255,.58) !important;
    background:rgba(255,255,255,.05) !important;
  }
  .hero-visual { display:none !important; }

  /* General mobile polish without changing content */
  .section { padding:52px 0 !important; }
  .section-head { margin-bottom:28px !important; }
  .section-head h2, .home-framework-head h2 { letter-spacing:-.025em !important; }
  .reach-grid,.services,.detail-grid,.framework-grid,.about-leadership-grid,.cards-grid { gap:14px !important; }
  .reach-card,.service-card,.detail-card,.framework-card { border-radius:14px !important; }
  .reach-card-body,.service-body,.detail-card-body { padding:19px 17px 21px !important; }
  .form-panel { border-radius:14px !important; padding:21px 15px !important; }
  .strip { padding:32px 0 !important; }
  .footer { padding-top:44px !important; }
  .uxb-footer { padding:48px 0 18px !important; }
  .uxb-footer-grid { grid-template-columns:1fr !important; gap:26px !important; }
}

@media (max-width:420px) {
  .uxb-nav { height:68px !important; min-height:68px !important; padding:0 12px !important; }
  .uxb-brand { height:68px !important; }
  .uxb-logo { width:54px !important; height:54px !important; flex-basis:54px !important; }
  .uxb-logo img { width:49px !important; height:49px !important; }
  .uxb-toggle { width:42px !important; height:42px !important; flex-basis:42px !important; }
  .uxb-menu { left:6px !important; right:6px !important; max-height:calc(100vh - 84px) !important; }
  .hero-copy { padding:42px 16px 34px !important; }
  .hero h1 { font-size:clamp(37px,11.5vw,48px) !important; }
  .hero-copy > p { font-size:13px !important; line-height:1.68 !important; }
}

/* =========================================================
   DESKTOP HEADER POLISH — larger logo + balanced navigation
   Mobile rules below 980px remain unchanged.
   ========================================================= */
@media (min-width: 981px){
  .uxb-nav-wrap{background:#fff!important}
  .uxb-nav{
    min-height:106px!important;
    height:106px!important;
    gap:18px!important;
  }
  .uxb-brand{
    flex:0 0 124px!important;
    min-width:124px!important;
    width:124px!important;
    height:106px!important;
    align-items:center!important;
  }
  .uxb-logo{
    width:104px!important;
    height:104px!important;
    flex:0 0 104px!important;
  }
  .uxb-logo img{
    width:104px!important;
    height:104px!important;
  }
  .uxb-menu{
    height:106px!important;
    flex:1 1 auto!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
  }
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle{
    min-height:106px!important;
    height:106px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
    font-weight:750!important;
  }
  .uxb-dropdown-toggle{gap:6px!important}
  .uxb-cta{
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    height:60px!important;
    min-height:60px!important;
  }
  .uxb-logo img{transition:transform .25s ease!important}
  .uxb-brand:hover .uxb-logo img{transform:scale(1.035)!important}
}

@media (min-width: 981px) and (max-width: 1250px){
  .uxb-nav{min-height:96px!important;height:96px!important;gap:12px!important}
  .uxb-brand{flex-basis:104px!important;min-width:104px!important;width:104px!important;height:96px!important}
  .uxb-logo,.uxb-logo img{width:90px!important;height:90px!important;flex-basis:90px!important}
  .uxb-menu{height:96px!important}
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle{min-height:96px!important;height:96px!important;padding:0 7px!important;font-size:10.3px!important}
  .uxb-cta{flex-basis:148px!important;width:148px!important;min-width:148px!important;height:56px!important;min-height:56px!important;font-size:10px!important}
}

/* =========================================================
   FINAL TYPOGRAPHY + MOBILE MENU ICON CLEANUP
   Targeted only: oversized headings/titles and duplicate mobile icon.
   ========================================================= */

/* Keep only the custom 3-line menu icon. Disable the older Font Awesome
   pseudo-icon that was being applied by earlier CSS patches. */
@media (max-width: 980px){
  .uxb-toggle:before,
  .uxb-toggle:after{
    content:none !important;
    display:none !important;
  }
  .uxb-toggle-lines{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* Slightly more restrained desktop typography. */
@media (min-width: 981px){
  body h1,
  body .hero h1{
    font-size:clamp(40px,4.7vw,64px) !important;
    line-height:1 !important;
  }
  body h2,
  body .section-head h2,
  body .home-framework-head h2{
    font-size:clamp(28px,3.35vw,46px) !important;
    line-height:1.06 !important;
  }
  body .page-hero h1,
  body .detail-hero h1,
  body .detail-hero-standard h1{
    font-size:clamp(40px,5.1vw,62px) !important;
    line-height:1.03 !important;
  }
  body .page-title-content h1{
    font-size:clamp(38px,4.8vw,60px) !important;
    line-height:1.05 !important;
  }
}

/* Mobile: reduce large display headings while keeping hierarchy strong. */
@media (max-width: 980px){
  body .hero h1,
  body h1{
    font-size:clamp(32px,8.8vw,42px) !important;
    line-height:1.02 !important;
    letter-spacing:-.028em !important;
  }
  body h2,
  body .section-head h2,
  body .home-framework-head h2{
    font-size:clamp(25px,7vw,34px) !important;
    line-height:1.08 !important;
    letter-spacing:-.022em !important;
  }
  body .service-body h3,
  body .detail-card h3,
  body .framework-card h3{
    font-size:18px !important;
    line-height:1.15 !important;
  }
  body .page-hero h1,
  body .detail-hero h1,
  body .detail-hero-standard h1{
    font-size:clamp(29px,8.2vw,38px) !important;
    line-height:1.04 !important;
    letter-spacing:-.025em !important;
  }
  body .page-title-content h1{
    font-size:clamp(25px,7.2vw,32px) !important;
    line-height:1.08 !important;
  }
  body .strip h3{
    font-size:18px !important;
    line-height:1.25 !important;
  }
}

@media (max-width:420px){
  body .hero h1,
  body h1{ font-size:clamp(31px,8.8vw,39px) !important; }
  body h2,
  body .section-head h2,
  body .home-framework-head h2{ font-size:clamp(24px,7vw,32px) !important; }
  body .page-hero h1,
  body .detail-hero h1,
  body .detail-hero-standard h1{ font-size:clamp(28px,8.1vw,35px) !important; }
  body .page-title-content h1{ font-size:clamp(24px,7vw,30px) !important; }
}

/* =========================================================
   SITE-WIDE CARD / ICON-BOX CONSISTENCY
   Icon cards and text-only cards use the same top spacing,
   dimensions, alignment, and card-body rhythm across pages.
   Real country photos remain unchanged.
   ========================================================= */
.detail-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
}
.detail-card > .detail-card-image.topic-icon-box,
.detail-card > .detail-card-image.country-card-image {
  flex: 0 0 150px !important;
  width: 100%;
  height: 150px !important;
  min-height: 150px !important;
}
.detail-card > .detail-card-image.topic-icon-box {
  background: #fff !important;
  background-image: none !important;
}
.detail-card > .detail-card-image.country-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail-card > .detail-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
/* Cards intentionally without an icon/image retain the same header slot. */
.detail-card:not(:has(> .detail-card-image))::before {
  content: "";
  display: block;
  flex: 0 0 150px;
  height: 150px;
  background: #fff;
  border-bottom: 0;
}
.detail-card:not(:has(> .detail-card-image)) > .detail-card-body {
  flex: 1 1 auto;
}
.detail-grid {
  align-items: stretch;
}
.detail-grid > .detail-card {
  align-self: stretch;
}
@media (max-width: 767px) {
  .detail-card > .detail-card-image.topic-icon-box,
  .detail-card > .detail-card-image.country-card-image,
  .detail-card:not(:has(> .detail-card-image))::before {
    flex-basis: 140px !important;
    height: 140px !important;
    min-height: 140px !important;
  }
}

/* ==========================================================
   SITE-WIDE CARD / ICON CONSISTENCY + FULL TEXT VISIBILITY
   Keeps the existing page content and visual direction intact.
========================================================== */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
body h1,body h2,body h3,body h4,body h5,body p,body li,body a,body span{
  overflow-wrap:break-word;
  word-break:normal;
}
body h1,body h2,body h3,body h4,body h5{
  height:auto!important;
  max-height:none!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow:visible;
}
body p,body li{
  height:auto!important;
  max-height:none!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow:visible;
  line-height:1.7;
}
/* Shared content cards remain equal-height without cutting long copy. */
.detail-card,.framework-card,.home-copy-card,.wwd-card,.reach-card,.service-card{
  min-width:0;
  height:auto;
  max-height:none;
}
.detail-card-body,.framework-card,.home-copy-card,.wwd-card,.reach-card-body{
  min-width:0;
  overflow:visible;
}
.detail-card h3,.detail-card p,.framework-card h3,.framework-card p,
.home-copy-card h2,.home-copy-card h3,.home-copy-card p,
.wwd-card h2,.wwd-card h3,.wwd-card p,.reach-card h3,.reach-card p{
  display:block;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  max-height:none!important;
}
/* Icon/image areas use one consistent height, whether an icon is present or not. */
.detail-card-image,.topic-icon-box{
  flex:0 0 auto;
  width:100%;
  min-height:190px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  padding:22px;
}
.topic-icon-box .topic-icon-symbol{
  display:flex;
  align-items:center;
  justify-content:center;
  width:74px;
  height:74px;
  flex:0 0 74px;
  font-size:34px;
  line-height:1;
}
.detail-card-image.country-card-image{
  display:block;
  background-size:cover;
  padding:0;
}
.detail-card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:0}
.detail-card-body .detail-action{margin-top:auto;align-self:flex-start}
.framework-card h3{line-height:1.3!important}
.framework-card p,.detail-card p,.home-copy-card p,.wwd-card p{line-height:1.75!important}
/* Never force card copy into a clipped fixed-height region on smaller screens. */
@media(max-width:760px){
  .detail-card-image,.topic-icon-box{height:165px;min-height:165px;padding:18px}
  .topic-icon-box .topic-icon-symbol{width:64px;height:64px;flex-basis:64px;font-size:30px}
  .detail-card-body{padding:20px}
  .detail-card h3{line-height:1.28!important}
  .detail-card p{font-size:14px;line-height:1.7!important}
}
@media(max-width:420px){
  body p,body li{font-size:14px;line-height:1.7}
  .detail-card-image,.topic-icon-box{height:150px;min-height:150px}
  .detail-card-body{padding:17px}
}

/* ==========================================================
   UXB DESIGN SYSTEM — SITE-WIDE REFINEMENT
   One coherent visual language across every page; preserve copy.
========================================================== */
:root{
  --uxb-forest:#073f32;
  --uxb-green:#0b654d;
  --uxb-mint:#eaf3ee;
  --uxb-gold:#d7ad32;
  --uxb-text:#17352d;
  --uxb-muted:#60756d;
  --uxb-stroke:#dce7e1;
  --uxb-card-shadow:0 12px 32px rgba(7,63,50,.075);
  --uxb-card-shadow-hover:0 22px 48px rgba(7,63,50,.14);
}

html{scroll-padding-top:95px}
body{color:var(--uxb-text);font-feature-settings:"kern" 1,"liga" 1}
main{min-width:0}
.container,.page-title-container{width:min(100% - 44px,1240px);max-width:1240px;margin-inline:auto}

/* Consistent page title treatment across all inner pages */
.page-title-section{
  position:relative!important;
  isolation:isolate;
  min-height:310px!important;
  display:flex!important;
  align-items:center!important;
  background-color:var(--uxb-forest)!important;
  background-position:center 48%!important;
  background-size:cover!important;
  border-bottom:4px solid var(--uxb-gold);
}
.page-title-section:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(3,45,35,.94) 0%,rgba(3,63,49,.82) 48%,rgba(3,63,49,.30) 100%);
}
.page-title-overlay{background:transparent!important;z-index:0!important}
.page-title-container{position:relative!important;z-index:2!important;padding:56px 0!important}
.page-title-content{max-width:900px;align-items:center!important;gap:22px!important}
.page-title-line{height:clamp(64px,7vw,90px)!important;width:5px!important;min-width:5px!important;background:var(--uxb-gold)!important;border-radius:8px!important;box-shadow:0 0 0 5px rgba(215,173,50,.12)}
.page-title-content h1{max-width:820px;margin:0 0 14px!important;color:#fff!important;font-size:clamp(36px,5vw,62px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:800!important;text-wrap:balance;overflow-wrap:anywhere}
.page-breadcrumb{display:flex;flex-wrap:wrap;gap:9px!important;font-size:13px!important;line-height:1.6;color:rgba(255,255,255,.86)!important}
.page-breadcrumb a{color:#fff!important;text-underline-offset:4px}
.page-breadcrumb a:hover{color:#f1cd66!important}

/* Shared intro blocks */
.uxb-added-intro{max-width:940px!important;margin:0 auto 42px!important;padding:0 4px}
.uxb-added-intro-heading{font-size:clamp(17px,2vw,22px)!important;line-height:1.4!important;letter-spacing:-.015em;color:var(--uxb-forest)!important;text-wrap:balance}
.uxb-added-intro-description{font-size:15px!important;line-height:1.85!important;color:var(--uxb-muted)!important}
.section{padding-block:clamp(56px,7vw,88px)!important}

/* One common grid rhythm; contact country cards stay photographic and in one row */
.detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
.detail-grid:has(.country-card-image){grid-template-columns:repeat(3,minmax(0,1fr))!important}
.detail-card{
  position:relative;display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;
  overflow:hidden!important;border:1px solid var(--uxb-stroke)!important;border-radius:18px!important;
  background:#fff!important;box-shadow:var(--uxb-card-shadow)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.detail-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--uxb-green),var(--uxb-gold));transform:scaleX(0);transform-origin:left;transition:transform .28s ease;z-index:4;pointer-events:none}
.detail-card:hover{transform:translateY(-5px)!important;box-shadow:var(--uxb-card-shadow-hover)!important;border-color:#bfd5ca!important}
.detail-card:hover:after{transform:scaleX(1)}

/* Icon panels use a consistent visual size, background and icon treatment */
.detail-card > .detail-card-image.topic-icon-box,
.service-card > .service-img.topic-icon-box{
  position:relative!important;display:flex!important;flex:0 0 172px!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:172px!important;min-height:172px!important;max-height:none!important;
  padding:20px!important;overflow:hidden!important;isolation:isolate;
  background:radial-gradient(circle at 50% 35%,#fff 0%,#f0f6f2 42%,#e4efe9 100%)!important;
  background-image:radial-gradient(circle at 50% 35%,#fff 0%,#f0f6f2 42%,#e4efe9 100%)!important;
  border:0!important;border-bottom:1px solid var(--uxb-stroke)!important;border-radius:0!important;
}
.topic-icon-box:before{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-4deg)!important;
  width:88px!important;height:88px!important;border-radius:24px!important;
  background:linear-gradient(145deg,#fff,#f7faf8)!important;border:1px solid rgba(7,63,50,.12)!important;
  box-shadow:0 12px 26px rgba(7,63,50,.10)!important;z-index:1!important;
}
.topic-icon-box:after{
  content:""!important;position:absolute!important;inset:16px!important;border:1px solid rgba(215,173,50,.25)!important;
  border-radius:12px!important;pointer-events:none!important;z-index:0!important;
}
.topic-icon-symbol{
  position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:54px!important;height:54px!important;flex:0 0 54px!important;margin:0!important;
  color:var(--uxb-green)!important;font-family:"Font Awesome 6 Free"!important;font-size:37px!important;line-height:1!important;font-weight:900!important;
  transition:transform .28s ease,color .28s ease!important;
}
.topic-icon-symbol:before{font-family:"Font Awesome 6 Free"!important;font-size:inherit!important;font-weight:900!important;line-height:1!important}
.detail-card:hover .topic-icon-symbol,.service-card:hover .topic-icon-symbol{transform:translateY(-3px) scale(1.08)!important;color:#b98912!important}
.detail-card:hover .topic-icon-box:before,.service-card:hover .topic-icon-box:before{box-shadow:0 16px 30px rgba(7,63,50,.15)!important}

/* Photo cards are deliberately not converted into icon cards */
.detail-card > .detail-card-image.country-card-image{display:block!important;flex:0 0 190px!important;height:190px!important;min-height:190px!important;padding:0!important;background-size:cover!important;background-position:center!important}
.country-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.detail-card:hover .country-card-image img{transform:scale(1.045)}

/* Body copy can wrap naturally; never truncate content or buttons */
.detail-card > .detail-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-width:0!important;padding:25px 26px 27px!important;overflow:visible!important}
.detail-card-body h3{margin:0 0 12px!important;color:var(--uxb-forest)!important;font-size:clamp(17px,1.5vw,21px)!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.018em!important;overflow-wrap:anywhere!important;text-wrap:pretty}
.detail-card-body p{margin:0 0 13px!important;color:var(--uxb-muted)!important;font-size:14px!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;max-height:none!important;display:block!important}
.detail-card-body p:last-of-type{margin-bottom:18px!important}
.detail-card .detail-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;gap:8px!important;margin-top:auto!important;padding:11px 15px!important;max-width:100%;white-space:normal!important;text-align:left!important;line-height:1.45!important;border:1px solid rgba(215,173,50,.4)!important;border-radius:8px!important;background:var(--uxb-gold)!important;color:#18382d!important;font-size:11px!important;font-weight:800!important;letter-spacing:.015em!important;box-shadow:0 7px 16px rgba(215,173,50,.16)!important;transition:transform .25s ease,background .25s ease!important}
.detail-card .detail-action:hover{transform:translateY(-2px)!important;background:#e8c45a!important}

/* Keep home page cards visually related to inner-page cards */
.home-copy-card,.framework-card,.reach-card,.service-card,.wwd-card{border-color:var(--uxb-stroke)!important;border-radius:17px!important;box-shadow:var(--uxb-card-shadow)!important;min-width:0!important}
.home-copy-card h2,.home-copy-card h3,.framework-card h3,.reach-card h3,.service-body h3,.wwd-card h3{overflow-wrap:anywhere;text-wrap:pretty}
.home-copy-card p,.framework-card p,.reach-card p,.service-body p,.wwd-card p{overflow-wrap:anywhere;line-height:1.8!important}
.framework-card{padding:25px!important;min-height:220px!important;transition:transform .28s ease,box-shadow .28s ease!important}
.framework-card:hover{transform:translateY(-5px);box-shadow:var(--uxb-card-shadow-hover)!important}

/* Focus and motion accessibility */
a:focus-visible,button:focus-visible{outline:3px solid rgba(215,173,50,.85)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:900px){
  .page-title-section{min-height:270px!important}
  .page-title-container{width:min(100% - 36px,1240px);padding:42px 0!important}
  .detail-grid,.detail-grid:has(.country-card-image){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .detail-card > .detail-card-image.topic-icon-box,.service-card > .service-img.topic-icon-box{flex-basis:158px!important;height:158px!important;min-height:158px!important}
  .detail-card > .detail-card-image.country-card-image{flex-basis:170px!important;height:170px!important;min-height:170px!important}
  .detail-card > .detail-card-body{padding:22px!important}
}
@media(max-width:600px){
  .container,.page-title-container{width:min(100% - 30px,1240px)}
  .page-title-section{min-height:230px!important;background-position:center!important}
  .page-title-container{padding:34px 0!important}
  .page-title-content{gap:15px!important;align-items:flex-start!important}
  .page-title-line{height:58px!important;width:4px!important;min-width:4px!important;margin-top:4px}
  .page-title-content h1{font-size:clamp(29px,8vw,39px)!important;line-height:1.1!important;margin-bottom:10px!important}
  .page-breadcrumb{font-size:12px!important;gap:7px!important}
  .uxb-added-intro{margin-bottom:28px!important}
  .uxb-added-intro-heading{font-size:16px!important}
  .uxb-added-intro-description{font-size:14px!important;line-height:1.75!important}
  .detail-grid,.detail-grid:has(.country-card-image){grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .detail-card > .detail-card-image.topic-icon-box,.service-card > .service-img.topic-icon-box{flex-basis:148px!important;height:148px!important;min-height:148px!important}
  .topic-icon-box:before{width:76px!important;height:76px!important;border-radius:21px!important}
  .topic-icon-box:after{inset:12px!important}
  .topic-icon-symbol{font-size:32px!important;width:46px!important;height:46px!important;flex-basis:46px!important}
  .detail-card > .detail-card-image.country-card-image{flex-basis:200px!important;height:200px!important;min-height:200px!important}
  .detail-card > .detail-card-body{padding:21px!important}
  .detail-card-body h3{font-size:19px!important}
  .detail-card-body p{font-size:14px!important;line-height:1.75!important}
  .detail-card .detail-action{font-size:12px!important}
}

/* =========================================================
   UNITED X BORDERS — SHARED SITE-WIDE DESIGN SYSTEM
   Unified page titles, cards, typography and readable content
   ========================================================= */
:root{
  --uxb-forest:#064b3b;
  --uxb-deep:#043d31;
  --uxb-green:#0b6b50;
  --uxb-gold:#d8ad32;
  --uxb-ink:#173d34;
  --uxb-muted:#5d716a;
  --uxb-stroke:#d9e6df;
  --uxb-surface:#ffffff;
  --uxb-soft:#f2f7f4;
  --uxb-card-shadow:0 12px 34px rgba(5,55,42,.075);
  --uxb-card-shadow-hover:0 20px 42px rgba(5,55,42,.13);
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--uxb-ink);-webkit-font-smoothing:antialiased}
main{min-width:0;overflow-wrap:anywhere}
main section{min-width:0}
main h1,main h2,main h3,main h4{font-family:Inter,Arial,sans-serif;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
main p,main li,main a{overflow-wrap:anywhere;word-break:normal}
main p{line-height:1.78}
.page-title-section{min-height:270px!important;display:flex!important;align-items:center!important;background-size:cover!important;background-position:center!important;overflow:visible!important}
.page-title-overlay{background:linear-gradient(90deg,rgba(3,54,42,.94),rgba(3,54,42,.78) 55%,rgba(3,54,42,.32))!important}
.page-title-container{width:min(100% - 48px,1240px)!important;max-width:1240px!important;margin-inline:auto!important;padding:54px 0!important}
.page-title-content{align-items:center!important;gap:22px!important;min-width:0}
.page-title-content h1{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(34px,4.4vw,56px)!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.035em!important;max-width:900px!important;overflow-wrap:anywhere!important}
.page-title-line{height:clamp(58px,7vw,82px)!important;width:5px!important;min-width:5px!important;border-radius:8px!important;background:var(--uxb-gold)!important}
.page-breadcrumb{flex-wrap:wrap;line-height:1.6}
.detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:24px!important}
.detail-grid:has(.country-card-image){grid-template-columns:repeat(3,minmax(0,1fr))!important}
.detail-card,.wwd-card,.home-copy-card,.framework-card,.reach-card,.service-card{
  min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;
  background:var(--uxb-surface)!important;color:var(--uxb-ink)!important;
  border:1px solid var(--uxb-stroke)!important;border-radius:18px!important;
  box-shadow:var(--uxb-card-shadow)!important;overflow:visible!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.detail-card:hover,.wwd-card:hover,.home-copy-card:hover,.framework-card:hover,.reach-card:hover,.service-card:hover{
  transform:translateY(-4px);box-shadow:var(--uxb-card-shadow-hover)!important;border-color:#bfd6ca!important
}
/* Remove alternating dark cards so all sections share one calm premium system. */
.wwd-card.dark,.wwd-card.dark h2,.wwd-card.dark h3,.wwd-card.dark p,.wwd-card.dark li{background:var(--uxb-surface)!important;color:var(--uxb-ink)!important}
.detail-card > .detail-card-image.topic-icon-box,.service-card > .service-img.topic-icon-box{
  flex:0 0 164px!important;height:164px!important;min-height:164px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#edf5f0,#f7faf8)!important;
  border-bottom:1px solid var(--uxb-stroke)!important;border-radius:17px 17px 0 0!important;padding:20px!important
}
.topic-icon-box:before{width:82px!important;height:82px!important;border:1px solid #c8ded3!important;background:#fff!important;box-shadow:0 10px 26px rgba(5,55,42,.08)!important}
.topic-icon-box:after{border-color:rgba(11,107,80,.12)!important}
.topic-icon-symbol{color:var(--uxb-green)!important;line-height:1!important}
.detail-card > .detail-card-image.country-card-image{flex:0 0 180px!important;height:180px!important;min-height:180px!important;overflow:hidden!important;border-radius:17px 17px 0 0!important}
.detail-card > .detail-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;padding:26px!important;overflow:visible!important;gap:0!important}
.detail-card-body h3,.wwd-card h3,.home-copy-card h2,.home-copy-card h3,.framework-card h3,.reach-card h3,.service-body h3{
  color:var(--uxb-forest)!important;font-size:clamp(19px,1.65vw,24px)!important;font-weight:800!important;line-height:1.3!important;margin:0 0 14px!important;overflow:visible!important
}
.detail-card-body p,.wwd-card p,.home-copy-card p,.framework-card p,.reach-card p,.service-body p{
  color:var(--uxb-muted)!important;font-size:15px!important;line-height:1.8!important;margin:0 0 14px!important;
  max-height:none!important;height:auto!important;display:block!important;overflow:visible!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important
}
.detail-card-body p:last-of-type{margin-bottom:20px!important}
.detail-card .detail-action,.wwd-card a,.home-copy-card a,.framework-card a,.reach-card a,.service-card a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  align-self:flex-start!important;max-width:100%!important;white-space:normal!important;text-align:center!important;
  padding:12px 17px!important;border-radius:9px!important;background:var(--uxb-gold)!important;color:#173d34!important;
  font-size:12px!important;font-weight:800!important;line-height:1.5!important;text-decoration:none!important;
  border:1px solid rgba(181,139,22,.25)!important;box-shadow:0 7px 16px rgba(181,139,22,.13)!important
}
.detail-card .detail-action:hover,.wwd-card a:hover,.home-copy-card a:hover,.framework-card a:hover,.reach-card a:hover,.service-card a:hover{background:#e6c14c!important;transform:translateY(-2px)}
.uxb-added-intro{max-width:1120px!important;margin:0 auto 36px!important;padding-inline:10px}
.uxb-added-intro-heading{font-size:clamp(17px,1.7vw,21px)!important;line-height:1.55!important;color:var(--uxb-forest)!important}
.uxb-added-intro-description{font-size:16px!important;line-height:1.85!important;color:var(--uxb-muted)!important}
/* Keep long text and content boxes open; no fixed-height clipping. */
.detail-card *, .wwd-card *, .home-copy-card *, .framework-card *, .reach-card *, .service-card *{text-overflow:clip!important}
@media(max-width:1000px){
 .detail-grid:has(.country-card-image){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .detail-card > .detail-card-body{padding:22px!important}
}
@media(max-width:640px){
 .page-title-section{min-height:220px!important}
 .page-title-container{width:calc(100% - 32px)!important;padding:34px 0!important}
 .page-title-content{gap:14px!important;align-items:flex-start!important}
 .page-title-content h1{font-size:clamp(29px,8vw,38px)!important;line-height:1.15!important}
 .page-title-line{height:56px!important;width:4px!important;min-width:4px!important;margin-top:4px}
 .detail-grid,.detail-grid:has(.country-card-image){grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 .detail-card > .detail-card-image.topic-icon-box,.service-card > .service-img.topic-icon-box{flex-basis:138px!important;height:138px!important;min-height:138px!important}
 .detail-card > .detail-card-image.country-card-image{flex-basis:200px!important;height:200px!important;min-height:200px!important}
 .detail-card > .detail-card-body{padding:21px!important}
 .detail-card-body h3,.wwd-card h3,.home-copy-card h2,.home-copy-card h3,.framework-card h3,.reach-card h3,.service-body h3{font-size:20px!important}
 .detail-card-body p,.wwd-card p,.home-copy-card p,.framework-card p,.reach-card p,.service-body p{font-size:14px!important;line-height:1.78!important}
 .detail-card .detail-action{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detail-card,.wwd-card,.home-copy-card,.framework-card,.reach-card,.service-card{transition:none!important}}


/* =========================================================
   UXB FINAL CARD CONSISTENCY PATCH — all pages
   ========================================================= */
.detail-grid, .home-two-grid, .wwd-two-col {
  align-items: stretch !important;
}
.detail-grid > .detail-card,
.home-two-grid > .home-copy-card,
.wwd-two-col > .wwd-card,
.home-framework > .framework-card,
.detail-grid > .framework-card,
.detail-grid > .service-card,
.detail-grid > .reach-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: #fff !important;
  color: #173d34 !important;
  border: 1px solid #d9e6df !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 34px rgba(5,55,42,.075) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.detail-grid > .detail-card:hover,
.home-two-grid > .home-copy-card:hover,
.wwd-two-col > .wwd-card:hover,
.home-framework > .framework-card:hover,
.detail-grid > .framework-card:hover,
.detail-grid > .service-card:hover,
.detail-grid > .reach-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 42px rgba(5,55,42,.13) !important;
  border-color: #bfd6ca !important;
}
.detail-card > .detail-card-body {
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 27px 28px 26px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  gap: 0 !important;
}
.detail-card > .detail-card-body:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  background: linear-gradient(180deg,#086348 0%,#d8ad32 100%) !important;
}
.detail-card > .detail-card-body { position: relative !important; }
.detail-card-body h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #03382d !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  margin: 0 0 14px !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
}
.detail-card-body p {
  color: #52665f !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 0 14px !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}
.detail-card .detail-action {
  margin-top: 8px !important;
  align-self: flex-start !important;
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.5 !important;
}
.home-copy-card, .wwd-card, .framework-card, .reach-card, .service-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.home-copy-card h2, .home-copy-card h3, .wwd-card h3, .framework-card h3, .reach-card h3, .service-body h3 {
  overflow-wrap: anywhere !important;
  line-height: 1.3 !important;
}
.home-copy-card p, .wwd-card p, .framework-card p, .reach-card p, .service-body p {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.8 !important;
}
@media (max-width: 800px) {
  .detail-grid { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
  .detail-grid:has(.country-card-image) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .detail-card > .detail-card-body { padding: 24px 22px 23px 28px !important; }
  .detail-card-body h3 { font-size: 24px !important; }
}
@media (max-width: 560px) {
  .detail-grid, .detail-grid:has(.country-card-image) { grid-template-columns: minmax(0,1fr) !important; }
  .detail-card > .detail-card-body { padding: 22px 18px 22px 25px !important; }
  .detail-card-body h3 { font-size: 22px !important; }
  .detail-card-body p { font-size: 14px !important; line-height: 1.75 !important; }
}
/* Country photo cards on Contact stay image-based; do not replace them with icon/text cards. */
.detail-card > .detail-card-image.country-card-image { display: block !important; }


/* =========================================================
   UNITED X BORDERS — GLOBAL TYPOGRAPHY CONSISTENCY
   One body font, one display font, responsive scale, no clipping.
   ========================================================= */
:root {
  --uxb-font: 'Manrope', 'Inter', Arial, sans-serif;
  --uxb-display: 'Playfair Display', Georgia, serif;
  --uxb-body-size: 15.5px;
  --uxb-body-line: 1.78;
}
html, body { font-family: var(--uxb-font) !important; }
body { font-size: var(--uxb-body-size) !important; line-height: var(--uxb-body-line) !important; }
body p, main p, .detail-card-body p, .wwd-card p, .home-copy-card p,
.framework-card p, .reach-card p, .service-body p, .section-description {
  font-family: var(--uxb-font) !important;
  font-size: 15.5px !important;
  line-height: 1.78 !important;
  font-weight: 400 !important;
  overflow: visible !important;
  max-height: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body h1, body h2, body h3, body h4,
main h1, main h2, main h3, main h4,
.page-title-content h1, .page-hero h1, .section-head h2,
.detail-card-body h3, .wwd-card h2, .home-copy-card h2,
.home-copy-card h3, .framework-card h3, .reach-card h3, .service-body h3 {
  font-family: var(--uxb-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  text-wrap: balance;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  max-height: none !important;
  overflow: visible !important;
}
/* Shared inner-page title size: more restrained and consistent */
.page-title-content h1 {
  font-family: var(--uxb-display) !important;
  font-size: clamp(32px, 3.6vw, 46px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.03em !important;
  font-weight: 700 !important;
  max-width: 900px !important;
  margin-bottom: 10px !important;
}
.detail-card-body h3, .wwd-card h2, .home-copy-card h2,
.home-copy-card h3, .framework-card h3, .reach-card h3, .service-body h3 {
  font-size: clamp(20px, 1.8vw, 27px) !important;
  line-height: 1.25 !important;
}
body button, body input, body textarea, body select, body .detail-action,
body .uxb-menu a, body .uxb-dropdown-toggle, body .uxb-cta,
body .nav-links, body .page-breadcrumb {
  font-family: var(--uxb-font) !important;
}
@media (max-width: 767px) {
  body, body p, main p, .detail-card-body p, .wwd-card p,
  .home-copy-card p, .framework-card p, .reach-card p, .service-body p {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
  .page-title-content h1 { font-size: clamp(27px, 7vw, 36px) !important; line-height: 1.16 !important; }
  .detail-card-body h3, .wwd-card h2, .home-copy-card h2,
  .home-copy-card h3, .framework-card h3, .reach-card h3, .service-body h3 {
    font-size: 21px !important;
    line-height: 1.25 !important;
  }
}
@media (max-width: 420px) {
  .page-title-content h1 { font-size: 27px !important; }
  .detail-card-body h3, .wwd-card h2, .home-copy-card h2,
  .home-copy-card h3, .framework-card h3, .reach-card h3, .service-body h3 { font-size: 19px !important; }
}

/* Fix: keep header and section CTA button labels on a single line. */
.uxb-header .uxb-cta {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  padding: 11px 12px !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
}
.uxb-header .uxb-cta span,
.uxb-header .uxb-cta span b {
  display: inline !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.btn, a.btn, button.btn, .strip .btn, .strip-inner > a {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  flex-shrink: 0 !important;
}
@media (max-width: 767px) {
  .btn, a.btn, button.btn, .strip .btn, .strip-inner > a {
    font-size: 12px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

/* UXB brand-colour consistency pass: forest green, lime and gold from the logo */
:root{--uxb-brand-green:#07543f;--uxb-brand-green-dark:#03382d;--uxb-brand-lime:#83c92c;--uxb-brand-gold:#dcae39;--uxb-brand-pale:#f5f8f2}
.site-header,.header,.main-header{border-bottom-color:rgba(7,84,63,.14)}
.site-header .nav a:hover,.header .nav a:hover,.main-header .nav a:hover{color:var(--uxb-brand-green)!important}
button,.btn,.button,.detail-action,.primary-btn,.cta-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn-primary,.primary-btn,.cta-button,.detail-action{background:var(--uxb-brand-green)!important;border-color:var(--uxb-brand-green)!important;color:#fff!important}
.btn-primary:hover,.primary-btn:hover,.cta-button:hover,.detail-action:hover{background:var(--uxb-brand-gold)!important;border-color:var(--uxb-brand-gold)!important;color:#17382d!important}
.section-title h2,.section-heading h2,.uxb-about-content h2,.wwd-intro h2{color:var(--uxb-brand-green-dark)}
.wwd-icon{background:#f2fac0!important;border-color:#e2ef8a!important;color:#07834b!important}
.footer,.site-footer{border-top-color:var(--uxb-brand-lime)}

/* Header menu font size increase only */
@media (min-width: 1181px) {
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle,
  .uxb-menu > a { font-size: 11.5px !important; }
}
@media (min-width: 981px) and (max-width: 1180px) {
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle,
  .uxb-menu > a { font-size: 10.5px !important; }
}
@media (max-width: 980px) {
  .uxb-menu .uxb-main-link,
  .uxb-menu .uxb-dropdown-toggle,
  .uxb-menu > a { font-size: 13px !important; }
}


/* =========================================================
   UXB / EXSOLIZE-INSPIRED DESIGN SYSTEM
   Retains United X Borders identity and all existing copy.
   Homepage hero image intentionally removed as requested.
   ========================================================= */
:root{
 --green:#075640;--green-2:#0b7355;--deep:#063c2e;--lime:#83c92c;
 --gold:#dcae39;--cream:#f5f8f3;--line:#dfe8e2;--ink:#18352c;
 --muted:#64776f;--shadow:0 16px 42px rgba(5,61,45,.09);--radius:16px;
}
body{font-family:Inter,Manrope,Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.7}
.site-header,.uxb-header{background:rgba(255,255,255,.97);box-shadow:0 4px 24px rgba(5,61,45,.045)}
.uxb-nav-wrap{border-bottom:1px solid rgba(7,86,64,.12)}
.uxb-menu .uxb-main-link,.uxb-menu .uxb-dropdown-toggle,.uxb-menu>a{font-weight:650;letter-spacing:.005em}
.hero{display:block;min-height:0;background:linear-gradient(135deg,#f5f8f3 0%,#fff 58%,#eef5e9 100%);position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;width:540px;height:540px;border:1px solid rgba(131,201,44,.24);border-radius:50%;right:-170px;top:-230px;box-shadow:0 0 0 46px rgba(131,201,44,.035),0 0 0 96px rgba(131,201,44,.025)}
.hero:after{content:"";position:absolute;z-index:-1;width:8px;height:8px;border-radius:50%;background:var(--gold);right:17%;bottom:18%;box-shadow:0 0 0 12px rgba(220,174,57,.12)}
.hero-copy{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:100px 0 108px;min-height:470px;max-width:1180px}
.hero .eyebrow{font-size:11px;letter-spacing:.15em;color:var(--green-2)}
.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(46px,6.2vw,78px);font-weight:800;line-height:1.02;letter-spacing:-.055em;max-width:850px;color:var(--deep);margin:20px 0 25px}
.hero-copy p{font-size:clamp(16px,1.5vw,18px);line-height:1.8;max-width:730px;color:#526a60}
.hero-actions{margin-top:4px}
.btn,.nav-cta,.detail-card .detail-action{background:var(--green)!important;color:#fff!important;border-radius:5px;box-shadow:0 8px 20px rgba(7,86,64,.15);font-size:13px;padding:13px 21px}
.btn:hover,.nav-cta:hover,.detail-card .detail-action:hover{background:var(--gold)!important;color:#17382d!important;transform:translateY(-2px)}
.btn-outline{background:transparent!important;color:var(--green)!important;border:1px solid rgba(7,86,64,.3)!important;box-shadow:none!important}
.btn-outline:hover{background:var(--green)!important;color:#fff!important}
.section,.home-two-column{padding-top:88px;padding-bottom:88px}
.home-two-column{background:#fff}
.home-how-title,h2,.page-hero h1,.detail-hero h1{font-family:Manrope,Inter,sans-serif;letter-spacing:-.04em}
.home-how-title{font-size:clamp(32px,4vw,48px);line-height:1.12;color:var(--deep);margin-bottom:44px}
.home-copy-card,.wwd-card,.service-card,.detail-card,.reach-card{border:1px solid #dfe8e2!important;border-radius:12px!important;box-shadow:0 10px 32px rgba(5,61,45,.055)!important;background:#fff!important}
.home-copy-card{padding:34px!important}
.home-copy-card h2{font-size:clamp(22px,2.2vw,27px);color:var(--deep);letter-spacing:-.025em}
.home-copy-card p,.service-body p,.detail-card p,.section-head p{font-size:14px;line-height:1.8;color:var(--muted)}
.home-card-icon{background:#f1f7e8!important;border:1px solid #e0edcf!important;color:var(--green)!important;border-radius:12px!important}
.text-link{color:var(--green-2)!important;font-size:12px;letter-spacing:.06em}
.page-hero,.detail-hero{background:linear-gradient(135deg,#f5f8f3,#fff 75%);padding:78px 0 72px;border-bottom:1px solid var(--line)}
.page-hero h1,.detail-hero h1{font-size:clamp(42px,5.5vw,68px);line-height:1.06;color:var(--deep)}
.page-hero p,.detail-hero p{font-size:15px;line-height:1.85}
.page-hero-art,.detail-hero-image{border-radius:12px;box-shadow:var(--shadow)}
.strip{background:var(--deep);padding:48px 0}
.strip h3{font-family:Manrope,Inter,sans-serif;font-size:clamp(22px,2.6vw,30px);line-height:1.3;max-width:800px}
.strip p{font-size:14px}
.footer,.uxb-footer{background-color:#03382b}
.footer a:hover,.uxb-footer a:hover{color:var(--lime)!important}
@media(max-width:900px){.hero-copy{padding:76px 0 82px;min-height:0}.hero:before{width:360px;height:360px;right:-190px;top:-150px}.hero:after{right:12%;bottom:13%}}
@media(max-width:700px){.hero-copy{width:calc(100% - 32px);padding:66px 0 72px}.hero h1{font-size:clamp(40px,11vw,54px)}.section,.home-two-column{padding-top:58px;padding-bottom:58px}.home-copy-card{padding:25px 22px!important}.page-hero,.detail-hero{padding:55px 0}.hero-actions{gap:10px}}

/* UXB Exsolize-reference alignment: preserve all existing wording and functionality. */
:root{--max:1180px;--radius:8px;--shadow:0 8px 28px rgba(3,56,45,.07)}
html,body,button,input,select,textarea{font-family:Inter,Arial,sans-serif}
body{font-size:15px;line-height:1.7;color:#303b37}
h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,sans-serif;letter-spacing:-.025em}
/* The reference homepage uses a single text-led hero. Keep the slider image removed and collapse its unused column. */
.hero{display:block;min-height:0;background:#f5f7f3;border:0}
.hero-copy{max-width:1180px;margin:0 auto;padding:112px 20px 100px}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:700;max-width:780px}
.hero-copy p{max-width:820px;font-size:16px;line-height:1.8;color:#4d5b55}
.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700}
.btn{border-radius:4px;box-shadow:none;font-size:13px;font-weight:700;padding:13px 21px}
.btn:hover{transform:translateY(-1px)}
.home-two-column{background:#fff!important;padding:76px 0!important}
.home-how-title{font-size:clamp(29px,3.4vw,40px)!important;letter-spacing:-.03em!important;font-weight:700!important;color:#123d31!important}
.home-two-grid{gap:22px!important}
.home-copy-card,.wwd-card,.detail-card,.reach-card{border:1px solid #e3e8e5!important;border-radius:8px!important;box-shadow:0 5px 22px rgba(15,44,34,.045)!important}
.home-copy-card:hover,.wwd-card:hover,.detail-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,44,34,.08)!important}
.home-copy-card h2,.wwd-card h2,.detail-card h3{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.02em!important}
.home-copy-card p,.wwd-card p,.detail-card p{line-height:1.8}
.strip{background:#063f31!important}
@media(max-width:800px){.hero-copy{padding:72px 20px 66px}.hero h1{font-size:clamp(34px,9vw,48px)}.home-two-column{padding:48px 0!important}}


/* Exsolize-inspired centered hero for United X Borders: preserve UXB wording and branding. */
.uxb-reference-hero{
  position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:84px 24px 78px;background:#fbfff3;text-align:center;
}
.uxb-reference-hero-bg{
  position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(100deg,rgba(255,255,255,.93),rgba(249,255,230,.89)),url("../images/title.png");
  background-position:center 48%;background-size:cover;background-repeat:no-repeat;opacity:1;
}
.uxb-reference-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(255,255,255,.28),rgba(240,250,218,.24));pointer-events:none}
.uxb-reference-hero-content{width:min(100%,1220px);margin:auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.uxb-reference-hero-copy{max-width:1210px;margin:0 auto 32px;color:#36526b;font-size:clamp(23px,2.05vw,29px);font-weight:750;line-height:1.34;letter-spacing:-.025em}
.uxb-reference-hero-subtitle{margin:0 0 18px;color:#40566b;font-size:16px;line-height:1.6}
.uxb-reference-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:58px;padding:0 32px;border-radius:999px;background:#d7aa37;color:#092b24;font-size:15px;font-weight:800;box-shadow:0 10px 22px rgba(118,184,42,.2);transition:transform .22s,box-shadow .22s,background .22s}
.uxb-reference-hero-button:hover{transform:translateY(-3px);background:#8aca32;box-shadow:0 14px 28px rgba(118,184,42,.28)}
.uxb-reference-hero-button span{font-size:19px;line-height:1}
.uxb-contact-reference-hero{min-height:480px;padding-top:72px;padding-bottom:68px}
.uxb-reference-contact-kicker{margin:0 0 10px;color:var(--green-2);font-size:12px;font-weight:900;letter-spacing:.2em}
.uxb-reference-contact-title{margin:0 auto 20px!important;max-width:none!important;color:var(--deep)!important;font-size:clamp(38px,4.6vw,62px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:800!important}
.uxb-contact-reference-hero .uxb-reference-hero-copy{font-size:clamp(20px,1.8vw,25px);max-width:950px;margin-bottom:20px}
.uxb-contact-reference-hero .uxb-reference-hero-subtitle{margin-bottom:22px}
.uxb-added-intro-heading{color:var(--deep)!important}
@media(max-width:767px){
 .uxb-reference-hero{min-height:510px;padding:64px 20px 58px}
 .uxb-reference-hero-copy{font-size:22px;line-height:1.38;margin-bottom:24px}
 .uxb-reference-hero-subtitle{font-size:15px}
 .uxb-reference-hero-button{min-height:54px;padding:0 27px}
 .uxb-contact-reference-hero{min-height:400px;padding-top:52px;padding-bottom:48px}
 .uxb-reference-contact-title{font-size:38px!important;margin-bottom:16px!important}
 .uxb-contact-reference-hero .uxb-reference-hero-copy{font-size:19px}
}
@media(max-width:420px){.uxb-reference-hero{min-height:475px}.uxb-reference-hero-copy{font-size:20px}.uxb-contact-reference-hero{min-height:375px}}


/* Shared Exsolize-inspired compact page title section for inner pages. */
.uxb-page-reference-hero{min-height:390px!important;padding:48px 22px 42px!important}
.uxb-page-reference-hero .uxb-reference-hero-content{max-width:1180px!important;margin-inline:auto!important}
.uxb-page-reference-hero .uxb-reference-hero-copy{font-size:clamp(18px,1.65vw,23px);max-width:1000px;margin-bottom:24px}
@media(max-width:700px){
 .uxb-page-reference-hero{min-height:315px!important;padding:38px 18px 32px!important}
 .uxb-page-reference-hero .uxb-reference-contact-title{font-size:34px!important;margin-bottom:12px!important}
 .uxb-page-reference-hero .uxb-reference-hero-copy{font-size:16px;line-height:1.5;margin-bottom:20px}
}


/* =========================================================
   UXB SITE-WIDE CONSISTENCY UPDATE — October 2026
   Align content cards to the Home page's How We Do It cards.
   ========================================================= */
:root {
  --uxb-brand-green: #07583f;
  --uxb-brand-deep: #063d30;
  --uxb-brand-lime: #c4f52f;
  --uxb-brand-border: #d9e5df;
  --uxb-brand-shadow: 0 8px 22px rgba(5, 61, 48, .09);
}
html body { font-family: Inter, Manrope, Arial, sans-serif; }
/* Larger, more readable desktop navigation */
.uxb-header .uxb-main-link,
.uxb-header .uxb-dropdown-toggle,
.uxb-header .uxb-cta,
.uxb-header .uxb-menu a {
  font-family: Inter, Manrope, Arial, sans-serif;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .005em;
}
.uxb-header .uxb-dropdown-menu a { font-size: 14px; font-weight: 550; }
@media (max-width: 991px) {
  .uxb-header .uxb-main-link,
  .uxb-header .uxb-dropdown-toggle,
  .uxb-header .uxb-menu a { font-size: 15px; }
}
/* Shared card language: green accents, soft border, rounded corners */
.detail-grid .detail-card,
.detail-card,
.card-grid .card,
.feature-card,
.opportunity-card,
.blog-card,
.what-we-do-card,
.about-card {
  border: 1px solid var(--uxb-brand-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(5, 61, 48, .055);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.detail-grid .detail-card:hover,
.detail-card:hover,
.card-grid .card:hover,
.feature-card:hover,
.opportunity-card:hover,
.blog-card:hover,
.what-we-do-card:hover,
.about-card:hover {
  transform: translateY(-3px);
  border-color: rgba(7, 88, 63, .32);
  box-shadow: 0 12px 28px rgba(5, 61, 48, .11);
}
.detail-grid .detail-card:before,
.detail-card:before,
.card-grid .card:before,
.feature-card:before,
.opportunity-card:before,
.blog-card:before,
.what-we-do-card:before,
.about-card:before {
  background: linear-gradient(180deg, var(--uxb-brand-green), var(--uxb-brand-lime));
}
.detail-grid .detail-card h3,
.detail-card h3,
.card-grid .card h3,
.feature-card h3,
.opportunity-card h3,
.blog-card h3,
.what-we-do-card h3,
.about-card h3 { color: var(--uxb-brand-deep); font-family: Inter, Manrope, Arial, sans-serif; }
.detail-grid .detail-action,
.detail-action,
.card-grid .card a,
.feature-card a,
.opportunity-card a,
.blog-card a,
.what-we-do-card a,
.about-card a {
  color: var(--uxb-brand-green);
  font-weight: 700;
}
/* Keep content sections visually consistent and avoid overly tall title banners */
.page-title-section { min-height: 235px; }
.page-title-container { padding-top: 34px; padding-bottom: 34px; }
.page-title-content h1 { font-family: Inter, Manrope, Arial, sans-serif; }
@media (max-width: 767px) {
  .page-title-section { min-height: 175px; }
  .page-title-container { padding: 26px 20px; }
  .page-title-content h1 { font-size: clamp(28px, 7vw, 38px); }
}
/* Contact office cards: clean, consistent and brand-aligned */
#contact-regions { align-items: stretch; gap: 22px; }
#contact-regions .detail-card { min-width: 0; }
#contact-regions .detail-card-body { padding: 25px 25px 24px; }
#contact-regions .detail-card h3 { letter-spacing: .04em; }
#contact-regions .detail-card-image { background: #f4f8f5; }
#contact-regions .detail-card-image img { width: 100%; height: 190px; object-fit: cover; }
@media (max-width: 767px) {
  #contact-regions { grid-template-columns: 1fr !important; gap: 16px; }
  #contact-regions .detail-card-body { padding: 21px 20px; }
  #contact-regions .detail-card-image img { height: 170px; }
}


/* Match the Home page home-copy-card design across inner-page content boxes */
.detail-grid .detail-card,.detail-grid .detail-card-body{background:linear-gradient(120deg,#fff 55%,#fbfff0)!important;border:1px solid #e1edc9!important;border-radius:20px!important;box-shadow:0 14px 32px rgba(17,42,55,.09)!important;min-width:0}.detail-grid .detail-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.detail-grid .detail-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(17,42,55,.13)!important}.detail-grid .detail-card:before{display:none!important}.detail-grid .detail-card-body{padding:32px!important}.detail-grid .detail-card h3,.detail-grid .detail-card-body h3{color:#071b3b!important;font-family:Manrope,Inter,Arial,sans-serif!important;font-size:clamp(21px,2vw,27px)!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0 0 16px!important}.detail-grid .detail-card p{color:#40566b!important;font-size:15px!important;line-height:1.75!important}.detail-grid .detail-card .detail-action{background:#dfb649!important;color:#092b24!important;border-radius:999px!important;padding:11px 18px!important;font-weight:800!important;box-shadow:none!important}.detail-grid .detail-card .detail-action:hover{background:#aeea18!important}@media(max-width:800px){.detail-grid .detail-card-body{padding:25px 23px!important}}
/* Contact page layout based on supplied reference */
.uxb-contact-offices-section{padding-top:42px!important;padding-bottom:58px!important}.uxb-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.uxb-office-heading{color:#071b3b;font-size:28px;line-height:1.2;font-weight:800;margin:0 0 26px}.uxb-office-column{display:grid;gap:24px}.uxb-office-card{padding:25px 26px!important;border-radius:15px!important;background:linear-gradient(120deg,#fff 55%,#fbfff0)!important;border:1px solid #dce7f0!important;box-shadow:0 5px 18px rgba(15,44,34,.035)!important}.uxb-office-card h3{color:#285b1e!important;font-size:18px!important;font-weight:700!important;margin:0 0 13px!important}.uxb-office-card>strong{display:block;color:#071b3b;font-size:14px;margin-bottom:15px}.uxb-green-dot{display:inline-block;width:7px;height:7px;background:#c7f72d;border-radius:50%;margin:0 8px 2px 0}.uxb-office-line{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0!important;color:#5a6b7d!important;font-size:12px!important;line-height:1.55!important}.uxb-office-line a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.uxb-office-line a:hover{color:#17683f}.uxb-office-symbol{width:15px;flex:0 0 15px;color:#527c25;font-size:15px;line-height:1.1}.uxb-contact-side{display:grid;gap:22px;padding-top:4px}.uxb-connect-card{padding:30px 26px!important;text-align:center;border-radius:17px!important;background:linear-gradient(120deg,#f8fbff,#f8fbea)!important;border:1px solid #dce7f0!important;box-shadow:0 7px 13px rgba(17,42,55,.1)!important}.uxb-connect-card h2{margin:0 0 23px!important;color:#071b3b!important;font-size:25px!important;font-weight:800!important}.uxb-country-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.uxb-country-tabs button{min-width:84px;border:1px solid #dce7f0;background:#fff;color:#071b3b;padding:12px 18px;border-radius:999px;font:600 12px Manrope,Inter,Arial,sans-serif;cursor:pointer}.uxb-country-tabs button.is-active,.uxb-country-tabs button:hover{background:#c7f72d;border-color:#c7f72d;color:#173b17}.uxb-connect-message{margin:24px auto 0!important;max-width:390px;font-size:12px!important;line-height:1.65!important;color:#8492a5!important}.uxb-email-card{text-align:center;padding:25px 20px!important;border:1px solid #dce7f0!important;border-radius:15px!important;box-shadow:none!important}.uxb-email-card p{color:#071b3b!important;margin:0 0 10px!important;font-size:14px!important}.uxb-email-card a{color:#4d7100;font-weight:800;font-size:16px;text-decoration:none;overflow-wrap:anywhere}@media(max-width:800px){.uxb-contact-layout{grid-template-columns:1fr;gap:28px}.uxb-office-heading{font-size:25px;margin-bottom:18px}.uxb-office-column{gap:17px}.uxb-office-card{padding:22px!important}.uxb-contact-side{padding-top:0}.uxb-connect-card{padding:26px 18px!important}}