.blog-single-hero { position: relative; overflow: hidden;}
.hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.hero-img img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.blog-single-bnr-wrap { position: relative; z-index: 2; }
.blog-dtls-hero-overlay { position: absolute; top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.4); z-index: 2; }
.section-hero h1 { color: #fff; font-size: clamp(2rem, 0.825rem + 3.133vw, 3.5rem) !important;}
.blog-content { padding-top: 40px; }
span.post-date {
    display: flex;
    background-color: #ffffff91;
    padding: 8px;
    border-radius: 10px;
    align-items: center;
    width: max-content;
}
span.post-date p {
    margin-bottom: 0;
}
span.post-date i {
    color: #A21715;
}