.news-feed-container .nf-item { padding: 0; margin-bottom: 0; height: auto; }
.nff-box { background: var(--nhc-indigo); color: var(--nhc-white); display: flex; flex-flow: column; height: 100%; border-radius: 30px; overflow: hidden; }
.nff-img { background: #333; position: relative; padding-bottom: 58.8%; width: 100%; overflow: hidden; }
.nff-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: all .3s ease; }
.nff-content { font-size: 16px; padding: 24px; display: flex; flex-flow: column; flex-grow: 1; }
.nff-tag { display: inline-block; background-color: rgb(243 243 243 / 20%); border-radius: 4px; font-size: 14px; font-weight: 600; padding: 4px 8px; }
.nff-read-time { font-size: 14px; line-height: 1.5; font-weight: 600; }
.nff-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.nff-box:hover .nff-img img { transform: scale(1.05); }
/* ---- */
.case-study-img { position: relative; padding-bottom: 62.3%; overflow: hidden; }
.case-study-box { width: 100%; height: 100%; color: var(--nhc-black); background: var(--nhc-light-grey); border-radius: 30px; overflow: hidden; }
.case-study-box:hover .case-study-img img { transform: scale(1.05); }
.case-study-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in; }
.case-study-content { padding: 24px; height: 100%; }
.case-study-text { font-size: 16px; margin-bottom: 8px; }
.case-study-text h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.case-study-tags { gap: 8px; margin-bottom: 16px; }
.case-study-tag { display: inline-block; padding: 4px 8px; font-size: 14px; font-weight: 500; background-color: var(--nhc-white); border-radius: 4px; }
.case-study-cta { margin-top: auto; }
/* ---- */
.rff-box { background: var(--nhc-light-grey);color:var(--nhc-black); display: flex; flex-flow: column; height: 100%; border-radius: 30px; overflow: hidden; }
.rff-img { background: #333; position: relative; padding-bottom: 58.8%; width: 100%; overflow: hidden; }
.rff-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: all .3s ease; }
.rff-content { font-size: 16px; padding: 32px; display: flex; flex-flow: column; flex-grow: 1; }
.rff-tag { display: inline-block; background-color: var(--nhc-white); border-radius: 4px; font-size: 14px; font-weight: 600; padding: 4px 8px; }
.rff-read-time { font-size: 14px; line-height: 1.5; font-weight: 600; }
.rff-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.nff-box:hover .nff-img img { transform: scale(1.05); }
.rff-box-foot { margin-top: auto; }
/* ---- */
.vff-box { background: var(--nhc-light-grey);color:var(--nhc-black); display: flex; flex-flow: column; height: 100%; border-radius: 30px; overflow: hidden; }
.vff-img { background: #333; position: relative; padding-bottom: 56%; width: 100%; overflow: hidden; }
.vff-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: all .3s ease; }
.vff-img::after { content: ''; width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--nhc-green); background-image: url(../../assets/images/video-play-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 38px 38px; border-radius: 50%; }
.vff-content { font-size: 16px; padding: 32px; display: flex; flex-flow: column; flex-grow: 1; }
.vff-tag { display: inline-block; background-color: var(--nhc-white); border-radius: 4px; font-size: 14px; font-weight: 600; padding: 4px 8px; }
.vff-read-time { font-size: 14px; line-height: 1.5; font-weight: 600; }
.vff-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 24px; }
.vff-box:hover .nff-img img { transform: scale(1.05); }
.filter-container { position: relative; z-index: 99; }


.content-container.has-bottom-shape-type1 + .news-feed-container .heading,
.content-container.has-bottom-shape-type2 + .news-feed-container .heading{color: var(--nhc-white);}
/* ========================================== 
! Extra Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .nff-img, .rff-img, .case-study-img { padding-bottom: 67%; }
.nff-content h3,
.rff-content h3,
.vff-content h3, .case-study-text h3 { font-size: 20px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }