/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/atoms/step-card/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/******* Colors *******/
/******* Status Colors *******/
/******* Effect Styles Colors *******/
/******* FONT SETUP *******/
.step-card {
  width: 100%;
  text-align: center !important;
  text-decoration: none;
}
.step-card figure {
  margin-bottom: 0.25rem;
}
.step-card img {
  width: 100%;
  height: 30%;
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.step-card__title {
  font-size: 1.25rem;
  margin-bottom: 8px;
  font-weight: bold !important;
}
@media (min-width: 960px) {
  .step-card {
    width: 30%;
  }
}
@media (min-width: 1180px) {
  .step-card {
    width: 23%;
    padding: 0;
  }
  .step-card img {
    height: 70px;
    max-height: 70px;
  }
}

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