/* =========================================================
   M2A GROUP — CORPORATE ABOUT V3
   Executive identity, purpose and institutional positioning.
   Loaded last so the page remains stable across older rollout layers.
   ========================================================= */

body.m2a-master-template.about-page .about-hero{
  background:
    radial-gradient(circle at 10% 16%,rgba(67,230,223,.12),transparent 28%),
    radial-gradient(circle at 90% 16%,rgba(212,175,55,.15),transparent 25%),
    linear-gradient(135deg,#03070a 0%,#071218 52%,#04090d 100%)!important;
}

body.m2a-master-template.about-page .about-hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;
  grid-template-areas:"copy visual"!important;
  gap:clamp(46px,5.5vw,82px)!important;
}

html[dir="rtl"] body.m2a-master-template.about-page .about-hero-grid{
  grid-template-areas:"visual copy"!important;
}

body.m2a-master-template.about-page .about-hero-copy{grid-area:copy!important}
body.m2a-master-template.about-page .about-hero-visual{grid-area:visual!important}

body.m2a-master-template.about-page .about-hero-frame{
  min-height:590px!important;
  border-color:rgba(240,210,123,.36)!important;
  background:#091016!important;
  box-shadow:0 46px 130px rgba(0,0,0,.50),0 0 54px rgba(212,175,55,.075)!important;
}

body.m2a-master-template.about-page .about-hero-frame img{
  min-height:590px!important;
  object-position:center!important;
  filter:saturate(.82) contrast(1.08) brightness(.72)!important;
}

body.m2a-master-template.about-page .about-hero-frame::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:22px 22px auto auto!important;
  width:74px!important;
  height:74px!important;
  border-top:1px solid rgba(240,210,123,.58)!important;
  border-right:1px solid rgba(240,210,123,.58)!important;
  pointer-events:none!important;
}

html[dir="rtl"] body.m2a-master-template.about-page .about-hero-frame::before{
  inset:22px auto auto 22px!important;
  border-right:0!important;
  border-left:1px solid rgba(240,210,123,.58)!important;
}

body.m2a-master-template.about-page .about-purpose-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
  margin:0 0 28px!important;
}

body.m2a-master-template.about-page .about-purpose-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:230px!important;
  padding:28px!important;
  border:1px solid rgba(13,30,40,.095)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 24px 70px rgba(28,47,58,.085)!important;
}

body.m2a-master-template.about-page .about-purpose-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--purpose-accent,#0ea5e9),rgba(212,175,55,.92))!important;
}

