/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block-content/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.block-content {
  order: 2;
  padding: 45px 20px;
  background-color: #efefef;
  position: relative;
}
.block-content.bg-grey {
  background-color: #707070;
}
.block-content.bg-grey > .content > * {
  color: white !important;
}
.block-content .icon {
  margin-bottom: 20px;
}
.block-content .icon svg {
  fill: var(--bs-blue);
  width: auto;
  height: 55px;
}
@media (min-width: 1200px) {
  .block-content {
    padding: 0px;
    order: unset;
  }
  .block-content.bg-grey {
    background-color: #707070;
  }
  .block-content.bg-grey > .content {
    padding: 50px;
  }
  .block-content.bg-grey > .content > * {
    color: white !important;
  }
  .block-content.col-xl-7 {
    background-color: unset;
  }
  .block-content.col-xl-7 .content {
    background-color: unset;
    padding: 0;
  }
  .block-content.col-xl-7 .content:before {
    display: none;
  }
  .block-content .content {
    padding: 100px 70px;
  }
  .block-content .content:before {
    content: "";
    position: absolute;
    top: 0;
    right: -200px;
    background-color: #efefef;
    width: 200px;
    height: 100%;
    z-index: -1;
    display: block;
  }
  .block-content:nth-child(2) .content:before {
    right: unset;
    left: -200px;
  }
}

.nomargin .block-content {
  padding: 50px 15px;
}
@media (min-width: 1200px) {
  .nomargin .block-content {
    padding: 50px 0px;
  }
}

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