:root {
  --key-facts-gap-horizontal: 1.75rem;
  --key-facts-gap-vertical: 3.5rem;
}

ul.key-facts {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--key-facts-gap-vertical) var(--key-facts-gap-horizontal);
}

ul.key-facts:has(.text-align-left) {
  justify-content: flex-start;
}

ul.key-facts .key-facts__fact::before {
  display: none;
}

.key-facts__fact.text-align-centre img {
  margin-inline: auto;
}

.key-facts__fact {
  width: 100%;
}

.key-facts__image {
  height: 85px;
  width: auto;
  display: block;
  margin-bottom: 2rem;
}

.key-facts__fact.text-align-centre > * {
  margin-inline: auto;
}

.key-facts__image,
.key-facts__fact.text-align-centre p,
.key-facts__fact.text-align-centre .key-facts__title {
  max-width: 420px;
}

.key-facts__title {
  --text-font-size: 18;
}

.key-facts p {
  --text-font-size: 17;
  --top-margin-scaling-factor: 0.25;
}

@media (min-width: 768px) {
  .key-facts__fact {
    flex: 0 0 calc((100% - 1 * var(--key-facts-gap-horizontal)) / 2);
  }
  .key-facts__fact > * {
    max-width: 300px;
  }
  .key-facts__image {
    height: 95px;
    margin-bottom: 2.5rem;
  }
  .key-facts__title {
    --text-font-size: 19;
  }
  .key-facts p {
    --text-font-size: 18;
  }
}
@media (min-width: 1080px) {
  .key-facts__image {
    height: 100px;
  }
  .key-facts__title {
    --text-font-size: 20;
  }
  .key-facts p {
    --text-font-size: 19;
    --top-margin-scaling-factor: 0.5;
  }
}
@media (min-width: 1200px) {
  ul.key-facts {
    --key-facts-gap-horizontal: 3rem;
  }
  .key-facts__fact {
    flex: 0 0 calc((100% - 4 * var(--key-facts-gap-horizontal)) / 5);
  }
  .key-facts__fact > * {
    max-width: 200px;
  }
}

/*# sourceMappingURL=/assets/application/content-modules/key-facts-81470e75.css.map */
