* {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-rendering: geometricprecision;
}
.TabArticleControl{
            position: relative;
        border:none!important
}
.UITabArticle_tinhuysingletab {
        /***padding-right: 20px;*****/
}
.SingleTab .view-more{
      position: absolute;
    top: 15px;
    right: 15px;
    color: var(--color-primary);
}
.SingleTab .view-more::after {
  content: " »";
}
 .SingleTab {
        margin: 0px 0px 0px 0px;
        width: 100%;
        background: white;
        border: 0;
         margin-bottom: 20px;
}
 .SingleTab .Header {
        width: 100%;
        display: unset;
    height: 40px;
            position: relative;
}
.SingleTab .Header .HeaderWrap{
width: 100%;
        position: relative;
}
 .SingleTab .Header span.text {

}
 .SingleTab .Header .HeaderWrap:before {
      content: '';
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    background: linear-gradient(to right, var(--color-primary), transparent);
}
 .SingleTab .Header .HeaderWrap .text>a {
        /* color: #fff; */
     display: inline-block;
         letter-spacing: -1px;
    color: var(--color-primary);
    font-size: 16px;
    margin: 10px 0 0;
         font-family: inter;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}
.SingleTab .Wrap{

}
 .SingleTab .Header .HeadWraper ul {
        display: inline-block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
 .SingleTab .Header .HeadWraper li {
        display: inline-block;
        float: left;
}
 .SingleTab .Header .HeadWraper li span {
        display: block;
        height: 28px;
        line-height: 28px;
}

.Header .HeadWraper .Image {
        margin-right: 6px;
}
.SingleTab .Wrap {
 
}
 .SingleTab .Wrap .first {
  display: inline-block;
         margin-top:26px;
}
 .SingleTab .Wrap .first .image {
        margin-bottom: 5px;
        aspect-ratio: 5 / 3;
        object-fit: cover;
          width:34%;
    float: left;
    padding-right: 15px;
         grid-row: 1 / span 2;
}
 .SingleTab .Wrap .first .title {
        margin: 0;
        padding: 0;
}
.SingleTab .Wrap .first .title .new {
        padding-left: 8px;
        background: rgba(0, 0, 0, 0) url("Images/new.gif") no-repeat scroll right center;
        color: transparent;
}
 .SingleTab .Wrap .first p {
        margin: 0;
        padding-bottom: 10px;
        padding-top: 6px;
        text-align: justify;
        font-size: 15px!important;
        color: #222!important;
         font-size:14px!important;
}
 .SingleTab .Wrap .first .title a {
             display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: -webkit-auto;
        color: #212529;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.4;
}
.SingleTab .Wrap .first .title a:hover{
	color: var(--bg-orrange);
}
.SingleTab .Wrap .next .title {
        vertical-align: text-top;
        display: -webkit-inline-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
        font-size: 14px;
            padding-left: 15px;
        font-weight:bold;
}

 .SingleTab .Header .HeaderWrap {

}
 .SingleTab .Header::after {
        content: '';
        position: unset;
        bottom: unset;
        left: unset;
        width: unset;
        height: unset;
        background: #fff;
        pointer-events: unset;
        display: unset;
}
.HeaderWrap img{
	display: none;
}
 .SingleTab .Wrap a:hover {
        color: var( --bg-orrange);
}
.UITabArticle_tinhuysingletab .SingleTab .Wrap .clear {
        clear: both;
}
.SingleTab .Wrap .next {
        list-style: disc;
        margin-top: 5px;
        padding: 0;
        color: var(--color-primary);
        font-size: unset;
        display: block;

        list-style: none;
        margin: 0;
                margin-top:10px;
}
 .SingleTab .Wrap .next li {
        padding: 5px 0;
        position: relative;
}
 .SingleTab .Wrap .next li:before{
	 content: "";
  width: 5px;
  height: 5px;
  background: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px; /* căn theo dòng chữ */
}
 .SingleTab .Wrap .next li a {
        text-decoration: none;
}
 .SingleTab .Wrap .next li a .new {
        padding-left: 7px;
        background: rgba(0, 0, 0, 0) url("Images/new.gif") no-repeat scroll right center;
        color: transparent;
}
table.page-layout-5 td:nth-child(2),  table.page-layout-5 td:nth-child(4){

}
table.page-layout-3_2 td:nth-child(2){
 
}
 table.page-layout-3_2 td:nth-child(3){

}

@media only screen and (max-width: 1023px) {
       
}      
@media only screen and (max-width: 768px){
        .SingleTab{
                padding:0 10px;
        }
     .SingleTab .Wrap .first{
                display: block;
                gap:15px;
        }
        .SingleTab .Wrap .first .image{
           float: left;
                width:185px !important;
                height:115px !important;
        }
         .SingleTab .Wrap .first p{
                font-size:15px;
                color:#555555;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                /* number of lines to show */
                line-clamp: 2;
                -webkit-box-orient: vertical;
                padding:0;
                text-align: left;
        }
         .SingleTab .Wrap .first .title{
                order:3;
                grid-column:span 2;
        }
       .SingleTab .Wrap{
        	padding: 10px 0 0 0;
        }
}
@media only screen and (max-width: 768px){
        .UITabArticle_tinhuysingletab .SingleTab{
                padding:0;
                height: auto;
                min-height: auto
        }
        .TabArticleControl {
        	margin-bottom:20px!important;
        }
}