.news-isonehome-list{
        /* margin: 20px 0; */
        display: flex;
        width: 100%;
        height: 550px;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: #EEEFF3;
        overflow-y: hidden;
        position: relative;
        margin: 20px 0;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        border-left: 0;
        justify-content: flex-end;
}
   
.news-isonehome-list>div{
        /* flex: 1; */
        max-height: fit-content;
}
.news-isonehome-list .news-isonhome-list-leftside{
        /* width: 590px; */
        /* height: auto; */
        /* flex-shrink: 0; */
        /* width: 65%; */
}
.news-isonehome-list .news-isonhome-list-leftside .swiper {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        background: #fff;
        margin-bottom: 0;
        /* opacity: 1 !important; */
        width: 100%;
        height: 100%;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-wrapper{
        /* height: 100% !important; */
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-pagination {
        position: absolute;
        right: 20px;
        bottom: 10px;
        width: auto;
        left: unset;
        display: inline-block;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-pagination .swiper-pagination-bullet{
        width: 16px;
        height: 16px;
        border-radius: 50%;
        /* text-indent: -9999px; */
        /* white-space: nowrap; */
        color: transparent;
        background: #f2f2f2;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        border: 1px solid #FFFFFF99;
        content: '';
        position: relative;
        color: transparent;
        background: transparent;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
        width: 8px;
        height: 8px;
        border: 1px solid #FFFFFF99;
        border-radius: 50%;
        content: '';
        background: #d9d9d9;
        color: #d9d9d9;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -4px 0px 0px -4px;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-prev:hover,
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-next:hover{
        background-color: #9E9E9E8F;
        /* display: none; */
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-prev{
        background: url(images/prev.png) no-repeat center;
        background-size: 20px;
        background-color: #cdcdcd8f;
        width: 32px;
        height: 32px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 12px;
        border-radius: 50%;
        border: 1px solid #ffffff;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-next{
        background: url(images/next.png) no-repeat center;
        background-size: 20px;
        background-color: #cdcdcd8f;
        width: 32px;
        height: 32px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 12px;
        border-radius: 50%;
        border: 1px solid #ffffff;
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-next:after,
.news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-prev:after{
        content: '';
}
.news-isonehome-list .news-isonhome-list-leftside .swiper .overlay{
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60.5%, rgba(0, 0, 0, 0.88) 100%);
        width: 100%;
        height: 180px;
        bottom: 0;
        content: '';
        display: inline-block;
        left: 0;
}
.news-isonehome-list .news-isonhome-list-leftside .item {
        position: relative;
}
.news-isonehome-list .news-isonhome-list-leftside .item {
}
.news-isonehome-list .news-isonhome-list-leftside .item .image-wrapper {
        width: 100%;
        order: 2;
        height: 100%;
}
.news-isonehome-list .news-isonhome-list-leftside .item .image-wrapper .item-image{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.news-isonehome-list .news-isonhome-list-leftside .item .item-title{
        position: absolute;
        font-family: "Merriweather";
        font-size: 23px;
        font-weight: 700;
        line-height: 34px;
        text-align: center;
        /* margin: 0 20px; */
        color: #FFFFFF;
        bottom: 45px;
        left: 40px;
        width: calc(100% - 80px);
        /* padding-top: 20px; */
        z-index: 1;
        /* box-shadow: 0px 2px 3px 0px #00000033; */
        /* max-height: 68px; */
        /* right: 40px; */
}
.news-isonehome-list .news-isonhome-list-leftside .item .item-title:hover{
       -webkit-text-stroke: 0.5px #6c6666bd;
       color: #07ff91;;
}
.news-isonehome-list .news-isonhome-list-leftside .item .item-author,
.news-isonehome-list .news-isonhome-list-leftside .item .item-date,
.news-isonehome-list .news-isonhome-list-leftside .item .item-sapo{
        display: none;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-sapo {
        order: 3;
        /* Allow sapo to be flexible within the column */
        color: #3B4E68;
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        display: none;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-author,
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-date,
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .text{
        display: none;
}
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list{
        list-style: none;
        margin-top: 20px;
}
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li{
        position: relative;
}
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li img,
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li .item-sapo,
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li .item-author,
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li .item-date{
        display: none !important;
}
.news-isonehome-list .news-isonhome-list-rightside{/* flex: 1; *//* display: none; */width: 320px;flex-shrink: 0;margin-left: 15px;border-left: 1px solid #eee;padding-left: 15px;/* padding-top: 45px; */justify-self: flex-end;}
.news-isonehome-list .news-isonhome-list-rightside:before{
        content: 'Tin nổi bật';
        width: 100%;
        height: 40px;
        /* border-bottom: 1px solid #D9D9D9; */
        background-color: var(--color-primary);
        border-radius: 0px 4px 0 0;
        display: block;
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        color: #ffffff;
        text-transform: uppercase;
        padding-left: 10px;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
        max-width: 400px;
        white-space: nowrap;
        overflow: hidden;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist{
        list-style: none;
        max-height: 500px;
        overflow-y: auto;
        /* padding-left: 20px; */
        margin: 0;
        padding: 0;
        padding-right: 5px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item{
        position: relative;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:first-child .item{
        padding-top: 0;
        display: inline-block;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item .item-title:before{
        /* content: '\f067'; */
        font-family: 'Font Awesome 5 Pro';
        padding-right: 5px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li {
    /* padding-bottom: 21px; */
    /* margin-top: 21px; */
    position: relative;
    /* float: right; */
    width: 100%;
    display: inline-block;
    padding: 5px 5px 0px 0px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li +li{
    border-top: 1px dashed #E9E9E9;
    margin-top: 10px;
}

.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-sapo,
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-author,
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-date{
        display: none !important;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .image-wrapper{
        width: 120px;
        height: 80px;
        float: left;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li a.no-img img{
        display: none !important;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-title{
        float: right;
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #182940;
        width: calc(100% - 130px);
}

@media only screen and (max-width: 768px){
        .news-isonehome-list{
                margin: 0;
                margin-bottom: 20px;
                max-width: 100vw;
                flex-direction:column;
                gap: 0;
                height: auto;
                border: 0;
        }
        .news-isonehome-list>div{
        /* flex: 1; */
                width: 100%;
        }
        .news-isonehome-list .news-isonhome-list-leftside{
                width: 100vw;
                margin-bottom: 20px;
        }
        .news-isonehome-list .news-isonhome-list-rightside{
                width: 100%;
                margin: 0;
                padding: 0;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist{
                width: 100%;
                overflow: hidden;
                max-height: unset;
        }
        .news-isonehome-list .news-isonhome-list-leftside .item .item-image{
                height: calc(100vw / 16 * 9) !important;
        }
        .news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-prev{
                margin-left: 10px;
                top: calc((100vw / 16 * 10) / 2);
        }
        .news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-button-next{
                margin-right: 10px;
                top: calc((100vw / 16 * 10) / 2);
        }
        .news-isonehome-list .news-isonhome-list-leftside .swiper .overlay{
                display: none !important;
        }
        .news-isonehome-list .news-isonhome-list-leftside .item .item-title{
                position: unset;
                font-size: 22px;
                font-weight: 700;
                line-height: 30px;
                text-align: justify;
                color: #031739;
                padding: 0 16px;
                margin-top: 10px;
                box-shadow: none;
                DISPLAY: BLOCK;
                width: 100%;
        }
        .news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-wrapper{
                height: auto !important;
        }
        .news-isonehome-list .news-isonhome-list-leftside .swiper .swiper-pagination {
                display: none;
        }
        .news-isonehome-list .news-isonhome-list-leftside .item .item-sapo{
                display: block;
                color: #62748D;
                font-family: Roboto;
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
                text-align: left;
                padding: 0 16px;
                margin-top: 10px;
                display: none;
        }
          .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:not(li:first-child){
                padding: 0;
                margin: 0;
                float: unset;
                width: unset;
                border-bottom: 0;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li{
                padding: 16px 0 !important;
                border: 0;
                border-top: 1px solid #F2F2F2;
                margin: 0 16px !important;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li a{
                display: flex;
                flex-direction: row;
                width: calc(100vw - 32px);
                gap: 10px;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li a.item img.item-image{
                display: block !important;
                width: 126px;
                height: 80px;
                border-radius: 2px;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:not(li:first-child):before{
                display: none;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-title{
                padding: 0 !important;
                font-size: 15px;
                font-weight: 700;
                line-height: 22px;

        }
        .news-isonehome-list .news-isonhome-list-rightside:before{
                content: unset;
        }
}