/* =========================================================
   v78 — Services page + 8 service detail pages
   Hero: one full-width photo, subject on one side, text side faint.
   EN = text left / subject right. AR = text right / subject left.
   ========================================================= */
.svx-hero{--hero-en:none;--hero-ar:none;--navy:#061f34;background:var(--navy)!important;position:relative}
.svx-hero[data-hero="services"]{--hero-en:url("../assets/visuals/svc/services-en.webp");--hero-ar:url("../assets/visuals/svc/services-ar.webp")}
.svx-hero[data-hero="consult"]{--hero-en:url("../assets/visuals/svc/consult-en.webp");--hero-ar:url("../assets/visuals/svc/consult-ar.webp")}
.svx-hero[data-hero="managed"]{--hero-en:url("../assets/visuals/svc/managed-en.webp");--hero-ar:url("../assets/visuals/svc/managed-ar.webp")}
.svx-hero[data-hero="network"]{--hero-en:url("../assets/visuals/svc/network-en.webp");--hero-ar:url("../assets/visuals/svc/network-ar.webp")}
.svx-hero[data-hero="security"]{--hero-en:url("../assets/visuals/svc/security-en.webp");--hero-ar:url("../assets/visuals/svc/security-ar.webp")}
.svx-hero[data-hero="ccm"]{--hero-en:url("../assets/visuals/svc/ccm-en.webp");--hero-ar:url("../assets/visuals/svc/ccm-ar.webp")}
.svx-hero[data-hero="training"]{--hero-en:url("../assets/visuals/svc/training-en.webp");--hero-ar:url("../assets/visuals/svc/training-ar.webp")}
.svx-hero[data-hero="webdev"]{--hero-en:url("../assets/visuals/svc/webdev-en.webp");--hero-ar:url("../assets/visuals/svc/webdev-ar.webp")}
.svx-hero[data-hero="mobileapp"]{--hero-en:url("../assets/visuals/svc/mobileapp-en.webp");--hero-ar:url("../assets/visuals/svc/mobileapp-ar.webp")}

body .svx-hero .qs-visual-frame,body.rtl .svx-hero .qs-visual-frame{
  position:relative!important;isolation:isolate;overflow:hidden;
  height:auto!important;min-height:600px!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  padding:0!important;margin:0!important;border-radius:0!important;
  background:var(--navy) var(--hero-en) right center/cover no-repeat!important}
html[dir="rtl"] body .svx-hero .qs-visual-frame{background-image:var(--hero-ar)!important;background-position:left center!important}
body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:62% center!important}
html[dir="rtl"] body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:38% center!important}

/* the faint text side + soft bottom into the strip */
body .svx-hero .qs-visual-frame::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none;
  opacity:1!important;transform:none!important;width:auto!important;height:auto!important;
  background:
    linear-gradient(90deg,rgba(6,31,52,.94) 0%,rgba(6,31,52,.86) 26%,rgba(6,31,52,.55) 44%,rgba(6,31,52,.12) 60%,rgba(6,31,52,0) 70%),
    linear-gradient(180deg,rgba(6,31,52,0) 62%,rgba(6,31,52,.85) 100%)!important}
html[dir="rtl"] body .svx-hero .qs-visual-frame::before{background:
    linear-gradient(270deg,rgba(6,31,52,.94) 0%,rgba(6,31,52,.86) 26%,rgba(6,31,52,.55) 44%,rgba(6,31,52,.12) 60%,rgba(6,31,52,0) 70%),
    linear-gradient(180deg,rgba(6,31,52,0) 62%,rgba(6,31,52,.85) 100%)!important}
body .svx-hero .qs-visual-frame::after{display:none!important}
body .svx-hero .qs-visual-mask{display:none!important}

