.UIMostViewCountNews {
        margin-top: 20px;
        box-shadow: var(--box-category);
        border-radius: 4px;
        padding: 5px;
}
.UIMostViewCountNews .Header{
        width: 100%;
        height: 45px;
        position: relative;
        padding-right: 10px;
}
.UIMostViewCountNews .Header .HeaderWrap>span:after{
        content: '';
        position:absolute;
        width: 120px;
        height: 1.5px;
        background-color: var(--color-primary);
        bottom: -5px;
        left: 30px;
}
.UIMostViewCountNews .Header .HeaderWrap
{
        height: 100%;
        display: table;
}
.UIMostViewCountNews .Header .HeaderWrap>span{
        font-family: 'Merriweather';
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        padding-left: 30px;
        background: url(images/logo.png) no-repeat left;
        background-size: 20px;
        background-position-x: 5px;
        position: relative;
}
.UIMostViewCountNews .list{
        padding: 0 5px;
}
.UIMostViewCountNews .list .news-item{
        display: grid;
        border-bottom:1px solid #F2F2F2;
        padding: 16px 0;
        width: 100%;
        gap: 10px;
        grid-template-columns: 2fr 3fr;
}
.UIMostViewCountNews .list .news-item:last-child{
        border: 0;
} 
.UIMostViewCountNews .list .news-item  .news-info{
        /* float: left; */
        /* width: calc(100% - 130px); */
}
.UIMostViewCountNews .list .news-item.no-img  .news-info{
        width: 100%;
}
.UIMostViewCountNews .list .news-item.no-image .news-info {
        width: 100%;
}
.UIMostViewCountNews .list .news-item .img-news img{
        aspect-ratio: 16/10;
        width: 100%;
        object-fit: fill;
}
.UIMostViewCountNews .list .news-item  .news-info .news-sapo{
        display: none;
}
.UIMostViewCountNews .list .news-item  .news-info span.time{
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 19.5px;
        text-align: left;
        color: #ffffff;
        margin-bottom: auto;
        display: none;
}
.UIMostViewCountNews .list .news-item  .news-info .news-title{
        font-family: 'Merriweather';
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #182940;
}
@media only screen and (max-width: 768px){
        .UIMostViewCountNews{
                border: 0;
                padding: var(--padding-res);
        }
        .UIMostViewCountNews .Header .HeaderWrap>span{
                /* color: var(--color-primary); */
                font-size: 17px;
                font-weight: 700;
                line-height: 40px;
                text-align: left;
                text-transform: math-auto;
        }
        .UIMostViewCountNews .Header{
                position: relative;
                border: 0;
                height: unset;
        }
}