.blog-listing-banner {
  margin-top: var(--headerheight);
  padding: 4.3rem 0;
}
@media only screen and (max-width: 767px) {
  .blog-listing-banner {
    padding: 2.3rem 0;
  }
}
.blog-listing-banner h1 {
  font-family: "Orpheus Pro";
  font-size: 60px;
}
@media only screen and (max-width: 767px) {
  .blog-listing-banner h1 {
    font-size: 40px;
  }
}
.blog-listing-banner p {
  color: var(--text);
  margin-top: 10px;
}
@media only screen and (max-width: 520px) {
  .blog-listing-banner p {
    padding: 0px 45px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-listing-banner .bg {
    height: 50vh;
  }
}

@media only screen and (max-width: 767px) {
  .blog-detail-banner .bg {
    height: 50vh;
  }
}

.blog-listing-secA {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .blog-listing-secA {
    padding-bottom: 3rem;
  }
}

.banner.blog-detail-banner .content {
  max-width: 739px;
}
.banner.blog-detail-banner .content .date {
  display: block;
  color: var(--white);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
}
.banner.blog-detail-banner .content h1 {
  font-size: 48px;
}
@media only screen and (max-width: 767px) {
  .banner.blog-detail-banner .content h1 {
    font-size: 26px;
    line-height: 30px;
  }
}

.blog-detail-secA {
  padding: 7.3rem 0 3.3rem;
}
@media only screen and (max-width: 767px) {
  .blog-detail-secA {
    padding: 3rem 0 3rem;
  }
}

.blog-detail-secB {
  padding: 7rem 0;
}
@media only screen and (max-width: 991px) {
  .blog-detail-secB {
    padding: 2rem 0rem;
  }
}/*# sourceMappingURL=blog.css.map */