.news-feed-box { width: 100%; gap: 80px; }
.nfh-title h2 { font-size: 56px; line-height: 1.2; color: var(--views-green); margin-bottom: 0; }
.nfh-filter-btn,  .nfh-filter-btn:focus { padding: 8px 20px; font-size: 16px; line-height: 1.5; background: transparent; border: 1px solid var(--views-green); border-radius: 50rem; }
.nfh-filter-btn:hover { color: var(--views-green); background: var(--views-light-green); border-color: var(--views-light-green); transition: all 0.3s ease-in-out; }
.nfh-filter-btn.is-active { color: var(--views-white); background: var(--views-green); border-color: var(--views-green); transition: all 0.3s ease-in-out; }
.hf-scroll { gap: 20px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.hf-scroll::-webkit-scrollbar { display: none; }
.hf-scroll { scrollbar-width: none; }
.news-feed-picked .heading, .news-feed-latest .heading { margin-bottom: 40px; color: var(--views-green); }
.news-feed-grid { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -64px; }
.news-feed-item { width: 33.33%; padding: 0 16px; margin-bottom: 64px; }
.news-feed-picked-side .news-feed-item-link { min-height: 250px; padding-bottom: 39.5%; }
.news-feed-item-link { width: 100%; position: relative; padding-bottom: 90%; color: var(--views-white); border-radius: 20px; overflow: hidden; }
.news-feed-item-link:hover { color: var(--views-white); }
.news-feed-item-image { width: 100%; position: absolute; inset: 0; }
.news-feed-item-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.news-feed-item-image:after { content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background: rgb(0 0 0 / 50%); }
.news-feed-item-image img { transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; }
.news-feed-item-link:hover .news-feed-item-image img { transform: scale(1.06); }
.news-feed-item-image::after { transition: all 0.4s ease; }
.news-feed-item-link:hover .news-feed-item-image::after { background: rgb(0 0 0 / 40%); }
.news-feed-item-content { width: 100%; height: 100%; position: absolute; inset: 0; padding: 40px; gap: 8px; font-size: 18px; border: 0; z-index: 2; }
.news-feed-item-category { font-weight: 500; text-transform: uppercase; }
.news-feed-item-title { font-size: 32px; line-height: 1.3; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news-feed-read-more { display: inline-block; position: relative; font-size: 16px; line-height: 1.5; padding-right: 33px; color: var(--views-white); text-decoration: underline; cursor: pointer; }
.news-feed-read-more-icon { width: 24px; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; }
.news-feed-read-more-icon img { width: 100%; height: 100%; object-fit: contain; }
.news-feed-read-more:hover { color: var(--views-white); }
.news-feed-read-more:hover .news-feed-read-more-icon { transform: translate(6px, -50%); }
.nfp-content { display: grid; grid-template-columns: 1.43fr 1fr; gap: 32px; }
.nfp-right { display: grid; grid-template-rows: repeat(3, 1fr); gap: 32px; }
.nfp-right-item .news-feed-item-link { padding-bottom: 0; height: 100%; }
.nfp-left .news-feed-item-link.featured-item { min-height: 814px; padding-bottom: 89%; }
.featured-item .news-feed-read-more { margin-top: 14px; }
.news-feed-footer { max-width: 230px; margin: 0 auto; }
.js-count-text { font-size: 15px; }
.progressbar-wrap { margin-top: 24px; }
.progress { min-width: 230px; height: 8px; padding: 2px; background: var(--views-surface-green); border-radius: 30px; }
.progress-bar { background: var(--views-light-green); border-radius: 10px; }
.load-more-btn-wrap { margin-top: 24px; }
.news-feed-item-link:hover { box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.18); }
/* ====================================================== 
! Extra large devices (large desktops, less than 1600px)
====================================================== */
@media (max-width:1599.98px) {
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .news-feed-item-title { font-size: 24px; }
.news-feed-item-content { font-size: 16px; padding: 24px; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .news-feed-box { gap: 54px; }
.news-feed-picked .heading, .news-feed-latest .heading { margin-bottom: 24px; }
.nfh-filter { width: calc(100% + 40px); margin-left: -20px; }
.hf-scroll { padding: 0 20px; }
.nfh-filter-btn { flex: 0 0 auto; padding: 8px 20px; background: transparent; border: 1px solid var(--views-green); border-radius: 50rem; white-space: nowrap; }
.nfh-title h2 { font-size: 32px; }
.news-feed-item-title { font-size: 20px; line-height: 1.4; }
.news-feed-item-content { font-size: 14px; }
.news-feed-grid { width: calc(100% + 20px); margin-left: -10px; margin-bottom: -20px; }
.news-feed-item { width: 50%; padding: 0 10px; margin-bottom: 20px; }
.nfp-content { grid-template-columns: 1fr; gap: 24px; }
.news-feed-item-link.featured-item { min-height: auto; }
.nfp-left > div { min-height: 420px; border-radius: 20px; }
.nfp-right { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 24px; }
.nfp-right-item { min-height: 160px; border-radius: 16px; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .nfp-right { grid-template-columns: repeat(2, 1fr); }
.news-feed-read-more { font-size: 14px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 .news-feed-item { width: 100%; }
.nfp-left > div { min-height: 300px; }
.nfp-right { grid-template-columns: 1fr; }
.nfp-right-item { min-height: 180px; }
.news-feed-item-link.featured-item, .nfp-right-item .news-feed-item-link { min-height: 230px !important; padding-bottom: 68% !important; }
.featured-item .news-feed-read-more { margin-top: 0; }
 }