/* ---------- PAGE ARTICLE DETAILS ---------- */
/* ------------------------------------------ */
.hero-news-details {
    height: 50vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items:end;
}

.hero-news-details::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(130deg, rgba(74, 74, 74, 0.85) 30%, rgba(218, 115, 48, 0.85) 100%);
}

.hero-news-details-content {
    position: relative;
    z-index: 2;
}

.hero-news-details-content h1{
    font-size: 68px;
}