/* Supplied DIN Next LT Arabic faces. Only Arabic pages opt into this font. */
@font-face{font-family:"HFH DIN Arabic";src:url('../fonts/din-next-arabic/DINNextLTArabic-Regular.woff') format('woff'),url('../fonts/din-next-arabic/DINNextLTArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:100 400;font-display:swap}
@font-face{font-family:"HFH DIN Arabic";src:url('../fonts/din-next-arabic/DINNextLTArabic-Medium.woff') format('woff');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:"HFH DIN Arabic";src:url('../fonts/din-next-arabic/DINNextLTArabic-Heavy.woff') format('woff');font-style:normal;font-weight:700 900;font-display:swap}
html[lang="ar"] body,
html[lang="ar"][dir="rtl"] body.hfh-site :is(h1,h2,h3,h4,h5,h6,p,a,span,label,input,button,select,textarea,strong,small,li,dt,dd,th,td,summary,legend,option,div,section,article,form,b,em,blockquote,time,cite,details,figcaption):not(.bi):not([class*="fa-"]){font-family:"HFH DIN Arabic",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang="ar"] body{direction:rtl}
html[lang="ar"] :is(input[type="email"],input[type="tel"],input[type="url"],.hfh-ltr){direction:ltr;text-align:start}
/* Arabic navigation uses the supplied Heavy face, including mobile submenus. */
html[lang="ar"] #siteHeader :is(.desktop-nav .nav-link,.mega-toggle,.mega-editorial-links strong),
html[lang="ar"] #mobileMenu :is(.mobile-parent,.offcanvas-body>a,.mobile-submenu a){font-weight:700!important}
/* Mirror the text block's physical position, not only its text alignment. */
html[lang="ar"] body.hfh-site #heroCarousel .hero-content{left:auto;right:clamp(24px,3.8vw,76px);text-align:right}
html[lang="ar"] body.hfh-site #heroCarousel .hero-content p{margin-left:auto;margin-right:0}
html[lang="ar"] body.hfh-site .hero-content :is(h1,h2){line-height:1.45!important}
html[lang="ar"] body.hfh-site :is(.mega-editorial-intro,.mega-editorial-links,.mega-feature-content,.news-card-body){text-align:start}
html[lang="ar"] body.hfh-site .brand-logo{object-position:right center}
html[lang="ar"] body.hfh-site .header-icon{border-right:0!important;border-left:1px solid #d9dadc!important;margin-right:0!important;margin-left:13px!important;padding-right:0!important;padding-left:14px!important}
html[lang="ar"] body.hfh-site .language-dropdown{border-right:0;border-left:1px solid #d9dadc;padding-right:0;padding-left:14px;margin-right:0;margin-left:14px}
html[lang="ar"] body.hfh-site .mega-editorial-intro{border-right:0;border-left:1px solid #e1e7f0}
html[lang="ar"] body.hfh-site .mega-view-all .bi-arrow-right,
html[lang="ar"] body.hfh-site .mega-feature-content .bi-arrow-right{transform:scaleX(-1)}
html[lang="ar"] body.hfh-site .impact-card{height:auto!important;min-height:188px!important}
html[lang="ar"] body.hfh-site .impact-card h3{line-height:1.6!important;white-space:normal;font-weight:800!important;color:#3d5483!important}
/* Keep the labels in the logo's blue palette, with a solid-colour fallback. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 @media(forced-colors:none){
  html[lang="ar"] body.hfh-site .impact-card h3{width:fit-content;max-width:100%;margin-inline:auto!important;background-image:linear-gradient(110deg,#3d5483 0%,#5576b8 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
 }
}
html[lang="ar"] body.hfh-site .impact-card p{line-height:1.8!important;font-size:13px!important}
html[lang="ar"] body.hfh-site #appeals>.section-title{font-weight:800!important}
html[lang="ar"] body.hfh-site .appeals-actions .view-all-btn{font-weight:800!important}
html[lang="ar"] body.hfh-site .thanks-copy{flex-wrap:wrap}
@media(max-width:991.98px){html[lang="ar"] body.hfh-site #heroCarousel .hero-content{right:24px}}
@media(min-width:1200px){html[lang="ar"] #siteHeader .desktop-nav{left:calc(50% + 48px)}}
@media(min-width:992px){html[lang="ar"] #siteHeader .desktop-nav .nav-link,html[lang="ar"] #siteHeader .mega-toggle{font-size:14px!important}}
@media(min-width:992px) and (max-width:1199.98px){html[lang="ar"] #siteHeader .desktop-nav .nav-link,html[lang="ar"] #siteHeader .mega-toggle{font-size:12px!important;padding-inline:5px!important}}