body.m2a-master-template.about-page .about-purpose-card:nth-child(1){--purpose-accent:#d4af37}
body.m2a-master-template.about-page .about-purpose-card:nth-child(2){--purpose-accent:#0ea5e9}
body.m2a-master-template.about-page .about-purpose-card:nth-child(3){--purpose-accent:#059669}

body.m2a-master-template.about-page .about-purpose-card small{
  display:block!important;
  margin-bottom:17px!important;
  color:#0b7180!important;
  font:900 10px/1.2 'Inter','Cairo',sans-serif!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.m2a-master-template.about-page .about-purpose-card h3{
  margin:0 0 12px!important;
  color:#10212c!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.4!important;
}

body.m2a-master-template.about-page .about-purpose-card p{
  margin:0!important;
  color:#5e6f79!important;
  font-size:14px!important;
  line-height:1.85!important;
}

body.m2a-master-template.about-page .about-institutional-bar{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1px!important;
  overflow:hidden!important;
  margin:0 0 34px!important;
  border:1px solid rgba(13,30,40,.09)!important;
  border-radius:22px!important;
  background:rgba(13,30,40,.09)!important;
  box-shadow:0 20px 54px rgba(28,47,58,.07)!important;
}

body.m2a-master-template.about-page .about-institutional-bar div{
  min-width:0!important;
  padding:18px!important;
  background:rgba(255,255,255,.92)!important;
  text-align:center!important;
}

body.m2a-master-template.about-page .about-institutional-bar b{
  display:block!important;
  color:#132630!important;
  font-size:13px!important;
  line-height:1.45!important;
}

body.m2a-master-template.about-page .about-institutional-bar span{
  display:block!important;
  margin-top:5px!important;
  color:#6d7c85!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

body.m2a-master-template.about-page .about-identity-grid{margin-top:0!important}

body.m2a-master-template.about-page .about-os-screen>img{
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.82) contrast(1.07) brightness(.78)!important;
}

@media(pointer:fine){
  body.m2a-master-template.about-page .about-purpose-card{
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important;
  }
  body.m2a-master-template.about-page .about-purpose-card:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 32px 88px rgba(28,47,58,.13)!important;
  }
}

@media(max-width:1100px){
  body.m2a-master-template.about-page .about-hero-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
  }
  body.m2a-master-template.about-page .about-purpose-grid{grid-template-columns:1fr!important}
  body.m2a-master-template.about-page .about-purpose-card{min-height:0!important}
}

@media(max-width:760px){
  body.m2a-master-template.about-page .about-hero-frame,
  body.m2a-master-template.about-page .about-hero-frame img{min-height:360px!important}
  body.m2a-master-template.about-page .about-purpose-grid{gap:12px!important;margin-bottom:22px!important}
  body.m2a-master-template.about-page .about-purpose-card{padding:22px!important;border-radius:22px!important}
  body.m2a-master-template.about-page .about-purpose-card h3{font-size:19px!important}
  body.m2a-master-template.about-page .about-institutional-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:420px){
  body.m2a-master-template.about-page .about-institutional-bar{grid-template-columns:1fr!important}
  body.m2a-master-template.about-page .about-hero-frame,
  body.m2a-master-template.about-page .about-hero-frame img{min-height:320px!important}
}

@media(prefers-reduced-motion:reduce){
  body.m2a-master-template.about-page .about-purpose-card{transition:none!important;transform:none!important}
}

/* =========================================================
   M2A GROUP — CORPORATE ABOUT V4 HERO
   Full-bleed institutional headquarters, executive glass
   brief, clear typography and scroll-linked expansion.
   ========================================================= */

body.m2a-master-template.about-page main > section.about-hero.about-hero-v4{
  --hero-inset:2.1%;
  --hero-radius:34px;
  --hero-scale:1.055;
  --hero-shift:0px;
  isolation:isolate!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:max(760px,100svh)!important;
  padding:clamp(148px,15vh,186px) 0 clamp(112px,12vh,144px)!important;
  overflow:hidden!important;
  background:#07121c!important;
}

body.m2a-master-template.about-page .about-hero-v4::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,9,15,.28) 0%,rgba(3,10,16,.18) 34%,rgba(3,10,16,.68) 64%,rgba(3,9,15,.90) 100%),
    linear-gradient(180deg,rgba(3,10,16,.30) 0%,rgba(3,10,16,.08) 36%,rgba(3,10,16,.82) 100%)!important;
}

html[dir="ltr"] body.m2a-master-template.about-page .about-hero-v4::before{
  background:
    linear-gradient(90deg,rgba(3,9,15,.28) 0%,rgba(3,10,16,.18) 34%,rgba(3,10,16,.68) 64%,rgba(3,9,15,.90) 100%),
    linear-gradient(180deg,rgba(3,10,16,.30) 0%,rgba(3,10,16,.08) 36%,rgba(3,10,16,.82) 100%)!important;
}

body.m2a-master-template.about-page .about-hero-v4::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:76px 76px!important;
  mask-image:linear-gradient(to bottom,transparent 12%,#000 62%,transparent 100%)!important;
}

body.m2a-master-template.about-page .about-hero-media{
  position:absolute!important;
  z-index:-2!important;
  inset:0!important;
  overflow:hidden!important;
  border-radius:var(--hero-radius)!important;
  clip-path:inset(var(--hero-inset) round var(--hero-radius))!important;
  background:#07121c!important;
  will-change:clip-path,border-radius!important;
}

body.m2a-master-template.about-page .about-hero-media picture,
body.m2a-master-template.about-page .about-hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

body.m2a-master-template.about-page .about-hero-media img{
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.92) contrast(1.06) brightness(.90)!important;
  transform:translate3d(0,var(--hero-shift),0) scale(var(--hero-scale))!important;
  transform-origin:center!important;
  will-change:transform!important;
  animation:m2aAboutHeroArrival 1.25s cubic-bezier(.2,.75,.2,1) both!important;
}

