@font-face {
    font-family: "Ooredoo Arabic";
    src: url("../../fonts/OoredooArabic-Heavy.ttf") format("truetype");
    font-display: swap;
}

html[dir="rtl"] body {
    font-family: "Ooredoo Arabic", "Tahoma", sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] strong,
html[dir="rtl"] small,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] .brand span,
html[dir="rtl"] .button,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero__kicker,
html[dir="rtl"] .project-tile__type,
html[dir="rtl"] .project-card__body small,
html[dir="rtl"] .service-card__cta,
html[dir="rtl"] .glass-card__index {
    font-family: "Ooredoo Arabic", "Tahoma", sans-serif !important;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero__kicker,
html[dir="rtl"] .project-tile__type,
html[dir="rtl"] .project-card__body small,
html[dir="rtl"] .service-card__cta,
html[dir="rtl"] .glass-card__index {
    letter-spacing: normal;
    text-transform: none;
}

html[dir="rtl"] h1 {
    line-height: 1.22 !important;
}

html[dir="rtl"] h2 {
    line-height: 1.28 !important;
}

html[dir="rtl"] h3 {
    line-height: 1.35 !important;
}

html[dir="rtl"] .main-nav a,
html[dir="rtl"] .lang-link,
html[dir="rtl"] .mobile-menu a {
    font-family: "Ooredoo Arabic", "Tahoma", sans-serif;
    letter-spacing: normal;
    text-transform: none;
}

html[dir="rtl"] .site-header__inner,
html[dir="rtl"] .site-footer__inner,
html[dir="rtl"] .hero-copy__actions,
html[dir="rtl"] .contact-list,
html[dir="rtl"] .social-links {
    direction: rtl;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .site-header__actions,
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .hero-showcase__intro,
html[dir="rtl"] .section-heading,
html[dir="rtl"] .body-copy,
html[dir="rtl"] .service-card,
html[dir="rtl"] .process-panel__copy,
html[dir="rtl"] .project-card__body,
html[dir="rtl"] .contact-panel__copy,
html[dir="rtl"] .contact-form label,
html[dir="rtl"] .site-footer {
    text-align: right;
}


html[dir="rtl"] .main-nav a::after,
html[dir="rtl"] .lang-link::after,
html[dir="rtl"] .mobile-menu a::after,
html[dir="rtl"] .social-links a::after,
html[dir="rtl"] .text-link::after,
html[dir="rtl"] .site-footer a::after {
    left: auto;
    right: 0;
    transform-origin: right;
}

html[dir="rtl"] .project-card__body small,
html[dir="rtl"] .hero-highlight span,
html[dir="rtl"] .glass-card p,
html[dir="rtl"] .service-card p,
html[dir="rtl"] .contact-panel p {
    color: var(--muted);
}

html[dir="rtl"] .project-tile__link::after {
    content: "<-";
}

html[dir="rtl"] .project-meta li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .mobile-menu a {
    transform: translateX(14px);
}

html[dir="rtl"] .mobile-menu.is-open a {
    transform: translateX(0);
}