:root{
  --navy:#061321;
  --navy2:#08192a;
  --deep:#020b14;
  --teal:#009f9a;
  --teal2:#11c8c1;
  --blue:#008be8;
  --text:#eef5fb;
  --muted:#b7c4d2;
  --ink:#07152a;
  --line:#d7dde6;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:#f4f7fb;
}
a{text-decoration:none;color:inherit}
.site-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:20;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:26px 36px 0;
}
.brand img{
  width:252px;
  max-width:32vw;
  display:block;
}
.main-nav{
  display:flex;
  align-items:center;
  gap:31px;
  color:#fff;
  font-size:14px;
  line-height:1;
}
.main-nav a{opacity:.96}
.main-nav a:hover{color:var(--teal2)}
.main-nav .lang{margin-left:28px}
.connect{
  border:1px solid var(--teal);
  padding:17px 34px;
  min-width:168px;
  text-align:center;
}
.menu-toggle,.menu-button{display:none}
.hero{
  position:relative;
  min-height:505px;
  padding-top:115px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 63% 29%, rgba(0,151,255,.22), transparent 18%),
    linear-gradient(105deg,#020914 0%,#041221 45%,#061321 100%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 40%, rgba(25,215,255,.35), transparent 15%),
    radial-gradient(circle at 74% 38%, rgba(0,116,217,.25), transparent 25%);
  pointer-events:none;
}