body.m2a-master-template.about-page .about-hero-v4 > .about-hero-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:end!important;
  gap:clamp(40px,5.5vw,88px)!important;
  width:min(1460px,calc(100% - 8vw))!important;
  max-width:1460px!important;
  margin-inline:auto!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-copy{
  grid-area:copy!important;
  width:100%!important;
  max-width:840px!important;
  margin:0!important;
  padding:0!important;
  text-align:start!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-copy .about-eyebrow{
  justify-content:flex-start!important;
  margin:0 0 20px!important;
  color:#f2cf70!important;
  font:900 11px/1.35 'Inter','Cairo',sans-serif!important;
  letter-spacing:.14em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.48)!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-title,
html[dir="ltr"] body.m2a-master-template.english-about-page .about-hero-v4 .about-title{
  max-width:840px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(48px,5vw,78px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-align:start!important;
  text-wrap:balance!important;
  text-shadow:0 3px 26px rgba(0,0,0,.62),0 1px 1px rgba(0,0,0,.35)!important;
}

html[dir="rtl"] body.m2a-master-template.about-page .about-hero-v4 .about-title{
  font-size:clamp(46px,4.6vw,72px)!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-lead{
  width:auto!important;
  max-width:760px!important;
  margin:22px 0 0!important;
  color:rgba(242,247,250,.88)!important;
  font-size:clamp(16px,1.18vw,19px)!important;
  font-weight:600!important;
  line-height:1.9!important;
  text-align:start!important;
  text-shadow:0 2px 20px rgba(0,0,0,.72)!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-supporting-copy{display:none!important}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions{
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:29px!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions .btn{
  min-height:54px!important;
  padding-inline:24px!important;
  border-radius:16px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions .btn-primary{
  border-color:#e6bd54!important;
  background:linear-gradient(135deg,#f0cf73,#c99b2b)!important;
  color:#081119!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions .btn-outline{
  border-color:rgba(255,255,255,.30)!important;
  background:rgba(4,13,20,.40)!important;
  color:#fff!important;
  backdrop-filter:blur(15px) saturate(130%)!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:760px!important;
  margin:25px 0 0!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-fact{
  min-height:84px!important;
  padding:15px 16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,rgba(6,18,27,.72),rgba(7,22,31,.43))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  text-align:start!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-fact strong{
  color:#f3ce6b!important;
  font-size:22px!important;
  line-height:1!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-fact span{
  margin-top:7px!important;
  color:rgba(244,248,250,.79)!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-visual{
  grid-area:visual!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:370px!important;
  margin:0!important;
  align-self:end!important;
}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-visual::before,
body.m2a-master-template.about-page .about-hero-v4 .about-hero-visual::after,
body.m2a-master-template.about-page .about-hero-v4 .about-hero-frame::before{display:none!important}

body.m2a-master-template.about-page .about-hero-v4 .about-hero-frame{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(240,207,115,.28)!important;
  border-radius:25px!important;
  background:linear-gradient(150deg,rgba(4,14,21,.82),rgba(7,23,31,.58))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  transform:none!important;
}

body.m2a-master-template.about-page .about-hero-card-kicker{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#8fe8df!important;
  font:900 9px/1.3 'Inter','Cairo',sans-serif!important;
  letter-spacing:.15em!important;
}

body.m2a-master-template.about-page .about-hero-card-kicker::before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#e7bd55!important;
  box-shadow:0 0 0 5px rgba(231,189,85,.12),0 0 20px rgba(231,189,85,.55)!important;
}

body.m2a-master-template.about-page .about-hero-card-title{
  display:block!important;
  margin-top:25px!important;
  padding-bottom:20px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}

body.m2a-master-template.about-page .about-hero-card-title strong{
  display:block!important;
  color:#fff!important;
  font:900 clamp(27px,2.4vw,38px)/1 'Inter','Cairo',sans-serif!important;
  letter-spacing:-.04em!important;
}

body.m2a-master-template.about-page .about-hero-card-title span{
  display:block!important;
  margin-top:10px!important;
  color:rgba(236,244,247,.72)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.65!important;
}

body.m2a-master-template.about-page .about-hero-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:18px!important;
}

body.m2a-master-template.about-page .about-hero-card-grid > span{
  display:block!important;
  min-width:0!important;
  padding:13px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
}

body.m2a-master-template.about-page .about-hero-card-grid b{
  display:block!important;
  color:#f2cc66!important;
  font-size:12px!important;
  line-height:1.3!important;
}

body.m2a-master-template.about-page .about-hero-card-grid small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(229,238,242,.62)!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

body.m2a-master-template.about-page .about-hero-card-footer{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:19px!important;
  color:rgba(242,247,250,.72)!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

body.m2a-master-template.about-page .about-hero-card-footer i{
  width:38px!important;
  height:2px!important;
  flex:0 0 38px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#55ded9,#e8bd54)!important;
}

body.m2a-master-template.about-page .about-hero-scroll{
  position:absolute!important;
  z-index:3!important;
  inset-inline-start:50%!important;
  bottom:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:9px!important;
  transform:translateX(-50%)!important;
  color:rgba(255,255,255,.60)!important;
  font:800 9px/1.2 'Inter','Cairo',sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

html[dir="rtl"] body.m2a-master-template.about-page .about-hero-scroll{transform:translateX(50%)!important}

body.m2a-master-template.about-page .about-hero-scroll i{
  position:relative!important;
  display:block!important;
  width:1px!important;
  height:31px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.22)!important;
}

body.m2a-master-template.about-page .about-hero-scroll i::after{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:13px!important;
  background:#e7bd55!important;
  animation:m2aAboutScrollGuide 1.65s ease-in-out infinite!important;
}

@keyframes m2aAboutHeroArrival{
  from{opacity:.4;transform:translate3d(0,12px,0) scale(1.085)}
  to{opacity:1;transform:translate3d(0,var(--hero-shift),0) scale(var(--hero-scale))}
}

@keyframes m2aAboutScrollGuide{
  0%{transform:translateY(-14px);opacity:0}
  35%{opacity:1}
  100%{transform:translateY(32px);opacity:0}
}

@media(pointer:fine){
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-frame{
    transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-visual:hover .about-hero-frame{
    transform:translateY(-5px)!important;
    border-color:rgba(240,207,115,.44)!important;
    background:linear-gradient(150deg,rgba(4,14,21,.88),rgba(7,23,31,.66))!important;
    box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 54px rgba(212,175,55,.08)!important;
  }
}

@media(max-width:1100px){
  body.m2a-master-template.about-page main > section.about-hero.about-hero-v4{
    min-height:auto!important;
    padding:132px 0 104px!important;
  }
  body.m2a-master-template.about-page .about-hero-v4 > .about-hero-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    align-items:start!important;
    gap:30px!important;
    width:min(900px,calc(100% - 48px))!important;
  }
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-copy,
  html[dir="ltr"] body.m2a-master-template.english-about-page .about-hero-v4 .about-hero-copy{
    max-width:820px!important;
    margin-inline:auto!important;
  }
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-visual{
    width:min(100%,620px)!important;
    max-width:620px!important;
    margin-inline:auto!important;
  }
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-frame{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 22px!important;
  }
  body.m2a-master-template.about-page .about-hero-card-kicker,
  body.m2a-master-template.about-page .about-hero-card-title{grid-column:1!important}
  body.m2a-master-template.about-page .about-hero-card-grid{grid-column:2!important;grid-row:1 / span 2!important;margin-top:0!important}
  body.m2a-master-template.about-page .about-hero-card-footer{grid-column:1 / -1!important}
}

@media(max-width:760px){
  body.m2a-master-template.about-page main > section.about-hero.about-hero-v4{
    --hero-inset:0%;
    --hero-radius:0px;
    min-height:auto!important;
    padding:112px 0 84px!important;
  }
  body.m2a-master-template.about-page .about-hero-v4::before{
    background:linear-gradient(180deg,rgba(3,10,16,.46) 0%,rgba(3,10,16,.72) 42%,rgba(3,10,16,.96) 100%)!important;
  }
  body.m2a-master-template.about-page .about-hero-media img{object-position:43% center!important;filter:saturate(.9) contrast(1.05) brightness(.78)!important}
  body.m2a-master-template.about-page .about-hero-v4 > .about-hero-grid{width:min(100% - 32px,620px)!important;gap:25px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-copy,
  html[dir="ltr"] body.m2a-master-template.english-about-page .about-hero-v4 .about-hero-copy{text-align:start!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-copy .about-eyebrow{justify-content:flex-start!important;font-size:9px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-title,
  html[dir="ltr"] body.m2a-master-template.english-about-page .about-hero-v4 .about-title{font-size:clamp(33px,9.6vw,45px)!important;line-height:1.12!important;text-align:start!important}
  html[dir="rtl"] body.m2a-master-template.about-page .about-hero-v4 .about-title{font-size:clamp(32px,9.2vw,43px)!important;line-height:1.48!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-lead{margin-top:16px!important;font-size:14px!important;line-height:1.82!important;text-align:start!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:21px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-actions .btn{width:100%!important;min-height:50px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:17px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-fact{min-height:80px!important;padding:12px 9px!important;text-align:center!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-fact strong{font-size:18px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-fact span{font-size:8.5px!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-frame{display:block!important;padding:20px!important;border-radius:21px!important}
  body.m2a-master-template.about-page .about-hero-card-grid{display:grid!important;grid-column:auto!important;grid-row:auto!important;margin-top:16px!important}
  body.m2a-master-template.about-page .about-hero-scroll{display:none!important}
}

@media(max-width:390px){
  body.m2a-master-template.about-page .about-hero-v4 .about-hero-facts{grid-template-columns:1fr!important}
  body.m2a-master-template.about-page .about-hero-v4 .about-fact{min-height:0!important;text-align:start!important}
}

@media(prefers-reduced-motion:reduce){
  body.m2a-master-template.about-page .about-hero-media img{animation:none!important;transform:none!important}
  body.m2a-master-template.about-page .about-hero-scroll i::after{animation:none!important}
}