/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(assets/fonts/arabic/cairo-arabic-variable.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(assets/fonts/arabic/cairo-latin-ext-variable.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(assets/fonts/arabic/cairo-latin-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 10px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--paper,#eeede7);text-decoration:none;border:1px solid #ffffff24;border-radius:10px;line-height:1.5}.language-switch:hover{color:#96ee83;border-color:#ffffff45}.legal-footer>.language-switch{justify-self:end}.header-actions{gap:15px}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:'Cairo','Manrope',sans-serif}
html[lang=ar] :is(h1,h2,h3,h4,p,span,a,button,label,summary,input,textarea,select,small,strong,legend,th,td,dt,dd){letter-spacing:normal!important}
html[lang=ar] :is(h1,h2,h3,h4){line-height:1.45!important}html[lang=ar] p{line-height:1.95!important}html[lang=ar] .hero.hero-v2 h1{font-size:clamp(42px,4.4vw,68px);line-height:1.4!important}html[lang=ar] .hero-v2-description{font-size:17px}html[lang=ar] .hero-v2-principles{max-width:none}html[lang=ar] .hero-showcase{direction:ltr}html[lang=ar] .hero-phone-label,html[lang=ar] .hero-browser-bar{direction:rtl}html[lang=ar] .hero-browser-bar>span:last-child{margin-left:0;margin-right:auto}html[lang=ar] .hero-v2-actions :is(a,button){font-size:16px}
html[lang=ar] .iw-arrow{transform:scaleX(-1)}html[lang=ar] .menu-primary a small{margin-left:15px;margin-right:0}html[lang=ar] .menu-studio{direction:ltr}html[lang=ar] .studio-prompt,html[lang=ar] .result-content{direction:rtl}html[lang=ar] .studio-code,html[lang=ar] code,html[lang=ar] pre{direction:ltr;text-align:left;font-family:monospace}html[lang=ar] .contact-row-copy,html[lang=ar] .enquiry-fields,html[lang=ar] .package-table :is(th,td),html[lang=ar] .case-title,html[lang=ar] .case-service-links{text-align:right}html[lang=ar] .enquiry-service-grid>label>span{padding:10px 12px}html[lang=ar] .enquiry-service-choices{line-height:1.65}html[lang=ar] .qc-header{gap:9px}html[lang=ar] .qc-header strong{font-size:14px}html[lang=ar] .qc-actions{margin-left:0;margin-right:auto}html[lang=ar] .qc-message{direction:rtl;text-align:right}html[lang=ar] .qc-message p{unicode-bidi:plaintext}html[lang=ar] .qc-composer textarea{text-align:start}html[lang=ar] .case-carousel-arrows{direction:rtl}html[lang=ar] .case-preview-window{direction:ltr}html[lang=ar] .case-slides img,html[lang=ar] .recent-image img{direction:ltr}html[lang=ar] .buyer-guide-body ul{padding-right:22px;padding-left:0}html[lang=ar] .package-fine,html[lang=ar] .package-finder{line-height:1.9}html[lang=ar] .plan-price{direction:ltr;justify-content:flex-end}html[lang=ar] .build-from{unicode-bidi:plaintext}html[lang=ar] .case-search-results table{direction:rtl}html[lang=ar] .client-caption{line-height:1.65}html[lang=ar] .wp-tile-meta>span{font-family:'Manrope',sans-serif}html[lang=ar] .q-launcher{direction:rtl}html[lang=ar] .tech-logo span{font-family:'Manrope',sans-serif}html[lang=ar] .technology-reference-grid summary{line-height:1.7}
@media(max-width:1100px){.header-actions{gap:9px}.language-switch{font-size:13px;padding:6px 8px}html[lang=ar] .desktop-nav{gap:18px}html[lang=ar] .nav-link{font-size:12px}}
@media(max-width:620px){.header-actions{gap:9px}.header-actions .language-switch{font-size:12px;min-height:32px;padding:4px 7px}html[lang=ar] .hero.hero-v2 h1{font-size:clamp(36px,9.5vw,48px)}html[lang=ar] .hero-v2-description{font-size:16px}html[lang=ar] .hero-v2-principles{gap:13px}html[lang=ar] .hero-v2-principles h2{font-size:13px}html[lang=ar] .hero-v2-principles p{font-size:12px}html[lang=ar] .page-hero h1{font-size:36px}html[lang=ar] .enquiry-service-grid>label>span{font-size:11px;padding:9px 7px}html[lang=ar] .case-service-links nav a{line-height:1.8}html[lang=ar] .menu-primary a{font-size:clamp(19px,5vw,26px)}html[lang=ar] .qc-actions{gap:3px}.legal-footer>.language-switch{justify-self:center}html[lang=ar] .plan-price{justify-content:flex-start}}

.language-switch[lang=ar]{font-family:'Cairo',sans-serif}

html[lang=ar] .desktop-nav .nav-link{display:inline-flex;gap:7px;align-items:center}html[lang=ar] .desktop-nav .nav-index{margin:0}

/* Arabic controls need real glyph space, not the 38px Latin filter height. */
html[lang=ar] .atlas-search :is(input,select),html[lang=ar] .client-controls :is(input,select),html[lang=ar] .filter-bar :is(input,select){box-sizing:border-box;min-height:52px;height:52px;line-height:1.65;font-size:16px;padding-block:10px;padding-inline:12px;text-align:right}
html[lang=ar] :is(.atlas-search,.client-controls,.filter-bar,.enquiry-fields) select{appearance:none;-webkit-appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23dbe2d5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:left 13px center;direction:rtl;white-space:nowrap;text-overflow:ellipsis}
html[lang=ar] select option{font-family:'Cairo',sans-serif;direction:rtl;color:#eeede7;background:#151c17}
html[lang=ar] .atlas-search label>span{font-size:12px;line-height:1.8;margin-bottom:8px}
html[lang=ar] .atlas-search button{height:52px;line-height:1.5;font-size:13px;white-space:nowrap;padding-inline:8px}
html[lang=ar] .atlas-search{grid-template-columns:minmax(0,2fr) minmax(200px,1fr) minmax(180px,1fr) auto;gap:24px}
html[lang=ar] .atlas-search input{direction:rtl;unicode-bidi:plaintext}
html[lang=ar] .wp-filters{flex-wrap:wrap}
html[lang=ar] .wp-tile-meta bdi,html[lang=ar] .recent-bar bdi,html[lang=ar] .case-title bdi{unicode-bidi:isolate}
html[lang=ar] .enquiry-fields select{height:auto;min-height:56px;line-height:1.65}
@media(max-width:1000px){html[lang=ar] .atlas-search{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:16px}}
@media(max-width:700px){html[lang=ar] .atlas-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 16px}html[lang=ar] .atlas-search label:first-child{grid-column:1/-1}html[lang=ar] .atlas-search button{justify-self:start;height:36px;min-height:36px;padding-inline:0}html[lang=ar] .atlas-search label>span{font-size:11px}html[lang=ar] .work-atlas .wp-filters button{font-size:12px;line-height:1.8;padding:8px 10px}html[lang=ar] .atlas-status>p,html[lang=ar] .atlas-page-status{font-size:12px}}

html[lang=ar] [data-case-counter],html[lang=ar] #lightbox-counter{direction:ltr;unicode-bidi:isolate}html[lang=ar] .atlas-pagination>button:first-child{text-align:right}html[lang=ar] .atlas-pagination>button:last-child{text-align:left}
/* Keep long Arabic sector names readable on phones without adding a filter row. */
@media(max-width:700px){html[lang=ar] .atlas-search{grid-template-columns:minmax(0,1fr) auto}html[lang=ar] .atlas-search label:nth-child(2){grid-column:1/-1}html[lang=ar] .atlas-search button{height:52px;min-height:52px;align-self:end;max-width:88px;white-space:normal;line-height:1.6}}
/* Language controls must not push the menu off the smallest supported screens. */
@media(max-width:620px){.site-header .header-actions{gap:8px}}
@media(max-width:380px){.site-header{padding-inline:14px}.site-header .header-actions{gap:6px}.site-header .wordmark,.site-header .wordmark .brand-lockup{width:110px;max-width:110px}.site-header .wordmark .brand-lockup{height:auto}}
