.hero--blog > .container-fluid{
  width:100%;
  max-width:100%;
  margin-inline:0;
  padding-left:0;
  padding-right:0;
}

.hero--blog .hero__card{
  height:auto;
  min-height:640px;
}

.hero--blog .hero__grid{grid-template-columns:1fr}
.hero--blog .hero__content{padding-right:0;max-width:920px}

.hero--blog .hero__media{
  min-height:420px;
}

@media (max-width: 991.98px){
  .hero--blog .hero__card{min-height:600px}
  .hero--blog .hero__media{min-height:360px}
}

@media (max-width: 575.98px){
  .hero--blog .hero__card{min-height:auto}
}

.hero--blog .hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hero--blog .hero__actions--blog{margin-top:14px}
.hero--blog .hero__actions--blog .btn{white-space:nowrap}
.hero--blog .hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(64,44,36,.12);background:rgba(255,255,255,.70);box-shadow:0 10px 18px rgba(24,18,14,.06);font-weight:900;color:#3a312c;font-size:13px}
.hero--blog .hero__pill i{color:var(--orange)}

/* Blog hero background */
.hero--blog{
  position:relative;
  background:
    linear-gradient(90deg, rgba(251,246,242,.94) 0%, rgba(251,246,242,.86) 52%, rgba(251,246,242,.10) 78%, rgba(251,246,242,0) 100%),
    url("images/blog_page_hero_section.png") right center/cover no-repeat;
}
.hero--blog .hero__card{
  background-image:none;
  /* background:rgba(255,255,255,.58); */
  border:1px solid rgba(64,44,36,.12);
  box-shadow:var(--shadow-soft);
}

@media (max-width: 991.98px){
  .hero--blog{
    background:
      linear-gradient(180deg, rgba(251,246,242,.94) 0%, rgba(251,246,242,.84) 58%, rgba(251,246,242,.12) 100%),
      url("images/blog_page_hero_section.png") center bottom/cover no-repeat;
  }
}


.hero--blog .hero__copy{
  margin-top:10px;
  display:grid;
  gap:10px;
  text-align:justify;
  text-justify:inter-word;
}
.hero--blog .hero__copy :where(p){margin:0}
.hero--blog .hero__desc{color:#5f5853;}

.hero--blog .tips-cta__actions{margin-top:12px}

/* Blog filters bar */
.bpage-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 18px}
.bpage-bar .tips__tabs{margin:0}
.bpage-bar .bpage-sort{margin:0}


/* Mobile Responsive */
@media (max-width: 768px) {
    .hero__copy .article-intro,
    .hero__copy .hero__desc {
        text-align: left !important;
    }
}