/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./template-parts/blocks/hero-inner-gradient/hero-inner-gradient.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/*******************************************/
/*******************************************/
.hero-inner-gradient {
  position: relative;
}
.hero-inner-gradient .row {
  overflow: hidden;
  border-radius: 16px;
}
.hero-inner-gradient .hero-gradient-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 30px;
  padding: 30px;
  background-image: url(../images/purple-backgrounds.44d339e0.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 70vh;
}
@media (max-width: calc(48rem - 0.99px)) {
  .hero-inner-gradient .hero-gradient-content {
    padding: 17px;
    height: 655.849px;
  }
}
.hero-inner-gradient .hero-gradient-content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(78.98% 138.47% at 56.59% 123.81%, #9d5cd8 0%, #6d28c8 42.31%, #371089 72.12%, #010101 100%);
}
.hero-inner-gradient .icon {
  position: relative;
  z-index: 1;
  width: 115.065px;
  height: 97.509px;
}
@media (max-width: calc(48rem - 0.99px)) {
  .hero-inner-gradient .icon {
    width: 86.408px;
    height: 73.224px;
  }
}
.hero-inner-gradient .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hero-inner-gradient .title {
  position: relative;
  z-index: 1;
  color: #f9f7fd;
  text-align: center;
  max-width: 1136px;
}
.hero-inner-gradient .cta {
  position: relative;
  z-index: 1;
}
.hero-inner-gradient .desc {
  position: relative;
  z-index: 1;
  color: #f9f7fd;
  text-align: center;
  max-width: 1136px;
  font-family: "Epilogue", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (max-width: calc(48rem - 0.99px)) {
  .hero-inner-gradient .desc {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
}

/*# sourceMappingURL=hero-inner-gradient.css.map*/