.news-archive-container .news.container-xl{max-width: var(--container-post-width);}
    .news-list-container{padding: 84px 0 90px;}
    .news-list-container .nav{column-gap: 96px;align-items: center;margin-bottom: 90px;row-gap: 46px;}
    .current-category-title-item{margin-right: auto;}
    .news-nav-title{font-size: 42px;line-height: 52px;max-width: 133px;color: var(--bs-secondary);font-weight: 700;position:relative;}
    .news-nav-title::after{position:absolute;right: -21px;bottom: 9px;content: '';height: 13px;width: 13px;background:var(--bs-news-head)}
    .news-item .nav-link{color:var(--bs-secondary);font-size: 24px;line-height: 30px;font-weight: 700;padding:0;position:relative;}
    .news-item .nav-link.active{color: var(--bs-news-head);}
    .news-item .nav-link.active::after{position:absolute;left: 50%;bottom:-21px;transform: translateX(-50%);content: '';height: 1px;width: 66px;background:var(--bs-news-head)}
    .news-list.row{--bs-gutter-x: 20px;--bs-gutter-y: 50px;}
    .news-card{color:#fff;padding: 17px 16px;border-radius: 20px 20px 20px 20px;background: #FBFBFB;transition: .3s all ease;display:flex;flex-direction:column;}
    .news-card:hover{background:var(--bs-primary);color:#fff;--bs-link-hover-color-rgb:255,255,255;}
    .news-card:hover .news-date, .news-card:hover .news-excerpt{color:#fff;}
    .news-card:hover .news-title{--bs-link-color-rgb:255, 255, 255;}
    .news-date{color:#CCCCCC;font-size: 14px;line-height: 20px;margin: 19px 0 15px;}
    .news-title{--bs-link-color-rgb:51, 51, 51;--bs-link-hover-color-rgb:255, 255, 255;font-size: 24px;line-height: 26px;margin-bottom: 15px;}
    .news-image{border-radius: 6px  6px  6px  6px;overflow: hidden;}
    .news-excerpt{color:#999;font-size: 14px;line-height: 20px;margin-bottom: 25px;flex:1 1 auto;}
    .news-footer{margin-top:auto;font-weight: 700;color:#ccc;line-height: 20px;--bs-link-color-rgb:204, 204, 204;}

@media(max-width:991.98px){
    .news-list-container .nav{margin-bottom: 40px;}
    .current-category-title-item{width: 100%;}
    .news-nav-title{font-size: 24px;line-height: 1.6;}
    .news-nav-title::after{width: 8px;height: 8px;}
    .news-list-container{padding: 40px 0;}
    .news-item .nav-link , .news-title{font-size: 16px;line-height: 1.6;}
    .news-date{font-size: 12px;margin: 12px 0 11px;}
    .news-excerpt{font-size: 14px;line-height: 1.6;}
    .news-list.row{--bs-gutter-y: 30px;}
}