.UITabArticle_Default .TabArticleControl {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
}
.UITabArticle_Default .first {
        flex: 2;
}
.UITabArticle_Default .first img {
        width: 100%;
        height: auto;
        border-radius: 4px;
        margin-bottom: 10px;
         aspect-ratio: 10 / 6;
        object-fit: cover;
}
.UITabArticle_Default .first .title a {
        font-size: 18px;
        font-weight: bold;
        color: #029ed7;
        text-decoration: none;
        display: block;
        margin-bottom: 8px;
        line-height: 1.4;
}
.UITabArticle_Default .first .title a:hover {
        color: #007bff;
        text-decoration: underline;
}
.UITabArticle_Default .first .summary{
font-size: 15px!important;
        line-height: 1.45;
}
.UITabArticle_Default .first .summary p{
        font-size: 14px;
        line-height: 1.45;
        color: #333;
}
.UITabArticle_Default ul.next {
        flex: 1;
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
}
.UITabArticle_Default ul.next .item {
        display: flex;
        gap: 10px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 8px;
}
.UITabArticle_Default .Wrap {
        display: grid;
        grid-template-columns: 2.5fr 1.5fr;
        gap: 20px;
}
.clear {
        display: none;
}
.UITabArticle_Default ul.next .item .sub-img {
        width: 30%;
        object-fit: cover;
        border-radius: 4px;
        aspect-ratio: 16/10;
}
.UITabArticle_Default ul.next .item .title {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4;
        flex: 1;
}
.UITabArticle_Default ul.next .item .title:hover{
color:#029ed7
}
.UITabArticle_Default .Header img {
        display: none;
}
.UITabArticle_Default ul.next .item .title a {
        color: #004b8d;
        text-decoration: none;
}
.UITabArticle_Default ul.next .item img {
        width: 100%;
        aspect-ratio: 16/10;
}
.UITabArticle_Default ul.next .item .title a:hover {
        text-decoration: underline;
        color: #007bff;
}
/* Tiêu đề đầu "Tin nổi bật" */
.UITabArticle_Default .Header {
        margin-bottom: 20px;
        border-bottom: 2px solid var(--main-color);
}
.UITabArticle_Default .Header .text a {
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        background-color: var(--main-color);
        padding: 6px 12px;
        text-decoration: none;
        display: inline-block;
}
@media only screen and (max-width: 768px){
        .UITabArticle_Default .Wrap {
                grid-template-columns: 1fr;
        }
}