/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 *
 * Frontend Styles
 *
 */
.icon-grid {
  padding: var(--wp--custom--padding--large) 0 80px;
  /* Icon Columns Override */
}
.icon-grid__columns {
  --wp--style--block-gap: 30px;
  position: relative;
}
.icon-grid__columns::after {
  background-color: var(--wp--preset--color--brand-1);
  bottom: -30px;
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 250px;
}
.icon-grid .icon__media {
  text-align: center;
}
.icon-grid .icon__media img {
  margin: 0 auto;
  max-width: 295px;
}
.icon-grid .columns--flex.columns--2 .column {
  width: calc(50% - var(--offset-50));
}
.icon-grid .columns--flex.columns--3 .column {
  width: calc(33.33% - var(--offset-33));
}
.icon-grid .columns--flex.columns--4 .column {
  width: calc(50% - var(--offset-50));
}
@media (min-width: 640px) {
  .icon-grid .columns--flex.columns--4 .column {
    width: calc(25% - var(--offset-25));
  }
}
.icon-grid .columns--flex.columns--5 .column {
  width: calc(33.33% - var(--offset-33));
}
@media (min-width: 640px) {
  .icon-grid .columns--flex.columns--5 .column {
    width: calc(25% - var(--offset-25));
  }
}
@media (min-width: 1024px) {
  .icon-grid .columns--flex.columns--5 .column {
    width: calc(20% - var(--offset-20));
  }
}
.icon-grid .columns--flex.columns--6 .column {
  width: calc(33.33% - var(--offset-33));
}
@media (min-width: 1024px) {
  .icon-grid .columns--flex.columns--6 .column {
    width: calc(16.6666666667% - var(--offset-16));
  }
}

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