.article-header { padding: var(--nhc-section-padding-desktop) 0; }
.article-header-content h1 { font-size: 60px; }
.article-header-content { font-size: 18px; }
.news-type-holder { margin-top: 50px; }
.news-type-list { padding: 4px; background: var(--nhc-green); border-radius: 50rem; }
.news-type-link { padding: 16px 24px; font-family: var(--nhc-secondary-font); font-size: 20px; font-weight: 700; line-height: 1.4; color: var(--nhc-light-grey); border-radius: 50rem; cursor: pointer; transition: all 0.3s ease; }
.news-type-link:hover { color: var(--nhc-light-grey); }
.news-type-link.active { color: var(--nhc-green); background: var(--nhc-light-grey); }
.news-type-select-holder .nice-select { width: 100%; height: 50px; padding: 0 16px; font-family: var(--nhc-secondary-font); font-size: 16px; font-weight: 700; line-height: 50px; color: var(--nhc-light-grey); background-color: var(--nhc-green); border: none; border-radius: 24px; }
.news-type-select-holder .nice-select:after { width: 8px; height: 8px; margin-top: -6px; right: 25px; border-color: var(--nhc-light-grey); }
.news-type-select-holder .nice-select .list { width: 100%; background-color: var(--nhc-green); border-radius: 24px; }
.news-type-select-holder .nice-select .option { font-weight: 700; }
.news-type-select-holder .nice-select .option.selected, .nice-select .option:hover { color: var(--nhc-green); background-color: var(--nhc-light-grey); }
.nice-select .list:hover .option:not(:hover) { color: var(--nhc-light-grey) !important; }
/* ========================================== 
! Large devices (desktops, less than 1600px)
=========================================== */
@media (max-width:1599.98px) {
 .article-header { padding-top: var(--nhc-section-padding-laptop); padding-bottom: 90px; }
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .article-header { padding-top: var(--nhc-section-padding-tablet); }
.article-header-content h1 { font-size: 50px; }
.news-type-holder { margin-top: 24px; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .article-header { padding-top:35px; padding-bottom: 60px; }
.article-header-content h1 { font-size: 40px; margin-bottom: 20px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }