.services-section{padding:30px 26px 34px}
/* The document already reserves the fixed header's height for anchor links. */
main>#our-services{scroll-margin-top:0!important}
.services-inner{max-width:1100px;margin:auto}
.services-heading{text-align:center;margin:0 auto 18px;max-width:730px}
.services-eyebrow{color:#8bc8e0;font-size:10px;line-height:1.5;letter-spacing:1px;margin:0 0 4px}
.services-heading h2{font:700 clamp(32px,3.2vw,44px)/1.2 ArabicDisplay,Arial,sans-serif;margin:4px 0 8px}
.services-heading h2:after{content:'';display:block;margin:9px auto;width:60px;height:1px;background:linear-gradient(90deg,transparent,#8addff,transparent)}
.services-intro{font-size:12px;color:#b2c3d1;line-height:1.6;margin:0}
.service-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.service-family{min-width:0;padding:16px 16px 14px;border:1px solid #78c7ef63;border-radius:13px;background:linear-gradient(140deg,#173c552b,#031020ba);box-shadow:inset 0 1px 0 #bceaff38,0 20px 48px #0005;position:relative;display:flex;flex-direction:column;opacity:1;transform:none}
.service-family:before{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(50px 5px at 3% 0,#b1eaff,transparent),radial-gradient(45px 4px at 98% 100%,#90d9ff,transparent)}
.service-family.fitout{border-color:#85d7ff99;box-shadow:0 0 28px #43beef0b,0 20px 48px #0005}
.family-heading{display:flex;align-items:center;justify-content:center;gap:13px;min-height:41px}
.family-heading h3{font:700 clamp(24px,2.35vw,31px)/1.3 ArabicDisplay,Arial,sans-serif;margin:0}
.family-icon{font:29px/1 Arial;color:#a6d8ee;border-inline-end:1px solid #698ca078;padding-inline-end:13px}
.family-lead{text-align:center;color:#c0d0dc;font-size:11px;line-height:1.5;margin:3px 0 12px}
.service-feature-image{height:clamp(116px,16svh,160px);background:#0a192b;overflow:hidden;border-radius:6px;position:relative;flex-shrink:0}
.service-feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.service-feature-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -28px 38px -24px #061323;pointer-events:none}
.service-selected{padding:10px 2px 12px;min-height:82px}
.service-selected h4{font-size:15px;line-height:1.45;font-weight:600;margin:0 0 4px;color:#edf8ff}
.service-selected p{font-size:11px;line-height:1.65;color:#b7cad8;margin:0;overflow-wrap:anywhere}
.service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:auto}
.service-option{display:flex;align-items:center;gap:9px;text-align:start;width:100%;min-width:0;min-height:44px;padding:0;background:linear-gradient(90deg,#173e541f,#06152499);border:1px solid #7291a544;color:#eaf4fb;transition:border-color .18s,background .18s,transform .18s;border-radius:5px;overflow:hidden}
.service-option:last-child:nth-child(odd){grid-column:1/-1}
.service-option img{width:48px;height:44px;flex-shrink:0;align-self:stretch;object-fit:cover;opacity:.72;transition:opacity .18s}
.service-option-title{font-size:12px;line-height:1.45;flex:1;min-width:0;padding-block:6px;overflow-wrap:anywhere}
.service-arrow{font:18px Arial;color:#7bd2f5;margin-inline-end:10px;transition:transform .18s}
.service-option:hover,.service-option.selected{border-color:#77d4ffb3;background:#23577333}
.service-option:hover img,.service-option.selected img{opacity:1}
.service-option:hover .service-arrow{transform:translateX(-3px)}
.service-option:active{transform:scale(.98)}
.service-option:focus-visible{outline:2px solid #a1e6ff;outline-offset:3px}
.service-scope{border-top:1px solid #7794a540;padding:9px 0 0;margin:11px 0 0;text-align:center;line-height:1.7;color:#b7cad8;font-size:9px}
.services-disclaimer{font-size:9px;line-height:1.5;color:#90a7ba;text-align:center;margin:13px 0 0}
html[dir=ltr] .services-heading h2,html[dir=ltr] .family-heading h3{font-family:Arial,sans-serif;line-height:1.2}
html[dir=ltr] .family-heading h3{font-size:clamp(23px,2.15vw,29px)}
html[dir=ltr] .service-arrow{transform:rotate(180deg)}
.service-families:has(>.service-family:only-child){grid-template-columns:1fr;max-width:600px;margin-inline:auto}
@media(max-height:820px) and (min-width:761px){
  .services-section{padding-block:22px 26px}.services-heading{margin-bottom:14px}.services-heading h2{font-size:35px}
  .service-feature-image{height:110px}.service-family{padding:13px 14px 12px}.family-heading{min-height:34px}.family-heading h3{font-size:27px}
  .family-lead{margin-bottom:9px}.service-selected{padding-block:8px 10px;min-height:74px}.service-scope{padding-top:7px;margin-top:8px}
}
@media(max-width:900px) and (min-width:761px){
  .services-section{padding-inline:20px}.service-families{gap:14px}.service-family{padding-inline:12px}
  .service-option img{width:38px}.service-option{gap:7px}.service-option-title{font-size:11px}.service-arrow{margin-inline-end:7px}
}
@media(max-width:760px){
  .services-section{padding:28px 18px 32px}.services-heading{margin-bottom:20px}.services-heading h2{font-size:35px}.services-intro{font-size:11px}
  .service-families{grid-template-columns:1fr;grid-auto-rows:1fr;gap:20px;max-width:520px;margin-inline:auto}
  .service-family{padding:16px 14px 14px}.family-heading h3{font-size:28px}.family-lead{font-size:11px}
  .service-feature-image{height:150px}.service-selected{min-height:82px}.service-option-title{font-size:12px}
  .service-option{min-height:48px}.service-option img{height:48px}.service-options{gap:7px}
}
@media(max-width:360px){.services-section{padding-inline:12px}.service-family{padding-inline:11px}.service-option img{width:38px}.service-option{gap:7px}.service-option-title{font-size:11px}.service-arrow{margin-inline-end:7px}}
@media(prefers-reduced-motion:reduce){.service-option,.service-option img,.service-arrow{transition:none!important}}