@import url("nargoon-organization.css");

html[lang="en"] body.ltr .ng-company-organization,
html[lang="en"] body.ltr .ng-company-organization :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-company-organization {
    direction: ltr;
    text-align: start;
}

html[lang="en"] body.ltr .ng-company-organization .ng-company-kicker,
html[lang="en"] body.ltr .ng-company-organization .ng-company-eyebrow {
    text-align: start;
}

html[lang="en"] body.ltr .ng-company-organization.ng-company-hero.ng-org-hero .ng-org-hero__line {
    transform-origin: left center;
}

@media (min-width: 1101px) {
    html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-company-hero__inner {
        direction: ltr !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
    }

    html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-company-hero__copy {
        grid-column: 1;
        grid-row: 1;
    }

    html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero__visual {
        grid-column: 2;
        grid-row: 1;
    }
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero-showcase-v2,
html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero-showcase-v2__topics {
    direction: ltr;
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero-showcase-v2 {
    direction: rtl;
    grid-template-columns: 132px minmax(0, 1fr);
}

@media (max-width: 680px) {
    html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero-showcase-v2 {
        grid-template-columns: minmax(0, 1fr);
    }
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-hero .ng-org-hero-showcase-v2__topic {
    text-align: start;
}

html[lang="en"] body.ltr #ng-company-org-board .ng-org-board__person {
    direction: ltr !important;
    text-align: start;
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-board .ng-org-board__person::after {
    transform-origin: left center;
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-principles .ng-org-principles__list li::before,
html[lang="en"] body.ltr .ng-company-organization.ng-org-next .ng-org-next__card::before {
    transform: translateX(-10%);
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-next .ng-org-next__card:hover > b {
    transform: translateX(6px);
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-principles .ng-org-principles__list li:hover > b {
    transform: translate(4px, 4px);
}

html[lang="en"] body.ltr .ng-company-organization.ng-org-principles .ng-org-principles__list li:hover strong {
    transform: translateX(3px);
}

html[lang="en"] body.ltr .ng-company-organization .ng-org-hero-showcase-v2__card:focus-visible,
html[lang="en"] body.ltr .ng-company-organization .ng-org-hero-showcase-v2__topic:focus-visible,
html[lang="en"] body.ltr .ng-company-organization .ng-org-board-marquee__viewport:focus-visible,
html[lang="en"] body.ltr .ng-company-organization .ng-org-next__card:focus-visible {
    outline: 2px solid var(--ng-org-gold, #c9a961);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html[lang="en"] body.ltr #ng-company-org-board .ng-org-board-marquee__viewport {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        touch-action: auto;
        cursor: auto;
        scrollbar-width: thin !important;
        -ms-overflow-style: auto !important;
    }

    html[lang="en"] body.ltr #ng-company-org-board .ng-org-board-marquee__viewport::-webkit-scrollbar {
        display: block !important;
    }

    html[lang="en"] body.ltr #ng-company-org-board .ng-org-board-marquee__track {
        transform: none !important;
        will-change: auto;
    }

    html[lang="en"] body.ltr #ng-company-org-board .ng-org-board-marquee__fade {
        display: none;
    }
}