@font-face {
  font-family: "KanYaMaKan";
  src: url("../fonts/KanYaMaKanFree-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+1EE00-1EEFF;
}
/* Language control and Arabic layout, shared by all six pages. */
body .topbar .topbar-inner{grid-template-columns:auto 1fr auto!important;gap:20px!important}
body .topbar .topbar-nav{justify-content:center!important}
body .topbar .language-switch{display:inline-flex!important;align-items:center;justify-content:center;justify-self:end;min-width:76px;min-height:44px;padding:8px 12px;border:1px solid #82734a;border-radius:3px;background:transparent;color:#fff;font:500 14px/1.4 Tahoma,Arial,sans-serif;cursor:pointer;white-space:nowrap;letter-spacing:0}
.language-switch:hover{background:#29261c!important;border-color:#ffc107!important}
.language-switch:focus-visible{outline:2px solid #ffc107;outline-offset:4px}
html[lang=ar] body{font-family:"KanYaMaKan",Tahoma,Arial,sans-serif}
html[lang=ar] body :is(h1,h2,h3,h4,h5,h6,p,a,button,span,strong,em,label,input,textarea,select,option,figcaption,output,.section-title,.hero-title,.project-dialog-title){font-family:"KanYaMaKan",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang=ar] body :is(p,.section-title,.source-book,.home-project-card,.project-card,.footer-item){text-align:right}
html[lang=ar] body :is(.content p,.content-footer p,.contact-intro>p){font-size:20px!important;line-height:1.9!important}
html[lang=ar] body :is(.dark-bg,.content-footer) :is(p,li),
html[lang=ar] body :is(.cms-member-role,.cms-member-bio,.project-dialog-description,.source-team-intro,.source-stats span,.inline-facts h6,.contact-intro>p,.email-help,.contact-footer){color:#fff!important;opacity:1}
html[lang=ar] body :is(.dark-bg,.content-footer) p :is(span,strong,em),
html[lang=ar] body .email-help a{color:inherit!important}
html[lang=ar] body .dark-bg .btn{color:#fff;border-color:#fff}
html[lang=ar] body .dark-bg .btn span{color:inherit}
html[lang=ar] body :is(.email-help,.project-dialog-description){font-size:18px!important;line-height:1.9!important}
html[lang=ar] body .section-title{line-height:1.5}
html[lang=ar] body .home-experience-title{line-height:1.12}
html[lang=ar] body .home-experience-title>strong:after{left:auto;right:0;width:100%}
html[lang=ar] body .topbar-logo-txt{border-left:0!important;border-right:1px solid #504521!important;padding-left:0!important;padding-right:14px!important;text-align:right}
html[lang=ar] body .topbar-logo-txt span:first-child{font-family:Azonix,Arial,sans-serif!important;font-size:13px!important;letter-spacing:2px!important}
html[lang=ar] body .topbar-logo-txt span:last-child{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;letter-spacing:3px!important;color:#fff!important}
html[lang=ar] body .topbar .topbar-nav a{font-size:22px!important;color:#fff!important;opacity:1}
html[lang=ar] body .topbar .topbar-nav a[aria-current=page]{color:#ffc107!important}
html[lang=ar] body .hero-wrap-item h3{font-size:20px;line-height:1.8;padding-left:0}
html[lang=ar] body .hero-wrap-item,.hero-wrap-image-slider,.hero-wrap-text-slider{direction:ltr}
html[lang=ar] body .hero-wrap-item{direction:rtl}
html[lang=ar] body .home-project-grid,html[lang=ar] body .mobile-project-controls,html[lang=ar] body .project-stage,html[lang=ar] body .project-thumbs{direction:ltr}
html[lang=ar] body .home-project-card,html[lang=ar] body .mobile-project-controls>span{direction:rtl}
html[lang=ar] body .project-counter,html[lang=ar] body .num,html[lang=ar] body .source-stats strong,html[lang=ar] body .email-address,html[lang=ar] body a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[lang=ar] body .project-zoom{margin-left:0;margin-right:auto}
html[lang=ar] body .footer-item .text-link{padding-left:0;padding-right:80px;text-align:right}
html[lang=ar] body .footer-item .text-link:before{left:auto;right:0}
html[lang=ar] body .copyright{float:right;text-align:right}
html[lang=ar] body .to-top{float:left}
html[lang=ar] body .social-panel{border-left:0;border-right:1px solid #383832;padding-left:0;padding-right:40px}
html[lang=ar] body .contact-intro,html[lang=ar] body .email-panel,html[lang=ar] body .social-panel{text-align:right}
@media(min-width:801px){
  html[lang=ar] body .row>[class*=col-md-]{float:right}
  html[lang=ar] body .inline-facts h6,html[lang=ar] body .num{text-align:left}
}
@media(min-width:801px) and (max-width:1200px){
  body .topbar .topbar-inner{padding-left:22px!important;padding-right:22px!important;gap:10px!important}
  body .topbar .topbar-nav{gap:0!important}
  body .topbar .topbar-nav a{padding:8px!important;letter-spacing:.5px!important}
  body .topbar-logo-txt{display:none}
}
@media(max-width:800px){
  body .topbar .topbar-inner{gap:8px!important;padding-left:16px!important;padding-right:16px!important}
  body .topbar .topbar-inner>div:first-child{margin-inline-end:auto;min-width:0}
  body .topbar .topbar-logo-txt{display:none!important}
  body .topbar .language-switch{min-width:70px;padding:8px;font-size:13px}
  html[lang=ar] body.mobile-menu-open .topbar .topbar-nav a{font-family:"KanYaMaKan",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
  html[lang=ar] body.mobile-menu-open .topbar .topbar-nav a{font-size:24px!important}
  html[lang=ar] body :is(.content p,.content-footer p,.contact-intro>p){font-size:18px!important}
  html[lang=ar] body .hero-wrap-item h3{font-size:16px!important}
  html[lang=ar] body .mobile-menu-toggle{font-size:16px!important}
  html[lang=ar] body .content h2{line-height:1.5!important}
  html[lang=ar] body .hero-wrap-item h2{line-height:1.4!important}
  html[lang=ar] body .social-panel{border-right:0;padding-right:0}
  html[lang=ar] body .footer-item .text-link{padding-right:0}
}