/* copy */
body .svx-hero .qs-visual-copy,body.rtl .svx-hero .qs-visual-copy{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  z-index:2!important;width:min(1200px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;
  padding:96px 0 56px!important;background:none!important;box-shadow:none!important;text-align:start!important}
body .svx-hero .qs-visual-copy>*{max-width:580px}
body .svx-hero .qs-visual-eyebrow{display:inline-flex!important;align-items:center;gap:12px;color:#F9C721!important;font-weight:800!important;letter-spacing:.06em;margin:0 0 16px!important}
body .svx-hero .qs-visual-eyebrow::before{content:"";width:40px;height:2px;background:#F9C721;flex:none}
body .svx-hero h1{color:#fff!important;font-size:clamp(34px,4.2vw,58px)!important;line-height:1.14!important;margin:0 0 18px!important;text-shadow:0 4px 26px rgba(0,10,30,.6)}
html[dir="rtl"] body .svx-hero h1{font-size:clamp(38px,4.6vw,64px)!important;line-height:1.3!important}
body .svx-hero .qs-visual-lead{color:#d6e8f3!important;font-size:18px!important;line-height:1.75!important;margin:0 0 30px!important;text-shadow:0 2px 14px rgba(0,10,30,.6)}
html[dir="rtl"] body .svx-hero .qs-visual-lead{font-size:20px!important;line-height:1.85!important}
body .svx-hero .qs-visual-actions{margin:0!important}

/* bottom feature strip (detail pages) */
body .svx-hero .qs-visual-bottom,body.rtl .svx-hero .qs-visual-bottom{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:2;
  width:min(1200px,calc(100% - 48px))!important;margin:0 auto 34px!important;height:auto!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important}
body .svx-hero .qs-visual-bottom-item{display:flex!important;align-items:center!important;gap:14px!important;min-height:76px;
  padding:14px 18px!important;border-radius:16px!important;border:0!important;
  background:linear-gradient(160deg,rgba(10,52,88,.78),rgba(5,30,54,.86))!important;backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(127,208,245,0.132),0 14px 28px -16px rgba(0,0,0,0.42)!important;
  color:#fff!important;font-weight:700!important;font-size:16px!important;line-height:1.35!important;text-align:start!important;flex-direction:row!important;justify-content:flex-start!important}
html[dir="rtl"] body .svx-hero .qs-visual-bottom-item{font-size:17.5px!important}
body .svx-hero .qs-visual-bottom-item::before,body .svx-hero .qs-visual-bottom-item::after{display:none!important}
body .svx-hero .qs-visual-bottom-icon{flex:none;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center;margin:0!important;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important;color:#F9C721!important;border:0!important;
  box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.132),0 0 0 2px rgba(249,199,33,0.33),0 8px 16px rgba(0,0,0,0.21)!important}
body .svx-hero .qs-visual-bottom-icon svg{width:22px!important;height:22px!important;stroke:#F9C721!important}

/* services hero: the 8 quick links as one glass strip */
body .svx-hero .qs-visual-service-links,body.rtl .svx-hero .qs-visual-service-links{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;z-index:2;
  width:min(1200px,calc(100% - 48px))!important;height:auto!important;margin:0 auto 34px!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:12px!important;padding:0!important;background:none!important}
body .svx-hero .qs-visual-service-link{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;
  min-height:64px!important;padding:12px 16px!important;border-radius:14px!important;border:0!important;text-decoration:none;
  background:linear-gradient(160deg,rgba(10,52,88,.72),rgba(5,30,54,.84))!important;backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(127,208,245,0.12),0 12px 24px -16px rgba(0,0,0,0.42)!important;transition:transform .2s,box-shadow .2s}
body .svx-hero .qs-visual-service-link:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(249,199,33,0.42),0 16px 28px -16px rgba(0,0,0,0.48)!important}
body .svx-hero .qs-visual-service-title{color:#fff!important;font-weight:700!important;font-size:15px!important;line-height:1.35!important;text-align:start!important}
html[dir="rtl"] body .svx-hero .qs-visual-service-title{font-size:16.5px!important}
body .svx-hero .qs-visual-service-icon{flex:none;width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center;margin:0!important;position:static!important;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%)!important;color:#F9C721!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,0.12),0 0 0 2px rgba(249,199,33,0.3)!important}
body .svx-hero .qs-visual-service-icon svg{width:19px!important;height:19px!important;stroke:#F9C721!important}

@media (max-width:900px){
  body .svx-hero .qs-visual-bottom,body .svx-hero .qs-visual-service-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* phones: photo on top showing the subject, text below on navy */
@media (max-width:760px){
  body .svx-hero .qs-visual-frame,body.rtl .svx-hero .qs-visual-frame,html[dir="rtl"] body .svx-hero .qs-visual-frame{
    min-height:0!important;background-size:auto 300px!important;background-position:right top!important;padding-top:210px!important}
  html[dir="rtl"] body .svx-hero .qs-visual-frame{background-position:left top!important}
  body .svx-hero[data-hero="services"] .qs-visual-frame,html[dir="rtl"] body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:center top!important}
  body .svx-hero .qs-visual-frame::before,html[dir="rtl"] body .svx-hero .qs-visual-frame::before{
    background:linear-gradient(180deg,rgba(6,31,52,0) 0,rgba(6,31,52,0) 150px,rgba(6,31,52,.9) 240px,#061f34 285px)!important}
  body .svx-hero .qs-visual-copy,body.rtl .svx-hero .qs-visual-copy{width:calc(100% - 36px)!important;padding:0 0 26px!important}
  body .svx-hero h1{font-size:34px!important}
  html[dir="rtl"] body .svx-hero h1{font-size:38px!important}
  body .svx-hero .qs-visual-lead{font-size:16.5px!important}
  html[dir="rtl"] body .svx-hero .qs-visual-lead{font-size:18px!important}
  body .svx-hero .qs-visual-bottom,body .svx-hero .qs-visual-service-links{width:calc(100% - 28px)!important;gap:8px!important;margin-bottom:24px!important}
  body .svx-hero .qs-visual-bottom-item{min-height:64px;padding:10px 12px!important;font-size:14px!important;gap:10px!important}
  html[dir="rtl"] body .svx-hero .qs-visual-bottom-item{font-size:15.5px!important}
  body .svx-hero .qs-visual-bottom-icon{width:38px!important;height:38px!important}
  body .svx-hero .qs-visual-service-link{min-height:60px!important;padding:10px 12px!important}
  body .svx-hero .qs-visual-service-title{font-size:13.5px!important}
  html[dir="rtl"] body .svx-hero .qs-visual-service-title{font-size:15px!important}
  body .svx-hero .qs-visual-service-icon{width:32px!important;height:32px!important}
}

/* =========================================================
   Services list: soft background down to the footer, wave from the hero,
   framed cards with 3D icons, distinct "Learn more" link-button
   ========================================================= */
body .svx-list{position:relative;isolation:isolate;padding:120px 0 150px!important;margin:0!important;
  background:linear-gradient(180deg,#f2f7fb 0%,#edf4f9 60%,#eaf2f8 100%)!important}
body .svx-list::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("../assets/visuals/svc/services-list-bg.webp") center top/cover no-repeat;opacity:.55;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 75%,transparent 100%)}
html[dir="rtl"] body .svx-list::before{transform:scaleX(-1)}
body .svx-wave-top{position:absolute;left:0;right:0;top:-1px;height:90px;line-height:0;pointer-events:none;z-index:1}
body .svx-wave-top svg{display:block;width:100%;height:100%}
body .svx-list .section-head{text-align:center;justify-content:center!important;margin:0 auto 70px!important}
body .svx-list .section-head>div{max-width:760px;margin:0 auto}
body .svx-list .section-head .eyebrow{justify-content:center}
body .svx-list .services-overview-lead{margin-inline:auto}

body .svx-list .services-flat-grid{gap:64px 28px!important}
body .svx-list .detail-card{position:relative;overflow:visible!important;padding:62px 30px 30px!important;border-radius:22px!important;border:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%)!important;
  box-shadow:0 22px 44px -22px rgba(0,60,100,0.21),0 0 0 1px rgba(0,102,151,0.06)!important;transition:transform .25s,box-shadow .25s}
body .svx-list .detail-card::before{content:"";position:absolute;inset-inline:26px;top:0;height:4px;border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,#006697,#2fa4dc 55%,#F9C721)}
html[dir="rtl"] body .svx-list .detail-card::before{background:linear-gradient(270deg,#006697,#2fa4dc 55%,#F9C721)}
body .svx-list .detail-card:hover{transform:translateY(-4px);box-shadow:0 30px 54px -22px rgba(0,60,100,0.27),0 0 0 1px rgba(249,199,33,0.42)!important}
body .svx-list .svx-ic{position:absolute;top:-38px;inset-inline-start:28px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 40% 32%,#2a8fc4 0%,#0b6a9b 55%,#05486c 100%);
  box-shadow:inset 0 -3px 6px rgba(0,20,40,0.21),inset 0 2px 4px rgba(255,255,255,0.12),0 0 0 4px #fff,0 0 0 6px rgba(249,199,33,0.36),0 12px 22px rgba(0,40,70,0.18);transition:transform .25s}
body .svx-list .svx-ic svg{width:46px;height:46px}
body .svx-list .detail-card:hover .svx-ic{transform:translateY(-4px) rotate(-4deg)}
body .svx-list .detail-card h2{margin-top:0!important}

/* "Learn more": a text link with an arrow chip — clearly different from the yellow pills */
body .svx-more{margin-top:auto!important;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;
  padding:8px 8px 8px 22px;border-radius:999px;text-decoration:none!important;font-weight:800;font-size:15px;color:#006697!important;
  background:rgba(0,102,151,.07);box-shadow:inset 0 0 0 1.5px rgba(0,102,151,0.21);transition:background .2s,color .2s,box-shadow .2s}
html[dir="rtl"] body .svx-more{padding:8px 22px 8px 8px;font-size:17px}
body .svx-more::after{content:"";width:34px;height:34px;border-radius:50%;flex:none;
  background:#006697 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .2s,background-color .2s}
html[dir="rtl"] body .svx-more::after{transform:scaleX(-1)}
body .svx-more:hover{background:#006697;color:#fff!important;box-shadow:inset 0 0 0 1.5px #006697}
body .svx-more:hover::after{background-color:#F9C721;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300324a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E");transform:translateX(3px)}
html[dir="rtl"] body .svx-more:hover::after{transform:scaleX(-1) translateX(3px)}

/* footer: wave cut into the footer (same colour as the section above, no seam) */
body .site-footer.svx-foot{position:relative;padding-top:100px!important;margin-top:0!important}
body .svx-foot .foot-top-wave{position:absolute;left:0;right:0;top:-1px;height:80px;z-index:2;line-height:0;pointer-events:none}
body .svx-foot .foot-top-wave svg{display:block;width:100%;height:100%}

@media (max-width:760px){
  body .svx-list{padding:80px 0 100px!important}
  body .svx-wave-top{height:46px}
  body .svx-list .section-head{margin-bottom:56px!important}
  body .svx-list .services-flat-grid{gap:58px!important}
  body .svx-list .detail-card{padding:54px 20px 24px!important}
  body .svx-list .svx-ic{width:66px;height:66px;top:-33px;inset-inline-start:20px}
  body .svx-list .svx-ic svg{width:40px;height:40px}
  body .site-footer.svx-foot{padding-top:70px!important}
  body .svx-foot .foot-top-wave{height:46px}
}

/* detail pages: soft section between the hero wave and the footer wave */
body .svx-detail{position:relative;isolation:isolate;padding:130px 0 150px!important;margin:0!important;
  background:linear-gradient(180deg,#f7fbfe 0%,#eef5fa 70%,#eaf2f8 100%)!important}
body .svx-detail::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("../assets/visuals/svc/services-list-bg.webp") center top/cover no-repeat;opacity:.4;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 70%,transparent 100%)}
@media (max-width:760px){body .svx-detail{padding:80px 0 100px!important}}
/* services hero: image is built so the photo already sits clear of the text */
body .svx-hero[data-hero="services"] .qs-visual-frame,html[dir="rtl"] body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:center center!important}
body .svx-hero .qs-visual-copy .qs-visual-lead,body .svx-hero .qs-visual-copy h1{max-width:580px!important}
html[dir="rtl"] body .svx-hero .qs-visual-copy .qs-visual-lead{max-width:540px!important}
@media (min-width:761px){
  body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:left center!important}
  html[dir="rtl"] body .svx-hero[data-hero="services"] .qs-visual-frame{background-position:right center!important}
}
@media (max-width:900px){
  html[dir] body .svx-hero.svx-hero .qs-visual-bottom,html[dir] body .svx-hero.svx-hero .qs-visual-service-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex-wrap:nowrap!important;overflow:visible!important}
  html[dir] body .svx-hero.svx-hero .qs-visual-bottom-item,html[dir] body .svx-hero.svx-hero .qs-visual-service-link{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
}
@media (max-width:760px){
  html[dir] body .svx-hero.svx-hero[data-hero="services"] .qs-visual-frame{background-position:center top!important}
}

/* =========================================================
   v85 — services: tinted cards (no white on white), Shadow CEO as its own service,
   detail pages: framed content on a drawn background
   ========================================================= */
body .svx-list,body .svx-detail{background:
   url("../assets/visuals/pattern-lines.svg") center top/720px auto repeat,
   linear-gradient(180deg,#eef4f9 0%,#e4eef6 60%,#eaf2f8 100%)!important}
body .svx-list::before,body .svx-detail::before{opacity:.18!important}
body .svx-list .pattern-veil,body .svx-detail .pattern-veil{display:none}
body .svx-list .detail-card{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(47,164,220,.12),rgba(47,164,220,0) 50%),
    linear-gradient(180deg,#ffffff 0%,#f1f7fc 55%,#e8f1f8 100%)!important;
  box-shadow:0 26px 48px -26px rgba(0,50,90,0.27),inset 0 0 0 1px rgba(0,102,151,0.096)!important}
html[dir="rtl"] body .svx-list .detail-card{background:
    radial-gradient(ellipse at 0% 0%,rgba(47,164,220,.12),rgba(47,164,220,0) 50%),
    linear-gradient(180deg,#ffffff 0%,#f1f7fc 55%,#e8f1f8 100%)!important}
body .svx-list .detail-card .subtitle{color:#33536b!important}
body .svx-list .detail-card .headline{color:#0b2a4a!important;padding:10px 14px;border-radius:12px;background:rgba(0,102,151,.07);border-inline-start:3px solid #F9C721}
/* Shadow CEO card: full width, black + gold */
body .svx-list .svx-sc-card{grid-column:1/-1;color:#fff;
  background:radial-gradient(ellipse at 85% 0%,rgba(230,197,143,.22),rgba(230,197,143,0) 50%),linear-gradient(120deg,#0b0d10 0%,#16191e 55%,#0b0d10 100%)!important;
  box-shadow:0 30px 56px -26px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(230,197,143,0.33)!important}
body .svx-list .svx-sc-card::before{background:linear-gradient(90deg,#c48c42,#f6dcaa 50%,#c48c42)!important}
body .svx-list .svx-sc-card h2{color:#fff!important;font-family:"Playfair Display",Georgia,serif!important;letter-spacing:.08em;direction:ltr;text-align:start}
html[dir="rtl"] body .svx-list .svx-sc-card h2{text-align:right}
body .svx-list .svx-sc-card .subtitle,body .svx-list .svx-sc-card li{color:#ddd3c2!important}
body .svx-list .svx-sc-card .help-heading{color:#e6c58f!important}
body .svx-list .svx-sc-card .headline{color:#fff!important;background:rgba(230,197,143,.1)!important;border-color:#e6c58f!important}
body .svx-list .svx-sc-card li::marker{color:#e6c58f}
body .svx-list .svx-sc-ic{display:grid!important;place-items:center;font:700 26px/1 "Playfair Display",Georgia,serif;color:#e6c58f;direction:ltr;
  background:radial-gradient(circle at 40% 30%,#2a241a,#0e0c09)!important;box-shadow:0 0 0 4px #0b0d10,0 0 0 5.5px rgba(230,197,143,0.48),0 12px 22px rgba(0,0,0,0.36)!important}
body .svx-list .svx-sc-ic i,.svx-sc-mark i{font-style:normal;margin-inline-start:-.18em;position:relative;top:.22em}
body .svx-more.svx-more-gold{color:#1a1208!important;background:linear-gradient(100deg,#f6dcaa,#e2b46c 50%,#c48c42);box-shadow:none}
body .svx-more.svx-more-gold::after{background-color:#1a1208;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c58f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E")}
@media (min-width:901px){body .svx-list .svx-sc-card .svc-short-list ul{columns:2;column-gap:40px}}
/* hero: Shadow CEO tile under the 8 */
body .svx-hero .svx-sc-tile{grid-column:1/-1;justify-content:center!important;
  background:linear-gradient(120deg,rgba(11,13,16,.92),rgba(22,25,30,.92))!important;box-shadow:inset 0 0 0 1px rgba(230,197,143,0.36),0 12px 24px -16px rgba(0,0,0,0.48)!important}
body .svx-hero .svx-sc-tile .qs-visual-service-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
body .svx-hero .svx-sc-tile b{font:700 16px/1 "Playfair Display",Georgia,serif;letter-spacing:.1em;color:#fff;direction:ltr}
body .svx-hero .svx-sc-tile small{font-weight:600;font-size:13.5px;color:#d8cdb8}
html[dir="rtl"] body .svx-hero .svx-sc-tile small{font-size:15px}
body .svx-hero .svx-sc-mark{font:700 15px/1 "Playfair Display",Georgia,serif;color:#e6c58f!important;direction:ltr;
  background:radial-gradient(circle at 40% 30%,#2a241a,#0e0c09)!important;box-shadow:0 0 0 1.5px rgba(230,197,143,0.42)!important}
body .svx-hero .svx-sc-tile:hover{box-shadow:inset 0 0 0 1px #e6c58f,0 16px 28px -16px rgba(0,0,0,0.54)!important}
@media (max-width:900px){body .svx-hero .svx-sc-tile .qs-visual-service-title{flex-direction:column;align-items:flex-start;gap:4px}}

/* service detail: content framed and tinted on the drawn background */
body .svx-detail .service-page-copy{position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 100% 0%,rgba(47,164,220,.14),rgba(47,164,220,0) 45%),linear-gradient(180deg,#ffffff 0%,#f0f6fb 100%)!important;
  border:0!important;border-radius:24px!important;box-shadow:0 30px 60px -32px rgba(0,50,90,0.3),inset 0 0 0 1px rgba(0,102,151,0.096)!important}
html[dir="rtl"] body .svx-detail .service-page-copy{background:radial-gradient(ellipse at 0% 0%,rgba(47,164,220,.14),rgba(47,164,220,0) 45%),linear-gradient(180deg,#ffffff 0%,#f0f6fb 100%)!important}
body .svx-detail .service-page-copy::before{content:"";position:absolute;top:0;inset-inline:32px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#006697,#2fa4dc 55%,#F9C721)}
html[dir="rtl"] body .svx-detail .service-page-copy::before{background:linear-gradient(270deg,#006697,#2fa4dc 55%,#F9C721)}
body .svx-detail .service-page-copy>h2{padding-bottom:14px;border-bottom:1px solid rgba(0,102,151,.14)}
body .svx-detail .service-page-copy>h3{display:inline-flex;align-items:center;gap:10px;color:#006697!important}
body .svx-detail .service-page-copy>h3::before{content:"";width:26px;height:2px;background:#F9C721}
body .svx-detail .service-page-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:0!important;list-style:none}
body .svx-detail .service-page-copy li{position:relative;padding:10px 14px 10px 34px;border-radius:12px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(0,102,151,0.06)}
html[dir="rtl"] body .svx-detail .service-page-copy li{padding:10px 34px 10px 14px}
body .svx-detail .service-page-copy li::before{content:"";position:absolute;inset-inline-start:14px;top:1.15em;width:8px;height:8px;border-radius:50%;background:#F9C721;box-shadow:0 0 0 3px rgba(249,199,33,0.15)}
body .svx-detail .service-result{border-radius:16px!important;background:linear-gradient(120deg,#062d4e,#0a4370)!important;color:#fff!important;padding:20px 24px!important;border:0!important;margin-top:24px}
body .svx-detail .service-result h3{color:#F9C721!important}
body .svx-detail .service-result p{color:#dbe9f3!important}
@media (max-width:760px){body .svx-detail .service-page-copy ul{grid-template-columns:1fr}}
html[dir] body .svx-list .detail-card.svx-sc-card{
  background:radial-gradient(ellipse at 85% 0%,rgba(230,197,143,.22),rgba(230,197,143,0) 50%),linear-gradient(120deg,#0b0d10 0%,#16191e 55%,#0b0d10 100%)!important}
html[dir="rtl"] body .svx-list .detail-card.svx-sc-card{background:radial-gradient(ellipse at 15% 0%,rgba(230,197,143,.22),rgba(230,197,143,0) 50%),linear-gradient(240deg,#0b0d10 0%,#16191e 55%,#0b0d10 100%)!important}
html[dir] body .svx-list .svx-sc-card :is(.subtitle,li,p){color:#ddd3c2!important}
html[dir] body .svx-list .svx-sc-card .help-heading{color:#e6c58f!important}
html[dir] body .svx-list .svx-sc-card .headline{color:#fff!important}
body .svx-list .svx-sc-ic,body .svx-hero .svx-sc-mark{display:flex!important;align-items:center;justify-content:center;white-space:nowrap}
body .svx-list .svx-sc-ic i,.svx-sc-mark i{display:inline-block}
body .svx-list .section-head>div{position:relative;z-index:0}
body .svx-list .section-head>div::before{content:"";position:absolute;inset:-30px -60px;z-index:-1;background:radial-gradient(ellipse at center,#eaf2f8 45%,rgba(234,242,248,0) 75%)}
body .svx-hero .svx-sc-mark img.sc-logo{width:78%;height:78%}
body .svx-list .svx-sc-ic img.sc-logo{width:70%;height:70%}
/* v87 — detail points: light-blue tiles, bolder text, first 6 + read more */
html[dir] body .svx-detail .service-page-copy li{background:linear-gradient(180deg,#e6f1f9,#dcebf6)!important;box-shadow:inset 0 0 0 1px rgba(0,102,151,0.132),0 6px 14px -10px rgba(0,60,100,0.24)!important;
  color:#0b2a4a!important;font-weight:700!important}
html[dir="rtl"] body .svx-detail .service-page-copy li{font-weight:700!important}
body .svx-detail .svx-bul:not(.open) li:nth-child(n+7){display:none}
.svx-moreb{display:inline-flex;align-items:center;gap:10px;margin:16px 0 4px;padding:8px 8px 8px 20px;border:0;border-radius:999px;cursor:pointer;
  font:800 14.5px/1 Inter,Arial,sans-serif;color:#006697;background:rgba(0,102,151,.08);box-shadow:inset 0 0 0 1.5px rgba(0,102,151,0.21)}
html[dir="rtl"] .svx-moreb{padding:8px 20px 8px 8px;font:800 16px/1 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
.svx-moreb::after{content:"";width:30px;height:30px;border-radius:50%;background:#006697 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.svx-moreb[aria-expanded="true"]::after{transform:rotate(180deg)}
.svx-moreb:hover{background:#006697;color:#fff}
.svx-moreb[hidden]{display:none}
body .svx-list{overflow:hidden}