.hero-overlay{
  position:absolute;
  right:0;
  top:76px;
  width:64vw;
  max-width:1127px;
  height:354px;
  background-image:url('assets/hero-globe-clean.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  filter:drop-shadow(0 0 45px rgba(0,180,255,.35));
  opacity:.98;
  pointer-events:none;
}

.hero-inner{
  position:relative;
  z-index:2;
  max-width:1792px;
  margin:0 auto;
  padding:42px 0 42px 105px;
}
.hero-copy{width:min(560px,90vw)}
.eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 28px;
  color:var(--teal2);
  text-transform:uppercase;
  letter-spacing:.25em;
  font-size:13px;
}
.eyebrow span,
.section-title span,
.insights h2 span,
.numbers h2 span{
  display:inline-block;
  width:43px;
  height:2px;
  background:var(--teal);
}
.hero h1{
  margin:0 0 18px;
  font-size:54px;
  line-height:1.07;
  letter-spacing:-.04em;
  font-weight:700;
}
.hero h1 strong{
  color:var(--teal);
  font-weight:700;
}
.lead{
  margin:0;
  color:#fff;
  max-width:555px;
  font-size:17px;
  line-height:1.55;
}
.hero-actions{
  display:flex;
  gap:22px;
  margin-top:31px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:21px;
  min-width:249px;
  height:45px;
  font-size:15px;
  font-weight:700;
  border-radius:2px;
}
.btn.primary{
  background:linear-gradient(90deg,#00a79f,#0cc7bd);
  box-shadow:0 15px 35px rgba(0,169,157,.2);
}
.btn.secondary{
  border:1px solid var(--teal);
  background:rgba(2,13,26,.35);
}
.globe-wrap{display:none}
.companies-band{
  position:relative;
  color:#fff;
  background:linear-gradient(180deg,#081a2d 0%,#061321 100%);
  min-height:204px;
  padding:15px 90px 24px;
  overflow:hidden;
}
.companies-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 60%,rgba(0,169,157,.15),transparent 15%);
}
.band-title{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.43em;
  font-size:13px;
  color:#fff;
  margin-bottom:30px;
}
.band-title span{
  width:123px;
  height:1px;
  background:rgba(255,255,255,.45);
}
.companies-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr 1.15fr 190px 1fr 1.25fr;
  align-items:center;
  gap:28px;
  max-width:1390px;
  margin:0 auto;
}
.company-logo{
  font-weight:800;
  color:#fff;
  line-height:1;
}
.dux .company-logo{
  font-size:58px;
  letter-spacing:.18em;
}
.ebs .company-logo{
  font-size:45px;
  letter-spacing:.06em;
}
.company-logo span{color:var(--teal)}
.endorsement{
  margin:11px 0 0;
  text-transform:uppercase;
  letter-spacing:.38em;
  font-size:10px;
  color:#fff;
}
.company-text p{
  margin:0;
  font-size:15px;
  line-height:1.48;
  color:#fff;
}
.company-text a{
  display:inline-flex;
  gap:16px;
  align-items:center;
  color:var(--teal2);
  margin-top:14px;
  font-size:16px;
}
.v-symbol{
  justify-self:center;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle, transparent 0 13px, rgba(0,169,157,.25) 14px 15px);
  color:#dfe5ec;
  font-size:86px;
  font-weight:900;
  text-shadow:0 8px 18px rgba(0,0,0,.55);
}
.values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:linear-gradient(180deg,#ffffff,#f7f9fb);
  border-bottom:1px solid var(--line);
}
.values article{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:18px;
  min-height:168px;
  padding:25px 34px 22px;
  border-right:1px solid var(--line);
}
.values article:last-child{border-right:0}
.icon{
  width:54px;
  height:54px;
  border-radius:50%;
  background:#061321;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  position:relative;
}
.icon::before{
  content:"";
  position:absolute;
  inset:14px;
  border:2px solid var(--teal);
  border-radius:50%;
}
.growth::after{content:"↗";position:absolute;color:var(--teal);font-size:26px;left:15px;top:10px}
.people::after{content:"◌";position:absolute;color:#fff;font-size:30px;left:16px;top:7px}
.shield::after{content:"♢";position:absolute;color:var(--teal);font-size:24px;left:17px;top:10px}
.network::after{content:"⌘";position:absolute;color:var(--teal);font-size:24px;left:15px;top:10px}
.values h3{
  margin:0;
  text-transform:uppercase;
  color:#07152a;
  font-size:18px;
  line-height:1.28;
}
.values h3 span{color:var(--teal)}
.values p{
  grid-column:2;
  margin:1px 0 0;
  font-size:12px;
  line-height:1.48;
  color:#07152a;
}
.content-row{
  display:grid;
  grid-template-columns:52% 48%;
  background:#fff;
}
.insights,.numbers{
  min-height:200px;
  padding:20px 50px 24px 88px;
  border-bottom:1px solid var(--line);
}
.insights{
  border-right:1px solid var(--line);
}
.insights h2,.numbers h2{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 17px;
  text-transform:uppercase;
  color:#07152a;
  font-size:15px;
  letter-spacing:.08em;
}
.insight-list{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
}
.insight-list article{
  display:grid;
  grid-template-columns:132px 1fr;
  gap:18px;
  padding-right:20px;
  border-right:1px solid var(--line);
}
.insight-list article:last-child{border-right:0}
.thumb{
  width:132px;
  height:124px;
  box-shadow:0 6px 12px rgba(0,0,0,.28);
  background:
    radial-gradient(circle at 60% 40%,rgba(255,255,255,.65) 0 3px,transparent 4px),
    radial-gradient(circle at 50% 45%,rgba(0,220,255,.75),rgba(0,80,150,.25) 38%,#061321 80%);
}
.thumb.ai{background:
  radial-gradient(circle at 65% 35%,rgba(255,255,255,.65) 0 3px,transparent 4px),
  radial-gradient(circle at 55% 45%,rgba(0,220,255,.75),rgba(0,80,150,.25) 38%,#061321 80%);
}
.thumb.cyber{background:
  radial-gradient(circle at 58% 42%,rgba(255,255,255,.65) 0 3px,transparent 4px),
  radial-gradient(circle at 55% 45%,rgba(0,170,255,.8),rgba(0,80,150,.3) 38%,#061321 80%);
}
.insight-list h4{
  margin:14px 0 16px;
  color:#07152a;
  font-size:13px;
  line-height:1.45;
  font-weight:400;
}
.insight-list a{
  color:var(--teal);
  font-size:13px;
}
.numbers{padding-left:36px}
.numbers-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.numbers-grid article{
  min-height:126px;
  padding:0 34px;
  border-right:1px solid var(--line);
}
.numbers-grid article:last-child{border-right:0}
.metric-icon{
  font-size:35px;
  line-height:1;
  color:#07152a;
  margin:8px 0 8px;
}
.numbers-grid strong{
  display:block;
  color:var(--teal);
  font-size:25px;
  line-height:1.1;
}
.numbers-grid p{
  margin:4px 0 0;
  color:#07152a;
  font-size:12px;
  line-height:1.35;
}
.footer{
  display:grid;
  grid-template-columns:290px 1fr 1fr 1fr 2fr;
  gap:34px;
  align-items:center;
  min-height:120px;
  padding:22px 68px;
  color:#fff;
  background:linear-gradient(100deg,#061321 0%,#07192b 100%);
}
.footer-brand img{width:215px;display:block}
.footer-about{
  border-left:1px solid rgba(255,255,255,.35);
  padding-left:32px;
  min-height:70px;
}
.footer-about strong{color:var(--teal);font-size:16px}
.footer-about p{
  margin:8px 0 0;
  line-height:1.45;
  color:#fff;
  font-size:14px;
}
.footer nav{
  display:grid;
  gap:9px;
  color:#fff;
  font-size:14px;
}
.footer-right{
  display:grid;
  justify-items:end;
  gap:14px;
  font-size:12px;
  color:#fff;
}
.socials{
  display:flex;
  gap:18px;
}
.socials a{
  width:35px;
  height:35px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:700;
}
.legal{
  display:flex;
  gap:36px;
}

/* Responsive */
@media (max-width: 1280px){
  .main-nav{gap:18px;font-size:13px}
  .connect{padding:14px 22px;min-width:140px}
  .hero-inner{padding-left:60px}
  
.hero-overlay{
  position:absolute;
  right:0;
  top:76px;
  width:64vw;
  max-width:1127px;
  height:354px;
  background-image:url('assets/hero-globe-clean.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  filter:drop-shadow(0 0 45px rgba(0,180,255,.35));
  opacity:.98;
  pointer-events:none;
}

  .companies-grid{grid-template-columns:1fr 1fr 140px 1fr 1fr}
  .values article{padding:24px 22px}
  .insights,.numbers{padding-left:42px;padding-right:32px}
  .insight-list article{grid-template-columns:100px 1fr}
  .thumb{width:100px;height:116px}
}
@media (max-width: 1024px){
  .site-header{
    position:absolute;
    padding:22px 28px;
    align-items:center;
  }
  .brand img{width:220px;max-width:60vw}
  .menu-button{
    display:grid;
    gap:5px;
    width:42px;
    height:42px;
    border:1px solid var(--teal);
    place-content:center;
    cursor:pointer;
    z-index:30;
  }
  .menu-button span{
    display:block;
    width:22px;
    height:2px;
    background:#fff;
  }
  .main-nav{
    position:fixed;
    inset:0 0 auto 0;
    min-height:100vh;
    padding:110px 32px 32px;
    background:rgba(2,11,20,.97);
    backdrop-filter:blur(20px);
    transform:translateY(-110%);
    transition:.25s ease;
    display:grid;
    place-content:start;
    gap:22px;
    font-size:18px;
  }
  .menu-toggle:checked ~ .main-nav{transform:translateY(0)}
  .main-nav .lang{margin-left:0}
  .connect{width:100%;margin-top:10px}
  .hero{
    padding-top:120px;
    min-height:760px;
  }
  
.hero-overlay{
  position:absolute;
  right:0;
  top:76px;
  width:64vw;
  max-width:1127px;
  height:354px;
  background-image:url('assets/hero-globe-clean.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  filter:drop-shadow(0 0 45px rgba(0,180,255,.35));
  opacity:.98;
  pointer-events:none;
}

  .hero-inner{
    padding:60px 32px 260px;
  }
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(42px,8vw,68px)}
  .companies-band{padding:32px}
  .band-title{font-size:12px;letter-spacing:.28em;gap:16px}
  .band-title span{width:48px}
  .companies-grid{
    grid-template-columns:1fr;
    text-align:center;
    gap:24px;
  }
  .company-text p{max-width:430px;margin:auto}
  .v-symbol{width:120px;height:120px;font-size:68px}
  .values{grid-template-columns:1fr 1fr}
  .content-row{grid-template-columns:1fr}
  .insights{border-right:0}
  .footer{
    grid-template-columns:1fr 1fr;
    padding:34px 32px;
  }
  .footer-right{justify-items:start}
}
@media (max-width: 720px){
  .brand img{width:188px}
  .hero{
    min-height:auto;
    padding-bottom:210px;
  }
  .hero-inner{padding:44px 24px 160px}
  .eyebrow{
    font-size:11px;
    letter-spacing:.18em;
  }
  .hero h1{font-size:42px}
  .lead{font-size:16px}
  .hero-actions{display:grid}
  .btn{width:100%;min-width:0}
  
.hero-overlay{
  position:absolute;
  right:0;
  top:76px;
  width:64vw;
  max-width:1127px;
  height:354px;
  background-image:url('assets/hero-globe-clean.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  filter:drop-shadow(0 0 45px rgba(0,180,255,.35));
  opacity:.98;
  pointer-events:none;
}

  .companies-band{padding:28px 20px}
  .dux .company-logo{font-size:48px}
  .ebs .company-logo{font-size:40px}
  .values{grid-template-columns:1fr}
  .values article{
    grid-template-columns:64px 1fr;
    padding:25px 24px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .insights,.numbers{padding:28px 24px}
  .insight-list{
    grid-template-columns:1fr;
  }
  .insight-list article{
    grid-template-columns:110px 1fr;
    border-right:0;
    border-bottom:1px solid var(--line);
    padding-bottom:18px;
  }
  .thumb{width:110px;height:100px}
  .numbers-grid{
    grid-template-columns:1fr 1fr;
    gap:20px 0;
  }
  .numbers-grid article{padding:0 18px}
  .footer{
    grid-template-columns:1fr;
  }
  .footer-about{
    border-left:0;
    padding-left:0;
  }
  .legal{gap:20px;flex-wrap:wrap}
}


/* ===== OVERLAP FIXES ===== */

.insight-list article{
  align-items:start;
  min-width:0;
}

.insight-list article > div:last-child{
  min-width:0;
}

.insight-list h4{
  margin:10px 0 14px;
  font-size:14px;
  line-height:1.55;
  word-break:break-word;
}

.insight-list a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
}

.numbers-grid{
  gap:0;
  align-items:start;
}

.numbers-grid article{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
}

.numbers-grid strong{
  margin-bottom:8px;
  line-height:1.1;
}

.numbers-grid p{
  font-size:13px;
  line-height:1.5;
  word-break:break-word;
  max-width:180px;
}

@media (max-width: 1280px){
  .insight-list{
    gap:14px;
  }

  .insight-list article{
    grid-template-columns:90px 1fr;
    padding-right:14px;
  }

  .thumb{
    width:90px;
    height:100px;
  }

  .numbers-grid article{
    padding:0 22px;
  }

  .numbers-grid p{
    max-width:none;
  }
}

@media (max-width: 900px){
  .numbers-grid{
    grid-template-columns:1fr 1fr;
    gap:28px 0;
  }

  .numbers-grid article{
    min-height:unset;
    border-right:0;
  }
}

@media (max-width: 720px){
  .insight-list article{
    grid-template-columns:100px 1fr;
    gap:16px;
  }

  .thumb{
    width:100px;
    height:90px;
  }

  .insight-list h4{
    font-size:13px;
    line-height:1.45;
  }

  .numbers-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .numbers-grid article{
    padding:0;
  }

  .numbers-grid p{
    max-width:100%;
  }
}


/* ===== INSIGHTS FINAL FIX V2 ===== */
/* The previous horizontal image/text layout became too narrow inside the left column.
   This version keeps each insight card vertical, avoiding text squeeze/overflow. */

.insight-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  align-items:start;
}

.insight-list article{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  min-width:0;
  padding-right:22px;
  border-right:1px solid var(--line);
}

.insight-list article:last-child{
  border-right:0;
}

.insight-list .thumb,
.thumb{
  width:100% !important;
  max-width:132px;
  height:124px !important;
  flex:0 0 auto;
  margin:0 0 14px 0;
}

.insight-list article > div:not(.thumb){
  min-width:0;
  width:100%;
}

.insight-list h4{
  width:100%;
  margin:0 0 12px 0 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:400;
  color:#07152a;
  overflow-wrap:normal;
  word-break:normal !important;
  hyphens:none;
}

.insight-list a{
  display:inline-flex;
  color:var(--teal);
  font-size:13px;
  line-height:1.35;
  white-space:normal;
}

@media (max-width: 1280px){
  .insight-list{
    gap:18px;
  }

  .insight-list article{
    padding-right:18px;
  }

  .insight-list .thumb,
  .thumb{
    max-width:118px;
    height:104px !important;
  }

  .insight-list h4{
    font-size:12.5px !important;
    line-height:1.4 !important;
  }
}

@media (max-width: 1024px){
  .insight-list{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .insight-list .thumb,
  .thumb{
    max-width:140px;
    height:112px !important;
  }
}

@media (max-width: 720px){
  .insight-list{
    grid-template-columns:1fr;
    gap:22px;
  }

  .insight-list article{
    display:grid !important;
    grid-template-columns:110px 1fr;
    gap:16px;
    border-right:0;
    border-bottom:1px solid var(--line);
    padding-right:0;
    padding-bottom:18px;
  }

  .insight-list .thumb,
  .thumb{
    width:110px !important;
    height:92px !important;
    margin:0;
  }

  .insight-list h4{
    font-size:13px !important;
    line-height:1.45 !important;
  }
}


/* ===== REAL GLOBE POSITION FIX ===== */
@media (max-width: 1280px){
  .hero-overlay{
    right:-90px;
    top:95px;
    width:72vw;
    height:340px;
  }
}

@media (max-width: 1024px){
  .hero-overlay{
    right:-220px;
    top:360px;
    width:120vw;
    height:360px;
    opacity:.55;
  }
}

@media (max-width: 720px){
  .hero-overlay{
    right:-300px;
    top:auto;
    bottom:0;
    width:150vw;
    height:300px;
    opacity:.45;
  }
}


}


/* ===== GLOBE REPOSITION RIGHT ===== */
.hero-overlay{
  right:-120px !important;
  background-position:right center !important;
}

@media (max-width: 1280px){
  .hero-overlay{
    right:-180px !important;
  }
}

@media (max-width: 1024px){
  .hero-overlay{
    right:-320px !important;
  }
}

@media (max-width: 720px){
  .hero-overlay{
    right:-420px !important;
  }
}


/* ===== FULL HERO GLOBE ===== */
.hero-overlay{
  position:absolute !important;
  top:0 !important;
  right:-140px !important;
  width:78vw !important;
  max-width:1320px !important;
  height:560px !important;
  background-image:url('assets/hero-globe-full.png') !important;
  background-repeat:no-repeat !important;
  background-position:right top !important;
  background-size:cover !important;
  opacity:1 !important;
  filter:
    drop-shadow(0 0 45px rgba(0,180,255,.35))
    saturate(1.08)
    contrast(1.02) !important;
  pointer-events:none !important;
}

@media (max-width: 1280px){
  .hero-overlay{
    right:-220px !important;
    width:95vw !important;
    height:520px !important;
  }
}

@media (max-width: 1024px){
  .hero-overlay{
    right:-340px !important;
    width:130vw !important;
    height:470px !important;
    opacity:.78 !important;
  }
}

@media (max-width: 720px){
  .hero-overlay{
    right:-420px !important;
    width:180vw !important;
    height:340px !important;
    opacity:.58 !important;
  }
}


/* ===== CLEAN GENERATED GLOBE ===== */
.hero-overlay{
  position:absolute !important;
  top:-20px !important;
  right:-220px !important;
  width:86vw !important;
  max-width:1400px !important;
  height:720px !important;
  background-image:url('assets/hero-globe-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:contain !important;
  opacity:.96 !important;
  filter:drop-shadow(0 0 65px rgba(0,200,255,.38)) !important;
  pointer-events:none !important;
}

@media (max-width: 1280px){
  .hero-overlay{
    right:-300px !important;
    width:110vw !important;
  }
}

@media (max-width: 1024px){
  .hero-overlay{
    right:-420px !important;
    width:150vw !important;
    opacity:.72 !important;
  }
}

@media (max-width: 720px){
  .hero-overlay{
    right:-520px !important;
    width:210vw !important;
    height:420px !important;
    opacity:.5 !important;
  }
}


/* ===== REDUCE GROUP BAND HEIGHT ===== */
.companies-band{
  min-height:160px !important;
  padding-top:10px !important;
  padding-bottom:12px !important;
}

.band-title{
  margin-bottom:18px !important;
}

.companies-grid{
  gap:18px !important;
}

.company-text p{
  font-size:14px !important;
  line-height:1.4 !important;
}

.v-symbol{
  width:128px !important;
  height:128px !important;
  font-size:74px !important;
}

@media (max-width: 1024px){
  .companies-band{
    min-height:auto !important;
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .band-title{
    margin-bottom:24px !important;
  }
}


/* ===== FURTHER REDUCE GROUP BAND ===== */
.companies-band{
  min-height:132px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}

.band-title{
  margin-bottom:10px !important;
  font-size:11px !important;
  letter-spacing:.34em !important;
}

.band-title span{
  width:82px !important;
}

.companies-grid{
  gap:12px !important;
  align-items:center !important;
}

.company-logo{
  transform:scale(.9);
  transform-origin:left center;
}

.ebs .company-logo{
  transform:scale(.86);
}

.company-text p{
  font-size:13px !important;
  line-height:1.3 !important;
}

.company-text a{
  margin-top:8px !important;
  font-size:14px !important;
}

.endorsement{
  margin-top:6px !important;
  font-size:9px !important;
}

.v-symbol{
  width:110px !important;
  height:110px !important;
  font-size:62px !important;
}

@media (max-width: 1024px){
  .companies-band{
    min-height:auto !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .band-title{
    margin-bottom:18px !important;
  }
}


/* ===== REDUCE HERO HEIGHT ===== */
.hero{
  min-height:455px !important;
  padding-top:98px !important;
}

.hero-inner{
  padding-top:22px !important;
  padding-bottom:18px !important;
}

.hero h1{
  margin-bottom:14px !important;
}

.lead{
  max-width:520px !important;
}

.hero-actions{
  margin-top:24px !important;
}

.hero-overlay{
  top:-36px !important;
  height:640px !important;
}

@media (max-width: 1024px){
  .hero{
    min-height:690px !important;
  }

  .hero-inner{
    padding-bottom:220px !important;
  }
}

@media (max-width: 720px){
  .hero{
    min-height:auto !important;
    padding-bottom:180px !important;
  }

  .hero-inner{
    padding-bottom:150px !important;
  }
}


/* ===== HERO TYPOGRAPHY REFINEMENT ===== */
.eyebrow{
  font-size:11px !important;
  letter-spacing:.22em !important;
  margin-bottom:22px !important;
}

.hero h1{
  font-size:50px !important;
  line-height:1.05 !important;
}

.lead{
  font-size:16px !important;
  line-height:1.5 !important;
}

.btn{
  font-size:14px !important;
}

@media (max-width: 1024px){
  .hero h1{
    font-size:44px !important;
  }

  .lead{
    font-size:15px !important;
  }
}

@media (max-width: 720px){
  .eyebrow{
    font-size:10px !important;
    letter-spacing:.18em !important;
  }

  .hero h1{
    font-size:38px !important;
  }

  .lead{
    font-size:15px !important;
  }
}


/* ===== RAISE CONTENT AFTER HERO ===== */
.companies-band{
  margin-top:-26px !important;
  position:relative !important;
  z-index:5 !important;
}

@media (max-width: 1024px){
  .companies-band{
    margin-top:-18px !important;
  }
}

@media (max-width: 720px){
  .companies-band{
    margin-top:-10px !important;
  }
}


/* ===== REDUCE VALUES SECTION HEIGHT ===== */
.values article{
  min-height:138px !important;
  padding:18px 28px 16px !important;
  gap:14px !important;
}

.icon{
  width:46px !important;
  height:46px !important;
}

.icon::before{
  inset:11px !important;
}

.values h3{
  font-size:16px !important;
  line-height:1.18 !important;
}

.values p{
  font-size:11px !important;
  line-height:1.38 !important;
  margin-top:-2px !important;
}

@media (max-width: 1024px){
  .values article{
    min-height:130px !important;
    padding:18px 22px !important;
  }
}

@media (max-width: 720px){
  .values article{
    min-height:auto !important;
    padding:18px 20px !important;
  }
}


/* ===== RESTORE VALUES TYPOGRAPHY ===== */
.values h3{
  font-size:18px !important;
  line-height:1.22 !important;
}

.values p{
  font-size:12px !important;
  line-height:1.45 !important;
  margin-top:0 !important;
}


/* ===== REDUCE ONLY VALUES HEADERS ===== */
.values h3{
  font-size:16px !important;
  line-height:1.18 !important;
}

@media (max-width: 720px){
  .values h3{
    font-size:15px !important;
  }
}


/* ===== FURTHER REDUCE VALUES SECTION HEIGHT ===== */
.values article{
  min-height:122px !important;
  padding:14px 24px 12px !important;
  gap:10px !important;
}

.values{
  align-items:stretch !important;
}

.icon{
  width:42px !important;
  height:42px !important;
}

.icon::before{
  inset:10px !important;
}

.values p{
  line-height:1.35 !important;
}

@media (max-width: 1024px){
  .values article{
    min-height:118px !important;
    padding:14px 18px !important;
  }
}

@media (max-width: 720px){
  .values article{
    min-height:auto !important;
    padding:16px 18px !important;
  }
}


/* ===== INSIGHTS REAL IMAGES ===== */
.thumb.ai{
  background-image:url('assets/insight-ai.png') !important;
  background-size:cover !important;
  background-position:center !important;
}

.thumb.cloud{
  background-image:url('assets/insight-cloud.png') !important;
  background-size:cover !important;
  background-position:center !important;
}

.thumb.cyber{
  background-image:url('assets/insight-cyber.png') !important;
  background-size:cover !important;
  background-position:center !important;
}


/* ===== LARGER BAND TITLE ===== */
.band-title{
  font-size:18px !important;
  letter-spacing:.36em !important;
  font-weight:600 !important;
}

.band-title span{
  width:110px !important;
}

@media (max-width: 1024px){
  .band-title{
    font-size:15px !important;
    letter-spacing:.28em !important;
  }
}

@media (max-width: 720px){
  .band-title{
    font-size:13px !important;
    letter-spacing:.18em !important;
  }
}


/* ===== INSIGHTS TITLES EMPHASIS ===== */
.insight-list h4{
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
  color:#041321 !important;
}

.insight-list h4 strong{
  color:var(--teal) !important;
  font-weight:700 !important;
}

.insight-list article{
  transition:transform .25s ease, box-shadow .25s ease;
}

.insight-list article:hover{
  transform:translateY(-3px);
}

.insight-list a{
  margin-top:8px !important;
  font-weight:600 !important;
}


/* ===== REDUCE BAND TITLE SIZE ===== */
.band-title{
  font-size:15px !important;
  letter-spacing:.34em !important;
  font-weight:600 !important;
}

.band-title span{
  width:92px !important;
}

@media (max-width: 1024px){
  .band-title{
    font-size:13px !important;
    letter-spacing:.24em !important;
  }
}

@media (max-width: 720px){
  .band-title{
    font-size:11px !important;
    letter-spacing:.16em !important;
  }
}


/* ===== NEW MOCKUP-STYLE INSIGHTS SECTION ===== */
.content-row{
  grid-template-columns:52% 48%;
  align-items:stretch;
}

.insights-new{
  padding:30px 64px 46px;
  background:
    radial-gradient(circle at 62% 0%, rgba(0,100,190,.12), transparent 30%),
    linear-gradient(180deg,#020810 0%,#030912 100%);
  color:#fff;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.insights-new-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}

.insights-new-header h2{
  margin:0;
  font-size:30px;
  line-height:1;
  font-weight:300;
  color:#fff;
}

.insights-new-header a{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:16px;
  color:#fff;
}

.insights-new-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.insight-new-card{
  position:relative;
  min-height:300px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  padding:42px 30px 28px;
  overflow:hidden;
  background:#071321;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.insight-new-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.78;
  z-index:0;
}

.insight-new-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,7,13,.92) 0%,rgba(2,7,13,.62) 42%,rgba(2,7,13,.18) 100%);
  z-index:1;
}

.insight-new-card > *{
  position:relative;
  z-index:2;
}

.ai-card::before{
  background:
    radial-gradient(circle at 78% 42%, rgba(255,255,255,.5), transparent 2%),
    radial-gradient(circle at 80% 44%, rgba(70,160,255,.55), transparent 20%),
    linear-gradient(120deg,rgba(130,55,255,.5),transparent 32%),
    repeating-radial-gradient(circle at 84% 48%, transparent 0 18px, rgba(0,190,255,.22) 19px 20px),
    radial-gradient(circle at 86% 48%, rgba(0,220,255,.35), transparent 35%);
}

.cloud-card::before{
  background:
    radial-gradient(circle at 72% 48%, rgba(0,200,255,.75), transparent 20%),
    radial-gradient(circle at 70% 50%, rgba(255,255,255,.55), transparent 6%),
    repeating-linear-gradient(0deg, transparent 0 32px, rgba(0,170,255,.12) 33px 34px),
    linear-gradient(140deg,rgba(0,80,160,.75),transparent 58%);
}

.cyber-card::before{
  background:
    radial-gradient(circle at 78% 52%, rgba(0,255,210,.7), transparent 16%),
    repeating-linear-gradient(90deg, transparent 0 20px, rgba(0,190,170,.14) 21px 22px),
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(0,190,170,.14) 21px 22px),
    linear-gradient(130deg,rgba(0,100,90,.72),transparent 55%);
}

.insight-new-icon{
  width:48px;
  height:48px;
  border:1px solid currentColor;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  font-size:22px;
}

.ai-card .insight-new-icon,
.ai-card h3 span{color:#9c50ff}

.cloud-card .insight-new-icon,
.cloud-card h3 span{color:#00a7ff}

.cyber-card .insight-new-icon,
.cyber-card h3 span{color:#00c8a9}

.insight-new-card h3{
  margin:0 0 14px;
  font-size:24px;
  line-height:1.08;
  font-weight:400;
  color:#fff;
}

.insight-new-card h3 span{
  font-weight:800;
}

.insight-new-card p{
  max-width:270px;
  margin:0 0 18px;
  color:#f0f4f7;
  line-height:1.35;
  font-size:14px;
}

.insight-new-card a{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:14px;
  color:#fff;
}

/* Keep Numbers aligned beside the new Insights section */
.numbers{
  min-height:auto;
}

@media (max-width: 1280px){
  .insights-new{
    padding:28px 36px 38px;
  }

  .insights-new-cards{
    gap:14px;
  }

  .insight-new-card{
    padding:34px 22px 24px;
    min-height:285px;
  }

  .insight-new-card h3{
    font-size:21px;
  }

  .insight-new-card p{
    font-size:13px;
  }
}

@media (max-width: 1024px){
  .content-row{
    grid-template-columns:1fr;
  }

  .insights-new{
    border-right:0;
  }

  .insights-new-cards{
    grid-template-columns:1fr;
  }

  .insight-new-card{
    min-height:260px;
  }
}

@media (max-width: 720px){
  .insights-new{
    padding:28px 20px 34px;
  }

  .insights-new-header{
    align-items:flex-start;
    gap:16px;
    flex-direction:column;
  }

  .insights-new-header h2{
    font-size:28px;
  }

  .insight-new-card{
    padding:32px 22px;
  }

  .insight-new-card h3{
    font-size:22px;
  }
}


/* ===== NEW MOCKUP-STYLE NUMBERS SECTION ===== */
.numbers-new{
  padding:30px 64px 46px;
  background:
    radial-gradient(circle at 28% 0%, rgba(0,169,157,.12), transparent 30%),
    linear-gradient(180deg,#020810 0%,#030912 100%);
  color:#fff;
  border-bottom:1px solid var(--line);
}

.numbers-new h2{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 24px;
  text-transform:uppercase;
  color:#fff;
  font-size:15px;
  letter-spacing:.08em;
}

.numbers-new h2 span{
  display:inline-block;
  width:43px;
  height:2px;
  background:var(--teal);
}

.numbers-new-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.numbers-new-grid article{
  position:relative;
  min-height:142px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  padding:26px 26px 24px;
  overflow:hidden;
  background:#071321;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.numbers-new-grid article::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.85;
  background:
    radial-gradient(circle at 82% 28%, rgba(0,220,255,.34), transparent 22%),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(0,190,255,.08) 27px 28px),
    repeating-linear-gradient(0deg, transparent 0 26px, rgba(0,190,255,.08) 27px 28px),
    linear-gradient(135deg,rgba(0,169,157,.18),rgba(0,80,160,.16) 50%,rgba(2,7,13,.95));
}

.numbers-new-grid article::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,7,13,.88) 0%,rgba(2,7,13,.58) 50%,rgba(2,7,13,.18) 100%);
}

.numbers-new-grid article > *{
  position:relative;
  z-index:2;
}

.numbers-new-icon{
  width:46px;
  height:46px;
  border:1px solid var(--teal);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--teal);
  font-size:24px;
  margin-bottom:14px;
}

.numbers-new-grid strong{
  display:block;
  color:var(--teal);
  font-size:31px;
  line-height:1.05;
  font-weight:700;
  margin-bottom:8px;
}

.numbers-new-grid p{
  margin:0;
  color:#f0f4f7;
  font-size:14px;
  line-height:1.38;
}

@media (max-width:1280px){
  .numbers-new{
    padding:28px 36px 38px;
  }

  .numbers-new-grid{
    gap:14px;
  }

  .numbers-new-grid article{
    min-height:132px;
    padding:22px;
  }

  .numbers-new-grid strong{
    font-size:27px;
  }
}

@media (max-width:1024px){
  .numbers-new-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px){
  .numbers-new{
    padding:28px 20px 34px;
  }

  .numbers-new-grid{
    grid-template-columns:1fr;
  }

  .numbers-new-grid article{
    min-height:auto;
  }
}


/* ===== MATCH INSIGHTS TITLE STYLE TO NUMBERS ===== */
.insights-new-header h2{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:0 !important;
  text-transform:uppercase !important;
  color:#fff !important;
  font-size:15px !important;
  letter-spacing:.08em !important;
  font-weight:600 !important;
}

.insights-new-header h2::before{
  content:"";
  display:inline-block;
  width:43px;
  height:2px;
  background:var(--teal);
}

@media (max-width:720px){
  .insights-new-header h2{
    font-size:14px !important;
  }

  .insights-new-header h2::before{
    width:34px;
  }
}


/* ===== ALIGN INSIGHTS & NUMBERS BACKGROUND WITH VALUES SECTION ===== */
.insights-new,
.numbers-new{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%) !important;
}

.insights-new-header h2,
.numbers-new h2{
  color:#07152a !important;
}

.insights-new-header a{
  color:#07152a !important;
}

.insight-new-card,
.numbers-new-grid article{
  border:1px solid rgba(7,21,42,.08) !important;
  box-shadow:0 10px 28px rgba(7,21,42,.08) !important;
}


/* ===== REFINE INSIGHTS CARD PROPORTIONS ===== */
.insights-new{
  padding-top:26px !important;
  padding-bottom:34px !important;
}

.insights-new-cards{
  gap:14px !important;
  align-items:stretch !important;
}

.insight-new-card{
  min-height:248px !important;
  padding:28px 22px 20px !important;
  border-radius:8px !important;
}

.insight-new-icon{
  width:42px !important;
  height:42px !important;
  font-size:20px !important;
  margin-bottom:16px !important;
}

.insight-new-card h3{
  font-size:21px !important;
  line-height:1.06 !important;
  margin-bottom:12px !important;
}

.insight-new-card p{
  font-size:13px !important;
  line-height:1.32 !important;
  margin-bottom:16px !important;
}

.insight-new-card a{
  font-size:13px !important;
}

@media (max-width:1280px){
  .insight-new-card{
    min-height:230px !important;
    padding:24px 18px 18px !important;
  }

  .insight-new-card h3{
    font-size:19px !important;
  }
}

@media (max-width:720px){
  .insight-new-card{
    min-height:auto !important;
    padding:26px 20px !important;
  }

  .insight-new-card h3{
    font-size:20px !important;
  }
}


/* ===== PANTONE COLOR ALIGNMENT FOR INSIGHTS ===== */
/* PTN 3125 */
.ai-card .insight-new-icon,
.ai-card h3 span{
  color:#00B5E2 !important;
  border-color:#00B5E2 !important;
}

/* PTN 7546C */
.cloud-card .insight-new-icon,
.cloud-card h3 span{
  color:#253746 !important;
  border-color:#253746 !important;
}

/* PTN 7473 */
.cyber-card .insight-new-icon,
.cyber-card h3 span{
  color:#279989 !important;
  border-color:#279989 !important;
}


/* ===== FINAL INSIGHTS COLOR ADJUSTMENTS ===== */

/* Cloud strategies -> PTN 7473 */
.cloud-card .insight-new-icon,
.cloud-card h3 span{
  color:#279989 !important;
  border-color:#279989 !important;
}

/* Cybersecurity -> White */
.cyber-card .insight-new-icon,
.cyber-card h3 span{
  color:#FFFFFF !important;
  border-color:#FFFFFF !important;
}


/* ===== PTN 871 PREMIUM ACCENTS ===== */
/* Pantone 871 metallic-inspired tone */
:root{
  --ptn871:#84754E;
  --ptn871-light:#B29A5A;
}

/* 1. Title lines */
.insights-new-header h2::before,
.numbers-new h2 span{
  background:linear-gradient(90deg, var(--teal) 0%, var(--ptn871-light) 100%) !important;
  box-shadow:0 0 10px rgba(178,154,90,.18);
}

/* 2. Premium hover states */
.company-text a,
.insight-new-card a,
.insights-new-header a{
  transition:all .25s ease;
}

.company-text a:hover,
.insight-new-card a:hover,
.insights-new-header a:hover{
  color:var(--ptn871-light) !important;
  text-shadow:0 0 12px rgba(178,154,90,.28);
}

/* subtle underline effect */
.company-text a::after,
.insight-new-card a::after{
  content:"";
  position:absolute;
  width:0;
  height:1px;
  background:linear-gradient(90deg,var(--ptn871-light),transparent);
  transition:width .25s ease;
}

.company-text a:hover::after,
.insight-new-card a:hover::after{
  width:100%;
}

/* 4. Numbers icons premium accent */
.numbers-new-icon{
  border-color:var(--ptn871-light) !important;
  color:var(--ptn871-light) !important;
  box-shadow:
    0 0 12px rgba(178,154,90,.16),
    inset 0 0 8px rgba(178,154,90,.08);
}

.numbers-new-grid strong{
  text-shadow:0 0 10px rgba(178,154,90,.10);
}


/* ===== PTN871 STYLE FOR BAND TITLE LINES ===== */
.band-title span{
  background:linear-gradient(
    90deg,
    rgba(0,169,157,.85) 0%,
    rgba(178,154,90,.92) 55%,
    rgba(255,235,180,.75) 100%
  ) !important;

  height:1px !important;

  box-shadow:
    0 0 10px rgba(178,154,90,.22),
    0 0 18px rgba(0,169,157,.10);

  opacity:.95 !important;
}


/* ===== PREMIUM TITLE LINE FOR HERO EYEBROW ===== */
.eyebrow span{
  background:linear-gradient(
    90deg,
    rgba(0,169,157,.85) 0%,
    rgba(178,154,90,.92) 55%,
    rgba(255,235,180,.75) 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(178,154,90,.22),
    0 0 18px rgba(0,169,157,.10);

  opacity:.95 !important;
}

/* ===== NUMBERS SECTION METRIC COLORS ===== */
.numbers-new-grid strong{
  color:#FFFFFF !important;
  text-shadow:
    0 0 10px rgba(178,154,90,.14),
    0 0 18px rgba(255,255,255,.08);
}

/* subtle premium accent on hover */
.numbers-new-grid article{
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.numbers-new-grid article:hover{
  transform:translateY(-2px);
  border-color:rgba(178,154,90,.38) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.35),
    0 0 18px rgba(178,154,90,.12);
}


/* ===== UNIFIED INSIGHTS ACCENT COLOR ===== */
/* Apply same blue from Generative AI to Cloud & Cybersecurity */

.cloud-card .insight-new-icon,
.cloud-card h3 span,
.cyber-card .insight-new-icon,
.cyber-card h3 span{
  color:#00B5E2 !important;
  border-color:#00B5E2 !important;
}


/* ===== CORRECT REAL VEXYS V SYMBOL BETWEEN DUX & EBS-IT ===== */
.real-v-symbol,
.v-symbol.real-v-symbol{
  width:128px !important;
  height:128px !important;
  min-width:128px !important;
  min-height:128px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 auto !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:visible !important;
}

.real-v-symbol img,
.v-symbol.real-v-symbol img{
  display:block !important;
  width:128px !important;
  height:128px !important;
  object-fit:contain !important;
  border-radius:22px !important;
  filter:
    drop-shadow(0 0 14px rgba(255,255,255,.10))
    drop-shadow(0 0 20px rgba(0,180,255,.10));
}

/* neutralize older V text styles */
.v-symbol.real-v-symbol::before,
.v-symbol.real-v-symbol::after{
  display:none !important;
  content:none !important;
}

@media (max-width:720px){
  .real-v-symbol,
  .v-symbol.real-v-symbol{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    min-height:96px !important;
  }

  .real-v-symbol img,
  .v-symbol.real-v-symbol img{
    width:96px !important;
    height:96px !important;
    border-radius:18px !important;
  }
}


/* ===== APPLY TRANSPARENT VEXYS V SYMBOL ===== */
.real-v-symbol,
.v-symbol.real-v-symbol{
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.real-v-symbol img,
.v-symbol.real-v-symbol img{
  content:url('assets/vexys-v-transparent.png') !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;
  mix-blend-mode:normal !important;
  filter:
    drop-shadow(0 0 12px rgba(255,255,255,.12))
    drop-shadow(0 0 22px rgba(0,180,255,.10)) !important;
}


/* ===== VEXYS CENTRAL V — VISIBLE SUBTLE ORBIT CIRCLES ===== */
.v-symbol.real-v-symbol.v-orbit,
.real-v-symbol.v-orbit{
  position:relative !important;
  width:150px !important;
  height:150px !important;
  min-width:150px !important;
  min-height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  isolation:isolate !important;
  background:transparent !important;
  box-shadow:none !important;
}

.v-symbol.real-v-symbol.v-orbit img,
.real-v-symbol.v-orbit img{
  position:relative !important;
  z-index:5 !important;
  width:118px !important;
  height:118px !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:0 !important;
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.18))
    drop-shadow(0 0 22px rgba(0,181,226,.18)) !important;
}

.v-orbit .orbit{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  pointer-events:none !important;
  z-index:1 !important;
  display:block !important;
}

.v-orbit .orbit-1{
  width:165px !important;
  height:165px !important;
  border:1px solid rgba(0,181,226,.32) !important;
  box-shadow:
    0 0 18px rgba(0,181,226,.20),
    inset 0 0 18px rgba(0,181,226,.10) !important;
}

.v-orbit .orbit-2{
  width:220px !important;
  height:220px !important;
  border:1px solid rgba(0,181,226,.18) !important;
  box-shadow:
    0 0 28px rgba(0,181,226,.14),
    inset 0 0 20px rgba(0,181,226,.06) !important;
}

.v-orbit .orbit-3{
  width:275px !important;
  height:275px !important;
  border:1px solid rgba(0,181,226,.10) !important;
  box-shadow:0 0 38px rgba(0,181,226,.10) !important;
}

.v-orbit .orbit-line{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:350px !important;
  height:1px !important;
  transform:translate(-50%,-50%) !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(0,181,226,.10) 15%,
      rgba(0,181,226,.45) 32%,
      rgba(0,181,226,.70) 50%,
      rgba(0,181,226,.45) 68%,
      rgba(0,181,226,.10) 85%,
      transparent 100%) !important;
  box-shadow:0 0 12px rgba(0,181,226,.35) !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
}

@media (max-width:720px){
  .v-symbol.real-v-symbol.v-orbit,
  .real-v-symbol.v-orbit{
    width:110px !important;
    height:110px !important;
    min-width:110px !important;
    min-height:110px !important;
  }

  .v-symbol.real-v-symbol.v-orbit img,
  .real-v-symbol.v-orbit img{
    width:88px !important;
    height:88px !important;
  }

  .v-orbit .orbit-1{ width:120px !important; height:120px !important; }
  .v-orbit .orbit-2{ width:160px !important; height:160px !important; }
  .v-orbit .orbit-3{ width:200px !important; height:200px !important; }
  .v-orbit .orbit-line{ width:240px !important; }
}


/* ===== HEADER LOGO ALIGNMENT FIX V2 ===== */
/* Targets every known logo/header selector used in this website package. */

.site-header{
  align-items:flex-start !important;
}

.brand{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  transform:translateY(-14px) !important;
}

.brand img{
  display:block !important;
  width:252px !important;
  height:auto !important;
  max-width:32vw !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}

@media (max-width:1024px){
  .site-header{
    align-items:flex-start !important;
  }

  .brand{
    transform:translateY(-8px) !important;
  }

  .brand img{
    width:220px !important;
    max-width:60vw !important;
  }
}

@media (max-width:720px){
  .brand{
    transform:translateY(-4px) !important;
  }

  .brand img{
    width:188px !important;
  }
}


/* ===== HEADER LOGO ALIGNMENT FIX V3 ===== */
/* Move logo upward to align with navigation menu */

.brand{
  transform:translateY(-24px) !important;
}

.brand img{
  display:block !important;
  margin-top:-6px !important;
}

@media (max-width:1024px){
  .brand{
    transform:translateY(-16px) !important;
  }
}

@media (max-width:720px){
  .brand{
    transform:translateY(-8px) !important;
  }
}


/* ===== HEADER LOGO ALIGNMENT FIX V4 ===== */
/* Move logo slightly higher for perfect nav alignment */

.brand{
  transform:translateY(-32px) !important;
}

.brand img{
  margin-top:-10px !important;
}

@media (max-width:1024px){
  .brand{
    transform:translateY(-22px) !important;
  }
}

@media (max-width:720px){
  .brand{
    transform:translateY(-12px) !important;
  }
}


/* ===== DUX LOGO IMAGE REPLACEMENT ===== */
.dux-logo-image{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:260px !important;
  max-width:100% !important;
  height:auto !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 0 8px 0 !important;
  letter-spacing:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
}

.dux-logo-image img{
  display:block !important;
  width:240px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:
    drop-shadow(0 0 12px rgba(255,255,255,.10))
    drop-shadow(0 0 18px rgba(0,181,226,.08)) !important;
}

@media (max-width:1024px){
  .dux-logo-image{
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:720px){
  .dux-logo-image img{
    width:200px !important;
  }
}


/* ===== EBS LOGO IMAGE REPLACEMENT ===== */
.ebs-logo-image{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:270px !important;
  max-width:100% !important;
  height:auto !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 0 8px 0 !important;
  letter-spacing:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
}

.ebs-logo-image img{
  display:block !important;
  width:250px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:
    drop-shadow(0 0 12px rgba(255,255,255,.10))
    drop-shadow(0 0 18px rgba(0,181,226,.08)) !important;
}

@media (max-width:1024px){
  .ebs-logo-image{
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:720px){
  .ebs-logo-image img{
    width:210px !important;
  }
}


/* ===== EBS LOGO SIZE REFINEMENT ===== */
/* Reduce EBS logo to stay proportional to DUX logo */

.ebs-logo-image{
  width:230px !important;
  margin-bottom:10px !important;
}

.ebs-logo-image img{
  width:205px !important;
  max-width:205px !important;
}

@media (max-width:1024px){
  .ebs-logo-image img{
    width:195px !important;
    max-width:195px !important;
  }
}

@media (max-width:720px){
  .ebs-logo-image img{
    width:175px !important;
    max-width:175px !important;
  }
}


/* ===== EBS LOGO SMALLER + RIGHT POSITION REFINEMENT ===== */
.brand-block.ebs{
  transform:translateX(28px) !important;
}

.brand-block.ebs .ebs-logo-image{
  width:205px !important;
  margin-bottom:10px !important;
}

.brand-block.ebs .ebs-logo-image img{
  width:180px !important;
  max-width:180px !important;
}

.brand-block.ebs + .company-text{
  transform:translateX(30px) !important;
  max-width:310px !important;
}

@media (max-width:1024px){
  .brand-block.ebs,
  .brand-block.ebs + .company-text{
    transform:none !important;
  }

  .brand-block.ebs .ebs-logo-image img{
    width:170px !important;
    max-width:170px !important;
  }
}

@media (max-width:720px){
  .brand-block.ebs .ebs-logo-image img{
    width:155px !important;
    max-width:155px !important;
  }
}


/* ===== FINAL BALANCED DUX / EBS POSITIONING ===== */

/* Move DUX block further left */
.brand-block.dux{
  transform:translateX(-34px) !important;
}

.brand-block.dux + .company-text{
  transform:translateX(-30px) !important;
  max-width:305px !important;
}

/* Move EBS block further right */
.brand-block.ebs{
  transform:translateX(52px) !important;
}

.brand-block.ebs + .company-text{
  transform:translateX(54px) !important;
  max-width:315px !important;
}

/* Align endorsement text baseline */
.brand-block.dux .endorsement,
.brand-block.ebs .endorsement{
  margin-top:12px !important;
  min-height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  line-height:1 !important;
}

/* Fine tune DUX logo vertical alignment */
.brand-block.dux .dux-logo-image{
  margin-bottom:12px !important;
}

/* Mobile reset */
@media (max-width:1024px){
  .brand-block.dux,
  .brand-block.ebs,
  .brand-block.dux + .company-text,
  .brand-block.ebs + .company-text{
    transform:none !important;
  }
}


/* ===== MOVE DUX TEXT FURTHER LEFT ===== */

.brand-block.dux + .company-text{
  transform:translateX(-52px) !important;
  max-width:300px !important;
}

@media (max-width:1024px){
  .brand-block.dux + .company-text{
    transform:none !important;
  }
}


/* ===== FINAL DUX TEXT + ENDORSEMENT ALIGNMENT ===== */

/* Move DUX descriptive text even further left */
.brand-block.dux + .company-text{
  transform:translateX(-78px) !important;
  max-width:295px !important;
}

/* Align endorsement text with EBS block */
.brand-block.dux .endorsement{
  margin-left:10px !important;
  margin-top:12px !important;
}

.brand-block.ebs .endorsement{
  margin-left:10px !important;
}

@media (max-width:1024px){
  .brand-block.dux + .company-text{
    transform:none !important;
    max-width:100% !important;
  }

  .brand-block.dux .endorsement,
  .brand-block.ebs .endorsement{
    margin-left:0 !important;
  }
}


/* ===== FINAL LEFT/RIGHT BALANCE ADJUST ===== */

/* Move DUX logo further left */
.brand-block.dux{
  transform:translateX(-62px) !important;
}

/* Move DUX descriptive text further left */
.brand-block.dux + .company-text{
  transform:translateX(-102px) !important;
  max-width:285px !important;
}

/* Move EBS logo further right */
.brand-block.ebs{
  transform:translateX(74px) !important;
}

/* keep EBS text aligned */
.brand-block.ebs + .company-text{
  transform:translateX(58px) !important;
}

@media (max-width:1024px){
  .brand-block.dux,
  .brand-block.ebs,
  .brand-block.dux + .company-text,
  .brand-block.ebs + .company-text{
    transform:none !important;
  }
}


/* ===== LARGER DUX / EBS DESCRIPTIVE TEXT ===== */

.brand-block.dux + .company-text p,
.brand-block.ebs + .company-text p{
  font-size:16px !important;
  line-height:1.72 !important;
  letter-spacing:.01em !important;
}

.brand-block.dux + .company-text a,
.brand-block.ebs + .company-text a{
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

@media (max-width:720px){
  .brand-block.dux + .company-text p,
  .brand-block.ebs + .company-text p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .brand-block.dux + .company-text a,
  .brand-block.ebs + .company-text a{
    font-size:14px !important;
  }
}


/* ===== VALUES SECTION TEXT SIZE REFINEMENT ===== */

.values p{
  font-size:16px !important;
  line-height:1.72 !important;
}

.values h3{
  font-size:28px !important;
  line-height:1.18 !important;
}

.values h3 span{
  font-size:28px !important;
}

@media (max-width:720px){
  .values p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .values h3,
  .values h3 span{
    font-size:24px !important;
  }
}


/* ===== REDUCE DUX / EBS DESCRIPTIVE TEXT SIZE ===== */

.brand-block.dux + .company-text p,
.brand-block.ebs + .company-text p{
  font-size:14px !important;
  line-height:1.62 !important;
}

.brand-block.dux + .company-text a,
.brand-block.ebs + .company-text a{
  font-size:14px !important;
}

@media (max-width:720px){
  .brand-block.dux + .company-text p,
  .brand-block.ebs + .company-text p{
    font-size:13px !important;
  }

  .brand-block.dux + .company-text a,
  .brand-block.ebs + .company-text a{
    font-size:13px !important;
  }
}


/* ===== REFINE VALUES SECTION TEXT SIZE ===== */

.values p{
  font-size:15px !important;
  line-height:1.66 !important;
}

.values h3{
  font-size:25px !important;
  line-height:1.16 !important;
}

.values h3 span{
  font-size:25px !important;
}

@media (max-width:720px){
  .values p{
    font-size:13px !important;
    line-height:1.58 !important;
  }

  .values h3,
  .values h3 span{
    font-size:22px !important;
  }
}


/* ===== SMALLER VALUES TITLES ONLY ===== */

.values h3{
  font-size:22px !important;
  line-height:1.14 !important;
}

.values h3 span{
  font-size:22px !important;
}

@media (max-width:720px){
  .values h3,
  .values h3 span{
    font-size:20px !important;
  }
}


/* ===== HORIZONTAL ALIGNMENT FOR ENDORSEMENT TEXTS ===== */

.brand-block.dux .endorsement,
.brand-block.ebs .endorsement{
  display:flex !important;
  align-items:center !important;
  min-height:22px !important;
  margin-top:12px !important;
  line-height:1 !important;
}

/* precise horizontal baseline alignment */
.brand-block.dux .endorsement{
  transform:translateY(2px) !important;
}

.brand-block.ebs .endorsement{
  transform:translateY(2px) !important;
}

@media (max-width:1024px){
  .brand-block.dux .endorsement,
  .brand-block.ebs .endorsement{
    transform:none !important;
  }
}


/* ===== DUX LOGO CROPPED + ENDORSEMENT ALIGNMENT FINAL ===== */

/* Remove visual offset caused by transparent padding in the old DUX asset */
.brand-block.dux .dux-logo-image{
  margin-bottom:6px !important;
  transform:translateY(-4px) !important;
}

.brand-block.dux .dux-logo-image img{
  width:240px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Raise DUX endorsement now that the logo asset is clean */
.brand-block.dux .endorsement{
  margin-top:4px !important;
  transform:translateY(-2px) !important;
}

/* Keep EBS endorsement as reference baseline */
.brand-block.ebs .endorsement{
  margin-top:12px !important;
  transform:translateY(2px) !important;
}

@media (max-width:1024px){
  .brand-block.dux .dux-logo-image,
  .brand-block.dux .endorsement,
  .brand-block.ebs .endorsement{
    transform:none !important;
  }
}


/* ===== MOVE EBS LOGO FURTHER RIGHT ===== */

.brand-block.ebs{
  transform:translateX(92px) !important;
}

.brand-block.ebs + .company-text{
  transform:translateX(72px) !important;
}

@media (max-width:1024px){
  .brand-block.ebs,
  .brand-block.ebs + .company-text{
    transform:none !important;
  }
}


/* ===== REMOVE ENDORSEMENT SPACING ===== */
.brand-block.dux,
.brand-block.ebs{
  gap:0 !important;
}

.brand-block.dux .dux-logo-image,
.brand-block.ebs .ebs-logo-image{
  margin-bottom:0 !important;
}


/* ===== LARGER INSIGHTS + NUMBERS TITLES ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:42px !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em !important;
}

.insights-new-header p,
.numbers-new p{
  font-size:17px !important;
  line-height:1.7 !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:34px !important;
  }

  .insights-new-header p,
  .numbers-new p{
    font-size:15px !important;
  }
}


/* ===== REFINE INSIGHTS + NUMBERS TITLE SIZE ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:36px !important;
  line-height:1.08 !important;
  letter-spacing:-0.015em !important;
}

.insights-new-header p,
.numbers-new p{
  font-size:16px !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:30px !important;
  }

  .insights-new-header p,
  .numbers-new p{
    font-size:14px !important;
  }
}


/* ===== SMALLER INSIGHTS + NUMBERS TITLES ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:32px !important;
  line-height:1.06 !important;
  letter-spacing:-0.01em !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:27px !important;
  }
}


/* ===== FINAL INSIGHTS + NUMBERS TITLE SIZE ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:28px !important;
  line-height:1.04 !important;
  letter-spacing:-0.005em !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:24px !important;
  }
}


/* ===== MATCH INSIGHTS + NUMBERS TITLES TO VALUES TITLES ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:22px !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:20px !important;
  }
}


/* ===== MATCH VALUES TITLE FORMATTING ===== */

.insights-new-header h2,
.numbers-new h2{
  font-size:22px !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
  text-transform:none !important;
  color:#FFFFFF !important;
}

.insights-new-header h2 span,
.numbers-new h2 span{
  color:#FFFFFF !important;
  font-weight:500 !important;
}

@media (max-width:720px){

  .insights-new-header h2,
  .numbers-new h2{
    font-size:20px !important;
  }
}


/* ===== CORRECT INSIGHTS + NUMBERS TITLE COLOR TO MATCH VALUES ===== */

.insights-new-header h2,
.numbers-new h2{
  color:#07152a !important;
  font-size:22px !important;
  line-height:1.14 !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
  text-transform:none !important;
}

.insights-new-header h2::before,
.numbers-new h2 span{
  background:linear-gradient(
    90deg,
    rgba(0,169,157,.85) 0%,
    rgba(178,154,90,.92) 55%,
    rgba(255,235,180,.75) 100%
  ) !important;
}

@media (max-width:720px){
  .insights-new-header h2,
  .numbers-new h2{
    font-size:20px !important;
  }
}


/* ===== BOLD INSIGHTS + NUMBERS TITLES ===== */

.insights-new-header h2,
.numbers-new h2{
  font-weight:700 !important;
}

.insights-new-header h2 span,
.numbers-new h2 span{
  font-weight:700 !important;
}


/* ===== SLIGHTLY LARGER INSIGHT CARD TITLES ===== */

.insight-card h3,
.insight-new-card h3{
  font-size:18px !important;
  line-height:1.42 !important;
  letter-spacing:-0.01em !important;
}

@media (max-width:720px){

  .insight-card h3,
  .insight-new-card h3{
    font-size:16px !important;
  }
}


/* ===== SLIGHTLY BIGGER INSIGHT CARD TITLES ===== */

.insight-card h3,
.insight-new-card h3{
  font-size:19px !important;
  line-height:1.44 !important;
  letter-spacing:-0.012em !important;
  font-weight:600 !important;
}

@media (max-width:720px){

  .insight-card h3,
  .insight-new-card h3{
    font-size:17px !important;
  }
}


/* ===== RESTORE INSIGHT TITLES + SLIGHTLY INCREASE BODY TEXT ===== */

/* restore previous title sizing */
.insight-card h3,
.insight-new-card h3{
  font-size:17px !important;
  line-height:1.38 !important;
  letter-spacing:-0.01em !important;
  font-weight:600 !important;
}

/* slightly larger body text inside cards */
.insight-card p,
.insight-new-card p{
  font-size:15px !important;
  line-height:1.72 !important;
}

.insight-card a,
.insight-new-card a{
  font-size:14px !important;
  font-weight:600 !important;
}

@media (max-width:720px){

  .insight-card h3,
  .insight-new-card h3{
    font-size:15px !important;
  }

  .insight-card p,
  .insight-new-card p{
    font-size:14px !important;
  }
}


/* =========================================================
   ABOUT VEXYS GROUP PAGE
   ========================================================= */

.about-page{
  background:
    radial-gradient(circle at 80% 10%, rgba(0,181,226,.18), transparent 30%),
    linear-gradient(180deg,#061321 0%,#07152a 38%,#f7f9fb 38%,#ffffff 100%);
  color:#07152a;
}

.about-hero{
  min-height:520px;
  padding:150px 6vw 90px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(2,7,13,.92), rgba(2,7,13,.58), rgba(2,7,13,.2)),
    url('assets/hero-globe-clean.png');
  background-size:cover;
  background-position:right center;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.about-hero-copy{
  max-width:760px;
  color:#fff;
}

.about-hero h1{
  font-size:64px;
  line-height:1;
  margin:22px 0 24px;
  letter-spacing:-.04em;
}

.about-hero h1 strong{
  color:#00B5E2;
}

.about-hero p:not(.eyebrow){
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.86);
}

.about-content,
.about-meaning,
.about-companies,
.about-principles{
  padding:72px 6vw;
}

.about-grid{
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:28px;
}

.about-card{
  background:#fff;
  border:1px solid rgba(7,21,42,.08);
  box-shadow:0 18px 45px rgba(7,21,42,.08);
  border-radius:18px;
  padding:34px;
}

.about-card.large{
  grid-row:span 2;
}

.about-card h2{
  font-size:36px;
  line-height:1.12;
  margin:0 0 22px;
  color:#07152a;
}

.about-card h3,
.meaning-grid h3,
.principles-grid h3{
  font-size:22px;
  line-height:1.2;
  margin:0 0 14px;
  color:#07152a;
}

.about-card p,
.meaning-grid p,
.company-overview-grid p,
.principles-grid p{
  font-size:15px;
  line-height:1.72;
  color:#334155;
}

.about-signature{
  margin:24px 0;
  padding:22px;
  border-left:3px solid #00B5E2;
  background:linear-gradient(90deg, rgba(0,181,226,.08), rgba(178,154,90,.06));
}

.about-signature strong{
  display:block;
  font-size:34px;
  letter-spacing:.14em;
  color:#07152a;
}

.about-signature span{
  display:block;
  margin-top:6px;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#00A99D;
}

.section-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:34px;
}

.section-title span{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,#00A99D,#B29A5A);
}

.section-title h2{
  font-size:28px;
  line-height:1.14;
  margin:0;
  color:#07152a;
}

.meaning-grid,
.company-overview-grid,
.principles-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}

.meaning-grid article,
.company-overview-grid article,
.principles-grid article{
  background:#fff;
  border:1px solid rgba(7,21,42,.08);
  box-shadow:0 14px 36px rgba(7,21,42,.06);
  border-radius:18px;
  padding:30px;
}

.meaning-grid h3 span{
  color:#00B5E2;
}

.company-overview-grid img{
  width:230px;
  height:auto;
  object-fit:contain;
  margin-bottom:22px;
}

.company-overview-grid a{
  display:inline-flex;
  gap:10px;
  color:#008F89;
  text-decoration:none;
  font-weight:700;
  margin-top:10px;
}

@media (max-width:960px){
  .about-grid,
  .meaning-grid,
  .company-overview-grid,
  .principles-grid{
    grid-template-columns:1fr;
  }

  .about-hero h1{
    font-size:48px;
  }

  .about-hero{
    padding-top:130px;
  }
}

@media (max-width:640px){
  .about-hero h1{
    font-size:40px;
  }

  .about-card,
  .meaning-grid article,
  .company-overview-grid article,
  .principles-grid article{
    padding:24px;
  }
}


/* ===== DARK BACKGROUND FOR OUR COMPANIES SECTION ===== */

.company-overview-grid article{
  background:linear-gradient(180deg,#07152a 0%, #0b1f3d 100%) !important;
  border:1px solid rgba(0,181,226,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.34) !important;
}

.company-overview-grid p{
  color:rgba(255,255,255,.82) !important;
}

.company-overview-grid a{
  color:#2BD4C8 !important;
}

.company-overview-grid img{
  filter:none !important;
}


/* ===== ABOUT PAGE REFINEMENTS ===== */

/* Position globe fully to the right */
.about-hero{
  background-position:100% center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#061321 !important;
}

/* Reduce excessive vertical spacing between sections */
.about-content,
.about-meaning,
.about-companies,
.about-principles{
  padding-top:46px !important;
  padding-bottom:46px !important;
}

.about-content{
  padding-top:58px !important;
}

.section-title{
  margin-bottom:24px !important;
}

.about-grid,
.meaning-grid,
.company-overview-grid,
.principles-grid{
  gap:20px !important;
}

/* Our Companies: align cards, logos, texts and Discover links */
.company-overview-grid{
  align-items:stretch !important;
}

.company-overview-grid article{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  min-height:330px !important;
}

/* Larger DUX logo to better match EBS visual weight */
.company-overview-grid article:first-child img{
  width:300px !important;
  max-width:100% !important;
  margin-bottom:24px !important;
}

/* Keep EBS proportional */
.company-overview-grid article:nth-child(2) img{
  width:260px !important;
  max-width:100% !important;
  margin-bottom:24px !important;
}

/* Same text block height so the Discover links align */
.company-overview-grid p{
  min-height:96px !important;
  margin-bottom:18px !important;
}

.company-overview-grid a{
  margin-top:auto !important;
  align-self:flex-start !important;
}

@media (max-width:960px){
  .about-hero{
    background-size:cover !important;
    background-position:70% center !important;
  }

  .company-overview-grid article{
    min-height:auto !important;
  }

  .company-overview-grid p{
    min-height:auto !important;
  }
}

@media (max-width:640px){
  .about-content,
  .about-meaning,
  .about-companies,
  .about-principles{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .company-overview-grid article:first-child img{
    width:250px !important;
  }

  .company-overview-grid article:nth-child(2) img{
    width:230px !important;
  }
}


/* ===== ABOUT PAGE FINAL REFINEMENT ===== */

/* Replace hero composition with cleaner enterprise-style background */
.about-hero{
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.96) 0%,
      rgba(2,7,13,.82) 34%,
      rgba(2,7,13,.38) 62%,
      rgba(2,7,13,.10) 100%
    ),
    url('assets/hero-globe-clean.png') !important;
  background-position:108% center !important;
  background-size:48% auto !important;
  background-repeat:no-repeat !important;
  min-height:470px !important;
  padding-top:132px !important;
  padding-bottom:64px !important;
}

/* Much tighter spacing between About sections */
.about-content,
.about-meaning,
.about-companies,
.about-principles{
  padding-top:28px !important;
  padding-bottom:28px !important;
}

.about-content{
  padding-top:40px !important;
}

.section-title{
  margin-bottom:18px !important;
}

.about-grid,
.meaning-grid,
.company-overview-grid,
.principles-grid{
  gap:16px !important;
}

/* Single wide narrative card */
.about-card.large{
  grid-column:1 / -1 !important;
  max-width:100% !important;
}

/* Bigger DUX logo with cleaner alignment */
.company-overview-grid article:first-child img{
  width:340px !important;
  max-width:100% !important;
  margin-bottom:16px !important;
  object-fit:contain !important;
}

/* EBS logo proportional */
.company-overview-grid article:nth-child(2) img{
  width:255px !important;
  margin-bottom:16px !important;
}

/* Align both cards */
.company-overview-grid article{
  min-height:300px !important;
  padding:28px !important;
}

.company-overview-grid p{
  min-height:82px !important;
  margin-bottom:14px !important;
}

.company-overview-grid a{
  margin-top:auto !important;
}

/* Slightly reduce overall whitespace */
.about-card,
.meaning-grid article,
.company-overview-grid article,
.principles-grid article{
  padding:28px !important;
}

.about-card h2{
  margin-bottom:16px !important;
}

.about-card p{
  margin-bottom:14px !important;
}

@media (max-width:960px){

  .about-hero{
    background-size:70% auto !important;
    background-position:140% center !important;
    min-height:420px !important;
  }

  .company-overview-grid article:first-child img{
    width:290px !important;
  }

  .company-overview-grid article:nth-child(2) img{
    width:230px !important;
  }
}

@media (max-width:640px){

  .about-content,
  .about-meaning,
  .about-companies,
  .about-principles{
    padding-top:22px !important;
    padding-bottom:22px !important;
  }

  .about-hero{
    background-size:95% auto !important;
    background-position:center bottom !important;
  }
}


/* ===== ABOUT PAGE WHITE COMPANY CARDS ===== */

.company-overview-grid article{
  background:#ffffff !important;
  border:1px solid rgba(7,21,42,.08) !important;
  box-shadow:0 14px 36px rgba(7,21,42,.08) !important;
}

.company-overview-grid p{
  color:#334155 !important;
}

.company-overview-grid a{
  color:#008F89 !important;
}

/* Equal logo sizing/spacing */
.company-overview-grid img{
  width:300px !important;
  height:120px !important;
  object-fit:contain !important;
  display:block !important;
  margin-bottom:18px !important;
}

.company-overview-grid article{
  min-height:300px !important;
}

.company-overview-grid p{
  min-height:86px !important;
}


/* ===== FIX DUX LOGO CROPPING ===== */

.company-overview-grid article:first-child img{
  width:290px !important;
  height:140px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin-bottom:18px !important;
}


/* ===== Slightly smaller DUX logo on About page ===== */

.company-overview-grid article:first-child img{
  width:260px !important;
  height:128px !important;
  object-fit:contain !important;
}


/* ===== Further balance DUX logo sizing ===== */

.company-overview-grid article:first-child img{
  width:238px !important;
  height:118px !important;
  object-fit:contain !important;
}


/* ===== Enhanced What VEXYS Stands For cards ===== */

.principles-grid.enhanced{
  gap:22px !important;
}

.principles-grid.enhanced article{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#ffffff 0%, #f8fbfd 100%) !important;
  border:1px solid rgba(0,181,226,.12) !important;
  box-shadow:
    0 12px 30px rgba(7,21,42,.06),
    inset 0 1px 0 rgba(255,255,255,.7) !important;
  border-radius:22px !important;
  padding:34px 30px 30px !important;
  transition:all .25s ease;
}

.principles-grid.enhanced article:hover{
  transform:translateY(-3px);
  box-shadow:
    0 18px 42px rgba(7,21,42,.10),
    0 0 0 1px rgba(0,181,226,.08) !important;
}

.principle-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  font-size:24px;
  font-weight:700;
  color:#ffffff;
  background:
    linear-gradient(135deg,#00A99D 0%, #00B5E2 100%);
  box-shadow:
    0 10px 24px rgba(0,181,226,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.principles-grid.enhanced h3{
  font-size:22px !important;
  margin-bottom:12px !important;
  color:#07152a !important;
}

.principles-grid.enhanced p{
  font-size:15px !important;
  line-height:1.72 !important;
  color:#475569 !important;
}

.principles-grid.enhanced article::after{
  content:"";
  position:absolute;
  top:-40px;
  right:-40px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,181,226,.10), transparent 72%);
  pointer-events:none;
}

@media (max-width:640px){

  .principles-grid.enhanced article{
    padding:28px 24px 24px !important;
  }

  .principle-icon{
    width:52px;
    height:52px;
    font-size:22px;
    margin-bottom:18px;
  }
}


/* ===== ABOUT PAGE HERO IMAGE UPDATE ===== */
.about-hero{
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.97) 0%,
      rgba(2,7,13,.86) 36%,
      rgba(2,7,13,.46) 64%,
      rgba(2,7,13,.16) 100%
    ),
    url('assets/about-hero-network.png') !important;
  background-position:100% center !important;
  background-size:58% auto !important;
  background-repeat:no-repeat !important;
  background-color:#061321 !important;
}

@media (max-width:960px){
  .about-hero{
    background-size:82% auto !important;
    background-position:135% center !important;
  }
}

@media (max-width:640px){
  .about-hero{
    background-size:110% auto !important;
    background-position:center bottom !important;
  }
}


/* ===== Transparent About Hero Image ===== */
.about-hero{
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.98) 0%,
      rgba(2,7,13,.88) 36%,
      rgba(2,7,13,.58) 62%,
      rgba(2,7,13,.18) 100%
    ),
    url('assets/about-hero-network.png') !important;
  background-color:#061321 !important;
}


/* ===== ABOUT PAGE DISCOVER LINKS HOVER EFFECT ===== */

.company-overview-grid a{
  transition:
    color .22s ease,
    transform .22s ease,
    text-shadow .22s ease !important;
}

.company-overview-grid a:hover{
  color:#B29A5A !important;
  text-shadow:0 0 14px rgba(178,154,90,.22);
  transform:translateX(2px);
}

.company-overview-grid a span{
  transition:transform .22s ease;
}

.company-overview-grid a:hover span{
  transform:translateX(2px);
}


/* ===== ABOUT PAGE VALUES SECTION SPACING ===== */

.about-values,
.values-section.about-values{
  padding:28px 6vw 40px !important;
}

.about-values .section-title{
  margin-bottom:22px !important;
}


/* ===== ABOUT PAGE — TIMELINE / STRATEGIC PILLARS ===== */

.timeline-pillars-section{
  padding-top:34px !important;
  padding-bottom:42px !important;
}

.timeline-pillars{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:22px;
  padding-top:34px;
}

.timeline-pillars::before{
  content:"";
  position:absolute;
  top:62px;
  left:8%;
  right:8%;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(0,169,157,.15) 0%,
    rgba(0,181,226,.70) 35%,
    rgba(178,154,90,.65) 70%,
    rgba(0,169,157,.15) 100%
  );
  box-shadow:
    0 0 16px rgba(0,181,226,.16),
    0 0 20px rgba(178,154,90,.10);
  z-index:0;
}

.timeline-pillars article{
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbfd 100%);
  border:1px solid rgba(7,21,42,.08);
  border-radius:22px;
  padding:52px 26px 28px;
  box-shadow:
    0 14px 36px rgba(7,21,42,.07),
    inset 0 1px 0 rgba(255,255,255,.8);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.timeline-pillars article:hover{
  transform:translateY(-4px);
  border-color:rgba(0,181,226,.18);
  box-shadow:
    0 20px 48px rgba(7,21,42,.10),
    0 0 22px rgba(0,181,226,.08);
}

.pillar-node{
  position:absolute;
  top:-2px;
  left:26px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.28), transparent 32%),
    linear-gradient(135deg,#00A99D 0%, #00B5E2 60%, #B29A5A 100%);
  box-shadow:
    0 10px 24px rgba(0,181,226,.24),
    0 0 0 8px #f7f9fb;
}

