.b-icon-boxes .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
}
.b-icon-boxes .b__boxes {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
}
.b-icon-boxes .b__boxes .c-boxes {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--layout-gutter);
}
.b-icon-boxes .b__boxes .c-box {
  background: var(--color-background-4);
  display: flex;
  flex-flow: column;
  padding: clamp(1rem, 1.03vw + 0.77rem, 2rem);
  min-height: calc(clamp(1rem, 1.03vw + 0.77rem, 2rem) * 2 + clamp(2rem, 1.54vw + 1.65rem, 3.5rem));
  min-width: 0;
}
.b-icon-boxes .b__boxes .c-box__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.b-icon-boxes .b__boxes .c-box__body {
  margin-top: clamp(1rem, 0.51vw + 0.88rem, 1.5rem);
}
.b-icon-boxes .b__boxes .c-box__icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.b-icon-boxes .b__boxes .c-box__icon .c-icon {
  width: clamp(2rem, 1.03vw + 1.77rem, 3rem);
}
.b-icon-boxes .b__boxes .c-box__icon .c-icon svg path {
  fill: var(--color-primary);
}
.b-icon-boxes .b__boxes .c-box__title {
  margin-top: 0;
  margin-left: clamp(0.5rem, 0.51vw + 0.38rem, 1rem);
  color: var(--color-primary);
}
.b-icon-boxes .b__content + .b__boxes {
  margin-top: var(--block-spacing);
}

@media (min-width: 768px) {
  .b-icon-boxes.b-columns-two .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  .b-icon-boxes.b-columns-two .b__boxes {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-icon-boxes .b__boxes .c-boxes {
    grid-template-columns: repeat(3, 1fr);
  }
  .b-icon-boxes.b-columns-two .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 16 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
  }
  .b-icon-boxes.b-columns-two .b__boxes {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 16 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
  }
  .b-icon-boxes.b-columns-two .b__boxes .c-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*# sourceMappingURL=style.css.map */