/* --- Who We Are / About Page --- */
.wearetrika-pos {
    grid-area: 1 / 1 / 2 / 13;
}

.our-approach-subheader-pos {
    grid-area: 2 / 1 / 3 / 13;
    max-width: 85ch;
}

.ourlegacy-sub-pos {
    grid-area: 2 / 1 / 3 / 7;
}

/* Page Hero Positions (About) */
.our-legacy-pos {
    grid-area: 1 / 1 / 2 / 8;
}

.our-legacy-subtext-pos {
    grid-area: 1 / 8 / 2 / 13;
    max-width: 30ch;
    align-self: flex-end;
}

.our-approach-text-pos1 {
    grid-column: 1 / 6;
    grid-row: 1;
}

@media screen and (max-width: 991px) {

    .wearetrika-pos,
    .our-approach-subheader-pos,
    .ourlegacy-sub-pos,
    .our-legacy-pos,
    .our-legacy-subtext-pos,
    .our-approach-text-pos1 {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100%;
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .our-approach-subheader-pos {
        grid-area: auto;
    }

    .our-legacy-pos,
    .our-legacy-subtext-pos {
        align-self: stretch;
    }
}

.our-legacy-pos {
    grid-column: 1 / 8;
    grid-row: 1;
}

.our-legacy-subtext-pos {
    grid-column: 8 / 13;
    grid-row: 1;
    max-width: 30ch;
    align-self: flex-end;
}

@media screen and (max-width: 767px) {

    .our-legacy-pos,
    .our-legacy-subtext-pos {
        grid-column: 1 / -1;
        grid-row: auto;
        align-self: stretch;
    }
}

.whyt-design-prof-max-width {
    /* max-width: 46ch */
}

@media (max-width: 479px) {
    .whyt-design-prof-max-width {
        max-width: 40ch;
    }
}

.trust-credentials-col {
    display: flex;
    flex-direction: column;
}

.trust-credentials-col .why-design-image-width {
    margin-top: auto;
}

.why-design-image-width {
    max-width: 48ch;
}