.timeline-pillars h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.14;
  color:#07152a;
}

.timeline-pillars p{
  margin:0;
  font-size:15px;
  line-height:1.68;
  color:#475569;
}

.timeline-pillars article::after{
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,181,226,.08), transparent 70%);
  pointer-events:none;
}

@media (max-width:960px){
  .timeline-pillars{
    grid-template-columns:1fr 1fr;
    gap:20px;
  }

  .timeline-pillars::before{
    display:none;
  }

  .timeline-pillars article{
    padding-top:50px;
  }
}

@media (max-width:640px){
  .timeline-pillars{
    grid-template-columns:1fr;
    padding-top:20px;
  }

  .pillar-node{
    top:20px;
    left:24px;
    width:48px;
    height:48px;
    font-size:12px;
    box-shadow:0 8px 20px rgba(0,181,226,.18);
  }

  .timeline-pillars article{
    padding:86px 24px 24px;
  }
}


/* ===== TIMELINE CARD SPACING FIX + VALUES REORDER SUPPORT ===== */

/* Increase card height and move node higher so it does not overlap text */
.timeline-pillars article{
  min-height:245px !important;
  padding-top:74px !important;
  padding-bottom:32px !important;
}

.pillar-node{
  top:24px !important;
  left:26px !important;
}

