/* English-only typography and direction refinements. Every selector is gated by html[data-lang="en"] so Arabic remains untouched. Fonts loaded via Google Fonts link tags in : - Body/UI: Inter - Headings: Playfair Display */ html[data-lang="en"] body { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; line-height: 1.6; } html[data-lang="en"] h1, html[data-lang="en"] h2, html[data-lang="en"] h3, html[data-lang="en"] h4, html[data-lang="en"] h5, html[data-lang="en"] h6 { font-family: 'Playfair Display', Georgia, serif; letter-spacing: 0; } html[data-lang="en"] #main-navbar, html[data-lang="en"] #mobile-menu, html[data-lang="en"] #services-mega-menu, html[data-lang="en"] footer { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; direction: ltr; } html[data-lang="en"] #main-navbar .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; } html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center { gap: clamp(0.9rem, 1.45vw, 1.55rem); } html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center > :not([hidden]) ~ :not([hidden]) { margin-left: 0 !important; margin-right: 0 !important; } html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center>a, html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center>div>button { padding-inline: 0.78rem !important; } html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center>div>button { gap: 0.4rem; } html[data-lang="en"] #main-navbar.navbar-premium .hidden.md\:flex.items-center.justify-center>div>button .dropdown-arrow { margin-left: 0 !important; margin-right: 0 !important; width: 0.9rem; height: 0.9rem; flex: 0 0 auto; } html[data-lang="en"] #services-mega-menu .text-right, html[data-lang="en"] footer, html[data-lang="en"] footer .text-right { text-align: left; } html[data-lang="en"] #services-mega-menu [dir="rtl"], html[data-lang="en"] .rh-about-editorial__content[dir="rtl"], html[data-lang="en"] .rh-about-editorial__header[dir="rtl"] { direction: ltr; } html[data-lang="en"] .nav-lang-btn { min-width: 4.75rem; } html[data-lang="en"] .rh-hero__content, html[data-lang="en"] .rh-about-hero__copy, html[data-lang="en"] .rh-services-v4-hero__copy, html[data-lang="en"] .rh-contact-v2-body, html[data-lang="en"] .rh-partners-v3-body, html[data-lang="en"] .rh-project-detail-body, html[data-lang="en"] .rh-pd2-body { direction: ltr; } html[data-lang="en"] input, html[data-lang="en"] textarea, html[data-lang="en"] select { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; direction: ltr; text-align: left; } html[data-lang="en"] body.rh-services-v4-body .fixed.inset-0 :is(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea, select) { direction: ltr !important; text-align: left !important; unicode-bidi: plaintext; } html[data-lang="en"] body.rh-services-v4-body .fixed.inset-0 :is(input:not([type]), input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea)::placeholder { direction: ltr !important; text-align: left !important; } html[data-lang="en"] body.rh-services-v4-body .fixed.inset-0 select { text-align-last: left !important; } html[data-lang="en"] body.rh-services-v4-body .fixed.inset-0 input[type="radio"] { margin-left: 0 !important; margin-right: 0.75rem !important; } html[data-lang="en"] .rh-hero__headline { max-width: min(980px, 92vw); } html[data-lang="en"] .rh-hero__headline-line { line-height: 1.2; white-space: nowrap; } html[data-lang="en"] .rh-hero__headline-sub { line-height: 1.3; padding-bottom: 0.1em; white-space: nowrap; } html[data-lang="en"] .rh-services-v4-btn, html[data-lang="en"] .rh-btn, html[data-lang="en"] button, html[data-lang="en"] a { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; letter-spacing: 0; } html[data-lang="en"] .rh-projects-gallery__card-title, html[data-lang="en"] .rh-projects-spotlight__title, html[data-lang="en"] .rh-services-v4-card__head h3 { line-height: 1.2; } html[data-lang="en"] .rh-services-v4, html[data-lang="en"] .rh-services-v4-catalog--stage, html[data-lang="en"] .rh-services-v4-stage-card, html[data-lang="en"] .rh-services-v4-stage-panel, html[data-lang="en"] .rh-services-v4-stage-fallback { direction: ltr; text-align: left; } html[data-lang="en"] .rh-services-v4-catalog--stage .rh-services-v4-catalog__head { margin-inline: 0 auto; text-align: left; } html[data-lang="en"] .rh-services-v4-catalog--stage .rh-services-v4-catalog__head h2, html[data-lang="en"] .rh-services-v4-catalog--stage .rh-services-v4-catalog__head p:not(.rh-services-v4__kicker) { margin-left: 0; margin-right: auto; text-align: left; } html[data-lang="en"] .rh-services-v4-catalog--stage .rh-services-v4-catalog__head h2::after { margin-left: 0; margin-right: auto; } html[data-lang="en"] .rh-services-v4-stage-card__head, html[data-lang="en"] .rh-services-v4-stage-card__head h3, html[data-lang="en"] .rh-services-v4-stage-card__head p, html[data-lang="en"] .rh-services-v4-stage-card__action, html[data-lang="en"] .rh-services-v4-stage-panel__copy, html[data-lang="en"] .rh-services-v4-stage-panel__copy p, html[data-lang="en"] .rh-services-v4-stage-panel__copy h3, html[data-lang="en"] .rh-services-v4-stage-panel__copy span { text-align: left; } html[data-lang="en"] .rh-services-v4-stage-card__links a { justify-content: flex-start; padding-left: 2.35rem; padding-right: 1rem; text-align: left; } @media (max-width: 768px) { html[data-lang="en"] .rh-services-v4-body .rh-services-v4-catalog__head, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-card, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-card__head, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-panel, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-panel__copy, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-card__links, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-fallback { justify-items: start !important; align-items: stretch !important; text-align: left !important; } html[data-lang="en"] .rh-services-v4-body .rh-services-v4-catalog__head h2, html[data-lang="en"] .rh-services-v4-body .rh-services-v4-catalog__head p:not(.rh-services-v4__kicker) { margin-left: 0 !important; margin-right: auto !important; text-align: left !important; } html[data-lang="en"] .rh-services-v4-body .rh-services-v4-stage-card__number { margin-left: 0 !important; margin-right: auto !important; } html[data-lang="en"] .rh-services-v4-stage-card__links a { justify-content: flex-start !important; padding-left: 1rem; text-align: left !important; } html[data-lang="en"] .rh-hero__headline { font-size: clamp(2rem, 11vw, 4.2rem); } html[data-lang="en"] .rh-hero__subhead, html[data-lang="en"] .rh-services-v4-hero__copy p:not(.rh-services-v4__kicker) { line-height: 1.5; } html[data-lang="en"] #mobile-menu { text-align: left; } html[data-lang="en"] #main-navbar.navbar-premium #mobile-menu a, html[data-lang="en"] #main-navbar.navbar-premium #mobile-menu button { text-align: left !important; } html[data-lang="en"] .rh-services-v4-hero__copy h1 { font-size: clamp(2rem, 9vw, 2.75rem) !important; line-height: 1.15; } html[data-lang="en"] .rh-hero__headline-line, html[data-lang="en"] .rh-hero__headline-sub { white-space: normal !important; text-align: center; max-width: 100% !important; } html[data-lang="en"] .rh-hero__subhead { white-space: normal !important; max-width: 100% !important; } html[data-lang="en"] footer { text-align: center; } } /* English Hero CTAs: Flip buttons horizontally and fix arrow hover angle */ html[data-lang="en"] .rh-hero__ctas { flex-direction: row-reverse; } html[data-lang="en"] .rh-btn:hover .rh-btn__icon, html[data-lang="en"] .rh-btn--outline:hover .rh-btn__icon { transform: translateX(4px) !important; } html[data-lang="en"] .rh-btn__icon, html[data-lang="en"] .rh-partners-v2__button svg, html[data-lang="en"] .rh-services-board__main-link svg, html[data-lang="en"] .rh-projects-top3__button svg { transform: none !important; } html[data-lang="en"] .rh-partners-v2__button:hover svg, html[data-lang="en"] .rh-partners-v2__button:focus-visible svg, html[data-lang="en"] .rh-services-board__main-link:hover svg, html[data-lang="en"] .rh-services-board__main-link:focus-visible svg, html[data-lang="en"] .rh-projects-top3__button:hover svg, html[data-lang="en"] .rh-projects-top3__button:focus-visible svg { transform: translateX(4px) !important; } html[data-lang="en"] .rh-projects-spotlight__card:hover .rh-projects-spotlight__cta { transform: translateX(3px) !important; } .rh-arrow-ltr { display: none; } html[data-lang="en"] .rh-arrow-rtl { display: none; } html[data-lang="en"] .rh-arrow-ltr { display: inline; } /* Add spacing between blue dots and text in LTR */ html[data-lang="en"] .w-2.h-2.rounded-full.bg-\[\#1A73E8\], html[data-lang="en"] .w-2.h-2.rounded-full.bg-blue-600 { margin-right: 0.75rem !important; margin-left: 0 !important; } /* Founder About Section (Executive Editorial) LTR Adjustments */ html[data-lang="en"] .rh-about-editorial__title-line { white-space: normal; } html[data-lang="en"] .rh-about-editorial__title { font-size: clamp(1.6rem, 3.2vw, 3rem); line-height: 1.2; } html[data-lang="en"] .rh-about-editorial__lead { font-size: clamp(1rem, 1.25vw, 1.15rem); line-height: 1.7; } html[data-lang="en"] .rh-about-editorial__body { font-size: clamp(0.92rem, 1.1vw, 1rem); line-height: 1.65; } @media (min-width: 1024px) { html[data-lang="en"] .rh-about-editorial__content { padding-right: 2rem; } } /* English Hero Subhead: Force one line on desktop only, allow wrapping on mobile */ @media (min-width: 769px) { html[data-lang="en"] .rh-hero__subhead { white-space: nowrap !important; max-width: none !important; } } html[data-lang="en"] .rh-hero__subhead { margin-top: 0.5rem !important; margin-bottom: -0.25rem !important; } /* English Services Board Title: Make font size elegant and allow wider wrapping */ html[data-lang="en"] .rh-services-board__title { font-size: clamp(2.2rem, 4vw, 3.8rem) !important; max-width: 32ch !important; line-height: 1.25 !important; letter-spacing: -0.02em !important; } /* English Gallery Filter Buttons: Prevent truncation, expand slightly, and allow elegant wrapping */ html[data-lang="en"] .rh-projects-gallery .filter-btn2 { max-width: 19rem !important; flex: 0 1 19rem !important; white-space: normal !important; font-size: 0.88rem !important; line-height: 1.2 !important; padding: 0.5rem 0.8rem !important; } @media (max-width: 767px) { html[data-lang="en"] .rh-projects-gallery__filters { justify-items: center !important; } html[data-lang="en"] .rh-projects-gallery .filter-btn2 { justify-self: center !important; width: min(100%, 19rem) !important; margin-inline: auto !important; } } /* English Project Detail Title Refinements: Make font size 1 degree smaller, adjust line height, and allow natural wrapping to prevent text from overlapping or hiding under the hero image */ html[data-lang="en"] .rh-project-detail-hero__copy h1 { font-size: clamp(1.8rem, 4.5vw, 3.8rem) !important; line-height: 1.15 !important; } html[data-lang="en"] .rh-project-detail-hero__title-name { white-space: normal !important; } /* English Before/After Comparison Slider Labels: Prevent physical logical property flips from swapping the labels, keeping "Before" on the left and "After" on the right matching the underlying images */ html[data-lang="en"] .rh-compare__label--before { inset-inline-end: auto !important; inset-inline-start: 1rem !important; } html[data-lang="en"] .rh-compare__label--after { inset-inline-start: auto !important; inset-inline-end: 1rem !important; } /* English Partners sector heading: remove the Arabic editorial line break. */ html[data-lang="en"] .rh-partners-showcase__header h2 br { display: none; } /* Flip text alignment globally for English */ html[data-lang="en"] .text-right { text-align: left !important; }