@media screen and (max-width: 1024px) {
  .page-hero {
    padding-top: 40vh;
  }
}
.main-body h2 {
  width: fit-content;
  font-weight: 700;
  color: transparent;
  background-image: linear-gradient(to right, #ff9d9d 45%, #fc4eb5);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 28px;
}
@media screen and (max-width: 1024px) {
  .main-body h2 {
    font-size: 20px;
  }
}
.main-body h2,
.main-body h3,
.main-body h4 {
  margin: 40px 0 20px;
}
@media screen and (max-width: 1024px) {
  .main-body h2,
  .main-body h3,
  .main-body h4 {
    margin: 30px 0 10px;
  }
}
.main-body p {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .main-body p {
    font-size: 13px;
  }
}
.breadcrumb {
  margin-top: 60px;
}