@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wdth,wght@0,75,300..800;1,75,300..800&display=swap");
@font-face {
  font-family: NotoSansRegular;
  src: url(../fonts/NotoSans-Regular.ttf);
}
@font-face {
  font-family: NotoSansBold;
  src: url(../fonts/NotoSans-Bold.ttf);
}
@font-face {
  font-family: NotoSansLight;
  src: url(../fonts/NotoSans-Light.ttf);
}
.featureGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.featureGrid .featureGridCard {
  display: flex;
  flex: 1;
  padding: 16px;
  min-width: 325px;
  align-items: flex-start;
  min-height: 210px;
  border-radius: 8px;
  border-left: 3px solid #007C56;
}
.featureGrid .featureGridTitle {
  background: #0ABF7F;
}
.featureGrid .featureGridTitle h4 {
  color: #0E0E0E;
  margin: 0;
}
.featureGrid .featureGridContent {
  background: #0E0E0E;
}
.featureGrid .featureGridContent p {
  margin: 0;
}

@media (max-width: calc(768px - 0.0625rem)) {
  .featureGrid .featureGridCard.featureGridTitle {
    min-height: auto;
  }
}

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