@import url("about-us.css");

html[lang="en"] body.ltr .ng-about-v2-overview,
html[lang="en"] body.ltr .ng-about-v2-values,
html[lang="en"] body.ltr .ng-about-v2-connect {
    direction: ltr;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: start;
}

html[lang="en"] body.ltr .ng-about-v2-overview :not(i):not(svg):not([class*="fa-"]):not(:lang(fa)):not([dir="rtl"]),
html[lang="en"] body.ltr .ng-about-v2-values :not(i):not(svg):not([class*="fa-"]):not(:lang(fa)):not([dir="rtl"]),
html[lang="en"] body.ltr .ng-about-v2-connect :not(i):not(svg):not([class*="fa-"]):not(:lang(fa)):not([dir="rtl"]) {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-overview__heading {
    margin-inline-start: 0;
    margin-inline-end: auto;
}

html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-journey__date {
    direction: ltr;
}

html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-media__viewport:focus-visible {
    outline: 2px solid var(--ng-about-gold);
    outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
    html[lang="en"] body.ltr .ng-about-v2-connect .ng-about-v2-card:hover .ng-about-v2-card__arrow {
        transform: translateX(4px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-media__viewport {
        overflow-x: auto;
        overflow-y: hidden;
        touch-action: auto;
        cursor: auto;
    }

    html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-media__track {
        transform: none !important;
        will-change: auto;
    }

    html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-media::before,
    html[lang="en"] body.ltr .ng-about-v2-overview .ng-about-v2-media::after {
        display: none;
    }
}