.news-isonehome-list.grid {
        display: grid;
        grid-template-areas: "left top"
                "left bot";
        grid-template-columns: calc(70% - 21px) 1fr;
}
.news-isonehome-list.grid .news-isonhome-list-rightside:before{
        display: none;
}
.news-isonehome-list.grid .form-title  h1 a{
        text-transform: uppercase;
        font-family: Merriweather;
        position: absolute;
        font-weight: 700;
        font-size: 18px;
        color: var(--color-primary);
        padding-top: 5px;
}
.news-isonehome-list.grid .news-isonhome-list-leftside {
        grid-area: left;
        width: 100%;
}
.news-isonehome-list.grid .news-isonhome-list-rightside {
        grid-area: bot;
        margin-top: 30px;
}
.news-isonehome-list.grid .form-title {
        grid-area: top;
        width: 100%;
        /* margin: 0 auto; */
        margin-left: 20px;
}
.news-isonehome-list{
        margin: 20px 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-start;
}
.news-isonehome-list>div{
        /* flex: 1; */
        max-height: fit-content;
}
.news-isonehome-list .news-isonhome-list-leftside{
        width: calc(70% - 21px);
        padding-right: 20px;
        border-right:  1px solid #F4F4F4;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
}
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list .image-wrapper {
        display: none;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .image-wrapper {
        display: none;
}
.news-isonehome-list .news-isonhome-list-rightside{
        /* width: calc(30% - 20px); */
        margin-left: 20px;
        flex: 1;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel {
        /* flex: 1; */
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item {
        display: flex;
        flex-direction: column;
        gap: 10px;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-title, .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-title h2 {
        order: 1;
        color: #111111;
        font-family: "Merriweather";
        font-size: 27px;
        font-weight: 700;
        line-height: 42px;
        text-align: left;
        order: 1;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-image {
        width: 100%;
        height: 330px !important;
        order: 2;
        /* Ensure the image is second */
        object-fit: cover;
}
.news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-sapo {
        text-align: left;
        order: 3;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 21px;
        color: #3b4e68;
        margin-bottom: 10px;
}
.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; */
        margin-bottom: auto;
}
.news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list li{
        position: relative;
        margin-bottom: 5px;
}
.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: 8px;
        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-leftside .new-isonhome-leftside-list li .item-title {
        font-family: "Roboto";
        text-align: left;
        -webkit-line-clamp: 2 !important;
        display: block;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
        color: #000e26;
        position: relative;
        /* padding-left: 20px; */
}
.news-isonehome-list .news-isonhome-list-rightside{
        border-top: 2px solid var(--color-primary);
        );
        padding-top: 5px;
        margin-top: 40px;
        position: relative;
}
.news-isonehome-list .news-isonhome-list-rightside:before{
        content: 'Tin tức - sự kiện nổi bật';
        text-transform: uppercase;
        font-family: Merriweather;
        position: absolute;
        top: -30px;
        font-weight: 700;
        font-size: 18px;
        color: var(--color-primary);
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist {
        list-style: none;
        max-height: 600px;
        overflow-y: auto;
        padding-left: 20px;
        border-right: 0;
        min-height: 580px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist::-webkit-scrollbar-track-piece{
        background: #F0F0F0;
        width: 4px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist::-webkit-scrollbar-thumb{
        background: #E2E3E4;
        width: 4px;
        height: 221px;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:before{
        content: '';
        background: var(--color-primary);
        );
        )=;
        );
        width: 5px;
        height: 5px;
        display: inline-block;
        position: absolute;
        top: 10%;
        transform: translate(-50%, 0);
        left: -15px;
}
.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-leftside .news-isonhome-leftpanel > .item figure {
        order: 2;
}
.news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li .item-title{
        font-family: "Merriweather";
        font-size: 14px;
        line-height: 23px;
        text-align: left;
        color: #031739;
        font-family: Merriweather;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 23px;
        color: #031739;
}
@media only screen and (max-width: 1024px){
        .news-isonehome-list.grid .news-isonhome-list-rightside {
                padding-right: 0;
        }
        .news-isonehome-list.grid .form-title  h1 a{
                font-size: 16px;
        }
        .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-title, .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-title h2 {
                font-size: 24px;
                line-height: 34px;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li {
                padding-bottom: 15px;
                margin-top: 15px;
        }
}
@media only screen and (max-width: 768px){
        .news-isonehome-list{
                height: auto;
                margin-top: 0;
                margin-bottom: 10px;
        }
        .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel > .item > .item-image{
                height: calc(100vw / 16 * 10) !important;
        }
        .news-isonehome-list .news-isonhome-list-leftside{
                width: 100%;
                padding: 0;
                margin-bottom: 20px;
                border: 0;
        }
        .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel .item .item-title{
                padding: 0 16px;
                order: 2;
                font-size: 24px;
                line-height: 37px;
                font-weight: 600;
        }
        .news-isonehome-list .news-isonhome-list-leftside .news-isonhome-leftpanel .item .item-sapo{
                padding: 0 16px;
        }
        .news-isonehome-list .news-isonhome-list-leftside .new-isonhome-leftside-list{
                padding: var(--padding-res);
                padding-left: 38px;
        }
        .news-isonehome-list .news-isonhome-list-rightside{
                padding: 0 16px;
                margin: 0;
                border-top: 0;
                margin-top: 20px;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist{
                max-height: 488px;
                /* overflow: overlay; */
                /* padding: 0; */
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li {
                border-top: 1px solid #EEEEEE;
                border-bottom: 0;
                margin-top: 0;
                padding: 20px 0;
        }
        .news-isonehome-list.grid .form-title a h1 {
                font-size: 14px;
        }
        .news-isonehome-list .news-isonhome-list-rightside .new-isonhome-rightside-rightlist li:before{
                top: 28px;
        }
        .news-isonehome-list .news-isonhome-list-rightside ul.new-isonhome-rightside-rightlist::-webkit-scrollbar-track-piece{
                background: transparent;
        }
        .news-isonehome-list .news-isonhome-list-rightside ul.new-isonhome-rightside-rightlist::-webkit-scrollbar {
                background-color: transparent;
                width: 4px;
        }
        .news-isonehome-list .news-isonhome-list-rightside ul.new-isonhome-rightside-rightlist::-webkit-scrollbar-track {
                background-color: transparent;
        }
        .news-isonehome-list .news-isonhome-list-rightside ul.new-isonhome-rightside-rightlist::-webkit-scrollbar-thumb{
                height: 10px;
        }
        .news-isonehome-list.grid .news-isonhome-list-rightside {
                padding-right: 0;
        }
}
@media only screen and (max-width: 600px){
        .news-isonehome-list.grid {
                grid-template-areas: "left"
                        "top"
                        "bot";
                grid-template-columns: 1fr;
        }
        .news-isonehome-list.grid .form-title  h1 a {
                font-size: 18px;
        }
}