.firstm-home-services{--fms-bg:#f8f9fb;--fms-accent:#ef6a24;--fms-text:#1d2430;--fms-muted:#6c7480;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fff 0%,var(--fms-bg) 58%,#fff7f1 100%);padding:88px 24px 82px;color:var(--fms-text);font-family:Tajawal,Cairo,"Noto Kufi Arabic",Arial,sans-serif}
.firstm-services-inner{position:relative;z-index:3;max-width:1540px;margin:auto}
.firstm-services-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fms-grid{position:absolute;inset:-18%;opacity:.34;background-image:linear-gradient(rgba(239,106,36,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(239,106,36,.12) 1px,transparent 1px);background-size:58px 58px;transform:perspective(900px) rotateX(61deg) translateY(-7%);transform-origin:center top}
.fms-glow{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55;border:1px solid rgba(239,106,36,.22)}
.fms-glow-a{width:520px;height:520px;right:-210px;top:-250px;background:radial-gradient(circle,rgba(239,106,36,.13),transparent 65%)}
.fms-glow-b{width:390px;height:390px;left:-150px;bottom:-230px;background:radial-gradient(circle,rgba(239,106,36,.1),transparent 65%)}
.fms-chip{position:absolute;padding:8px 13px;border:1px solid rgba(239,106,36,.16);border-radius:10px;background:rgba(255,255,255,.68);box-shadow:0 12px 32px rgba(31,37,45,.04);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(239,106,36,.48);letter-spacing:.08em;backdrop-filter:blur(8px)}
.fms-chip.c1{top:24%;right:2%}.fms-chip.c2{bottom:9%;right:17%}.fms-chip.c3{top:12%;left:4%}.fms-chip.c4{bottom:18%;left:2%}.fms-chip.c5{top:51%;left:48%}
.fms-node{position:absolute;width:11px;height:11px;border:2px solid rgba(239,106,36,.35);background:#fff;border-radius:50%;box-shadow:0 0 0 8px rgba(239,106,36,.04)}
.fms-node.n1{top:22%;left:27%}.fms-node.n2{top:58%;right:30%}.fms-node.n3{bottom:12%;left:38%}.fms-node.n4{top:37%;right:4%}
.firstm-home-services-motion .fms-grid{animation:fmsGridMove 12s linear infinite alternate}
.firstm-home-services-motion .fms-chip.c1,.firstm-home-services-motion .fms-chip.c4{animation:fmsFloatA 5.8s ease-in-out infinite}
.firstm-home-services-motion .fms-chip.c2,.firstm-home-services-motion .fms-chip.c3,.firstm-home-services-motion .fms-chip.c5{animation:fmsFloatB 6.8s ease-in-out infinite}
.firstm-home-services-motion .fms-glow-a{animation:fmsGlowA 9s ease-in-out infinite alternate}.firstm-home-services-motion .fms-glow-b{animation:fmsGlowB 11s ease-in-out infinite alternate}
.firstm-home-services-motion .fms-node{animation:fmsPulse 2.8s ease-in-out infinite alternate}
@keyframes fmsGridMove{to{transform:perspective(900px) rotateX(61deg) translate3d(38px,26px,0)}}
@keyframes fmsFloatA{50%{transform:translate3d(18px,-14px,0) rotate(1.5deg);opacity:1}}
@keyframes fmsFloatB{50%{transform:translate3d(-15px,18px,0) rotate(-1deg);opacity:.78}}
@keyframes fmsGlowA{to{transform:translate(-90px,70px) scale(1.08)}}@keyframes fmsGlowB{to{transform:translate(80px,-45px) scale(.92)}}
@keyframes fmsPulse{to{transform:scale(1.32);box-shadow:0 0 0 18px rgba(239,106,36,.02)}}
.firstm-services-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:34px}
.firstm-services-copy{max-width:650px}.firstm-services-eyebrow{display:flex;align-items:center;gap:10px;color:var(--fms-accent);font-size:13px;font-weight:800;margin-bottom:12px}.firstm-services-eyebrow>span{width:34px;height:2px;background:var(--fms-accent);border-radius:4px}.firstm-services-eyebrow>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(239,106,36,.24);border-radius:12px;background:rgba(255,255,255,.8);margin-inline-start:3px}.firstm-services-eyebrow svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.firstm-services-copy h2{margin:0;font-size:var(--fms-title-size,30px);line-height:1.3;font-weight:900;letter-spacing:-.02em}.firstm-services-copy p{margin:12px 0 0;color:var(--fms-muted);font-size:16px;line-height:1.9;max-width:620px}
.firstm-services-controls{display:flex;gap:10px;direction:ltr}.firstm-services-controls button{width:48px;height:48px;border:1px solid #e1e4e8;border-radius:14px;background:rgba(255,255,255,.88);display:grid;place-items:center;cursor:pointer;color:#252c35;transition:.22s ease;box-shadow:0 10px 24px rgba(30,34,40,.04)}.firstm-services-controls button:hover{border-color:rgba(239,106,36,.5);color:var(--fms-accent);transform:translateY(-2px)}.firstm-services-controls svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.firstm-services-viewport{overflow:hidden;padding:2px 2px 18px}.firstm-services-track{display:flex;align-items:flex-start;direction:ltr;gap:18px;will-change:transform;transition:transform .64s cubic-bezier(.2,.75,.2,1)}
.firstm-service-card{flex:0 0 calc((100% - 54px)/4);min-width:0;background:rgba(255,255,255,.94);border:1px solid rgba(209,214,220,.9);border-radius:24px;overflow:hidden;box-shadow:none;transition:transform .28s ease,border-color .28s ease}.firstm-service-card:hover{transform:translateY(-7px);box-shadow:none;border-color:rgba(239,106,36,.28)}
.firstm-service-image{height:218px;position:relative;overflow:hidden;background:#e9ecef}.firstm-service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,18,25,.24),transparent 45%);pointer-events:none}.firstm-service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s ease}.firstm-service-card:hover .firstm-service-image img{transform:scale(1.055)}
.firstm-service-number{position:absolute;z-index:2;top:16px;inset-inline-start:16px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#4d555f;font:800 11px/1 Arial,sans-serif}.firstm-service-icon{position:absolute;z-index:2;bottom:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.93);display:grid;place-items:center;color:var(--fms-accent);box-shadow:0 8px 24px rgba(18,24,32,.14)}.firstm-service-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.firstm-service-body{padding:20px 22px 18px;min-height:var(--fms-card-body-height,0px);display:flex;flex-direction:column}.firstm-service-body>small{color:var(--fms-accent);font-size:10px;font-weight:900;letter-spacing:.11em}.firstm-service-accent-line{display:block;width:33px;height:2px;border-radius:5px;background:var(--fms-accent);margin:11px 0}.firstm-service-body h3{font-size:23px;line-height:1.35;margin:0 0 9px;font-weight:900;color:var(--fms-text)}.firstm-service-body p{margin:0;color:var(--fms-muted);font-size:14px;line-height:1.75;flex:0 0 auto}.firstm-service-body a{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:var(--fms-text);font-size:13px;font-weight:800}.firstm-service-body a span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff7f0;border:1px solid rgba(239,106,36,.28);color:var(--fms-accent);transition:.2s}.firstm-service-body a:hover span{background:var(--fms-accent);color:#fff}.firstm-service-body a svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .firstm-service-body a svg{transform:scaleX(-1)}
.firstm-services-progress{width:180px;height:3px;background:rgba(31,37,45,.08);border-radius:999px;margin:16px auto 0;overflow:hidden}.firstm-services-progress span{display:block;width:20%;height:100%;background:var(--fms-accent);border-radius:inherit;transition:transform .55s ease,width .3s ease}
@media(max-width:1180px){.firstm-service-card{flex-basis:calc((100% - 18px)/2)}.firstm-services-copy{max-width:580px}}
@media(max-width:720px){.firstm-home-services{padding:64px 15px 58px}.firstm-services-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.firstm-services-controls{align-self:flex-end}.firstm-service-card{flex-basis:100%}.firstm-service-image{height:220px}.firstm-service-body{min-height:min(var(--fms-card-body-height,0px),235px);padding:20px}.firstm-services-copy p{font-size:14px}.fms-chip.c5,.fms-chip.c4{display:none}.fms-grid{opacity:.2;background-size:42px 42px}}
@media(prefers-reduced-motion:reduce){.firstm-home-services *{scroll-behavior:auto!important}.firstm-services-track{transition:none}.firstm-home-services-motion .fms-grid,.firstm-home-services-motion .fms-chip,.firstm-home-services-motion .fms-glow,.firstm-home-services-motion .fms-node{animation:none!important}}
.firstm-home-services[dir="rtl"] .firstm-services-track{flex-direction:row-reverse}


/* v1.10.2 — no card shadows, compact copy area and selectable section atmospheres */
.firstm-service-card,.firstm-service-card:hover{box-shadow:none!important}
.firstm-service-icon{box-shadow:none}
.firstm-home-services[data-bg-style="digital-grid"]{background:linear-gradient(135deg,#fff 0%,var(--fms-bg) 58%,#fff 100%)}
.firstm-home-services[data-bg-style="soft-orbits"]{background:radial-gradient(circle at 88% 12%,rgba(239,106,36,.07),transparent 25%),radial-gradient(circle at 8% 88%,rgba(90,98,105,.04),transparent 24%),#fff}
.firstm-home-services[data-bg-style="soft-orbits"] .fms-grid{opacity:.05}
.firstm-home-services[data-bg-style="soft-orbits"] .fms-glow{opacity:.9}
.firstm-home-services[data-bg-style="network"]{background:radial-gradient(circle at 15% 22%,rgba(239,106,36,.055),transparent 20%),linear-gradient(135deg,#fff,var(--fms-bg))}
.firstm-home-services[data-bg-style="network"] .fms-grid{background-image:radial-gradient(circle,rgba(239,106,36,.20) 0 1.5px,transparent 2px);background-size:58px 58px;transform:none;opacity:.32}
.firstm-home-services[data-bg-style="network"] .fms-node{opacity:1}
.firstm-home-services[data-bg-style="soft-waves"]{background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 120px,rgba(239,106,36,.028) 121px 123px,transparent 124px 205px),#fff}
.firstm-home-services[data-bg-style="soft-waves"] .fms-grid{opacity:.04}
.firstm-home-services[data-bg-style="minimal"]{background:#fff}
.firstm-home-services[data-bg-style="minimal"] .firstm-services-motion{opacity:.12}
body.firstm-home-services-motion .firstm-home-services[data-bg-style="soft-waves"]{background-position:0 0}
body.firstm-home-services-motion .firstm-home-services[data-bg-style="soft-waves"] .firstm-services-motion{animation:fmsWholeBg 14s ease-in-out infinite alternate}
@keyframes fmsWholeBg{to{transform:translate3d(22px,-10px,0)}}