.timeline-pillars h3{
  margin-top:0 !important;
  margin-bottom:14px !important;
}

/* Slightly more breathing room above the timeline */
.timeline-pillars{
  padding-top:22px !important;
}

.timeline-pillars::before{
  top:52px !important;
}

/* Values block after Our Companies: tighter and visually integrated */
.about-companies + .values,
.about-companies + .values-section,
.about-companies + section.values{
  margin-top:0 !important;
}

@media (max-width:960px){
  .timeline-pillars article{
    min-height:230px !important;
    padding-top:72px !important;
  }

  .pillar-node{
    top:22px !important;
  }
}

@media (max-width:640px){
  .timeline-pillars article{
    min-height:auto !important;
    padding-top:86px !important;
  }

  .pillar-node{
    top:24px !important;
  }
}


/* ===== FIX OVERLAPPING IN WHAT VEXYS STANDS FOR ===== */

.timeline-pillars article{
  min-height:320px !important;
  padding-top:120px !important;
  padding-left:38px !important;
  padding-right:34px !important;
}

.timeline-pillars h3{
  margin-top:0 !important;
  padding-top:0 !important;
  line-height:1.15 !important;
}

.timeline-pillars p{
  margin-top:18px !important;
}

.pillar-node{
  top:28px !important;
  left:34px !important;
  width:74px !important;
  height:74px !important;
  font-size:16px !important;
}

.timeline-pillars::before{
  top:66px !important;
}

@media (max-width:960px){

  .timeline-pillars article{
    min-height:280px !important;
    padding-top:112px !important;
  }

  .pillar-node{
    width:68px !important;
    height:68px !important;
  }
}

@media (max-width:640px){

  .timeline-pillars article{
    min-height:auto !important;
    padding-top:108px !important;
  }

  .pillar-node{
    top:24px !important;
    left:26px !important;
    width:62px !important;
    height:62px !important;
  }
}


/* ===== RESTORE ABOUT HERO HEIGHT ===== */

.about-hero{
  min-height:760px !important;
  padding-top:140px !important;
  padding-bottom:140px !important;
  display:flex !important;
  align-items:center !important;
}

.about-hero .hero-content,
.about-hero .about-hero-content{
  max-width:720px !important;
  position:relative;
  z-index:2;
}

@media (max-width:960px){
  .about-hero{
    min-height:680px !important;
    padding-top:120px !important;
    padding-bottom:120px !important;
  }
}

@media (max-width:640px){
  .about-hero{
    min-height:620px !important;
    padding-top:110px !important;
    padding-bottom:100px !important;
  }
}


/* ===== MOVE 'ONE GROUP. ONE GLOBAL APPROACH.' OUTSIDE HERO ===== */

.about-hero{
  position:relative !important;
  overflow:visible !important;
  margin-bottom:120px !important;
}

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  position:relative !important;
  transform:translateY(85px) !important;
  z-index:5 !important;
}

@media (max-width:960px){

  .about-hero{
    margin-bottom:100px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(70px) !important;
  }
}

@media (max-width:640px){

  .about-hero{
    margin-bottom:80px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(48px) !important;
  }
}


/* ===== ABOUT PAGE VALUES HEADER ===== */

.values-title{
  margin-bottom:26px !important;
}

.values-title h2{
  font-size:28px !important;
  line-height:1.14 !important;
  color:#07152a !important;
}

.values-title span{
  width:48px !important;
  height:2px !important;
  background:linear-gradient(90deg,#00A99D,#B29A5A) !important;
}

@media (max-width:640px){
  .values-title{
    margin-bottom:20px !important;
  }

  .values-title h2{
    font-size:24px !important;
  }
}


/* ===== FIX VALUES HEADER POSITION ===== */

.values-title{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin-bottom:42px !important;
}

.values-title + *{
  width:100% !important;
}

/* Force values cards to start below title */
.values-section,
.values{
  display:block !important;
}

.values-grid{
  margin-top:0 !important;
  clear:both !important;
}

@media (max-width:640px){
  .values-title{
    margin-bottom:30px !important;
  }
}


/* ===== FLOATING HERO CARD WITHOUT BLUE BACKGROUND ELEMENT ===== */

.about-hero::before,
.about-hero::after{
  display:none !important;
  content:none !important;
}

/* Floating card effect */
.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:
    0 30px 80px rgba(2,7,13,.24),
    0 10px 30px rgba(0,181,226,.10) !important;
}

.about-hero{
  overflow:visible !important;
}


/* ===== RESTORE HOMEPAGE VALUES DESIGN / SCOPE ABOUT VALUES ONLY ===== */

/* Do not let About-specific values title/layout changes affect homepage */
body:not(:has(.about-page)) .values-title{
  display:none !important;
}

/* Restore homepage Values section structure */
body:not(:has(.about-page)) .values{
  display:grid !important;
}

body:not(:has(.about-page)) .values-grid{
  display:contents !important;
}

/* Scope Our Values header to About only */
.about-page .values-title{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin-bottom:42px !important;
}

.about-page .values-section,
.about-page .values{
  display:block !important;
}

.about-page .values-grid{
  margin-top:0 !important;
  clear:both !important;
}


/* ===== ALIGN ABOUT 'OUR VALUES' WITH OTHER ABOUT SECTIONS ===== */

.about-page .values-section,
.about-page .values{
  padding-left:6vw !important;
  padding-right:6vw !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.about-page .values-title{
  padding-left:0 !important;
  margin-left:0 !important;
}

@media (max-width:960px){
  .about-page .values-section,
  .about-page .values{
    padding-left:5vw !important;
    padding-right:5vw !important;
  }
}


/* ===== REMOVE BLUE BACKGROUND ELEMENT BEHIND HERO FLOATING CARD ===== */

.about-hero::before,
.about-hero::after,
.about-hero .hero-background,
.about-hero .hero-overlay,
.about-hero .background-shape,
.about-hero .blue-shape{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Ensure floating card stays independently positioned */
.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  position:relative !important;
  z-index:10 !important;
  margin-top:0 !important;
}


/* ===== ABOUT PAGE — OUR COMPANIES ORG CHART ===== */

.about-companies .companies-org{
  position:relative;
  max-width:1120px;
  margin:0 auto;
  padding:8px 0 0;
}

.org-parent{
  display:flex;
  justify-content:center;
  position:relative;
  z-index:2;
}

.org-card{
  background:#ffffff;
  border:1px solid rgba(7,21,42,.08);
  border-radius:24px;
  box-shadow:
    0 18px 44px rgba(7,21,42,.08),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.vexys-parent{
  width:min(520px, 100%);
  padding:30px 38px 26px;
  text-align:center;
}

.vexys-parent img{
  width:250px;
  height:auto;
  object-fit:contain;
  margin-bottom:14px;
}

.vexys-parent p{
  margin:0;
  color:#64748b;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.org-lines{
  position:relative;
  height:74px;
  max-width:720px;
  margin:0 auto;
}

.org-lines::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:2px;
  height:42px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#00B5E2,#B29A5A);
  box-shadow:0 0 14px rgba(0,181,226,.18);
}

.org-lines::after{
  content:"";
  position:absolute;
  left:25%;
  right:25%;
  top:42px;
  height:2px;
  background:linear-gradient(90deg,rgba(0,181,226,.12),#00B5E2,#B29A5A,rgba(0,181,226,.12));
}

.org-lines span::before,
.org-lines span::after{
  content:"";
  position:absolute;
  top:42px;
  width:2px;
  height:32px;
  background:linear-gradient(180deg,#B29A5A,#00B5E2);
}

.org-lines span::before{
  left:25%;
}

.org-lines span::after{
  right:25%;
}

.org-children{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}

.company-card{
  min-height:360px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  position:relative;
  overflow:hidden;
}

.company-card::after{
  content:"";
  position:absolute;
  top:-42px;
  right:-42px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,181,226,.10), transparent 70%);
  pointer-events:none;
}

.company-card img{
  height:115px;
  width:300px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:22px;
}

.dux-company img{
  width:238px;
}

.ebs-company img{
  width:250px;
}

.company-card p{
  color:#334155;
  font-size:15px;
  line-height:1.72;
  margin:0 0 20px;
}

.company-card a{
  margin-top:auto;
  display:inline-flex;
  gap:10px;
  color:#008F89;
  font-weight:700;
  transition:color .22s ease, transform .22s ease, text-shadow .22s ease;
}

.company-card a:hover{
  color:#B29A5A;
  text-shadow:0 0 14px rgba(178,154,90,.22);
  transform:translateX(2px);
}

.company-card a span{
  transition:transform .22s ease;
}

.company-card a:hover span{
  transform:translateX(2px);
}

@media (max-width:900px){
  .org-children{
    grid-template-columns:1fr;
  }

  .org-lines{
    height:46px;
  }

  .org-lines::after,
  .org-lines span::before,
  .org-lines span::after{
    display:none;
  }

  .org-lines::before{
    height:46px;
  }

  .company-card{
    min-height:auto;
  }
}

@media (max-width:640px){
  .vexys-parent{
    padding:26px 24px 22px;
  }

  .vexys-parent img{
    width:210px;
  }

  .company-card{
    padding:26px 24px;
  }

  .company-card img{
    width:220px;
    height:100px;
  }

  .dux-company img{
    width:210px;
  }
}


/* ===== FORCE REMOVE BLUE HERO BACKGROUND PANEL ===== */

/* Remove any dark/blue container behind the floating card */
.about-hero .hero-content,
.about-hero .about-hero-content,
.about-hero .hero-inner,
.about-hero .hero-wrapper{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* Keep only the floating white card visible */
.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  background:rgba(255,255,255,.96) !important;
  box-shadow:
    0 30px 80px rgba(2,7,13,.22),
    0 12px 34px rgba(0,181,226,.08) !important;
  border:1px solid rgba(255,255,255,.35) !important;
}

/* Remove any pseudo blue layers */
.about-hero *::before,
.about-hero *::after{
  background-image:none !important;
}

/* Restore timeline lines that may use pseudo-elements */
.timeline-pillars::before,
.org-lines::before,
.org-lines::after,
.org-lines span::before,
.org-lines span::after{
  background-image:initial !important;
}


/* ===== MOVE HERO FLOATING CARD UP ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(28px) !important;
}

.about-hero{
  margin-bottom:72px !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(20px) !important;
  }

  .about-hero{
    margin-bottom:56px !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(12px) !important;
  }

  .about-hero{
    margin-bottom:42px !important;
  }
}


/* ===== ENLARGE VEXYS LOGO IN ABOUT / OUR COMPANIES ===== */

.about-companies .vexys-parent{
  padding:34px 42px 30px !important;
}

.about-companies .vexys-parent img{
  width:340px !important;
  max-width:100% !important;
  margin-bottom:18px !important;
}

/* ===== MOVE HERO FLOATING CARD FURTHER UP ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-12px) !important;
}

.about-hero{
  margin-bottom:34px !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent img{
    width:300px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-8px) !important;
  }

  .about-hero{
    margin-bottom:26px !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent img{
    width:250px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-2px) !important;
  }
}


/* ===== MAXIMIZE VEXYS LOGO IN ORG CARD ===== */

.about-companies .vexys-parent{
  width:min(640px, 100%) !important;
  padding:38px 48px 34px !important;
}

.about-companies .vexys-parent img{
  width:430px !important;
  max-width:100% !important;
  margin-bottom:20px !important;
}

/* ===== CENTER HERO FLOATING CARD INSIDE DARK FRAME ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-52px) !important;
}

.about-hero{
  margin-bottom:0 !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent img{
    width:360px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-36px) !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    padding:30px 26px 26px !important;
  }

  .about-companies .vexys-parent img{
    width:290px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-18px) !important;
  }
}


/* ===== REDUCE VEXYS PARENT CARD HEIGHT ===== */

.about-companies .vexys-parent{
  padding:24px 42px 18px !important;
  min-height:auto !important;
}

.about-companies .vexys-parent img{
  margin-bottom:10px !important;
}

.about-companies .vexys-parent p{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* ===== MOVE HERO FLOATING CARD SLIGHTLY DOWN ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-28px) !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent{
    padding:22px 34px 16px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-20px) !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    padding:20px 22px 14px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-10px) !important;
  }
}


