/* stylelint-disable */
.wp-block-key-content__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
}

.wp-block-key-content__content + .wp-block-key-content__key-items {
  margin-top: var(--spacing-l);
}

.wp-block-key-content__key-items {
  display: grid;
  gap: var(--spacing-s);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}

@media (min-width: 1023px) {
  .wp-block-key-content__key-items {
    gap: var(--spacing-l);
  }
}
@media (max-width: 1022.98px) {
  .wp-block-key-content__key-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 766.98px) {
  .wp-block-key-content__key-items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.wp-block-key-content__key-item {
  color: var(--colour-dark-blue-35);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}

.wp-block-key-content__key-item__count {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-5);
  line-height: var(--line-height-5);
  text-transform: none;
  color: var(--colour-light-blue-100);
}

.wp-block-key-content__key-item__icon {
  align-items: center;
  background-color: var(--colour-light-blue-75);
  border-radius: 50%;
  display: flex;
  flex: 0 0 60px;
  height: 60px;
  justify-content: center;
  width: 60px;
}

.wp-block-key-content__key-item__icon img {
  max-width: 32px;
}

.wp-block-key-content__key-item__title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}

.wp-block-key-content--light-blue .wp-block-key-content__box,
.wp-block-key-content--dark-blue .wp-block-key-content__box {
  border-radius: var(--radius-image);
  padding: var(--spacing-xs) var(--spacing-xxs);
}

@media (min-width: 767px) {
  .wp-block-key-content--light-blue .wp-block-key-content__box,
  .wp-block-key-content--dark-blue .wp-block-key-content__box {
    padding: var(--spacing-xl);
  }
}
.wp-block-key-content--light-blue.wp-block-key-content--callout-flat-top .wp-block-key-content__box,
.wp-block-key-content--dark-blue.wp-block-key-content--callout-flat-top .wp-block-key-content__box {
  border-top: 2px solid var(--colour-light-blue-100);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.wp-block-key-content--light-blue .wp-block-key-content__box {
  background-color: var(--colour-light-blue-10);
}

.wp-block-key-content--dark-blue .wp-block-key-content__box {
  background: var(--gradient-dark);
}

.wp-block-key-content--dark.wp-block-key-content--default .wp-block-key-content__key-item,
.wp-block-key-content--dark.wp-block-key-content--default .wp-block-key-content__key-item__count,
.wp-block-key-content--dark-blue .wp-block-key-content__key-item,
.wp-block-key-content--dark-blue .wp-block-key-content__key-item__count {
  color: var(--colour-white);
}

@media (min-width: 1023px) {
  .wp-block-key-content--columns-4 .wp-block-key-content__key-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1023px) {
  .wp-block-key-content--columns-2 .wp-block-key-content__key-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wp-block-key-content--columns-1 .wp-block-key-content__key-items {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wp-block-key-content--align-items .wp-block-key-content__key-item {
  align-items: center;
  flex-direction: row;
}

.wp-block-key-content--reduced-width .wp-block-key-content__container {
  max-width: var(--block-reduced-max-width-offset-container);
}