/* Keep the home infrastructure section inside the viewport at every width. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.home-trust-section {
  box-sizing: border-box;
  width: min(100%, 1680px);
  min-width: 0;
  margin-inline: auto;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
}

.home-trust-heading,
.home-trust-grid,
.home-trust-card {
  min-width: 0;
}

.home-trust-heading h2,
.home-trust-heading p,
.home-trust-card h3,
.home-trust-card p {
  overflow-wrap: anywhere;
}

@media (max-width: 1400px) {
  .home-trust-section {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-trust-heading {
    max-width: 860px;
  }

  .home-trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .home-trust-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
