/*
 * About Us - centre "Our founding team" / "Our investors" / "Our advisors"
 *
 * .container.shariaah is flex-direction:column with align-items:flex-start
 * (its usual role elsewhere on the page is left-aligned copy blocks). That
 * align-items pins its direct child here (.about_team_main / .investors_main
 * / .advisors_main) to the left edge of the section - a flex item's
 * cross-axis position is controlled by its PARENT's align-items, not its
 * own. .investors_main and .advisors_main already declare align-items:center
 * for their own children (the logo rows), but that never mattered while the
 * whole block sat flush left with empty space beside it on wide screens.
 */
.section_main.team .container.shariaah,
.section_main.investors .container.shariaah,
.section_main.advisors .container.shariaah {
  align-items: center;
}

/* .investors_main / .advisors_main already centre their own children (see
   above); give .about_team_main - which has no align-items of its own - the
   same treatment so its heading and team grid centre the same way. */
.about_team_main {
  align-items: center;
}