/* ===== REDUCE VEXYS TOP CARD HEIGHT FURTHER ===== */

.about-companies .vexys-parent{
  padding:16px 40px 10px !important;
  min-height:auto !important;
  border-radius:20px !important;
}

.about-companies .vexys-parent img{
  margin-bottom:4px !important;
}

.about-companies .vexys-parent p{
  margin-top:0 !important;
  margin-bottom:0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
}

/* ===== MOVE HERO CARD SLIGHTLY FURTHER DOWN ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-8px) !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent{
    padding:14px 30px 10px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-4px) !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    padding:12px 18px 8px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(0px) !important;
  }
}


/* ===== MAKE VEXYS TOP CARD MUCH MORE COMPACT ===== */

.about-companies .vexys-parent{
  padding:8px 34px 4px !important;
  min-height:unset !important;
  border-radius:18px !important;
}

.about-companies .vexys-parent img{
  width:430px !important;
  margin-top:0 !important;
  margin-bottom:-4px !important;
}

.about-companies .vexys-parent p{
  margin:0 !important;
  font-size:11px !important;
  line-height:1.05 !important;
  letter-spacing:.05em !important;
}

/* ===== MOVE HERO CARD SLIGHTLY FURTHER DOWN ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(8px) !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent{
    padding:8px 24px 4px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(10px) !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    padding:8px 14px 4px !important;
  }

  .about-companies .vexys-parent img{
    width:280px !important;
  }

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(12px) !important;
  }
}


/* ===== ULTRA COMPACT VEXYS TOP CARD ===== */

.about-companies .vexys-parent{
  padding:2px 28px 0px !important;
  min-height:0 !important;
  border-radius:16px !important;
}

.about-companies .vexys-parent img{
  width:430px !important;
  margin-top:-10px !important;
  margin-bottom:-18px !important;
  display:block !important;
}

.about-companies .vexys-parent p{
  margin:0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
}

@media (max-width:960px){

  .about-companies .vexys-parent{
    padding:2px 20px 0px !important;
  }

  .about-companies .vexys-parent img{
    width:360px !important;
    margin-bottom:-14px !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    padding:2px 12px 0px !important;
  }

  .about-companies .vexys-parent img{
    width:270px !important;
    margin-top:-6px !important;
    margin-bottom:-10px !important;
  }
}


/* ===== REDUCE VEXYS TOP CARD WIDTH SIGNIFICANTLY ===== */

.about-companies .vexys-parent{
  width:380px !important;
  max-width:380px !important;
  margin:0 auto !important;
  padding:4px 18px 0px !important;
  min-height:unset !important;
}

.about-companies .vexys-parent img{
  width:320px !important;
  max-width:100% !important;
  margin-top:-8px !important;
  margin-bottom:-18px !important;
}

.about-companies .vexys-parent p{
  font-size:10px !important;
  line-height:1 !important;
  margin:0 !important;
}

/* ===== RESTORE HIERARCHY LINES FROM ORIGINAL ORG VERSION ===== */

.org-lines{
  position:relative !important;
  height:74px !important;
  max-width:720px !important;
  margin:0 auto !important;
}

.org-lines::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  width:2px !important;
  height:42px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg,#00B5E2,#B29A5A) !important;
  box-shadow:0 0 14px rgba(0,181,226,.18) !important;
}

.org-lines::after{
  content:"" !important;
  position:absolute !important;
  left:25% !important;
  right:25% !important;
  top:42px !important;
  height:2px !important;
  background:linear-gradient(90deg,rgba(0,181,226,.12),#00B5E2,#B29A5A,rgba(0,181,226,.12)) !important;
}

.org-lines span::before,
.org-lines span::after{
  content:"" !important;
  position:absolute !important;
  top:42px !important;
  width:2px !important;
  height:32px !important;
  background:linear-gradient(180deg,#B29A5A,#00B5E2) !important;
}

.org-lines span::before{
  left:25% !important;
}

.org-lines span::after{
  right:25% !important;
}

@media (max-width:900px){

  .about-companies .vexys-parent{
    width:320px !important;
    max-width:92% !important;
  }

  .about-companies .vexys-parent img{
    width:260px !important;
  }

  .org-lines{
    height:46px !important;
  }

  .org-lines::after,
  .org-lines span::before,
  .org-lines span::after{
    display:none !important;
  }

  .org-lines::before{
    height:46px !important;
  }
}

@media (max-width:640px){

  .about-companies .vexys-parent{
    width:280px !important;
    padding:2px 12px 0 !important;
  }

  .about-companies .vexys-parent img{
    width:220px !important;
    margin-bottom:-10px !important;
  }
}


/* ===== CENTER VEXYS LOGO + MOVE TEXT UP ===== */

.about-companies .vexys-parent{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.about-companies .vexys-parent img{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-top:-6px !important;
  margin-bottom:-26px !important;
}

.about-companies .vexys-parent p{
  position:relative !important;
  top:-14px !important;
  text-align:center !important;
  width:100% !important;
}


/* ===== CENTER HERO CARD INSIDE DARK BLUE FRAME ===== */

.about-hero{
  display:flex !important;
  align-items:center !important;
}

.about-hero .hero-content,
.about-hero .about-hero-content{
  display:flex !important;
  align-items:center !important;
  min-height:100% !important;
}

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(0px) !important;
  margin-top:auto !important;
  margin-bottom:auto !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(0px) !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(4px) !important;
  }
}


/* ===== MOVE HERO CARD MUCH HIGHER ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-90px) !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-64px) !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-32px) !important;
  }
}


/* ===== ONLY OUR COMPANIES USES VEXYS LOGO 02 ===== */

.about-companies .vexys-parent img{
  content:url('assets/vexys-logo02.png') !important;
}


/* ===== MOVE HERO CARD CONSIDERABLY HIGHER ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-170px) !important;
}

.about-hero{
  overflow:visible !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-120px) !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-60px) !important;
  }
}


/* ===== REDUCE ABOUT HERO HEIGHT ===== */

.about-hero{
  min-height:560px !important;
  padding-top:78px !important;
  padding-bottom:18px !important;
}

.about-hero .hero-content,
.about-hero .about-hero-content{
  min-height:100% !important;
  align-items:flex-start !important;
}

@media (max-width:960px){

  .about-hero{
    min-height:500px !important;
    padding-top:72px !important;
    padding-bottom:12px !important;
  }
}

@media (max-width:640px){

  .about-hero{
    min-height:430px !important;
    padding-top:68px !important;
    padding-bottom:8px !important;
  }
}


/* ===== MOVE OUR COMPANIES WHITE FRAME UP ===== */

.about-companies{
  position:relative !important;
  margin-top:-140px !important;
  z-index:20 !important;
}

.about-companies .companies-org{
  position:relative !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:-110px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:-60px !important;
  }
}


/* ===== MOVE OUR COMPANIES WHITE FRAME DOWN ===== */

.about-companies{
  position:relative !important;
  margin-top:-40px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:-24px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:-8px !important;
  }
}


/* ===== MOVE OUR COMPANIES FRAME FURTHER DOWN ===== */

.about-companies{
  position:relative !important;
  margin-top:40px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:28px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:18px !important;
  }
}


/* ===== MOVE OUR COMPANIES FRAME MUCH FURTHER DOWN ===== */

.about-companies{
  position:relative !important;
  margin-top:120px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:88px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:52px !important;
  }
}


/* ===== MOVE OUR COMPANIES FRAME FURTHER DOWN ===== */

.about-companies{
  position:relative !important;
  margin-top:220px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:150px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:90px !important;
  }
}

/* ===== CENTER HERO CARD VERTICALLY INSIDE DARK BLUE BACKGROUND ===== */

.about-hero{
  display:flex !important;
  align-items:center !important;
}

.about-hero .hero-content,
.about-hero .about-hero-content{
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
}

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  transform:translateY(-70px) !important;
  margin-top:auto !important;
  margin-bottom:auto !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-50px) !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    transform:translateY(-18px) !important;
  }
}


/* ===== MOVE OUR COMPANIES FRAME UP ===== */

.about-companies{
  margin-top:120px !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:90px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:48px !important;
  }
}

/* ===== ENHANCE HERO WHITE CARD ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  min-height:420px !important;
  padding:52px 56px !important;
  border-radius:28px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.about-hero .hero-card p,
.about-hero .about-hero-card p,
.about-hero .hero-highlight p{
  font-size:19px !important;
  line-height:1.8 !important;
  color:#334155 !important;
  max-width:92% !important;
}

.about-hero .hero-card h1,
.about-hero .about-hero-card h1,
.about-hero .hero-highlight h1,
.about-hero .hero-card h2,
.about-hero .about-hero-card h2,
.about-hero .hero-highlight h2{
  margin-bottom:28px !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    min-height:360px !important;
    padding:42px 40px !important;
  }

  .about-hero .hero-card p,
  .about-hero .about-hero-card p,
  .about-hero .hero-highlight p{
    font-size:17px !important;
    line-height:1.7 !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    min-height:unset !important;
    padding:32px 24px !important;
  }

  .about-hero .hero-card p,
  .about-hero .about-hero-card p,
  .about-hero .hero-highlight p{
    font-size:15px !important;
    line-height:1.65 !important;
    max-width:100% !important;
  }
}


/* ===== MOVE OUR COMPANIES FRAME SLIGHTLY DOWN ===== */

.about-companies{
  margin-top:170px !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:120px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:64px !important;
  }
}

/* ===== MUCH LARGER HERO WHITE CARD ===== */

.about-hero .hero-card,
.about-hero .about-hero-card,
.about-hero .hero-highlight{
  min-height:520px !important;
  padding:68px 70px !important;
  border-radius:32px !important;
}

.about-hero .hero-card p,
.about-hero .about-hero-card p,
.about-hero .hero-highlight p{
  font-size:22px !important;
  line-height:1.9 !important;
  max-width:94% !important;
}

.about-hero .hero-card h1,
.about-hero .about-hero-card h1,
.about-hero .hero-highlight h1,
.about-hero .hero-card h2,
.about-hero .about-hero-card h2,
.about-hero .hero-highlight h2{
  margin-bottom:34px !important;
}

@media (max-width:960px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    min-height:440px !important;
    padding:52px 48px !important;
  }

  .about-hero .hero-card p,
  .about-hero .about-hero-card p,
  .about-hero .hero-highlight p{
    font-size:19px !important;
    line-height:1.8 !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card,
  .about-hero .about-hero-card,
  .about-hero .hero-highlight{
    min-height:unset !important;
    padding:36px 26px !important;
  }

  .about-hero .hero-card p,
  .about-hero .about-hero-card p,
  .about-hero .hero-highlight p{
    font-size:16px !important;
    line-height:1.7 !important;
  }
}


/* ===== REAL FIX: ONE GROUP CARD HEIGHT ===== */
/* The target card is .about-card.large in .about-content, not the hero card. */

.about-content .one-group-card,
.about-content .about-card.large{
  min-height:520px !important;
  padding:72px 72px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-radius:32px !important;
}

.about-content .one-group-card h2,
.about-content .about-card.large h2{
  font-size:42px !important;
  line-height:1.12 !important;
  margin-bottom:34px !important;
}

.about-content .one-group-card p,
.about-content .about-card.large p{
  font-size:20px !important;
  line-height:1.85 !important;
  max-width:980px !important;
}

@media (max-width:960px){
  .about-content .one-group-card,
  .about-content .about-card.large{
    min-height:440px !important;
    padding:54px 48px !important;
  }

  .about-content .one-group-card h2,
  .about-content .about-card.large h2{
    font-size:34px !important;
  }

  .about-content .one-group-card p,
  .about-content .about-card.large p{
    font-size:18px !important;
  }
}

@media (max-width:640px){
  .about-content .one-group-card,
  .about-content .about-card.large{
    min-height:auto !important;
    padding:34px 26px !important;
  }

  .about-content .one-group-card h2,
  .about-content .about-card.large h2{
    font-size:28px !important;
  }

  .about-content .one-group-card p,
  .about-content .about-card.large p{
    font-size:16px !important;
    line-height:1.68 !important;
  }
}


/* ===== BALANCE HERO TYPOGRAPHY ===== */

.about-hero .hero-card h1,
.about-hero .hero-card h2,
.about-hero .about-hero-card h1,
.about-hero .about-hero-card h2,
.about-hero .hero-highlight h1,
.about-hero .hero-highlight h2{
  font-size:40px !important;
  line-height:1.08 !important;
}

.about-hero .hero-card p,
.about-hero .about-hero-card p,
.about-hero .hero-highlight p{
  font-size:18px !important;
  line-height:1.7 !important;
}

/* ===== REDUCE ONE GROUP CARD TYPOGRAPHY ===== */

.about-content .one-group-card,
.about-content .about-card.large{
  min-height:460px !important;
  padding:58px 58px !important;
}

.about-content .one-group-card h2,
.about-content .about-card.large h2{
  font-size:34px !important;
  line-height:1.1 !important;
  margin-bottom:24px !important;
}

.about-content .one-group-card p,
.about-content .about-card.large p{
  font-size:17px !important;
  line-height:1.72 !important;
}

/* ===== REDUCE EBS-IT / DUX CARD HEIGHT ===== */

.org-children{
  gap:22px !important;
}

.company-card{
  min-height:300px !important;
  padding:24px 26px !important;
}

.company-card img{
  height:92px !important;
  margin-bottom:14px !important;
}

.company-card p{
  font-size:14px !important;
  line-height:1.58 !important;
  margin-bottom:14px !important;
}

@media (max-width:960px){

  .about-content .one-group-card,
  .about-content .about-card.large{
    min-height:400px !important;
    padding:46px 42px !important;
  }

  .about-content .one-group-card h2,
  .about-content .about-card.large h2{
    font-size:30px !important;
  }

  .about-content .one-group-card p,
  .about-content .about-card.large p{
    font-size:16px !important;
  }

  .company-card{
    min-height:260px !important;
  }
}

@media (max-width:640px){

  .about-hero .hero-card h1,
  .about-hero .hero-card h2,
  .about-hero .about-hero-card h1,
  .about-hero .about-hero-card h2{
    font-size:28px !important;
  }

  .about-hero .hero-card p,
  .about-hero .about-hero-card p{
    font-size:15px !important;
  }

  .about-content .one-group-card,
  .about-content .about-card.large{
    min-height:auto !important;
    padding:30px 24px !important;
  }

  .about-content .one-group-card h2,
  .about-content .about-card.large h2{
    font-size:24px !important;
  }

  .about-content .one-group-card p,
  .about-content .about-card.large p{
    font-size:15px !important;
  }

  .company-card{
    min-height:auto !important;
    padding:22px 22px !important;
  }
}


/* ===== MOVE OUR COMPANIES CONSIDERABLY UP ===== */

.about-companies{
  position:relative !important;
  margin-top:-40px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:-20px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:0px !important;
  }
}


/* ===== REDUCE ABOUT VEXYS GROUP HERO TYPOGRAPHY ===== */

.about-hero h1,
.about-hero h2{
  font-size:34px !important;
  line-height:1.08 !important;
  margin-bottom:20px !important;
}

.about-hero p{
  font-size:16px !important;
  line-height:1.65 !important;
}

@media (max-width:960px){

  .about-hero h1,
  .about-hero h2{
    font-size:30px !important;
  }

  .about-hero p{
    font-size:15px !important;
  }
}

@media (max-width:640px){

  .about-hero h1,
  .about-hero h2{
    font-size:24px !important;
  }

  .about-hero p{
    font-size:14px !important;
    line-height:1.58 !important;
  }
}


/* ===== MOVE OUR COMPANIES BLOCK DOWN ===== */

.about-companies{
  position:relative !important;
  margin-top:70px !important;
  z-index:20 !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:48px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:24px !important;
  }
}


/* ===== ABOUT PAGE — SPLIT CARD FOR ONE GROUP ===== */

.about-content .one-group-card.split-card{
  display:grid !important;
  grid-template-columns:0.9fr 1.1fr !important;
  gap:46px !important;
  align-items:center !important;
  min-height:430px !important;
  padding:58px 64px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(0,181,226,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%) !important;
  overflow:hidden !important;
  position:relative !important;
}

.about-content .one-group-card.split-card::before{
  content:"";
  position:absolute;
  left:0;
  top:42px;
  bottom:42px;
  width:4px;
  background:linear-gradient(180deg,#00A99D,#00B5E2,#B29A5A);
  border-radius:0 8px 8px 0;
}

.split-card-left{
  position:relative;
  z-index:2;
}

.split-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  font-size:12px;
  letter-spacing:.18em;
  font-weight:700;
  color:#008F89;
}

.split-kicker::before{
  content:"";
  display:inline-block;
  width:38px;
  height:2px;
  background:linear-gradient(90deg,#00A99D,#B29A5A);
}

.about-content .one-group-card.split-card h2{
  font-size:44px !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  margin:0 !important;
  color:#07152a !important;
}

.split-card-right{
  position:relative;
  z-index:2;
}

.split-card-right > p{
  font-size:17px !important;
  line-height:1.72 !important;
  color:#334155 !important;
  margin:0 0 26px !important;
  max-width:680px !important;
}

.split-pillars{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.split-pillars div{
  padding:18px 20px;
  border:1px solid rgba(7,21,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 24px rgba(7,21,42,.05);
}

.split-pillars strong{
  display:block;
  font-size:15px;
  line-height:1.2;
  color:#07152a;
  margin-bottom:6px;
}

.split-pillars span{
  display:block;
  font-size:14px;
  line-height:1.55;
  color:#475569;
}

.about-content .one-group-card.split-card::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,181,226,.13), transparent 70%);
  pointer-events:none;
}

@media (max-width:960px){
  .about-content .one-group-card.split-card{
    grid-template-columns:1fr !important;
    gap:30px !important;
    min-height:auto !important;
    padding:46px 42px !important;
  }

  .about-content .one-group-card.split-card h2{
    font-size:36px !important;
  }
}

@media (max-width:640px){
  .about-content .one-group-card.split-card{
    padding:34px 26px !important;
  }

  .about-content .one-group-card.split-card h2{
    font-size:30px !important;
  }

  .split-card-right > p{
    font-size:15px !important;
  }

  .split-pillars div{
    padding:16px;
  }
}


/* ===== OPTION 3 REFINED ===== */

.about-content .one-group-card.split-card{
  min-height:340px !important;
  padding:42px 48px !important;
  gap:34px !important;
}

.about-content .one-group-card.split-card h2{
  font-size:38px !important;
}

.split-kicker{
  margin-bottom:18px !important;
}

.split-card-right > p{
  font-size:15px !important;
  line-height:1.65 !important;
  margin-bottom:18px !important;
}

