.UIHotNewsZone .item-main h2.news-title {
    font-family: Merriweather;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #031739;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3;
   -webkit-box-orient: vertical;
}
.UIHotNewsZone  .Title {
    display: none;
}
.UIHotNewsZone  p.news-sapo {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #3B4E68;
    margin-top: 16px;
       overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3;
   -webkit-box-orient: vertical;
}
.UIHotNewsZone  .item-main {
    display: grid;
    grid-template-areas:
        "first first first second second";
    grid-column-gap: 20px;
    background: #EEF2F8;
    /* align-items: center; */
}
.UIHotNewsZone .item-main .img-news {
    grid-area: first;
}
.UIHotNewsZone .item-main .img-news img{
    width: calc(870px * 0.6);
    object-fit: cover;
}
.UIHotNewsZone .item-main .news-info {
    grid-area: second;
    padding: 20px 20px 20px 0;
}
.UIHotNewsZone img {
    width: 100%;
    border: 1px solid #eeeeee;
    margin: auto 0;
}
.UIHotNewsZone img[src='']{
    content: url(images/hanoi.jpg);
    background-size: cover;
    font-size: 0;
}

.UIHotNewsZone .second-news img{
    height: calc((830px / 3) / 16 * 10);
    object-fit: cover;
}
.UIHotNewsZone  span.time {
    font-size: 14px;
    min-width: 175px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #454545;
    display: none;
}
.UIHotNewsZone .second-news h2.news-title {
    font-family: Merriweather;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #000000;
    margin-top: 6px;
       overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3;
   -webkit-box-orient: vertical;
}
.UIHotNewsZone .second-news span.time, .UIHotNewsZone .second-news p.news-sapo {
        display: none;
}
.UIHotNewsZone .second-news {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
}
@media only screen and (max-width: 1024px){
       .UIHotNewsZone p.news-sapo {
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            margin-bottom: 0;
            margin-top: 0;
        }
     .UIHotNewsZone  .second-news .news-item {
            margin: 16px;
            display: flex;
            flex-direction: column-reverse;
        }
    .UIHotNewsZone .item-main .img-news img{
        width: 100%;
    }
    .UIHotNewsZone .second-news img{
    height: unset;
}
       .UIHotNewsZone .item-main {
            grid-template-columns: 1fr; 
            display: block !important;
        }
       .UIHotNewsZone .second-news .img-news {
            display: flex;
            gap: 10px;
            flex-direction: column;
        }
        .UIHotNewsZone .second-news h2.news-title {
            color: #031739;
            margin-top: 6px;
            font-family: Merriweather;
            font-size: 20px;
            font-weight: 700;
            line-height: 28px;
            text-align: left;
        }
        .UIHotNewsZone .second-news .img-news a {
            /* width: 40%; */
            display: block;
        }
        .UIHotNewsZone .item-main .news-info {
            padding: 16px;
        }
        .UIHotNewsZone .item-main h2.news-title {
            font-family: Merriweather;
            font-size: 22px;
            font-weight: 700;
            line-height: 30px;
            text-align: left;
        }
       .UIHotNewsZone .second-news p.news-sapo.hidden {
            display: inline;
            /* width: calc(60% - 10px); */
            margin-top: 0;
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            color: #62748D;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-height: 88px;
        }
        .UIHotNewsZone span.time{
                display: none;
        }
       .UIHotNewsZone .second-news {
            display: block !important;
            background: #F9F9F9;
            margin-top: 0;
            padding-bottom: 6px;
        }
        .UIHotNewsZone .second-news .news-item:first-child {
            margin-top: 0;
            padding-top: 16px;
        }
}