/* ===================================================
   Layout: Blog page banner
   File:   template-parts/flexible/blog_page_banner/blog_page_banner.css
=================================================== */

.blog-page-banner__container {
  padding-top: 85px;
}

.blog-page-banner-content-header {
  gap: 24px;
  max-width: 90%;
}

.blog-page-banner-content-header p {
  margin: 0 !important;
}

.blog-banner-img {
  height: 400px;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

/* RWD  */
@media (max-width: 767px) {
  .blog-page-banner__container {
    padding-top: 40px;
  }
  .blog-banner-img {
    height: auto;
    padding: 0;
margin-top: 40px;
  }
}