/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/how-it-works-card/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.how-it-works p {
  max-width: 320px;
  margin: auto;
  text-align: center;
  padding: 0px 20px;
}
.how-it-works .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1020px) {
  .how-it-works .img-container {
    margin-bottom: 30px;
  }
}
.how-it-works .img-container img {
  max-width: 40%;
}
.how-it-works .img-container hr {
  margin-bottom: 0;
  flex: 1 1 auto;
  margin: 0px -1px;
  border: none;
  height: 3px;
}
@media screen and (max-width: 1020px) {
  .how-it-works .img-container hr {
    display: none;
  }
}

.wp-block-acorn-grid-column:first-child > .how-it-works > .img-container > .first-line {
  background: transparent;
}

.wp-block-acorn-grid-column:last-child > .how-it-works > .img-container > .last-line {
  background: transparent;
}

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