/* TAMIYOUZ — Expertise 3D Reference Reconstruction V3.
   Designed from the approved sequential-gold reference: substantial metallic
   illustrations, inset navy tiles, coordinated two-theme art direction.
   Arabic page has Arabic-only copy. Independent from any site photos. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
  --tyz54-base:#f7f3e9;
  --tyz54-deep:#eee8dc;
  --tyz54-tile:#fffdf8;
  --tyz54-tile-b:#f7f2e8;
  --tyz54-text:#152f40;
  --tyz54-copy:#4c5e69;
  --tyz54-accent:#b7823a;
  --tyz54-border:rgba(152,119,73,.35);
  --tyz54-glow:rgba(206,153,66,.20);
  background:
    radial-gradient(ellipse 62% 46% at 6% 3%,rgba(212,157,85,.16),transparent 70%),
    radial-gradient(ellipse 37% 47% at 100% 97%,rgba(201,164,106,.10),transparent 75%),
    linear-gradient(145deg,var(--tyz54-base),var(--tyz54-deep))!important;
  border:1px solid var(--tyz54-border)!important;
  padding:clamp(28px,3.5vw,46px) clamp(20px,3.2vw,42px)!important;
  border-radius:26px!important;
  scroll-margin-top:112px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 24px 65px rgba(47,42,25,.09)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
  --tyz54-base:#06182a;
  --tyz54-deep:#051424;
  --tyz54-tile:#13344f;
  --tyz54-tile-b:#091f33;
  --tyz54-text:#faf8f2;
  --tyz54-copy:#bed0df;
  --tyz54-accent:#f7cd82;
  --tyz54-border:rgba(215,176,107,.23);
  --tyz54-glow:rgba(232,168,68,.24);
  background:
    radial-gradient(ellipse 55% 46% at 5% 100%,rgba(37,105,157,.25),transparent 73%),
    radial-gradient(ellipse 47% 55% at 98% 0%,rgba(28,74,111,.24),transparent 75%),
    linear-gradient(145deg,var(--tyz54-base),var(--tyz54-deep))!important;
  box-shadow:inset 0 1px rgba(255,231,184,.05),0 25px 70px rgba(0,13,26,.25)!important;
}
html body.admin-bar #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
  scroll-margin-top:145px!important;
}
/* Hero-like title; Arabic is allowed to shape naturally and never inherits LTR. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading{
  margin-bottom:clamp(29px,3.2vw,42px)!important;
  gap:13px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3{
  color:var(--tyz54-text)!important;
  font:900 clamp(31px,3.35vw,46px)/1.35 "Tajawal","Noto Sans Arabic",Arial,sans-serif!important;
  letter-spacing:-.022em!important;
  direction:rtl!important;
  text-wrap:balance!important;
}
html[lang^="en"] body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3{
  direction:ltr!important;
  font:900 clamp(30px,3.35vw,46px)/1.2 Arial,sans-serif!important;
  letter-spacing:-.045em!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3 em,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-kicker{
  color:var(--tyz54-accent)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-kicker{
  direction:rtl!important;
  font:800 clamp(11px,.92vw,13px)/1.5 "Tajawal",Arial,sans-serif!important;
  letter-spacing:.10em!important;
}
html[lang^="en"] body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-kicker{
  direction:ltr!important;letter-spacing:.28em!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading p{
  color:var(--tyz54-copy)!important;
  font-size:clamp(14px,1.03vw,16px)!important;
  line-height:1.8!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid{
  gap:clamp(14px,1.5vw,21px)!important;
}
/* A distinctly visual tile: the gold illustration is now the focal element. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
  min-height:clamp(300px,23.3vw,324px)!important;
  padding:24px 18px 27px!important;
  border-radius:20px!important;
  border:1px solid var(--tyz54-border)!important;
  background:
    radial-gradient(ellipse 78% 57% at 50% 0%,var(--tyz54-glow),transparent 70%),
    linear-gradient(155deg,var(--tyz54-tile),var(--tyz54-tile-b))!important;
  box-shadow:0 15px 31px rgba(0,8,21,.14),inset 0 1px rgba(255,255,255,.1)!important;
  transition:box-shadow .25s ease,border-color .25s ease!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card{
  box-shadow:0 12px 24px rgba(77,65,49,.09),inset 0 1px rgba(255,255,255,.88)!important;
}
/* Layer the 3D icon without the old 'button' box frame. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card .tyz-service__icon,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(-n+2) .tyz-service__icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:156px!important;
  height:133px!important;
  flex:0 0 133px!important;
  padding:0!important;
  margin:0 auto 8px!important;
  border:0!important;
  background:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  filter:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz-service__icon::before{
  content:""!important;
  position:absolute!important;
  inset:10px 13px 12px!important;
  width:auto!important;height:auto!important;
  border:1px solid var(--tyz54-border)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 45% 32%,var(--tyz54-glow),transparent 67%)!important;
  opacity:.8!important;
  pointer-events:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz-service__icon::after{
  content:""!important;
  position:absolute!important;
  inset:auto 31px 9px!important;
  width:auto!important;height:9px!important;
  border-radius:50%!important;
  background:rgba(192,136,46,.30)!important;
  filter:blur(11px)!important;
  pointer-events:none!important;
  opacity:.65!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz-service__icon svg.tyz54-art{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:148px!important;
  height:128px!important;
  max-width:100%!important;
  stroke:none!important;
  filter:drop-shadow(0 12px 8px rgba(11,20,31,.28)) drop-shadow(0 2px 1px rgba(240,180,90,.16))!important;
  overflow:visible!important;
  pointer-events:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card h3,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card:nth-child(-n+2) h3{
  max-width:100%!important;
  margin:0 auto 9px!important;
  font-size:clamp(20px,1.64vw,24px)!important;
  font-weight:900!important;
  color:var(--tyz54-text)!important;
  text-align:center!important;
  line-height:1.35!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card p{
  max-width:300px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:clamp(13px,.96vw,15px)!important;
  line-height:1.7!important;
  color:var(--tyz54-copy)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz52-cap-shine{
  background:linear-gradient(138deg,transparent 13%,var(--tyz54-glow) 53%,transparent 87%)!important;
  border:2px solid var(--tyz54-accent)!important;
  box-shadow:inset 0 0 28px var(--tyz54-glow),0 0 16px var(--tyz54-glow),0 0 4px var(--tyz54-accent)!important;
}
/* Reintroduce a thin artful base flourish like the original GIF. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities::before{
  content:""!important;
  position:absolute!important;z-index:-1!important;
  inset:auto -2% -66px -2%!important;
  width:auto!important;height:132px!important;
  border-top:2px solid var(--tyz54-border)!important;
  border-radius:55% 55% 0 0!important;
  pointer-events:none!important;
  background:none!important;
  opacity:.5!important;
}
@media(max-width:1000px){
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
    scroll-margin-top:92px!important;
    padding:27px 15px 26px!important;
  }
  html body.admin-bar #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
    scroll-margin-top:126px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3{
    font-size:clamp(25px,7.1vw,33px)!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid{
    grid-template-columns:1fr!important;gap:14px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card,
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
    min-height:247px!important;
    padding:17px 13px 20px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card .tyz-service__icon,
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(-n+2) .tyz-service__icon{
    width:115px!important;height:103px!important;flex:0 0 103px!important;margin-bottom:4px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz-service__icon svg.tyz54-art{
    width:116px!important;height:102px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card h3,
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card:nth-child(-n+2) h3{
    font-size:19px!important;margin-bottom:5px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card p{
    font-size:12.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card .tyz52-cap-shine{
    animation:none!important;opacity:0!important;
  }
}