/* Owner batch 2026-10-23. Mobile unless a rule is explicitly shared across devices. */
.hp.public-surface #work .hp-carousel-filters button:is(:hover,:focus-visible){color:#e0144c!important;text-shadow:0 3px 9px #e0144c38!important;background:transparent!important;background-image:none!important;box-shadow:none!important;text-decoration:none!important}
.hp.public-surface #work .hp-carousel-filters button:is(:hover,:focus-visible)::after{display:none!important}
.cy-swipe-surface{cursor:grab}
.cy-swipe-surface.cy-is-dragging{cursor:grabbing;user-select:none}
.cy-owner-drag-cursor{position:fixed;left:0;top:0;z-index:60;display:grid;place-items:center;width:78px;height:78px;border:0;border-radius:0;background:var(--brand-secondary,#191b30);color:var(--brand-yellow,#ffcb00);font:400 12px/1.2 var(--font-body,sans-serif);box-shadow:0 4px 18px #0002;pointer-events:none;opacity:0;translate:-50% -50%}
.d-iraq-request{margin:22px auto 0;text-align:center}.d-iraq-request a{display:inline-flex;gap:22px;align-items:center}
.rf-strip,.rf-strip .flickity-viewport{touch-action:pan-y!important}
.cy-host-plans .plans>.card{scroll-snap-stop:always}
@media(max-width:1199px){
 html body .hp.public-surface .hp-header:is(.is-scrolled,.cy-sticky) .cy-language-mobile .hp-button,
 html body .hp.public-surface:not(.hp-home) .hp-header .cy-language-mobile .hp-button{border-color:#072448!important;color:#072448!important;background:transparent!important}
 html[lang=ar] #mobile-navigation :is(a,summary,button){font-weight:400!important}
 html[lang=ar] #mobile-navigation nav>a,html[lang=ar] #mobile-navigation nav>details>summary,html[lang=ar] #mobile-navigation nav>details>summary>a{font-size:23px!important;line-height:1.6!important}
 html[lang=ar] #mobile-navigation .hp-mobile-submenu a,html[lang=ar] #mobile-navigation .hp-mobile-actions a{font-size:18px!important}
}

@media(max-width:767px){
 .hp.about-page .about-showcase-slide{transition-duration:.65s}
 .cy-host-plans .plans{touch-action:pan-y}
 html body .hp.public-surface .hp-header:is(.is-scrolled,.cy-sticky) .cy-language-mobile .hp-button,
 html body .hp.public-surface:not(.hp-home) .hp-header .cy-language-mobile .hp-button{border-color:#072448!important;color:#072448!important;background:transparent!important}
 .hp.public-surface .cy-compact-hero{overflow:hidden}
 .hp.public-surface .cy-compact-hero .internal-hero-title{block-size:auto!important;min-height:0!important;white-space:normal!important}
 .hp.public-surface .cy-compact-hero .internal-hero-copy{padding-bottom:0!important}
 .hp.public-surface .cy-compact-hero .internal-hero-media{margin-top:var(--cy-hero-overlap,0px)!important;height:var(--cy-hero-height,220px)!important;min-height:0!important}
 .hp.public-surface .cy-compact-hero .internal-hero-space{display:none!important}
 .hp.public-surface .cy-compact-hero :is(.automation-scene,.support-scene,.hosting-scene,.wp-scene,.cloud-scene,.mail-scene,.seo-scene,.campaign-scene){position:relative!important;width:1110px!important;max-width:none!important;height:363px!important;margin:0!important;left:var(--cy-scene-left,0px)!important;top:var(--cy-scene-top,20px)!important;transform:scale(var(--cy-scene-scale,.3))!important;transform-origin:top left!important;overflow:visible!important}
 html[lang=ar] .hp.public-surface .cy-compact-hero :is(.automation-scene,.support-scene,.hosting-scene,.wp-scene,.cloud-scene,.mail-scene,.seo-scene,.campaign-scene){position:absolute!important;right:auto!important}
 .hp.public-surface .digital-live-hero .campaign-scene{width:486px!important}
 .hp.public-surface .digital-live-hero .campaign-channels{left:0!important;width:120px!important}
 .hp.public-surface .digital-live-hero .campaign-post{left:130px!important}
 .hp.public-surface .digital-live-hero .campaign-conversion{right:0!important;width:120px!important}
 .hp.public-surface .digital-live-hero .campaign-order{left:130px!important;right:auto!important;top:415px!important}
 .hp.public-surface .digital-live-hero .campaign-stamp{right:0!important;bottom:auto!important;top:310px!important;max-width:120px!important}
 .hp.public-surface .cy-compact-hero .hero-art-box{overflow:visible!important}
 .hp.public-surface .web-mobile-journey .internal-hero-media{height:var(--cy-hero-height,330px)!important}
 .hp.public-surface .web-mobile-journey .app-journey{position:absolute!important;left:0!important;right:auto!important;top:var(--cy-scene-top,18px)!important;width:var(--cy-journey-width,100%)!important;height:363px!important;transform:scale(var(--cy-journey-scale,1))!important;transform-origin:top left!important;overflow:visible!important}
 .hp.public-surface .web-mobile-journey :is(.desktop-store,.device){max-width:none}
 .hp.public-surface .web-mobile-journey .desktop-store{left:0!important;width:62%!important}
 .hp.public-surface .web-mobile-journey .device--browse{right:190px!important}
 .hp.public-surface .web-mobile-journey .device--detail{right:96px!important}
 .hp.public-surface .web-mobile-journey .device--checkout{right:0!important}
 .hp.public-surface :is(.brand-concept,.ecom-concept){grid-template-columns:minmax(0,1fr)!important}
 .hp.public-surface :is(.brand-concept,.ecom-concept) .b-hero-content{grid-column:1!important;grid-row:1!important;min-width:0}
 .hp.public-surface :is(.brand-stage,.ecom-stage){grid-column:1!important;grid-row:2!important;width:100%!important;max-width:100%!important;margin-inline:0!important}
 .hp.public-surface .hp-carousel-buttons>button:not(.hp-carousel-pause){width:44px!important;height:44px!important;min-width:44px;padding:0!important;display:grid;place-items:center;font:400 24px/1 Arial,sans-serif}
 .hp.public-surface .hp-carousel-buttons>button:not(.hp-carousel-pause) svg{width:22px!important;height:22px!important;stroke-width:1.5}
 .hp.public-surface #work .hp-project-intro-shell,.hp.public-surface #work .is-expanded .hp-project-intro-shell{grid-template-rows:1fr!important;pointer-events:auto!important}
 .hp.public-surface #work .hp-project-intro,.hp.public-surface #work .is-expanded .hp-project-intro{opacity:1!important;visibility:visible!important;overflow:visible!important;pointer-events:auto!important}
 .hp.public-surface #work .hp-project-intro-shell [inert]{pointer-events:auto}
 .hp.public-surface #work .hp-carousel-viewport{min-height:var(--cy-work-height,0px)}
 [data-cy-document]:is([data-cy-document="ai-automation"],[data-cy-document="seo-geo"],[data-cy-document="digital-marketing"],[data-cy-document="technical-support"]) .ds-overview,
 [data-cy-document] .v-intro{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
 [data-cy-document]:is([data-cy-document="ai-automation"],[data-cy-document="seo-geo"],[data-cy-document="digital-marketing"],[data-cy-document="technical-support"]) .ds-overview>div:first-child,
 [data-cy-document] .v-intro>div:first-child{display:contents!important}
 [data-cy-document] :is(.ds-overview>div:first-child,.v-intro>div:first-child)>:is(.ds-label,.v-label){order:0}
 [data-cy-document] :is(.ds-overview>div:first-child,.v-intro>div:first-child)>h2{order:1;margin-bottom:24px!important}
 [data-cy-document] .ds-overview>img,[data-cy-document] .v-intro>.intro-stage{order:2;margin:0 0 26px!important;width:100%!important}
 [data-cy-document] :is(.ds-overview>div:first-child,.v-intro>div:first-child)>p{order:3}
 [data-cy-document] :is(.ds-overview>div:first-child,.v-intro>div:first-child)>:is(a,.ds-overview-actions){order:4;margin-top:18px}
 [data-cy-document] .ds-vertical{left:12px!important;right:auto!important;top:18px!important;max-height:calc(100% - 36px);max-width:calc(100% - 24px);z-index:3;overflow:hidden}
 [data-cy-document] .ds-expanded>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
 [data-cy-document] :is(.v-subnav,.v-hosting-nav){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;white-space:nowrap;gap:0!important}
 [data-cy-document] :is(.v-subnav,.v-hosting-nav)>*{flex:0 0 auto;padding-inline:12px!important;font-size:13px!important}
 [data-cy-document] :is(.v-subnav,.v-hosting-nav)::-webkit-scrollbar{display:none}
 [data-cy-document] .v-showcases .v-show{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;height:calc(100svh - 92px)!important;max-height:none!important;padding-block:20px!important;padding-inline:0!important;top:76px!important;position:sticky!important;overflow:hidden}
 [data-cy-document] .v-showcases .v-show>.v-stage{display:none!important}
 [data-cy-document] .v-showcases .v-copy{grid-column:1!important;grid-row:1!important;align-self:center!important;padding:0 22px!important;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
 [data-cy-document] .v-showcases .v-copy h2{font-size:clamp(25px,7vw,31px)!important;line-height:1.2!important;margin-block:10px 14px!important}
 [data-cy-document] .v-showcases .v-copy p{font-size:14px!important;line-height:1.6!important;margin-block:10px!important}
 [data-cy-document] .v-showcases .v-copy li{font-size:13px!important;margin-block:8px!important;line-height:1.5!important}
 [data-cy-document] .v-showcases .v-copy ul{margin-block:12px!important}
 [data-cy-document] .v-showcases .v-detail-points{margin-top:10px!important;padding-top:10px!important}
 [data-cy-document] .v-showcases .v-editorial-link{font-size:14px!important;margin-block:10px 8px!important}
 html[lang=ar] .hp.public-surface .hp-services-hero .eyebrow{font-size:11px!important;line-height:1.4!important;font-weight:400!important;padding:9px 12px!important}
 html[lang=ar] .hp.public-surface .hp-services-hero #home-hero-eyebrow{font-size:11px!important}
 html[lang=ar] .hp.public-surface :is(.about-reference-container,.hp-container,.rp-container,.d-container,.ds-wrap,.v-wrap,.b-wrap,.b-container,.ct-container,.rf-container,.rf-service-container){width:var(--page-content-width)!important;max-width:100%!important;margin-inline:auto!important;box-sizing:border-box}
 html[lang=ar] .hp.public-surface :is(.about-intro-columns,.about-intro-body,.industries-introduction-copy,.industry-copy,.detail-copy){min-width:0;max-width:100%;overflow-wrap:anywhere}
 html[lang=ar] .hp-home .hp-about-copy{padding-inline:20px!important}
 html[lang=ar] .hp .hp-experience-number{display:flex!important;direction:rtl!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important;text-align:right!important}
 html[lang=ar] .hp .hp-experience-number strong{order:0;flex:none}
 html[lang=ar] .hp .hp-experience-number span{order:1;flex:none}
 html[lang=ar] .hp .hp-experience-number small{flex-basis:100%}
 html[lang=ar] .about-page .about-principles-grid article::before{left:auto!important;right:0!important}
 html[lang=ar] .hp :is(.hp-marquee,.hp-marquee-line,.about-marquee){word-spacing:.18em;line-height:1.5;letter-spacing:0!important}
 html[lang=ar] .hp :is(.hp-marquee,.about-marquee) :is(span,p){font-size:clamp(28px,7vw,40px)!important;line-height:1.5!important;letter-spacing:0!important;word-spacing:.15em}
 html[lang=ar] .hp :is(.hp-marquee,.about-marquee) :is(.is-outline,.outline){-webkit-text-stroke:.7px currentColor}
 html[lang=ar] #mobile-navigation :is(a,summary,button){font-weight:400!important}
 html[lang=ar] #mobile-navigation nav>:is(a,details)>summary,html[lang=ar] #mobile-navigation nav>a{font-size:23px!important;line-height:1.6!important}
 html[lang=ar] #mobile-navigation nav>details>summary>a{font-size:23px!important;line-height:1.6!important}
 html[lang=ar] #mobile-navigation .hp-mobile-submenu a{font-size:18px!important}
 html[lang=ar] .hp .b-marquee{padding-block:30px!important}
 html[lang=ar] .hp .b-marquee>div{font-size:clamp(65px,10vw,150px)!important;line-height:1.25!important;letter-spacing:0!important;word-spacing:.16em;display:flex;gap:46px}
 html[lang=ar] .hp .b-marquee>div+div{margin-top:0}
 html[lang=ar] .hp .b-marquee .cy-marquee-phrase{flex:none;white-space:nowrap}
 html[lang=ar] .hp .b-marquee>div:nth-child(2){-webkit-text-stroke:2px #072448!important;-webkit-text-fill-color:#fff!important;paint-order:stroke fill}
 html[lang=en] .services-page .rp-faq{background:#fff!important;position:relative;isolation:isolate;padding-block:60px!important;gap:25px!important}
 html[lang=en] .services-page .rp-faq h2{font-size:30px!important;line-height:1.15!important}
 html[lang=en] .services-page .rp-faq::before{background:#fff!important}
 html[lang=en] .services-page .rp-faq>h2{position:sticky!important;top:90px!important;align-self:start;z-index:2;background:#fff!important;padding-block:10px}
 html[lang=en] .services-page .rp-faq>.cy-faq-heading{position:sticky!important;top:90px!important;align-self:start;z-index:2;background:#fff!important;padding-block:10px}
}
@media(max-width:520px){
 html[lang=ar] .hp.public-surface .hp-services-hero #home-hero-eyebrow{font-size:9px!important;padding:7px 9px!important}
}
@media(max-width:359px){
 [data-cy-document] .v-showcases .v-copy{padding-inline:18px!important}
 [data-cy-document] .v-showcases .v-copy h2{font-size:23px!important;line-height:1.17!important;margin-block:8px 10px!important}
 [data-cy-document] .v-showcases .v-copy p{font-size:13px!important;line-height:1.45!important;margin-block:8px!important}
 [data-cy-document] .v-showcases .v-copy ul{margin-block:8px!important}
 [data-cy-document] .v-showcases .v-copy li{margin-block:6px!important}
 [data-cy-document] .v-showcases .v-detail-points{margin-top:7px!important;padding-top:7px!important}
 [data-cy-document] .v-showcases .v-editorial-link{font-size:13px!important;line-height:1.4!important;margin-block:8px!important;padding-block:8px!important}
}
@media(prefers-reduced-motion:reduce){.cy-owner-drag-cursor{display:none}.cy-compact-hero *{scroll-behavior:auto}}