/* ======================================== LTR (Left-to-Right) LAYOUT OVERRIDES Applied when dir="ltr" is set on ======================================== */ /* ---- GLOBAL ---- */ [dir="ltr"] body { font-family: 'Inter', 'Poppins', 'Cairo', sans-serif; } /* ---- NAVBAR ---- */ [dir="ltr"] .navbar__cta { margin-right: 0; margin-left: 1rem; } /* ---- HERO ---- */ @media (min-width: 1024px) { [dir="ltr"] .hero__image-container { left: auto; right: 0; } } [dir="ltr"] .hero__image-fade--right { background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8), transparent); } .dark [dir="ltr"] .hero__image-fade--right, [dir="ltr"].dark .hero__image-fade--right { background: linear-gradient(to right, #111111, rgba(17, 17, 17, 0.8), transparent); } [dir="ltr"] .hero__glow { right: auto; left: -10%; } /* ---- ABOUT ---- */ @media (min-width: 1024px) { [dir="ltr"] .about__images { padding-right: 0; padding-left: 2.5rem; order: 0; } [dir="ltr"] .about__content { order: 1; } [dir="ltr"] .about__grid { direction: ltr; } } [dir="ltr"] .about__image-bottom { margin-right: 0; margin-left: auto; } [dir="ltr"] .about__experience-badge { left: auto; right: 0; } @media (min-width: 1024px) { [dir="ltr"] .about__experience-badge { left: auto; right: -5%; } } [dir="ltr"] .about__link svg { transform: scaleX(-1); } [dir="ltr"] .about__link:hover svg { transform: scaleX(-1) translateX(-4px); } /* ---- SERVICES ---- */ @media (min-width: 1024px) { [dir="ltr"] .services__nav { order: 0 !important; } [dir="ltr"] .services__details { order: 1 !important; } } [dir="ltr"] .services__menu-line { left: 0; right: auto; } [dir="ltr"] .services__menu-item { padding-right: 0; padding-left: 2rem; } [dir="ltr"] .services__menu-progress { right: auto; left: -1px; } /* ---- STATS ---- */ [dir="ltr"] .stat-item__value .suffix { margin-right: 0; margin-left: 0.25rem; } /* ---- PROJECTS ---- */ [dir="ltr"] .project-card__action button svg { transform: scaleX(-1); } /* ---- FLEET (Why Us) ---- */ [dir="ltr"] .fleet-panel__overlay { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5), transparent); } [dir="ltr"] .fleet-content--alt { margin-right: 0; margin-left: auto; text-align: right; } [dir="ltr"] .fleet__header-subtitle { text-align: left; } /* ---- PROCESS ---- */ [dir="ltr"] .process-card__body { text-align: left; } /* ---- CONTACT ---- */ [dir="ltr"] .contact__desc, [dir="ltr"] .contact__item-text, [dir="ltr"] .contact__item-title { text-align: left; } /* ---- FOOTER ---- */ [dir="ltr"] .footer__about-text { text-align: left; } [dir="ltr"] .footer__link svg { transform: scaleX(-1); } [dir="ltr"] .footer__bottom { text-align: left; } /* ---- REMAINING TEXT ALIGNMENT ---- */ [dir="ltr"] .section-title, [dir="ltr"] .about__title, [dir="ltr"] .services__title, [dir="ltr"] .projects__header-title, [dir="ltr"] .projects__header-desc, [dir="ltr"] .fleet-content__desc, [dir="ltr"] .process__title, [dir="ltr"] .testimonials__title, [dir="ltr"] .contact__title { text-align: left; } [dir="ltr"] .testimonials__title, [dir="ltr"] .testimonials__text { text-align: center; } /* ---- MOBILE MENU ---- */ [dir="ltr"] .mobile-menu__links { text-align: left; } /* ---- MOBILE LTR OVERRIDES ---- */ @media (max-width: 480px) { [dir="ltr"] .mobile-menu__lang { border-top-color: var(--border-color); } [dir="ltr"] .mobile-menu__link { text-align: left; } [dir="ltr"] .project-card__overlay { text-align: left; } [dir="ltr"] .project-card__tag { margin-left: 0; margin-right: auto; } [dir="ltr"] .project-card__action button:hover svg { transform: translateX(8px); } }