.hero-section {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 70px;
}
@media (min-width: 992px) {
  .hero-section {
    margin-bottom: 140px;
  }
}
.hero-section:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(268.99deg, rgba(247, 248, 250, 0) 0.76%, rgba(247, 248, 250, 0.5) 49.94%, #F7F8FA 99.11%);
  backdrop-filter: blur(0px);
}
.hero-section > div {
  position: relative;
  z-index: 1;
}
.hero-section .sub-title {
  border: 1px solid #CCDDFA;
  border-radius: 20px;
  padding: 8px 12px;
  font-weight: 400;
  color: #0A347F;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
}
.hero-section .sub-title img {
  width: 20px;
  height: 20px;
  object-position: center;
  object-fit: contain;
}
.hero-section h1 span {
  color: #3E6FC6;
}
.hero-section .content {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
}
.hero-section .btn {
  min-width: 230px;
  border-radius: 30px;
  padding: 19px 64px;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
}
@media (max-width: 767.98px) {
  .hero-section .btn {
    width: 100%;
  }
}

/*# sourceMappingURL=hero.css.map */