@import url("social-responsibility.css");

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

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

@media (min-width: 821px) {
    html[lang="en"] body.ltr .ng-social-hero__inner {
        grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    }

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

    html[lang="en"] body.ltr .ng-social-hero-media {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 820px) {
    html[lang="en"] body.ltr .ng-social-hero__copy,
    html[lang="en"] body.ltr .ng-social-hero-media {
        grid-column: auto;
        grid-row: auto;
    }
}

html[lang="en"] body.ltr .ng-social-hero-media__card-people {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

html[lang="en"] body.ltr .ng-social-hero-media__card-place {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

html[lang="en"] body.ltr .ng-social-hero-media {
    grid-template-columns: 190px minmax(0, 1fr) !important;
}

html[lang="en"] body.ltr .ng-social-hero-media__main {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
}

@media (max-width: 1100px) {
    html[lang="en"] body.ltr .ng-social-hero-media {
        grid-template-columns: 170px minmax(0, 1fr) !important;
    }
}

@media (max-width: 820px) {
    html[lang="en"] body.ltr .ng-social-hero-media {
        grid-template-columns: 180px minmax(0, 1fr) !important;
    }
}

@media (max-width: 560px) {
    html[lang="en"] body.ltr .ng-social-hero-media {
        grid-template-columns: clamp(112px, 31vw, 145px) minmax(0, 1fr) !important;
    }
}

html[lang="en"] body.ltr .ng-social-focus__item:first-child {
    border-inline-end: 1px solid var(--ng-social-line);
}

html[lang="en"] body.ltr .ng-social-focus__item:last-child {
    border-inline-end: 0;
}

@media (max-width: 1100px) and (min-width: 821px) {
    html[lang="en"] body.ltr .ng-social-focus__item:nth-child(3n+1) {
        border-inline-end: 1px solid var(--ng-social-line);
    }

    html[lang="en"] body.ltr .ng-social-focus__item:nth-child(3n) {
        border-inline-end: 0;
    }
}

@media (max-width: 820px) and (min-width: 561px) {
    html[lang="en"] body.ltr .ng-social-focus__item:nth-child(odd) {
        border-inline-end: 1px solid var(--ng-social-line);
    }

    html[lang="en"] body.ltr .ng-social-focus__item:nth-child(even) {
        border-inline-end: 0;
    }
}

html[lang="en"] body.ltr .ng-social-closing__statement {
    text-align: left;
}

html[lang="en"] body.ltr .ng-social-closing__statement h2 {
    margin-inline: 0 auto;
}

html[lang="en"] body.ltr .ng-social-closing__statement p {
    margin-inline: 0 auto;
}

html[lang="en"] body.ltr .ng-social-closing__link:hover b {
    transform: translateX(4px);
}

html[lang="en"] body.ltr .ng-social-action-timeline input[type="range"][data-social-action-range] {
    direction: ltr;
}

html[lang="en"] body.ltr .ng-social-action-timeline__labels span:nth-child(1) {
    text-align: left;
}

html[lang="en"] body.ltr .ng-social-action-timeline__labels span:nth-child(3) {
    text-align: right;
}

html[lang="en"] body.ltr .ng-social-action-timeline > [data-social-action-copy] {
    margin: 24px auto 32px 0;
}

html[lang="en"] body.ltr .ng-social-action-timeline input[type="range"][data-social-action-range]::-webkit-slider-runnable-track {
    background:
        linear-gradient(
            to right,
            #c9a961 0,
            #c9a961 var(--ng-social-action-progress),
            rgba(26,26,26,.14) var(--ng-social-action-progress),
            rgba(26,26,26,.14) 100%
        );
}

@media (max-width: 680px) {
    html[lang="en"] body.ltr .ng-social-action-timeline > [data-social-action-copy] {
        margin-block: 20px 26px;
        margin-inline: 0 auto;
    }
}