/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/resource-hero/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.wp-block-leanpathblocks-resource-hero {
  position: relative;
  background-position: center;
  background-repeat: repeat-y;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .wp-block-leanpathblocks-resource-hero {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.resource-hero-wrap {
  display: flex;
  align-items: center;
  background-color: #654DD8;
}
@media screen and (max-width: 767px) {
  .resource-hero-wrap {
    flex-direction: column;
  }
}
.resource-hero-wrap__content {
  width: 50%;
  padding-right: 89px;
  padding-left: 69px;
}
@media screen and (max-width: 1023px) {
  .resource-hero-wrap__content {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .resource-hero-wrap__content {
    width: 100%;
    padding: 24px 16px;
  }
}
.resource-hero-wrap__image {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .resource-hero-wrap__image {
    width: 100%;
  }
}
.resource-hero-wrap__title + .resource-hero-wrap__subtitle {
  margin-top: 8px;
}
.resource-hero-wrap__btn-wrap {
  margin-top: 32px;
}
@media screen and (max-width: 1023px) {
  .resource-hero-wrap__btn-wrap {
    margin-top: 16px;
  }
}
.resource-hero-wrap__arrow-down {
  position: relative;
  margin-top: 32px;
}
@media screen and (max-width: 1023px) {
  .resource-hero-wrap__arrow-down {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .resource-hero-wrap__arrow-down {
    margin-top: 8px;
  }
}
.resource-hero-wrap__arrow-down img {
  width: 41px;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .resource-hero-wrap__arrow-down img {
    width: 25px;
  }
}
@media screen and (max-width: 767px) {
  .resource-hero-wrap__arrow-down img {
    width: 18px;
  }
}

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