.split-highlight{
  font-size:16px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
  color:#07152a !important;
  margin-bottom:22px !important;
}

.split-pillars{
  gap:12px !important;
}

.split-pillars div{
  padding:14px 16px !important;
  border-radius:14px !important;
}

.split-pillars strong{
  font-size:14px !important;
  margin-bottom:4px !important;
}

.split-pillars span{
  font-size:13px !important;
  line-height:1.45 !important;
}

@media (max-width:960px){
  .about-content .one-group-card.split-card{
    min-height:auto !important;
    padding:36px 34px !important;
  }

  .about-content .one-group-card.split-card h2{
    font-size:32px !important;
  }
}

@media (max-width:640px){
  .about-content .one-group-card.split-card{
    padding:30px 22px !important;
  }

  .about-content .one-group-card.split-card h2{
    font-size:26px !important;
  }

  .split-highlight{
    font-size:15px !important;
  }
}


/* ===== OPTION 3 V2 — EXECUTIVE STATEMENT PLACED LIKE OPTION 1 ===== */

.split-executive-line{
  width:92px;
  height:2px;
  margin:26px 0 22px;
  background:linear-gradient(90deg,#00A99D,#B29A5A);
}

.split-executive-highlight{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
  color:#334155 !important;
}

.split-card-right .split-highlight{
  display:none !important;
}

@media (max-width:640px){
  .split-executive-line{
    margin:22px 0 18px;
  }

  .split-executive-highlight{
    font-size:15px !important;
  }
}


/* ===== MOVE OUR COMPANIES SLIGHTLY UP ===== */

.about-companies{
  margin-top:28px !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:18px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:10px !important;
  }
}

/* ===== ADD MORE SPACE BEFORE OUR VALUES ===== */

.values-section,
.about-page .values-section{
  margin-top:80px !important;
}

@media (max-width:960px){
  .values-section,
  .about-page .values-section{
    margin-top:64px !important;
  }
}

@media (max-width:640px){
  .values-section,
  .about-page .values-section{
    margin-top:48px !important;
  }
}


/* ===== STRONGER SPACE BEFORE OUR VALUES ===== */
/* Targets the Values section that appears immediately after Our Companies on About page */
.about-page .about-companies + .values,
.about-page .about-companies + .values-section,
.about-page .about-companies + section.values{
  margin-top:120px !important;
  padding-top:70px !important;
}

/* Fallback for injected Values block */
.about-page section.values{
  margin-top:120px !important;
  padding-top:70px !important;
}

/* ===== DUX / EBS CARDS: LARGER BODY + LOWER HEIGHT ===== */

.about-page .company-card{
  min-height:260px !important;
  padding:22px 26px 20px !important;
}

.about-page .company-card img{
  height:82px !important;
  margin-bottom:10px !important;
}

.about-page .company-card p{
  font-size:15px !important;
  line-height:1.62 !important;
  margin-bottom:10px !important;
}

.about-page .company-card a{
  font-size:14px !important;
}

@media (max-width:960px){
  .about-page .about-companies + .values,
  .about-page .about-companies + .values-section,
  .about-page .about-companies + section.values,
  .about-page section.values{
    margin-top:90px !important;
    padding-top:54px !important;
  }

  .about-page .company-card{
    min-height:230px !important;
  }
}

@media (max-width:640px){
  .about-page .about-companies + .values,
  .about-page .about-companies + .values-section,
  .about-page .about-companies + section.values,
  .about-page section.values{
    margin-top:64px !important;
    padding-top:38px !important;
  }

  .about-page .company-card{
    min-height:auto !important;
    padding:20px 22px !important;
  }

  .about-page .company-card p{
    font-size:14px !important;
  }
}


/* ===== LOWER OUR COMPANIES A BIT ===== */

.about-companies{
  margin-top:82px !important;
}

@media (max-width:960px){
  .about-companies{
    margin-top:56px !important;
  }
}

@media (max-width:640px){
  .about-companies{
    margin-top:30px !important;
  }
}

/* ===== MOVE OUR VALUES SLIGHTLY UP ===== */

.about-page .about-companies + .values,
.about-page .about-companies + .values-section,
.about-page .about-companies + section.values,
.about-page section.values{
  margin-top:78px !important;
  padding-top:34px !important;
}

@media (max-width:960px){
  .about-page .about-companies + .values,
  .about-page .about-companies + .values-section,
  .about-page .about-companies + section.values,
  .about-page section.values{
    margin-top:58px !important;
    padding-top:26px !important;
  }
}

@media (max-width:640px){
  .about-page .about-companies + .values,
  .about-page .about-companies + .values-section,
  .about-page .about-companies + section.values,
  .about-page section.values{
    margin-top:42px !important;
    padding-top:18px !important;
  }
}


/* ===== REDUCE OUR COMPANIES BLOCK HEIGHT ===== */

.about-companies{
  padding-top:0 !important;
  padding-bottom:18px !important;
}

.about-companies .section-title{
  margin-bottom:24px !important;
}

.about-companies .companies-org{
  padding-top:0 !important;
}

.org-lines{
  height:44px !important;
  margin-top:-4px !important;
  margin-bottom:-6px !important;
}

.org-lines::before{
  height:24px !important;
}

.org-lines::after,
.org-lines span::before,
.org-lines span::after{
  top:24px !important;
}

.org-lines span::before,
.org-lines span::after{
  height:20px !important;
}

.about-page .company-card{
  min-height:220px !important;
  padding:18px 24px 18px !important;
}

.about-page .company-card img{
  height:74px !important;
  margin-bottom:8px !important;
}

.about-page .company-card p{
  margin-bottom:8px !important;
  line-height:1.55 !important;
}

.about-companies .vexys-parent{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

@media (max-width:960px){

  .org-lines{
    height:34px !important;
  }

  .about-page .company-card{
    min-height:200px !important;
  }
}

@media (max-width:640px){

  .about-companies .section-title{
    margin-bottom:18px !important;
  }

  .org-lines{
    height:26px !important;
  }

  .about-page .company-card{
    min-height:auto !important;
    padding:18px 20px !important;
  }
}


/* ===== COMPANIES PAGE ===== */

.companies-page{
  background:#f7f9fb;
}

.companies-hero{
  min-height:430px;
  padding:140px 6vw 70px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 82% 30%, rgba(0,181,226,.18), transparent 28%),
    linear-gradient(120deg,#02070d 0%, #061321 52%, #0b1f3d 100%);
  color:#ffffff;
}

.companies-hero-copy{
  max-width:820px;
}

.companies-hero h1{
  margin:22px 0 22px;
  font-size:58px;
  line-height:1.02;
  letter-spacing:-.045em;
  color:#ffffff;
}

.companies-hero-copy p:not(.eyebrow){
  max-width:680px;
  margin:0;
  font-size:18px;
  line-height:1.72;
  color:rgba(255,255,255,.82);
}

/* Companies page spacing */
.companies-page .about-companies{
  margin-top:0 !important;
  padding-top:70px !important;
  padding-bottom:84px !important;
}

.companies-page .about-companies .section-title{
  margin-bottom:36px !important;
}

@media (max-width:960px){
  .companies-hero{
    min-height:380px;
    padding:120px 5vw 60px;
  }

  .companies-hero h1{
    font-size:44px;
  }

  .companies-hero-copy p:not(.eyebrow){
    font-size:16px;
  }

  .companies-page .about-companies{
    padding-top:54px !important;
    padding-bottom:64px !important;
  }
}

@media (max-width:640px){
  .companies-hero{
    min-height:340px;
    padding:110px 5vw 46px;
  }

  .companies-hero h1{
    font-size:34px;
  }
}


/* ===== GOLD LINKEDIN ICON ===== */

.social a,
.social-links a,
.header-social a,
.footer-social a{
  color:#B29A5A !important;
  border-color:rgba(178,154,90,.35) !important;
}

.social a:hover,
.social-links a:hover,
.header-social a:hover,
.footer-social a:hover{
  color:#d8c08a !important;
  border-color:#B29A5A !important;
  box-shadow:0 0 18px rgba(178,154,90,.22) !important;
}


/* ===== COMPANIES HERO ART ===== */

.companies-hero{
  position:relative;
  overflow:hidden;
}

.companies-hero-art{
  position:absolute;
  right:2vw;
  top:50%;
  transform:translateY(-50%);
  width:min(46vw,760px);
  pointer-events:none;
  opacity:.96;
}

.companies-hero-art img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));
}

.companies-hero-copy{
  position:relative;
  z-index:2;
}

@media (max-width:960px){
  .companies-hero{
    padding-bottom:300px !important;
  }

  .companies-hero-art{
    width:82vw;
    right:50%;
    top:auto;
    bottom:-30px;
    transform:translateX(50%);
    opacity:.7;
  }
}

@media (max-width:640px){
  .companies-hero{
    padding-bottom:220px !important;
  }

  .companies-hero-art{
    width:92vw;
    bottom:-10px;
  }
}


/* ===== FOOTER LINKEDIN ONLY ===== */

footer .social a,
footer .social-links a,
footer .footer-social a{
  color:#B29A5A !important;
  border-color:rgba(178,154,90,.38) !important;
  background:rgba(178,154,90,.06) !important;
}

footer .social a:hover,
footer .social-links a:hover,
footer .footer-social a:hover{
  color:#e2c98b !important;
  border-color:#B29A5A !important;
  background:rgba(178,154,90,.12) !important;
  box-shadow:0 0 18px rgba(178,154,90,.22) !important;
  transform:translateY(-2px);
}


/* ===== RESTORED ABOUT LAYOUT ===== */

.about-page .about-content{
  background:transparent !important;
  padding-top:0 !important;
  padding-bottom:48px !important;
}

.about-page .about-grid{
  background:transparent !important;
  padding:0 !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

.about-page .one-group-card{
  position:relative !important;
  z-index:2 !important;
  margin:0 auto !important;
}

@media (max-width:960px){
  .about-page .about-content{
    padding-bottom:40px !important;
  }
}

@media (max-width:640px){
  .about-page .about-content{
    padding-bottom:28px !important;
  }
}


/* ===== FOOTER LINKEDIN RESTORED - GOLD ===== */

footer .footer-social{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

footer .footer-social a.linkedin-only,
footer .footer-social a,
footer .social a,
footer .social-links a{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#B29A5A !important;
  border:1px solid rgba(178,154,90,.55) !important;
  background:rgba(178,154,90,.08) !important;
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:all .22s ease !important;
}

footer .footer-social a.linkedin-only:hover,
footer .footer-social a:hover,
footer .social a:hover,
footer .social-links a:hover{
  color:#e2c98b !important;
  border-color:#B29A5A !important;
  background:rgba(178,154,90,.15) !important;
  box-shadow:0 0 18px rgba(178,154,90,.28) !important;
  transform:translateY(-2px) !important;
}


/* ===== ABOUT PAGE OPTION A: CONTINUOUS DARK HERO ===== */

/* Make the hero + One Group area one continuous dark frame */
.about-page .about-hero{
  margin-bottom:0 !important;
  padding-bottom:120px !important;
  min-height:520px !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(0,181,226,.18), transparent 30%),
    linear-gradient(135deg,#02070d 0%, #061321 54%, #0b1f3d 100%) !important;
  border-bottom:none !important;
}

/* Remove the white/gray break behind the One Group card */
.about-page .about-content{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:72px !important;
  background:
    linear-gradient(180deg,#061321 0%, #07152a 72%, #f7f9fb 72%, #f7f9fb 100%) !important;
}

/* Pull the card upward into the continuous dark hero area */
.about-page .about-content .about-grid{
  max-width:1180px !important;
  margin:-110px auto 0 !important;
  padding:0 6vw !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Keep the One Group card visually floating over the dark background */
.about-page .one-group-card{
  position:relative !important;
  z-index:5 !important;
  box-shadow:
    0 34px 90px rgba(2,7,13,.34),
    0 10px 36px rgba(0,181,226,.10) !important;
}

/* Ensure next sections start cleanly on white */
.about-page .timeline-pillars-section,
.about-page .values-section,
.about-page .values{
  background:#f7f9fb !important;
}

/* Avoid any accidental pseudo-frame behind the card */
.about-page .about-content::before,
.about-page .about-content::after,
.about-page .about-grid::before,
.about-page .about-grid::after{
  display:none !important;
  content:none !important;
}

@media (max-width:960px){
  .about-page .about-hero{
    min-height:480px !important;
    padding-bottom:100px !important;
  }

  .about-page .about-content .about-grid{
    margin-top:-92px !important;
    padding:0 5vw !important;
  }

  .about-page .about-content{
    padding-bottom:56px !important;
  }
}

@media (max-width:640px){
  .about-page .about-hero{
    min-height:420px !important;
    padding-bottom:78px !important;
  }

  .about-page .about-content .about-grid{
    margin-top:-68px !important;
  }

  .about-page .about-content{
    padding-bottom:42px !important;
  }
}


/* ===== FINAL FIX — REMOVE HORIZONTAL BREAK BEHIND CARD ===== */

/* Extend the dark hero much further down */
.about-page .about-hero{
  padding-bottom:220px !important;
  min-height:760px !important;
  position:relative !important;
  z-index:1 !important;
}

/* Remove the artificial dark/light split */
.about-page .about-content{
  background:#f7f9fb !important;
  margin-top:-220px !important;
  position:relative !important;
  z-index:3 !important;
  padding-top:0 !important;
}

/* Float the card entirely inside the dark hero */
.about-page .about-content .about-grid{
  margin-top:0 !important;
  position:relative !important;
  top:-120px !important;
  padding:0 6vw !important 60px !important;
}

/* Keep the card fully above the white section */
.about-page .one-group-card{
  position:relative !important;
  z-index:10 !important;
}

/* Ensure no extra pseudo backgrounds appear */
.about-page .about-hero::after,
.about-page .about-content::before,
.about-page .about-content::after{
  display:none !important;
  content:none !important;
}

@media (max-width:960px){

  .about-page .about-hero{
    min-height:680px !important;
    padding-bottom:190px !important;
  }

  .about-page .about-content{
    margin-top:-190px !important;
  }

  .about-page .about-content .about-grid{
    top:-90px !important;
  }
}

@media (max-width:640px){

  .about-page .about-hero{
    min-height:620px !important;
    padding-bottom:150px !important;
  }

  .about-page .about-content{
    margin-top:-150px !important;
  }

  .about-page .about-content .about-grid{
    top:-70px !important;
    padding-bottom:40px !important;
  }
}


/* ===== MOVE OUR VALUES MUCH CLOSER TO ONE GROUP CARD ===== */

.about-page .values-section,
.about-page section.values,
.about-page .values{
  margin-top:-70px !important;
  padding-top:0 !important;
  position:relative !important;
  z-index:4 !important;
}

@media (max-width:960px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-48px !important;
  }
}

@media (max-width:640px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-28px !important;
  }
}


/* ===== MOVE OUR VALUES EVEN HIGHER ===== */

.about-page .values-section,
.about-page section.values,
.about-page .values{
  margin-top:-120px !important;
  padding-top:0 !important;
}

@media (max-width:960px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-84px !important;
  }
}

@media (max-width:640px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-46px !important;
  }
}


/* ===== BALANCE OUR VALUES POSITION ===== */

.about-page .values-section,
.about-page section.values,
.about-page .values{
  margin-top:-82px !important;
  padding-top:0 !important;
}

@media (max-width:960px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-58px !important;
  }
}

@media (max-width:640px){
  .about-page .values-section,
  .about-page section.values,
  .about-page .values{
    margin-top:-30px !important;
  }
}

/* ===== RESTORE ABOUT HERO NETWORK IMAGE ===== */

.about-page .about-hero{
  overflow:hidden !important;
  position:relative !important;
}

.about-page .about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('assets/about-hero-network.png');
  background-repeat:no-repeat;
  background-position:right top;
  background-size:contain;
  opacity:.34;
  pointer-events:none;
  z-index:1;
}

.about-page .about-hero .hero-copy,
.about-page .about-hero .hero-content,
.about-page .about-hero .container{
  position:relative;
  z-index:2;
}

@media (max-width:960px){
  .about-page .about-hero::before{
    opacity:.24;
    background-size:cover;
  }
}

@media (max-width:640px){
  .about-page .about-hero::before{
    opacity:.16;
    background-position:center top;
  }
}


/* ===== ABOUT HERO NEW TRANSPARENT ARTWORK ===== */

.about-page .about-hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.98) 0%,
      rgba(2,7,13,.90) 36%,
      rgba(2,7,13,.70) 66%,
      rgba(2,7,13,.52) 100%
    ) !important;
  background-color:#061321 !important;
}

.about-page .about-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background-image:url('assets/about-hero-network.png') !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:60% auto !important;
  opacity:.96 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.about-page .about-hero::after{
  display:none !important;
  content:none !important;
}

.about-page .about-hero > *{
  position:relative !important;
  z-index:2 !important;
}

@media (max-width:960px){
  .about-page .about-hero::before{
    background-size:86% auto !important;
    background-position:135% center !important;
    opacity:.76 !important;
  }
}

@media (max-width:640px){
  .about-page .about-hero::before{
    background-size:116% auto !important;
    background-position:center bottom !important;
    opacity:.48 !important;
  }
}


/* ===== FORCE ABOUT HERO TRANSPARENT ART AS IMAGE ELEMENT ===== */

.about-page .about-hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(2,7,13,.98) 0%,
      rgba(2,7,13,.90) 36%,
      rgba(2,7,13,.72) 66%,
      rgba(2,7,13,.56) 100%
    ) !important;
  background-color:#061321 !important;
}

.about-page .about-hero::before,
.about-page .about-hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

.about-hero-art-img{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:min(64vw, 880px) !important;
  height:auto !important;
  opacity:.98 !important;
  z-index:1 !important;
  pointer-events:none !important;
  display:block !important;
}

.about-page .about-hero > *:not(.about-hero-art-img){
  position:relative !important;
  z-index:2 !important;
}

@media (max-width:960px){
  .about-hero-art-img{
    width:86vw !important;
    right:-28vw !important;
    opacity:.72 !important;
  }
}

@media (max-width:640px){
  .about-hero-art-img{
    width:120vw !important;
    right:-42vw !important;
    top:65% !important;
    opacity:.44 !important;
  }
}


/* ===== FIX ABOUT HERO TEXT ALIGNMENT ===== */

.about-page .about-hero .hero-copy,
.about-page .about-hero .hero-content,
.about-page .about-hero .container{
  max-width:1180px !important;
  margin:0 auto !important;
  width:100% !important;
}

.about-page .about-hero .hero-copy{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

.about-page .about-hero .hero-copy > div,
.about-page .about-hero .hero-content > div{
  margin-left:0 !important;
  padding-left:0 !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
}

/* Restore original left aligned layout */
.about-page .about-hero .hero-copy{
  padding-left:6vw !important;
  padding-right:6vw !important;
}

@media (max-width:960px){
  .about-page .about-hero .hero-copy{
    padding-left:5vw !important;
    padding-right:5vw !important;
  }
}


/* ===== HARD FIX ABOUT HERO CONTENT POSITION ===== */

.about-page .about-hero{
  position:relative !important;
}

.about-page .about-hero-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 6vw;
  position:relative;
  z-index:3;
}

.about-page .about-hero .hero-copy,
.about-page .about-hero .hero-content{
  width:100% !important;
  max-width:640px !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  left:0 !important;
  transform:none !important;
  text-align:left !important;
}

/* Prevent artwork from pushing content */
.about-hero-art-img{
  z-index:1 !important;
}

.about-page .about-hero .hero-copy *{
  text-align:left !important;
}

@media (max-width:960px){
  .about-page .about-hero-inner{
    padding:0 5vw;
  }
}


/* ===== INDUSTRIES PAGE ===== */

.industries-page{
  background:#f7f9fb;
}

.industries-hero{
  position:relative;
  overflow:hidden;
  min-height:560px;
  padding:140px 0 90px;
  background:
    radial-gradient(circle at 80% 20%, rgba(0,181,226,.16), transparent 30%),
    linear-gradient(135deg,#02070d 0%, #061321 52%, #0b1f3d 100%);
}

.industries-hero-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 6vw;
  position:relative;
}

.industries-hero-copy{
  max-width:620px;
  position:relative;
  z-index:2;
}

.industries-hero h1{
  margin:22px 0 24px;
  font-size:62px;
  line-height:1.02;
  letter-spacing:-.05em;
  color:#fff;
}

.industries-hero p:not(.eyebrow){
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.82);
}

.industries-hero-art{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:min(60vw,860px);
  opacity:.98;
  pointer-events:none;
}

.industries-grid-section{
  max-width:1280px;
  margin:0 auto;
  padding:84px 6vw 100px;
}

.industries-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:36px;
}

.industry-card{
  position:relative;
  overflow:hidden;
  min-height:200px;
  padding:30px 28px;
  border-radius:26px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(7,21,42,.08);
  box-shadow:
    0 18px 40px rgba(7,21,42,.06),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition:all .28s ease;
}

.industry-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 28px 54px rgba(7,21,42,.10),
    0 10px 30px rgba(0,181,226,.08);
}

