/* Case-study family: UAE editorial template, complete source content. */
.cs-family main{overflow:clip}.cs-family main .container{width:88%;max-width:1580px;margin:auto}.cs-family main section{padding:90px 0;scroll-margin-top:90px}.cs-family main section:where([data-compact-section]){padding-top:calc((90px) * .82);padding-bottom:calc((90px) * .82)}.cs-family main .cf-hero{padding:12px 0 30px;background:radial-gradient(ellipse at 90% 20%,#D8E5FA,transparent 55%)}.cs-family main .cf-hero:where([data-compact-section]){padding-top:12px;padding-bottom:30px}.cs-family main .cs-hero-grid{padding:8px 0 20px}.cs-family main .cs-hero-grid:where([data-compact-section]){padding-top:8px;padding-bottom:20px}.cs-family .cs-hero-copy h1{font-size:clamp(36px,4.15vw,64px);max-width:820px}.cs-family .aigrad{color:#d9214a;font-weight:500}.cs-family .cs-hero-copy>p{font-size:18px;max-width:650px;margin:25px 0}.cs-family .cs-hero-visual figure{margin:0;aspect-ratio:1.65;max-height:380px;box-shadow:0 22px 45px #24449B18}.cs-family .cs-hero-visual img{object-position:center}.cs-family .cs-hero-visual figure:after{display:none}.cs-family .zpg-eyebrow,.cs-family .tag,.cs-family .ftag,.cs-family .lbl{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#667997;margin-bottom:18px}.cs-family .zpg-eyebrow i{margin-right:9px}.cs-family .zpg-btns{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.cs-family .zpg-btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:17px 25px;border-radius:35px;font-size:14px;border:1px solid #D51F49;transition:translate .3s,box-shadow .3s}.cs-family .zpg-btn:where([data-compact-section]){padding-top:17px;padding-bottom:17px}.cs-family .zpg-btn-p{background:#D51F49;color:#fff}.cs-family .zpg-btn-o{color:#273455;border-color:#D8E5FA}.cs-family .zpg-btn:hover{translate:0 -3px;box-shadow:0 12px 24px #24449B20}.cs-family main .grey,.cs-family main .cf-challenge{background:#f6f7fa}.cs-family .zpg-head{margin-bottom:44px;max-width:960px}.cs-family .zpg-head p{max-width:700px}.cs-family .zpg-head h2{font-size:clamp(32px,4vw,60px)}.cs-family main h4{font:500 22px/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.cs-family .cf-facts-section{padding:0 0 40px}.cs-family .cf-facts-section:where([data-compact-section]){padding-top:0;padding-bottom:calc((40px) * .82)}.cs-family .zcs-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:25px 0;border-top:1px solid #dce2ed;border-bottom:1px solid #dce2ed}.cs-family .zcs-bar:where([data-compact-section]){padding-top:25px;padding-bottom:25px}.cs-family .zcs-bar .b{display:flex;gap:12px}.cs-family .zcs-bar i{color:#d9214a;font-size:17px;margin-top:4px}.cs-family .zcs-bar span{display:block;font-size:12px;color:#74809a;margin-bottom:8px}.cs-family .zcs-bar b{font-weight:500;font-size:14px;line-height:1.6}.cs-family .zcs-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:start}.cs-family .narr p:first-child{margin-top:0}.cs-family .zcs-facts{background:#fff;padding:30px;border-radius:20px;border:2px solid #fff;box-shadow:0 16px 35px #24449B0b}.cs-family .zcs-facts:where([data-compact-section]){padding-top:30px;padding-bottom:30px}.cs-family .ff{display:flex;justify-content:space-between;gap:25px;padding:16px 0;border-top:1px solid #dce2ed;font-size:14px;line-height:1.6}.cs-family .ff:where([data-compact-section]){padding-top:16px;padding-bottom:16px}.cs-family .ff span{color:#6b7b95}.cs-family .ff b{font-weight:500;max-width:65%}.cs-family .zcs-chal{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cs-family .zcs-chal>.intro{grid-column:1/-1;max-width:900px;margin:0 0 15px}.cs-family .zcs-pain{padding:25px 0;border-top:1px solid #D8E5FA}.cs-family .zcs-pain:where([data-compact-section]){padding-top:25px;padding-bottom:25px}.cs-family .zcs-pnum{font-size:14px;color:#d9214a;margin-bottom:22px}.cs-family .zcs-pain p{margin:0}.cs-family .zpg-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;position:relative}.cs-family .zpg-tstep{border-top:2px solid #D8E5FA;padding-top:22px}.cs-family .zpg-tstep:where([data-compact-section]){padding-top:22px}.cs-family .zpg-tnum{font:500 42px/1 Manrope;color:#a4b4cd;margin-bottom:24px}.cs-family .zpg-tstep p{font-size:16px}.cs-family .zpg-zig{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.cs-family .zpg-zrow{position:relative;overflow:hidden;padding:34px;border:2px solid white;border-radius:20px;background:linear-gradient(135deg,#e9eaf5,#D8E5FA);box-shadow:0 14px 30px #245BC40b;transition:box-shadow .35s,translate .35s}.cs-family .zpg-zrow:where([data-compact-section]){padding-top:calc((34px) * .82);padding-bottom:calc((34px) * .82)}.cs-family .zpg-zrow:hover{translate:0 -5px;box-shadow:0 20px 36px #245BC41a}.cs-family .cf-tone-1{background:linear-gradient(135deg,#CFEAF2,#CFEAF2)}.cs-family .cf-tone-2{background:linear-gradient(135deg,#F4D5E0,#F4D5E0)}.cs-family .cf-tone-3{background:linear-gradient(135deg,#e7f3ed,#CEEADD)}.cs-family .cf-tone-4{background:linear-gradient(135deg,#F8DFCF,#F8DFCF)}.cs-family .cf-tone-5{background:linear-gradient(135deg,#e4f3f5,#CFEAF2)}.cs-family .zpg-zvis .ic{font-size:25px;color:#426487;margin-bottom:16px;display:block}.cs-family .zpg-zvis h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.cs-family .pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 25px}.cs-family .pills span{font-size:12px;padding:6px 10px;background:#ffffff66;border-radius:20px;color:#466078}.cs-family .pills span:where([data-compact-section]){padding-top:6px;padding-bottom:6px}.cs-family .zpg-zvis .big{position:absolute;right:15px;top:20px;font-size:100px;opacity:.055;pointer-events:none}.cs-family .zpg-ztext{position:relative;border-top:1px solid #245BC429;padding-top:22px}.cs-family .zpg-ztext:where([data-compact-section]){padding-top:22px}.cs-family .zpg-ztext .lbl{font-size:11px}.cs-family .zpg-ztext>p:last-child{margin-bottom:0;color:#50647c}.cs-family .zcs-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cs-family .zcs-layer{background:#fff;border-radius:18px;padding:30px;border:1px solid #e2e7f0}.cs-family .zcs-layer:where([data-compact-section]){padding-top:30px;padding-bottom:30px}.cs-family .lh{font-size:18px;color:#27385e;margin-bottom:20px}.cs-family .lh i{margin-right:10px;color:#d9214a}.cs-family .lt{display:flex;gap:10px;flex-wrap:wrap}.cs-family .lt span{background:#f1f4fa;border-radius:20px;padding:8px 13px;font-size:14px;color:#566881}.cs-family .lt span:where([data-compact-section]){padding-top:8px;padding-bottom:8px}.cs-family main .cf-results{background:#24449B;color:#fff}.cs-family .cf-results .tag{color:#ffdc45}.cs-family .cf-results p{color:#c2cbe0}.cs-family .zcs-impact{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:45px 0}.cs-family .zcs-im{border-top:1px solid #ffffff28;padding-top:24px}.cs-family .zcs-im:where([data-compact-section]){padding-top:24px}.cs-family .zcs-im b{display:block;font:500 clamp(28px,3.4vw,52px)/1.2 Manrope;color:#ffdc45;letter-spacing:-.045em}.cs-family .zcs-im span{display:block;color:#c2cbe0;margin-top:15px;font-size:14px}.cs-family .zcs-ba{background:#24449B;border-radius:20px;padding:10px 30px}.cs-family .zcs-ba:where([data-compact-section]){padding-top:10px;padding-bottom:10px}.cs-family .zcs-barow{display:grid;grid-template-columns:1fr 30px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff1f}.cs-family .zcs-barow:where([data-compact-section]){padding-top:20px;padding-bottom:20px}.cs-family .zcs-barow:last-child{border:0}.cs-family .zcs-bb span{font-size:12px;letter-spacing:.1em;color:#a8b9d6;text-transform:uppercase}.cs-family .zcs-bb p{margin-bottom:0}.cs-family .zcs-arrow{align-self:center;color:#ffdc45}.cs-family .zcs-bb.after p{color:#fff}.cs-family .zcs-resnarr{max-width:1000px;margin-top:30px}.cs-family .zcs-deliver{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.cs-family .zcs-dl{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid #dce2ed;align-items:center}.cs-family .zcs-dl:where([data-compact-section]){padding-top:23px;padding-bottom:23px}.cs-family .zcs-dl i{color:#d9214a}.cs-family .zcs-dl b{font-size:18px;font-weight:500}.cs-family .zpg-related,.cs-family .zpg-csgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cs-family .zpg-cscard{display:block;overflow:hidden;border:2px solid white;border-radius:20px;background:white;box-shadow:0 12px 30px #24449B0c;transition:translate .35s,box-shadow .35s}.cs-family .zpg-cscard:hover{translate:0 -6px;box-shadow:0 20px 35px #24449B20}.cs-family .zpg-cstop{position:relative;overflow:hidden;aspect-ratio:1.9;background:#e7edf6}.cs-family .zpg-cstop img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.cs-family .zpg-cscard:hover img{transform:scale(1.045)}.cs-family .zpg-cstop .ic,.cs-family .zpg-cstop .big{display:none}.cs-family .zpg-cstop .reg{position:absolute;bottom:14px;left:16px;right:16px;width:fit-content;padding:7px 12px;border-radius:20px;background:#fffffff0;font-size:12px;color:#263b61}.cs-family .zpg-cstop .reg:where([data-compact-section]){padding-top:7px;padding-bottom:7px}.cs-family .zpg-csbody{padding:27px}.cs-family .zpg-csbody:where([data-compact-section]){padding-top:27px;padding-bottom:27px}.cs-family .zpg-csbody h3{font-size:25px}.cs-family .zpg-csbody .tag{font-size:11px}.cs-family .zpg-csmetric{padding-top:17px;border-top:1px solid #dce2ed;color:#28765a;font-size:14px;line-height:1.6}.cs-family .zpg-csmetric:where([data-compact-section]){padding-top:17px}.cs-family .zpg-csmetric i{margin-right:8px}.cs-family main .zpg-cta{text-align:center;background:#FFE27A;padding:65px 6%}.cs-family main .zpg-cta:where([data-compact-section]){padding-top:calc((65px) * .82);padding-bottom:calc((65px) * .82)}.cs-family .zpg-cta-inner{max-width:1100px;margin:auto}.cs-family .zpg-cta p{max-width:760px;margin:25px auto 30px;color:#25334b}.cs-family .zpg-cta .zpg-btn{background:#24449B;border-color:#24449B;color:white}.cs-family .zpg-stats{background:#f6f7fa}.cs-family .zpg-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.cs-family .zpg-stat{padding-left:25px;border-left:1px solid #D8E5FA}.cs-family .zpg-stat b{font:500 44px/1.2 Manrope;color:#d9214a;display:block}.cs-family .zpg-stat span{display:block;margin-top:12px;color:#63728c}.cs-family .zpg-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;background:linear-gradient(120deg,#24449B,#245BC4);color:#fff;padding:55px;border-radius:24px}.cs-family .zpg-feature:where([data-compact-section]){padding-top:calc((55px) * .82);padding-bottom:calc((55px) * .82)}.cs-family .zpg-feature h2{font-size:clamp(30px,3vw,48px)}.cs-family .zpg-feature p,.cs-family .zpg-feature .ftag{color:#d3ddef}.cs-family .zpg-fmetrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:center}.cs-family .zpg-fmetric b{display:block;color:#ffdc45;font:500 38px Manrope}.cs-family .zpg-fmetric span{display:block;color:#d3ddef;margin-top:10px}.cs-family .zpg-catnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.cs-family .zpg-catnav button{border:1px solid #D8E5FA;background:#fff;color:#31486e;border-radius:30px;padding:12px 19px;cursor:pointer}.cs-family .zpg-catnav button:where([data-compact-section]){padding-top:12px;padding-bottom:12px}.cs-family .zpg-catnav button.on{background:#245BC4;color:#fff;border-color:#245BC4}.cs-family .zpg-cscard[hidden]{display:none!important}.cs-family .zpg-chips{display:flex;flex-wrap:wrap;gap:18px}.cs-family .zpg-chip{padding:17px 23px;border-radius:30px;background:#eef2fa;color:#405979}.cs-family .zpg-chip:where([data-compact-section]){padding-top:17px;padding-bottom:17px}.cs-family .zpg-chip i{margin-right:10px}.cs-family .cf-progress{height:3px;background:#D8E5FA;margin-bottom:24px;overflow:hidden}.cs-family .cf-progress span{display:block;background:#D51F49;height:100%;transform:scaleX(0);transform-origin:left}.cs-family .cs-motion{z-index:45}
@media(max-width:1050px){.cs-family .zcs-bar{grid-template-columns:repeat(3,1fr)}.cs-family .zpg-timeline{grid-template-columns:repeat(3,1fr)}.cs-family .zpg-related,.cs-family .zpg-csgrid{grid-template-columns:1fr 1fr}.cs-family .zcs-stack{grid-template-columns:1fr 1fr}.cs-family .zpg-feature{padding:35px}.cs-family .zpg-feature:where([data-compact-section]){padding-top:calc((35px) * .82);padding-bottom:calc((35px) * .82)}.cs-family .zcs-overview{gap:35px}}
@media(max-width:700px){.cs-family main .container{width:90%}.cs-family main section{padding:55px 0}.cs-family main section:where([data-compact-section]){padding-top:calc((55px) * .82);padding-bottom:calc((55px) * .82)}.cs-family main .cf-hero{padding-top:10px;padding-bottom:20px}.cs-family main .cf-hero:where([data-compact-section]){padding-top:10px;padding-bottom:20px}.cs-family main .cf-facts-section{padding:0 0 30px}.cs-family main .cf-facts-section:where([data-compact-section]){padding-top:0;padding-bottom:30px}.cs-family .cs-hero-visual figure{aspect-ratio:1.6}.cs-family .cs-hero-copy>p{font-size:17px}.cs-family .zcs-bar{grid-template-columns:1fr 1fr;gap:22px}.cs-family .zcs-overview,.cs-family .zpg-zig,.cs-family .zpg-related,.cs-family .zpg-csgrid,.cs-family .zpg-feature{grid-template-columns:1fr}.cs-family .zcs-chal{grid-template-columns:1fr 1fr;gap:20px}.cs-family .zpg-zrow{padding:27px}.cs-family .zpg-zrow:where([data-compact-section]){padding-top:27px;padding-bottom:27px}.cs-family .zpg-timeline{grid-template-columns:1fr;gap:20px}.cs-family .zpg-tstep{display:grid;grid-template-columns:40px 1fr;gap:10px 15px}.cs-family .zpg-tnum{grid-row:span 2;font-size:30px}.cs-family .zpg-tstep p{grid-column:2;margin:0}.cs-family .zpg-tstep h4{margin:0}.cs-family .zcs-impact,.cs-family .zpg-stats-inner{grid-template-columns:1fr 1fr;gap:25px}.cs-family .zcs-ba{padding:5px 20px}.cs-family .zcs-ba:where([data-compact-section]){padding-top:5px;padding-bottom:5px}.cs-family .zcs-barow{grid-template-columns:1fr 20px 1fr;gap:10px}.cs-family .zcs-bb p{font-size:15px}.cs-family .zcs-deliver{grid-template-columns:1fr}.cs-family .zcs-layer{padding:23px}.cs-family .zcs-layer:where([data-compact-section]){padding-top:23px;padding-bottom:23px}.cs-family .zpg-feature{padding:30px 24px;gap:30px}.cs-family .zpg-feature:where([data-compact-section]){padding-top:30px;padding-bottom:30px}.cs-family .zpg-stat b{font-size:34px}.cs-family .zpg-head{margin-bottom:30px}.cs-family main .zpg-cta{padding:50px 5%}.cs-family main .zpg-cta:where([data-compact-section]){padding-top:calc((50px) * .82);padding-bottom:calc((50px) * .82)}}
@media(max-width:420px){.cs-family .zcs-chal,.cs-family .zcs-stack{grid-template-columns:1fr}.cs-family .zpg-btns{gap:12px}.cs-family .zpg-btn{padding:15px 20px}.cs-family .zpg-btn:where([data-compact-section]){padding-top:15px;padding-bottom:15px}.cs-family .zcs-im b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.cs-family *{scroll-behavior:auto!important;transition:none!important}}