.news-isonehome-list{
        /* margin: 20px 0; */
        display: flex;
        width: 100%;
        height: 460px;
        gap: 20px;
        border-radius: 0px 10px 10px 0px;
        border-width: 1px;
        border-style: solid;
        border-color: #EEEFF3;
        padding: 60px 20px 20px 60px;
        /* overflow-y: hidden; */
        /* margin-bottom: 20px; */
        /* border-bottom: 0; */
        padding-bottom: 20px;
        position: relative;
        margin: 40px 0;
        /*box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
        border-left: 0;
}
.news-isonehome-list:before{
        content: 'Tin nổi bật';
        position:absolute;
        top: 20px;
        font-family: Merriweather;
        font-size: 17px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: rgba(3, 23, 57, 1);
        text-transform: uppercase;
        left: 70px;
}
.news-isonehome-list:after{
        position: absolute;
        width: 3px;
        height: 18px;
        border-radius: 9px;
        background: rgba(0, 104, 180, 1);
        content: '';
        top: 20px;
}
.news-isonehome-list>div{
        /* flex: 1; */
        max-height: fit-content;
}
.news-isonehome-list .news-isonhome-list-leftside{
        width: 590px;
        /* height: auto; */
        flex-shrink: 0;
}
.news-isonehome-list .news-isonhome-list-rightside{
        width: calc;
}
.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 .item-image {
        width: 100%;
        aspect-ratio: 16/10;
        order: 2;
        height: 380px;
        /* Ensure the image is second */
}
.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;
        padding: 0 20px;
        color: #FFFFFF;
        bottom: 45px;
        left: 0;
        width: 100%;
        /* padding-top: 20px; */
        z-index: 1;
        box-shadow: 0px 2px 3px 0px #00000033;
        /* max-height: 68px; */
}
.news-isonehome-list .news-isonhome-list-leftside .item .item-title:hover{
       -webkit-text-stroke: 0.5px #ffffffbd;
        color: var(--color-blue);
}
.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:before{
        content: '';
        background: #99A5B5;
        width: 5px;
        height: 5px;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translate(-50%, 0);
        left: -20px;
}
.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;}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist{
        list-style: none;
        /* max-height: 588px; */
        overflow-y: auto;
        /* padding-left: 20px; */
        margin: 0;
        padding: 0;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item{
        padding: 16px 0px 18px 20px;
        position: relative;
        display: block;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:first-child .item{
        padding-top: 0;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item:before{
        content:"\A";
        width:6px;
        height:6px;
        border-radius:50%;
        background: #182940;
        display:inline-block;
        position: absolute;
        left: 0;
        top: 23px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:first-child .item:before{
        top: 8px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li {
    /* padding-bottom: 21px; */
    /* margin-top: 21px; */
    border-bottom: 1px dashed #E9E9E9;
    position: relative;
    /* float: right; */
    width: 100%;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:before{
        background-color: var(--color-primary);
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-right: 10px;
        margin-top: 8px;
        content: '';
        float: left;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li figure,
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li img,
.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 a.no-img img{
        display: none !important;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-title{
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #182940;
}

@media only screen and (max-width: 768px){
        .news-isonehome-list:before,.news-isonehome-list:after,
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item:before{
                content: unset;
        }
        .news-isonehome-list{
                margin: 0;
                margin-bottom: 20px;
                max-width: 100vw;
                flex-direction:column;
                gap: 0;
                /* max-width: 100vw; */
                height: auto;
                padding: 0;
                border-radius: unset;
        }
        .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%;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist{
                width: 100%;
                overflow: hidden;
        }
        .news-isonehome-list .news-isonhome-list-leftside .item .image-wrapper{
                width: 100%;
        }
        .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: left;
                color: #031739;
                padding: 0 16px;
                margin-top: 10px;
                DISPLAY: BLOCK;
                box-shadow: none;
        }
        .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; */
                bottom: unset;
                top: calc((100vw / 16 * 9) - 30px);
                right: 50%;
                transform: translateX(50%);
        }
        .news-isonehome-list .news-isonhome-list-leftside .item .item-sapo{
                display: block !important;
                color: #62748D;
                font-family: Roboto;
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
                text-align: left;
                padding: 0 16px;
                margin-top: 10px;
        }
          .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 !important;
                border: 0;
                border-top: 1px solid #F2F2F2;
                margin: 0!important;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item{
                display: flex;
                flex-direction: row;
                /* width: calc(100vw - 32px); */
                gap: 10px;
                display: inline-block;
                padding: 0;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li figure{
                display: inline-block !important;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li a.item img.item-image{
                display: block !important;
                width: 120px;
                height: 80px;
                border-radius: 2px;
                float: left;
        }
        .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;
                float: right;
                width: calc(100% - 130px);
        }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
        .news-isonehome-list .news-isonhome-list-leftside{
                width: 60%;
        }
}