.industry-accent{
  width:56px;
  height:4px;
  border-radius:999px;
  margin-bottom:22px;
  background:linear-gradient(90deg,#00A99D,#00B5E2,#B29A5A);
}

.industry-card h3{
  margin:0 0 14px;
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:#07152a;
}

.industry-card p{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:#475569;
}

@media (max-width:960px){

  .industries-hero{
    min-height:660px;
  }

  .industries-hero h1{
    font-size:46px;
  }

  .industries-hero-art{
    width:92vw;
    right:-28vw;
    top:68%;
    opacity:.72;
  }

  .industries-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){

  .industries-hero{
    min-height:620px;
    padding:120px 0 70px;
  }

  .industries-hero-inner{
    padding:0 5vw;
  }

  .industries-hero h1{
    font-size:34px;
  }

  .industries-hero p:not(.eyebrow){
    font-size:16px;
  }

  .industries-hero-art{
    width:125vw;
    right:-48vw;
    top:72%;
    opacity:.48;
  }

  .industries-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .industry-card{
    min-height:auto;
    padding:24px 22px;
  }

  .industry-card h3{
    font-size:21px;
  }
}


/* ===== CONTACT PAGE ===== */

.contact-page{
  background:#f7f9fb;
}

.contact-hero{
  position:relative;
  overflow:hidden;
  min-height:580px;
  padding:145px 0 95px;
  background:
    radial-gradient(circle at 80% 22%, rgba(0,181,226,.15), transparent 32%),
    linear-gradient(135deg,#02070d 0%, #061321 52%, #0b1f3d 100%);
}

.contact-hero-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 6vw;
  position:relative;
}

.contact-hero-copy{
  max-width:650px;
  position:relative;
  z-index:2;
}

.contact-hero h1{
  margin:22px 0 24px;
  font-size:62px;
  line-height:1.02;
  letter-spacing:-.05em;
  color:#fff;
}

.contact-hero p:not(.eyebrow){
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.82);
}

.contact-hero-art{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:min(58vw,800px);
  opacity:.96;
  pointer-events:none;
}

.contact-main{
  max-width:1180px;
  margin:-86px auto 0;
  padding:0 6vw 105px;
  position:relative;
  z-index:5;
}

.contact-card{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:44px;
  align-items:center;
  padding:58px;
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 10%, rgba(0,181,226,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%);
  border:1px solid rgba(7,21,42,.08);
  box-shadow:
    0 34px 90px rgba(2,7,13,.18),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.contact-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  color:#008F89;
}

.contact-kicker::before{
  content:"";
  width:42px;
  height:2px;
  background:linear-gradient(90deg,#00A99D,#B29A5A);
}

.contact-card h2{
  margin:0 0 22px;
  font-size:42px;
  line-height:1.06;
  letter-spacing:-.04em;
  color:#07152a;
}

.contact-card-left p{
  margin:0;
  font-size:17px;
  line-height:1.75;
  color:#475569;
}

.email-box{
  padding:32px;
  border-radius:24px;
  background:#07152a;
  box-shadow:0 18px 42px rgba(7,21,42,.20);
  border:1px solid rgba(0,181,226,.16);
}

.email-box span{
  display:block;
  margin-bottom:12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}

.email-box a{
  color:#B29A5A;
  font-size:28px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none;
  transition:color .22s ease, text-shadow .22s ease;
}

.email-box a:hover{
  color:#e2c98b;
  text-shadow:0 0 18px rgba(178,154,90,.25);
}

.contact-notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}

.contact-notes article{
  padding:22px;
  border-radius:18px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(7,21,42,.08);
}

.contact-notes strong{
  display:block;
  margin-bottom:8px;
  color:#07152a;
  font-size:15px;
}

.contact-notes p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
}

@media (max-width:960px){
  .contact-hero{
    min-height:660px;
  }

  .contact-hero h1{
    font-size:46px;
  }

  .contact-hero-art{
    width:90vw;
    right:-28vw;
    top:68%;
    opacity:.72;
  }

  .contact-card{
    grid-template-columns:1fr;
    padding:44px 40px;
  }

  .contact-notes{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .contact-hero{
    min-height:620px;
    padding:120px 0 70px;
  }

  .contact-hero-inner{
    padding:0 5vw;
  }

  .contact-hero h1{
    font-size:34px;
  }

  .contact-hero p:not(.eyebrow){
    font-size:16px;
  }

  .contact-hero-art{
    width:125vw;
    right:-48vw;
    top:72%;
    opacity:.48;
  }

  .contact-main{
    margin-top:-58px;
    padding:0 5vw 76px;
  }

  .contact-card{
    padding:34px 24px;
    border-radius:26px;
  }

  .contact-card h2{
    font-size:30px;
  }

  .email-box{
    padding:24px;
  }

  .email-box a{
    font-size:22px;
  }
}


/* ===== HOMEPAGE DISCOVER VEXYS GROUP BUTTON ===== */

.hero .cta-primary,
.hero a.cta-primary,
.hero .primary-btn,
.hero a.primary-btn{
  background:linear-gradient(
    135deg,
    #00A99D 0%,
    #00B5E2 52%,
    #B29A5A 100%
  ) !important;
  color:#ffffff !important;
  border:none !important;
  box-shadow:
    0 14px 34px rgba(0,181,226,.24),
    0 8px 22px rgba(178,154,90,.18) !important;
}

.hero .cta-primary:hover,
.hero a.cta-primary:hover,
.hero .primary-btn:hover,
.hero a.primary-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 20px 42px rgba(0,181,226,.30),
    0 10px 28px rgba(178,154,90,.24) !important;
  filter:saturate(1.05) brightness(1.03);
}


/* ===== SILVER DISCOVER VEXYS GROUP BUTTON ===== */

.hero-actions .btn.primary.discover-vexys-silver,
a.btn.primary.discover-vexys-silver{
  background:linear-gradient(
    135deg,
    #6E737B 0%,
    #BFC5CC 48%,
    #EEF2F5 100%
  ) !important;
  background-color:#BFC5CC !important;
  color:#07152a !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 16px 36px rgba(191,197,204,.30),
    0 8px 24px rgba(110,115,123,.16) !important;
}

.hero-actions .btn.primary.discover-vexys-silver:hover,
a.btn.primary.discover-vexys-silver:hover{
  background:linear-gradient(
    135deg,
    #7B818A 0%,
    #D4D9DE 48%,
    #FFFFFF 100%
  ) !important;
  color:#07152a !important;
  transform:translateY(-2px) !important;
  box-shadow:
    0 22px 44px rgba(191,197,204,.36),
    0 10px 28px rgba(110,115,123,.20) !important;
}


/* ===== SLIGHTLY TALLER HOMEPAGE HERO ===== */

body:not(.about-page) .hero{
  padding-top:138px !important;
  padding-bottom:142px !important;
  min-height:760px !important;
}

@media (max-width:960px){
  body:not(.about-page) .hero{
    padding-top:118px !important;
    padding-bottom:116px !important;
    min-height:660px !important;
  }
}

@media (max-width:640px){
  body:not(.about-page) .hero{
    padding-top:102px !important;
    padding-bottom:92px !important;
    min-height:560px !important;
  }
}


/* ===== CENTER HERO CONTENT + GLOBE ===== */

body:not(.about-page) .hero{
  display:flex !important;
  align-items:center !important;
}

body:not(.about-page) .hero .hero-inner,
body:not(.about-page) .hero .container{
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
}

body:not(.about-page) .hero-copy,
body:not(.about-page) .hero-content{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

body:not(.about-page) .globe-wrap,
body:not(.about-page) .hero-globe{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  margin-top:0 !important;
}

@media (max-width:960px){
  body:not(.about-page) .hero .hero-inner,
  body:not(.about-page) .hero .container{
    align-items:center !important;
  }
}


/* ===== HERO FINAL ALIGNMENT ===== */

/* Move hero text block slightly to the right */
body:not(.about-page) .hero-copy,
body:not(.about-page) .hero-content{
  margin-left:auto !important;
  padding-right:2vw !important;
}

/* Lower the globe */
body:not(.about-page) .globe-wrap,
body:not(.about-page) .hero-globe{
  transform:translateY(38px) !important;
}

/* Responsive adjustments */
@media (max-width:960px){

  body:not(.about-page) .hero-copy,
  body:not(.about-page) .hero-content{
    padding-right:0 !important;
  }

  body:not(.about-page) .globe-wrap,
  body:not(.about-page) .hero-globe{
    transform:translateY(22px) !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .globe-wrap,
  body:not(.about-page) .hero-globe{
    transform:translateY(14px) !important;
  }
}


/* ===== RESTORE HERO TEXT FULLY LEFT ===== */

body:not(.about-page) .hero-inner{
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr) !important;
  align-items:center !important;
}

body:not(.about-page) .hero-copy,
body:not(.about-page) .hero-content,
body:not(.about-page) .hero-text{
  margin-left:0 !important;
  padding-left:0 !important;
  transform:none !important;
  left:0 !important;
  justify-self:start !important;
  text-align:left !important;
  align-items:flex-start !important;
  max-width:620px !important;
}

/* Remove any previous right shift */
.hero-text-shift-right{
  transform:none !important;
}

@media (max-width:960px){
  body:not(.about-page) .hero-copy,
  body:not(.about-page) .hero-content,
  body:not(.about-page) .hero-text{
    max-width:100% !important;
  }
}


/* ===== HERO BODY TEXT FULLY LEFT ===== */

body:not(.about-page) .hero,
body:not(.about-page) .hero *{
  text-align:left !important;
}

body:not(.about-page) .hero-copy,
body:not(.about-page) .hero-content,
body:not(.about-page) .hero-text{
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

body:not(.about-page) .hero p,
body:not(.about-page) .hero h1,
body:not(.about-page) .hero .eyebrow,
body:not(.about-page) .hero .hero-actions{
  text-align:left !important;
  justify-content:flex-start !important;
}


/* ===== DEFINITIVE HERO TEXT LEFT + GLOBE LOWER FIX ===== */

/* Rebuild hero grid so the text column starts at the left content edge */
body:not(.about-page) section.hero{
  position:relative !important;
  overflow:visible !important;
}

body:not(.about-page) section.hero .hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  align-items:center !important;
  max-width:1280px !important;
  width:100% !important;
  margin:0 auto !important;
  padding-left:6vw !important;
  padding-right:6vw !important;
}

/* Lock every hero text wrapper to the left */
body:not(.about-page) section.hero .hero-text,
body:not(.about-page) section.hero .hero-copy,
body:not(.about-page) section.hero .hero-content,
body:not(.about-page) section.hero .hero-copy-left-lock{
  grid-column:1 !important;
  justify-self:start !important;
  align-self:center !important;
  width:100% !important;
  max-width:620px !important;
  margin:0 !important;
  padding:0 !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  text-align:left !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

/* Force all text and CTA row inside the hero to align left */
body:not(.about-page) section.hero .hero-text *,
body:not(.about-page) section.hero .hero-copy *,
body:not(.about-page) section.hero .hero-content *,
body:not(.about-page) section.hero .hero-copy-left-lock *{
  text-align:left !important;
}

body:not(.about-page) section.hero .hero-actions{
  justify-content:flex-start !important;
  align-items:center !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

/* Keep the globe in the right column and move it down clearly */
body:not(.about-page) section.hero .globe-wrap,
body:not(.about-page) section.hero .hero-globe,
body:not(.about-page) section.hero .hero-globe-lower-lock{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
  transform:translateY(180px) !important;
  position:relative !important;
  z-index:1 !important;
}

body:not(.about-page) section.hero .globe-wrap img,
body:not(.about-page) section.hero .hero-globe img,
body:not(.about-page) section.hero .hero-globe-lower-lock img,
body:not(.about-page) section.hero img[src*="globe"],
body:not(.about-page) section.hero img[src*="hero-globe"]{
  transform:none !important;
  position:relative !important;
}

/* Allow space for the lower globe to align near the One Group division */
body:not(.about-page) section.hero{
  padding-bottom:190px !important;
}

@media (max-width:960px){
  body:not(.about-page) section.hero .hero-inner{
    grid-template-columns:1fr !important;
    padding-left:5vw !important;
    padding-right:5vw !important;
  }

  body:not(.about-page) section.hero .hero-text,
  body:not(.about-page) section.hero .hero-copy,
  body:not(.about-page) section.hero .hero-content,
  body:not(.about-page) section.hero .hero-copy-left-lock{
    grid-column:1 !important;
    max-width:680px !important;
  }

  body:not(.about-page) section.hero .globe-wrap,
  body:not(.about-page) section.hero .hero-globe,
  body:not(.about-page) section.hero .hero-globe-lower-lock{
    grid-column:1 !important;
    justify-self:center !important;
    transform:translateY(70px) !important;
  }

  body:not(.about-page) section.hero{
    padding-bottom:130px !important;
  }
}

@media (max-width:640px){
  body:not(.about-page) section.hero .globe-wrap,
  body:not(.about-page) section.hero .hero-globe,
  body:not(.about-page) section.hero .hero-globe-lower-lock{
    transform:translateY(38px) !important;
  }

  body:not(.about-page) section.hero{
    padding-bottom:90px !important;
  }
}


/* ===== TALLER ONE GROUP ENDLESS POSSIBILITIES BLOCK ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:145px !important;
  padding-bottom:170px !important;
  min-height:760px !important;
}

/* More breathing room inside the section */
body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-bottom:58px !important;
}

body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  gap:38px !important;
  align-items:stretch !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:105px !important;
    padding-bottom:120px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:78px !important;
    padding-bottom:90px !important;
  }
}


/* ===== BALANCED ONE GROUP SECTION HEIGHT ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:112px !important;
  padding-bottom:124px !important;
  min-height:620px !important;
}

/* More controlled spacing */
body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-bottom:42px !important;
}

body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  gap:28px !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:88px !important;
    padding-bottom:96px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:64px !important;
    padding-bottom:72px !important;
  }
}


/* ===== COMPACT ONE GROUP SECTION ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:102px !important;
  padding-bottom:86px !important;
  min-height:560px !important;
}

/* Reduce excessive lower spacing */
body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  margin-bottom:0 !important;
  gap:24px !important;
}

body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-bottom:34px !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:78px !important;
    padding-bottom:68px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:58px !important;
    padding-bottom:54px !important;
  }
}


/* ===== MORE COMPACT ONE GROUP SECTION ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:84px !important;
  padding-bottom:58px !important;
  min-height:500px !important;
}

/* Tighten internal spacing */
body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-bottom:26px !important;
}

body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  gap:20px !important;
  margin-bottom:0 !important;
}

body:not(.about-page) .company-card,
body:not(.about-page) .brand-block{
  padding-bottom:18px !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:64px !important;
    padding-bottom:48px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:48px !important;
    padding-bottom:40px !important;
  }
}


/* ===== ULTRA COMPACT ONE GROUP SECTION ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:68px !important;
  padding-bottom:34px !important;
  min-height:440px !important;
}

/* Compress internal spacing further */
body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-bottom:18px !important;
}

body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  gap:16px !important;
  margin-bottom:0 !important;
}

body:not(.about-page) .company-card,
body:not(.about-page) .brand-block{
  padding-top:16px !important;
  padding-bottom:12px !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:52px !important;
    padding-bottom:32px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:40px !important;
    padding-bottom:28px !important;
  }
}


/* ===== SUPER COMPACT ONE GROUP SECTION ===== */

body:not(.about-page) .companies,
body:not(.about-page) .company-section,
body:not(.about-page) #companies{
  padding-top:48px !important;
  padding-bottom:18px !important;
  min-height:390px !important;
}

/* Move title much closer to top */
body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  margin-top:-10px !important;
  margin-bottom:12px !important;
}

/* Compress grid/cards further */
body:not(.about-page) .company-grid,
body:not(.about-page) .companies-grid{
  gap:12px !important;
  margin-bottom:0 !important;
}

body:not(.about-page) .company-card,
body:not(.about-page) .brand-block{
  padding-top:10px !important;
  padding-bottom:6px !important;
}

@media (max-width:960px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:38px !important;
    padding-bottom:18px !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){

  body:not(.about-page) .companies,
  body:not(.about-page) .company-section,
  body:not(.about-page) #companies{
    padding-top:28px !important;
    padding-bottom:14px !important;
  }
}


/* ===== LOWER DUX & EBS-IT BODY TEXT ALIGNMENT ===== */

body:not(.about-page) .company-card p,
body:not(.about-page) .brand-block p,
body:not(.about-page) .company-text p{
  margin-top:16px !important;
  position:relative !important;
  top:10px !important;
  line-height:1.55 !important;
}


/* ===== LOWER DUX & EBS-IT BODY TEXT EVEN MORE ===== */

body:not(.about-page) .company-card p,
body:not(.about-page) .brand-block p,
body:not(.about-page) .company-text p{
  margin-top:24px !important;
  position:relative !important;
  top:22px !important;
  line-height:1.58 !important;
}


/* ===== LOWER DISCOVER LINKS + ALIGN EBS-IT LOGO ===== */

/* Lower Discover DUX / Discover EBS-IT significantly */
body:not(.about-page) .company-card a,
body:not(.about-page) .brand-block a,
body:not(.about-page) .company-text a{
  position:relative !important;
  top:34px !important;
  margin-top:18px !important;
}

/* Lower EBS-IT logo to align with DUX */
body:not(.about-page) img[src*="ebs"],
body:not(.about-page) .ebs-logo,
body:not(.about-page) .company-card img{
  position:relative !important;
}

/* Specific adjustment for EBS-IT logo */
body:not(.about-page) img[src*="ebs-it"],
body:not(.about-page) img[src*="EBS"],
body:not(.about-page) .ebs-logo{
  top:18px !important;
}


/* ===== LOWER EBS-IT LOGO SIGNIFICANTLY ===== */

body:not(.about-page) img[src*="ebs-it"],
body:not(.about-page) img[src*="EBS"],
body:not(.about-page) .ebs-logo{
  position:relative !important;
  top:42px !important;
}


/* ===== LOWER V SYMBOL + CIRCLES IN ONE GROUP BLOCK ===== */

body:not(.about-page) img[src*="vexys-v-transparent"],
body:not(.about-page) .vexys-v,
body:not(.about-page) .company-divider,
body:not(.about-page) .center-symbol,
body:not(.about-page) .v-symbol{
  position:relative !important;
  top:42px !important;
}

/* Lower decorative circles around the V */
body:not(.about-page) .circle,
body:not(.about-page) .circles,
body:not(.about-page) .symbol-circles,
body:not(.about-page) .orbital-rings{
  position:relative !important;
  top:42px !important;
}


/* ===== ADJUST ONLY THE V SYMBOL POSITION ===== */

/* Raise the V slightly while keeping circles unchanged */
body:not(.about-page) img[src*="vexys-v-transparent"],
body:not(.about-page) .vexys-v,
body:not(.about-page) .company-divider,
body:not(.about-page) .center-symbol,
body:not(.about-page) .v-symbol{
  position:relative !important;
  top:22px !important;
}


/* ===== RAISE ONLY THE V SYMBOL SLIGHTLY MORE ===== */

body:not(.about-page) img[src*="vexys-v-transparent"],
body:not(.about-page) .vexys-v,
body:not(.about-page) .company-divider,
body:not(.about-page) .center-symbol,
body:not(.about-page) .v-symbol{
  position:relative !important;
  top:8px !important;
}


/* ===== MOVE ONE GROUP TITLE UP ===== */

body:not(.about-page) .companies .section-title,
body:not(.about-page) .company-section .section-title,
body:not(.about-page) #companies .section-title{
  position:relative !important;
  top:-22px !important;
  margin-bottom:6px !important;
}


/* ===== SUBTLE UPWARD ADJUSTMENT FOR ONE GROUP TITLE ===== */

.companies-band .band-title{
  position: relative !important;
  transform: translateY(-22px) !important;
  margin-bottom: -10px !important;
}

@media (max-width:960px){
  .companies-band .band-title{
    transform: translateY(-14px) !important;
    margin-bottom: -6px !important;
  }
}

@media (max-width:640px){
  .companies-band .band-title{
    transform: translateY(-8px) !important;
    margin-bottom: -4px !important;
  }
}


/* ===== LOWER ONE GROUP CONTENT, KEEP TITLE IN PLACE ===== */

/* Keep the title exactly where it is */
.companies-band .band-title{
  position:relative !important;
}

/* Move only the content below the title down */
.companies-band .companies-grid{
  position:relative !important;
  transform:translateY(46px) !important;
}

/* Add just enough bottom space so the lowered content is not cut */
.companies-band{
  padding-bottom:64px !important;
}

@media (max-width:960px){
  .companies-band .companies-grid{
    transform:translateY(30px) !important;
  }

  .companies-band{
    padding-bottom:48px !important;
  }
}

@media (max-width:640px){
  .companies-band .companies-grid{
    transform:translateY(18px) !important;
  }

  .companies-band{
    padding-bottom:38px !important;
  }
}


/* ===== LOWER ONLY THE EBS-IT LOGO — KEEP TITLE UNCHANGED ===== */

/* This targets only the EBS-IT logo inside the One Group block. 
   It does not move the One Group title, text, links, or grid. */
.companies-band .ebs-logo-lower-only,
.companies-band .ebs-logo-lower-only img{
  position:relative !important;
  transform:translateY(18px) !important;
}

/* Preserve the title exactly where it was in the previous version */
.companies-band .band-title{
  transform:translateY(-22px) !important;
  margin-bottom:-10px !important;
}


/* ===== LOWER ALL CONTENT INSIDE ONE GROUP BLOCK EXCEPT TITLE ===== */

/* Keep title fixed */
.companies-band .band-title{
  position:relative !important;
  transform:translateY(-22px) !important;
  z-index:10 !important;
}

