/* AHARD WEB60 — complete page-pair language isolation, accessible one-click switch */
.site-header .toplinks{display:flex;align-items:center;gap:12px}
.web60-language{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:50px;border:1px solid #c6daeb;background:white;color:#184e7d;padding:8px 13px;border-radius:20px;font-size:.85rem;line-height:1.1;font-weight:800;white-space:nowrap;text-decoration:none}
.web60-language:hover{border-color:#327eaf;background:#edf7fe}
.web60-footer-language{font-weight:850!important;border:1px solid #c2d9eb;border-radius:17px;padding:4px 9px;color:#215d86!important}
html[lang="ar"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;text-align:right}
html[lang="ar"] .site-header .toplinks{flex-direction:row}
html[lang="ar"] .site-header .brand{margin-inline-end:auto}
html[lang="ar"] .w55-landing-inner{text-align:center}
html[lang="ar"] .w55-landing h1{line-height:1.25;letter-spacing:0;font-size:clamp(2.1rem,5vw,4rem)}
html[lang="ar"] .w55-kicker{letter-spacing:0}
html[lang="ar"] .w55-sub{line-height:1.7}
html[lang="ar"] .w55-discover{flex-wrap:wrap}
html[lang="ar"] .w55-prompt .input-wrap{text-align:right}
html[lang="ar"] .w55-prompt textarea{direction:rtl;text-align:right}
html[lang="ar"] .w55-service h1{line-height:1.28;letter-spacing:0}
html[lang="ar"] .w55-service-copy li{line-height:1.9}
html[lang="ar"] .w55-service-copy{text-align:right}
html[lang="ar"] .w55-service-actions{justify-content:flex-start;flex-wrap:wrap}
html[lang="ar"] .page-main{direction:rtl}
html[lang="ar"] .page-main h1,html[lang="ar"] .w58-projects h1{line-height:1.3;letter-spacing:0}
html[lang="ar"] .w58-projects{direction:rtl}
html[lang="ar"] .w58-section-heading h2,html[lang="ar"] .w58-final h2{line-height:1.35;letter-spacing:0}
html[lang="ar"] .w58-project-text p{line-height:1.95}
html[lang="ar"] .w58-project-actions{justify-content:flex-start}
html[lang="ar"] .w53-callback label{text-align:right}
html[lang="ar"] .w53-callback textarea,html[lang="ar"] .w53-callback input{text-align:right}
html[lang="ar"] .chat-layer,html[lang="ar"] .chat-shell{direction:rtl;text-align:right}
html[lang="ar"] .chat-head{flex-direction:row}
html[lang="ar"] .chat-bubble{line-height:1.85}
html[lang="ar"] #chat-text{text-align:right;direction:rtl}
html[lang="ar"] .chat-quick{flex-wrap:wrap}
html[lang="ar"] .chat-input{display:flex}
html[lang="ar"] .site-footer{direction:rtl}
html[lang="ar"] .footlinks{flex-wrap:wrap}
html[lang="ar"] .team-controls{direction:rtl}
html[lang="ar"] .directory-data,html[lang="ar"] .directory-expanded,html[lang="ar"] .directory-headings{text-align:right}
html[lang="ar"] .directory-person .title{line-height:1.65}
html[lang="ar"] .directory-expanded p{line-height:2}
html[lang="ar"] .header-label{letter-spacing:0}
@media(max-width:720px){
.site-header .toplinks{gap:6px}
.web60-language{padding:7px 10px;font-size:.75rem;min-width:46px}
html[lang="ar"] .site-header .header-label{display:none}
html[lang="ar"] .w55-landing h1{font-size:clamp(2rem,7.6vw,3.5rem)}
html[lang="ar"] .w55-prompt{max-width:100%}
html[lang="ar"] .w55-service h1{font-size:clamp(2.05rem,7vw,3rem)}
html[lang="ar"] .w58-projects{padding-top:18px}
html[lang="ar"] .w58-project-hero h1{font-size:clamp(2.1rem,8vw,3.3rem)}
html[lang="ar"] .w53-callback{padding:18px}
html[lang="ar"] .chat-head strong{font-size:13px}
}
@media(max-width:400px){
html[lang="ar"] .w55-landing h1{font-size:2rem;margin:7px auto}
html[lang="ar"] .w55-sub{font-size:.87rem;margin:7px auto}
html[lang="ar"] .w55-service-links a{font-size:.7rem}
html[lang="ar"] .w58-proof a span{font-size:.57rem}
html[lang="ar"] .chat-head p{font-size:.66rem}
html[lang="ar"] .chat-head .web56-human-header{font-size:.6rem}
html[lang="ar"] .w55-landing{padding-bottom:13px}
}
@media(max-height:670px) and (max-width:460px){
html[lang="ar"] .w55-landing h1{font-size:1.88rem;margin:5px auto}
html[lang="ar"] .w55-kicker{font-size:.63rem}
html[lang="ar"] .w55-sub{font-size:.8rem}
html[lang="ar"] .w55-discover{gap:7px}
}

/* Prevent floating WhatsApp from covering contact/FAQ form controls on mobile. */
@media(max-width:720px){body:not(.w55-home) .floating-wa{position:static!important;inset:auto!important;margin:10px auto 16px!important;width:fit-content!important;height:auto!important;border-radius:25px!important;max-width:150px!important;padding:10px 16px!important;font-size:.76rem!important}body:not(.w55-home) .floating-wa::before{display:none!important}}