/* Lower only the content area */
.companies-band .companies-grid{
  position:relative !important;
  transform:translateY(54px) !important;
}

/* Add slight extra bottom breathing room */
.companies-band{
  padding-bottom:72px !important;
}

@media (max-width:960px){
  .companies-band .companies-grid{
    transform:translateY(34px) !important;
  }

  .companies-band{
    padding-bottom:54px !important;
  }
}

@media (max-width:640px){
  .companies-band .companies-grid{
    transform:translateY(22px) !important;
  }

  .companies-band{
    padding-bottom:40px !important;
  }
}


/* ===== VALUES BLOCK — MORE BREATHING ROOM ===== */
/* Applies to the block with Purpose-Driven Transformation and the other value cards */

body:not(.about-page) .values,
body:not(.about-page) #solutions{
  padding-top:118px !important;
  padding-bottom:128px !important;
}

body:not(.about-page) .values .section-title,
body:not(.about-page) #solutions .section-title{
  margin-bottom:52px !important;
}

body:not(.about-page) .values-grid,
body:not(.about-page) #solutions .values-grid{
  gap:34px !important;
}

body:not(.about-page) .values article,
body:not(.about-page) .value-card{
  padding:36px 34px !important;
  min-height:260px !important;
}

body:not(.about-page) .values h3,
body:not(.about-page) .value-card h3{
  margin-bottom:18px !important;
}

body:not(.about-page) .values p,
body:not(.about-page) .value-card p{
  line-height:1.72 !important;
}

@media (max-width:960px){
  body:not(.about-page) .values,
  body:not(.about-page) #solutions{
    padding-top:92px !important;
    padding-bottom:100px !important;
  }

  body:not(.about-page) .values-grid,
  body:not(.about-page) #solutions .values-grid{
    gap:26px !important;
  }
}

@media (max-width:640px){
  body:not(.about-page) .values,
  body:not(.about-page) #solutions{
    padding-top:72px !important;
    padding-bottom:78px !important;
  }

  body:not(.about-page) .values article,
  body:not(.about-page) .value-card{
    padding:28px 24px !important;
    min-height:auto !important;
  }
}


/* ===== VALUES BLOCK — BALANCED SPACING ===== */

body:not(.about-page) .values,
body:not(.about-page) #solutions{
  padding-top:88px !important;
  padding-bottom:92px !important;
}

body:not(.about-page) .values .section-title,
body:not(.about-page) #solutions .section-title{
  margin-bottom:34px !important;
}

body:not(.about-page) .values-grid,
body:not(.about-page) #solutions .values-grid{
  gap:22px !important;
}

body:not(.about-page) .values article,
body:not(.about-page) .value-card{
  padding:26px 26px !important;
  min-height:220px !important;
}

body:not(.about-page) .values h3,
body:not(.about-page) .value-card h3{
  margin-bottom:12px !important;
}

body:not(.about-page) .values p,
body:not(.about-page) .value-card p{
  line-height:1.58 !important;
}

@media (max-width:960px){
  body:not(.about-page) .values,
  body:not(.about-page) #solutions{
    padding-top:72px !important;
    padding-bottom:74px !important;
  }

  body:not(.about-page) .values-grid,
  body:not(.about-page) #solutions .values-grid{
    gap:18px !important;
  }
}

@media (max-width:640px){
  body:not(.about-page) .values,
  body:not(.about-page) #solutions{
    padding-top:56px !important;
    padding-bottom:58px !important;
  }

  body:not(.about-page) .values article,
  body:not(.about-page) .value-card{
    padding:22px 20px !important;
    min-height:auto !important;
  }
}


/* ===== ABOUT PAGE — OUR VALUES BODY TEXT REFINEMENT ===== */

.about-page .values p,
.about-page .value-card p,
.about-page #solutions p{
  font-size:1.03rem !important;
  line-height:1.42 !important;
  letter-spacing:0 !important;
}

/* Slightly improve readability balance */
.about-page .values h3,
.about-page .value-card h3{
  margin-bottom:10px !important;
}


/* ===== ABOUT PAGE — FORCE OUR VALUES LINE HEIGHT REDUCTION ===== */

.about-page .values-section p,
.about-page section.values p,
.about-page .values-grid p,
.about-page .values article p,
.about-page .value-card p,
.about-page .about-values p{
  font-size:1.03rem !important;
  line-height:1.22 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.about-page .values-section h3,
.about-page section.values h3,
.about-page .values-grid h3,
.about-page .values article h3,
.about-page .value-card h3,
.about-page .about-values h3{
  margin-bottom:8px !important;
}


/* ===== RESOLVED: ABOUT PAGE / OUR VALUES TEXT LINE-HEIGHT ===== */
/* Dedicated selector added directly to the exact About "Our Values" section.
   This avoids conflicts with homepage values rules using body:not(.about-page). */

main.about-page section.about-values-lineheight-fixed article p{
  font-size:1.06rem !important;
  line-height:1.16 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  max-width:none !important;
}

main.about-page section.about-values-lineheight-fixed article h3{
  margin-bottom:7px !important;
}

/* Reduce vertical spread inside each card so the line-height change is visually noticeable */
main.about-page section.about-values-lineheight-fixed article{
  gap:0 !important;
  justify-content:flex-start !important;
}

/* Keep the overall card proportions stable */
main.about-page section.about-values-lineheight-fixed{
  row-gap:22px !important;
}


/* ===== ULTRA TIGHT LINE SPACING — ABOUT / OUR VALUES ===== */
/* Apply directly to the paragraph rendering inside the exact cards */

main.about-page section.about-values-lineheight-fixed article p{
  line-height:0.98 !important;
  display:block !important;
}

/* Remove hidden paragraph spacing coming from inherited typography rules */
main.about-page section.about-values-lineheight-fixed article p br{
  line-height:0.98 !important;
}

main.about-page section.about-values-lineheight-fixed article{
  row-gap:0 !important;
}

main.about-page section.about-values-lineheight-fixed article h3{
  margin-bottom:4px !important;
}


/* ===== FINAL FIX — ABOUT / OUR VALUES COMPACT CARDS ===== */
/* The visual issue was not only line-height: the card height/padding and grid layout
   were preserving a large frame. This targets the exact About section and compresses
   paragraph line-height, card padding, card min-height and section spacing together. */

main.about-page section.about-values-compact-final{
  padding-top:34px !important;
  padding-bottom:44px !important;
  gap:16px !important;
  row-gap:16px !important;
}

main.about-page section.about-values-compact-final .values-title{
  margin-bottom:18px !important;
}

/* Compact each card/frame */
main.about-page section.about-values-compact-final article{
  min-height:0 !important;
  height:auto !important;
  padding:20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:0 !important;
}

/* Reduce heading-to-body spacing */
main.about-page section.about-values-compact-final article h3{
  margin:0 0 6px 0 !important;
  padding:0 !important;
  line-height:1.08 !important;
}

/* Actual body text line spacing reduction */
main.about-page section.about-values-compact-final article p{
  font-size:16px !important;
  line-height:1.12 !important;
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
}

/* Reduce icon spacing if present */
main.about-page section.about-values-compact-final article .icon{
  margin-bottom:12px !important;
}

/* If older generic rules set cards high, override them specifically here */
main.about-page section.about-values-compact-final.values article,
main.about-page section.about-values-compact-final .value-card{
  min-height:0 !important;
  padding-top:20px !important;
  padding-bottom:20px !important;
}

@media (max-width:960px){
  main.about-page section.about-values-compact-final{
    padding-top:28px !important;
    padding-bottom:36px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:18px 20px !important;
  }

  main.about-page section.about-values-compact-final article p{
    line-height:1.14 !important;
  }
}

@media (max-width:640px){
  main.about-page section.about-values-compact-final{
    padding-top:24px !important;
    padding-bottom:30px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:16px 18px !important;
  }
}


/* ===== ABOUT PAGE — OUR VALUES BALANCED FINAL ===== */

/* Reduce overall block height */
main.about-page section.about-values-compact-final{
  padding-top:24px !important;
  padding-bottom:28px !important;
  row-gap:12px !important;
}

/* Compact cards a bit more */
main.about-page section.about-values-compact-final article{
  padding:16px 18px !important;
  min-height:0 !important;
}

/* Slightly increase line spacing from previous ultra-compact version */
main.about-page section.about-values-compact-final article p{
  line-height:1.24 !important;
  font-size:16px !important;
}

/* Keep headings compact */
main.about-page section.about-values-compact-final article h3{
  margin-bottom:6px !important;
  line-height:1.06 !important;
}

main.about-page section.about-values-compact-final .values-title{
  margin-bottom:14px !important;
}

@media (max-width:960px){
  main.about-page section.about-values-compact-final{
    padding-top:20px !important;
    padding-bottom:24px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:14px 16px !important;
  }
}

@media (max-width:640px){
  main.about-page section.about-values-compact-final{
    padding-top:18px !important;
    padding-bottom:20px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:12px 14px !important;
  }
}


/* ===== ABOUT PAGE — FINAL VALUES + ONE GROUP ADJUSTMENTS ===== */

/* Reduce overall height of Our Values section */
main.about-page section.about-values-compact-final{
  padding-top:14px !important;
  padding-bottom:16px !important;
  row-gap:8px !important;
  margin-top:0 !important;
}

/* Reduce card/frame height further */
main.about-page section.about-values-compact-final article{
  padding:12px 14px !important;
  min-height:0 !important;
  gap:0 !important;
}

/* Slightly increase line spacing from previous version */
main.about-page section.about-values-compact-final article p{
  line-height:1.32 !important;
  font-size:16px !important;
}

/* Tight heading spacing */
main.about-page section.about-values-compact-final article h3{
  margin-bottom:5px !important;
}

/* Tighten title spacing */
main.about-page section.about-values-compact-final .values-title{
  margin-bottom:10px !important;
}

/* Move the whole One Group / One global approach card lower */
.about-page .one-group-card,
.about-page .global-approach-card,
.about-page .strategic-card,
.about-page .glass-card{
  position:relative !important;
  transform:translateY(42px) !important;
}

/* Fallback targeting for the actual section wrapper */
.about-page .one-group-section,
.about-page .about-one-group,
.about-page .one-global-approach{
  position:relative !important;
  transform:translateY(42px) !important;
}

@media (max-width:960px){

  main.about-page section.about-values-compact-final{
    padding-top:12px !important;
    padding-bottom:14px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:11px 12px !important;
  }

  .about-page .one-group-card,
  .about-page .global-approach-card,
  .about-page .strategic-card,
  .about-page .glass-card,
  .about-page .one-group-section,
  .about-page .about-one-group,
  .about-page .one-global-approach{
    transform:translateY(28px) !important;
  }
}

@media (max-width:640px){

  main.about-page section.about-values-compact-final{
    padding-top:10px !important;
    padding-bottom:12px !important;
  }

  main.about-page section.about-values-compact-final article{
    padding:10px 11px !important;
  }

  .about-page .one-group-card,
  .about-page .global-approach-card,
  .about-page .strategic-card,
  .about-page .glass-card,
  .about-page .one-group-section,
  .about-page .about-one-group,
  .about-page .one-global-approach{
    transform:translateY(18px) !important;
  }
}


/* ===== PRECISE FIX — ABOUT VALUES HEIGHT + LINE SPACING ===== */
/* Previous attempts failed because generic values/article rules with larger
   paddings/min-heights were still affecting the layout cascade. These rules
   target ONLY the exact About Values section with stronger specificity. */

main.about-page section.values.about-values-compact-final{
  padding-top:6px !important;
  padding-bottom:8px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  row-gap:6px !important;
}

/* Reduce actual frame/card height */
main.about-page section.values.about-values-compact-final article{
  min-height:150px !important;
  height:auto !important;
  padding:10px 12px !important;
  margin:0 !important;
  gap:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

/* Slightly larger line spacing than prior ultra-tight version */
main.about-page section.values.about-values-compact-final article p{
  font-size:16px !important;
  line-height:1.38 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Compact title spacing */
main.about-page section.values.about-values-compact-final article h3{
  margin:0 0 4px 0 !important;
  line-height:1.02 !important;
}

main.about-page section.values.about-values-compact-final .icon{
  margin-bottom:8px !important;
}

main.about-page section.values.about-values-compact-final .values-title{
  margin-bottom:8px !important;
}

/* Move One Group card slightly further down */
.about-page .one-group-card,
.about-page .global-approach-card,
.about-page .strategic-card,
.about-page .glass-card,
.about-page .one-group-section,
.about-page .about-one-group,
.about-page .one-global-approach{
  transform:translateY(62px) !important;
  position:relative !important;
}

@media (max-width:960px){
  main.about-page section.values.about-values-compact-final article{
    min-height:0 !important;
    padding:9px 10px !important;
  }

  .about-page .one-group-card,
  .about-page .global-approach-card,
  .about-page .strategic-card,
  .about-page .glass-card,
  .about-page .one-group-section,
  .about-page .about-one-group,
  .about-page .one-global-approach{
    transform:translateY(42px) !important;
  }
}


/* ===== ABOUT PAGE — ONE GROUP + VALUES SPACING REFINEMENT ===== */

/* Move the full One Group / One global approach card a bit lower */
.about-page .one-group-card,
.about-page .global-approach-card,
.about-page .strategic-card,
.about-page .glass-card,
.about-page .one-group-section,
.about-page .about-one-group,
.about-page .one-global-approach{
  transform:translateY(84px) !important;
  position:relative !important;
}

/* Reduce the empty space above the Our Values block */
main.about-page section.values.about-values-compact-final{
  margin-top:-36px !important;
  padding-top:0 !important;
}

/* Tighten the title spacing slightly */
main.about-page section.values.about-values-compact-final .values-title{
  margin-top:0 !important;
  margin-bottom:6px !important;
}

@media (max-width:960px){

  .about-page .one-group-card,
  .about-page .global-approach-card,
  .about-page .strategic-card,
  .about-page .glass-card,
  .about-page .one-group-section,
  .about-page .about-one-group,
  .about-page .one-global-approach{
    transform:translateY(58px) !important;
  }

  main.about-page section.values.about-values-compact-final{
    margin-top:-22px !important;
  }
}

@media (max-width:640px){

  .about-page .one-group-card,
  .about-page .global-approach-card,
  .about-page .strategic-card,
  .about-page .glass-card,
  .about-page .one-group-section,
  .about-page .about-one-group,
  .about-page .one-global-approach{
    transform:translateY(34px) !important;
  }

  main.about-page section.values.about-values-compact-final{
    margin-top:-14px !important;
  }
}


/* ===== ABOUT PAGE — VALUES CLOSER + MATCH ONE GROUP TEXT SPACING ===== */

/* Pull Our Values closer to the One Group card */
main.about-page section.values.about-values-compact-final{
  margin-top:-64px !important;
  padding-top:0 !important;
}

/* Match line spacing style used in the One Group block */
main.about-page section.values.about-values-compact-final article p{
  line-height:1.52 !important;
  font-size:16px !important;
  letter-spacing:0 !important;
}

/* Slightly rebalance card internals */
main.about-page section.values.about-values-compact-final article{
  padding-top:12px !important;
  padding-bottom:12px !important;
}

@media (max-width:960px){
  main.about-page section.values.about-values-compact-final{
    margin-top:-40px !important;
  }
}

@media (max-width:640px){
  main.about-page section.values.about-values-compact-final{
    margin-top:-24px !important;
  }
}


/* ===== ABOUT PAGE — OUR VALUES TITLE LINE SPACING ===== */

main.about-page section.values.about-values-compact-final article h3{
  line-height:1.26 !important;
  letter-spacing:0 !important;
}

/* Improve spacing between title rows */
main.about-page section.values.about-values-compact-final article h3 span{
  display:inline-block !important;
  margin-top:4px !important;
}

@media (max-width:640px){
  main.about-page section.values.about-values-compact-final article h3{
    line-height:1.22 !important;
  }
}


/* ===== INDUSTRIES PAGE — PREMIUM ICON CARDS ===== */

.industry-card{
  text-align:left !important;
}

.industry-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 20px;
  font-size:25px;
  line-height:1;
  color:#d9eef5;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(0,169,157,.18), rgba(0,181,226,.14), rgba(178,154,90,.13));
  border:1px solid rgba(0,181,226,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 26px rgba(7,21,42,.08);
  transition:all .28s ease;
}

.industry-card:hover .industry-icon{
  transform:translateY(-3px);
  border-color:rgba(178,154,90,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 16px 30px rgba(0,181,226,.13),
    0 8px 22px rgba(178,154,90,.10);
}

.industry-card .industry-accent{
  margin-bottom:18px !important;
}

.industry-card h3{
  margin-top:0 !important;
}

@media (max-width:640px){
  .industry-icon{
    width:46px;
    height:46px;
    font-size:22px;
    margin-bottom:16px;
  }
}


/* ===== INDUSTRIES PAGE — ICON VISIBILITY FIX ===== */
/* Strong contrast icons for light gray cards */

.industry-card .industry-icon{
  color:#07152a !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(241,245,249,.92)) !important;
  border:1px solid rgba(7,21,42,.16) !important;
  box-shadow:
    0 10px 24px rgba(7,21,42,.10),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.industry-card:nth-child(3n+1) .industry-icon{
  color:#008F89 !important;
}

.industry-card:nth-child(3n+2) .industry-icon{
  color:#007EA7 !important;
}

.industry-card:nth-child(3n) .industry-icon{
  color:#8F7741 !important;
}

.industry-card:hover .industry-icon{
  background:
    linear-gradient(135deg, #ffffff, #eef6f8) !important;
  border-color:rgba(178,154,90,.42) !important;
  box-shadow:
    0 16px 34px rgba(7,21,42,.13),
    0 8px 20px rgba(178,154,90,.12),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* ===== MOBILE ONLY FIX — HOME / ONE GROUP. ENDLESS POSSIBILITIES ===== */
/* Desktop remains unchanged. These rules only apply to tablet/mobile widths. */

@media (max-width: 768px){

  .companies-band{
    padding-top:56px !important;
    padding-bottom:64px !important;
    overflow:hidden !important;
  }

  .companies-band .band-title{
    position:relative !important;
    transform:none !important;
    top:auto !important;
    margin:0 auto 34px !important;
    padding:0 24px !important;
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.18 !important;
    font-size:clamp(18px, 5.4vw, 28px) !important;
    letter-spacing:.08em !important;
  }

  .companies-band .band-title span{
    flex:0 0 28px !important;
    width:28px !important;
    max-width:28px !important;
  }

  .companies-band .companies-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    transform:none !important;
    top:auto !important;
    margin:0 auto !important;
    width:100% !important;
    max-width:520px !important;
    padding:0 24px !important;
  }

  .companies-band .brand-block,
  .companies-band .company-text,
  .companies-band .center-symbol,
  .companies-band .company-divider{
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    transform:none !important;
    top:auto !important;
    text-align:center !important;
    justify-self:center !important;
  }

  .companies-band .company-logo{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 auto !important;
  }

  .companies-band .company-logo img{
    max-width:220px !important;
    height:auto !important;
    transform:none !important;
    top:auto !important;
  }

  .companies-band .company-text p{
    margin:0 auto 18px !important;
    max-width:360px !important;
    top:auto !important;
    transform:none !important;
    line-height:1.52 !important;
    text-align:center !important;
  }

  .companies-band .company-text a{
    position:static !important;
    top:auto !important;
    transform:none !important;
    display:inline-flex !important;
    margin-top:8px !important;
  }

  .companies-band img[src*="vexys-v-transparent"],
  .companies-band .vexys-v,
  .companies-band .v-symbol{
    max-width:78px !important;
    height:auto !important;
    transform:none !important;
    top:auto !important;
  }
}

@media (max-width: 480px){

  .companies-band{
    padding-top:44px !important;
    padding-bottom:54px !important;
  }

  .companies-band .band-title{
    margin-bottom:26px !important;
    padding:0 18px !important;
    gap:8px !important;
    letter-spacing:.06em !important;
  }

  .companies-band .band-title span{
    flex:0 0 18px !important;
    width:18px !important;
  }

  .companies-band .companies-grid{
    gap:22px !important;
    padding:0 18px !important;
  }

  .companies-band .company-logo img{
    max-width:190px !important;
  }

  .companies-band .company-text p{
    max-width:320px !important;
    font-size:15px !important;
  }
}


/* ===== MOBILE REFINEMENT V2 — ONE GROUP BLOCK ===== */

@media (max-width: 768px){

  /* Bring DUX description closer to logo */
  .companies-band .company-logo{
    margin-bottom:10px !important;
  }

  .companies-band .company-text p{
    margin-top:4px !important;
  }

  /* Ensure Discover EBS-IT CTA appears correctly */
  .companies-band .company-text a,
  .companies-band .discover-link,
  .companies-band .cta-link{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    margin-top:14px !important;
    margin-bottom:0 !important;
    z-index:20 !important;
  }

  /* Add more spacing below EBS block to avoid clipping */
  .companies-band .brand-block:last-child{
    padding-bottom:28px !important;
  }

  /* Better distribution for stacked mobile layout */
  .companies-band .brand-block{
    gap:10px !important;
  }
}

@media (max-width: 480px){

  .companies-band .company-logo{
    margin-bottom:6px !important;
  }

  .companies-band .company-text p{
    margin-top:2px !important;
    line-height:1.46 !important;
  }

  .companies-band .company-text a{
    margin-top:12px !important;
  }

  .companies-band .brand-block:last-child{
    padding-bottom:34px !important;
  }
}