.home-multimedia{
        margin: 20px 0;
        display: flex;
        width: 1180px;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
}
.home-multimedia .home-multimedia-header {
        padding: 24px 0;
        text-align: left;
        width: 40%;
} 
.home-multimedia .home-multimedia-header a {
        font-family: 'Merriweather';
        font-size: 15px;
        font-weight: 700;
        line-height: 45px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        padding-left: 30px;
        position: relative;
}
.home-multimedia .home-multimedia-buttons {
        width: 60%;
        text-align: right;
        padding: 24px 0;
}
.home-multimedia .home-multimedia-buttons a{
        //styleName: Heading 5 Merri;
        font-family: "Merriweather";
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        padding-left: 60px;
        color: #031739;
}
.home-multimedia .home-multimedia-buttons a.video:before{
        font-family: "Font Awesome 5 Pro";
        content: '\f03d';
        font-size: 16px;
        font-weight: 900;
        padding-right: 5px;
        color: #2A58A0;
}
.home-multimedia .home-multimedia-buttons a.image:before{
        font-family: "Font Awesome 5 Pro";
        content: '\f03e';
        font-size: 16px;
        font-weight: 900;
        padding-right: 5px;
        color: #2A58A0;
}
.home-multimedia .home-multimedia-header a:before {
        background: url(images/media.png) no-repeat center;
        content: '';
        background-size: 25px;
        width: 25px;
        height: 25px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        filter: brightness(0) saturate(100%) invert(17%) sepia(79%) saturate(5210%) hue-rotate(194deg) brightness(94%) contrast(101%);
}
.home-multimedia .home-multimedia-buttons a.infographics:before, .home-multimedia .home-multimedia-buttons a.inforgraphics:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f200";
        font-size: 19px;
        font-weight: 900;
        padding-right: 5px;
        color: var(--color-primary);
}
.home-multimedia .home-multimedia-buttons a.longforms:before {
        background: url(images/longform.png) no-repeat;
        padding-right: 25px;
        width: 16px;
        height: 16px;
        display: inline-block;
        content: '';
        filter: brightness(0) saturate(100%) invert(28%) sepia(84%) saturate(772%) hue-rotate(186deg) brightness(91%) contrast(91%);
}
.home-multimedia .home-multimedia-content{
        width: 100%;
        height: 480px;
}
.home-multimedia .home-multimedia-content .home-multimedia-left > div{
        position: relative;
}
.home-multimedia .home-multimedia-content .home-multimedia-left {
        width: 790px;
        height: 100%;
        margin-right: 24px;
        float: left;
        border: 0;
}
.home-multimedia .home-multimedia-content .home-multimedia-right{
        height: auto;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper {
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        border: 0;
        /* background: #fff; */
        margin-bottom: 0;
        box-shadow: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-wrapper{
        height: 100% !important;
        border: 0;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination {
        position: absolute;
        left: 50%;
        bottom: 20px;
        width: fit-content;
        transform: translate(-50%, 0);
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        gap: 0px;
        opacity: 0px;
        border-radius: 50%;
        /* text-indent: -9999px; */
        /* white-space: nowrap; */
        background-color: #cfcfcf;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 36px;
        height: 10px;
        gap: 0px;
        opacity: 0px;
        border-radius: 5px;
        background: #F9F9F9;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-prev:after,
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-next:after{
        content: '';
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-prev{
        background: url(images/prev.png) no-repeat center;
        background-color: #15151573;
        background-size: contain;
        width: 40px;
        height: 40px;
        margin-left: 20px;
        border-radius: 50%;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-next{
        background: url(images/next.png) no-repeat center;
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background-size: contain;
        background-color: #15151573;
        border-radius: 50%;
}
.news-isonehome-list .news-isonhome-list-leftside .item {
        position: relative;
}
.news-isonehome-list .news-isonhome-list-leftside .item {
}
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-image {
        width: 100%;
        aspect-ratio: 16/9;
        order: 2;
        height: 480px !important;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-title{
        position: absolute;
        //
        styleName: Heading 2 Merri;
        //
        styleName: Heading 2 Merri;
        font-family: "Merriweather";
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        padding: 0 40px;
        color: #FFFFFF;
        box-shadow: 0px 2px 3px 0px #00000033;
        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%);
        bottom: 0;
        left: 0;
        height: 140px;
        width: 100%;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-author,
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-date{
        display: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-right{
        width: calc(100% - 790px - 24px);
        float: right;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list {
        list-style: none;
        height: 480px;
        overflow-y: auto;
        padding-left: 0;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E8E8E8;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a{
        display: inline-block;
        /* position: relative; */
        grid-template-columns: 1fr 1fr;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-sapo,
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-author,
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-date{
        display: none !important;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li img{
        width: 160px;
        height: 100px;
        margin-right: 20px;
        display: block;
        float: left;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-title-wrapper{
        width: calc(100% - 160px - 20px);
        float: right;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-title{
        font-family: "Merriweather";
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        color: #182940;
}
.home-multimedia .home-multimedia-right-view-more{
        display: none;
}
div#Content-container-fluid:has(.home-multimedia) {
        background: #EEF2F8;
        padding-bottom: 24px;
        margin-bottom: 15px !important;
        margin-top: 13px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a .type{
        width: 160px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        height: 40px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a .type:after{
        height: 28px;
        width: 28px;
        position: absolute;
        bottom: 5px;
        background: #00000099;
        clip-path: circle();
        left: 10px;
        content: '';
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a .type span.video:after{
        font-family: 'Font Awesome 5 Pro';
        content: '\f2ec';
        font-size: 14px;
        font-weight: 900;
        color: #ffffff;
        height: 12px;
        width: 14px;
        display: block;
        rotate: 90deg;
        left: 22px;
        bottom: 15px;
        position: absolute;
        z-index: 999;
}
.home-multimedia  .item.no-img .item-image,
.home-multimedia  .item .item-image[src='']{
        content: url(images/hanoi.jpg);
        /* background-size: cover; */
        font-size: 0;
}
@media only screen and (max-width: 768px){
        .home-multimedia{
                max-width: 100vw;
                padding: var(--padding-res);
        }
        .home-multimedia .home-multimedia-header {
                width: 100%;
                padding: 16px 0;
                justify-content: flex-start;
        }
        .home-multimedia .home-multimedia-header a{
                font-family: Merriweather;
                font-size: 18px;
                font-weight: 700;
                line-height: 26px;
                text-align: left;
                color: #2a58a0;
        }
        .home-multimedia .home-multimedia-buttons{
                width: 100%;
                text-align: left;
                padding: 0;
                display: flex;
                justify-content: space-between;
                margin-bottom: 16px;
        }
        .home-multimedia .home-multimedia-buttons a{
                padding: 8px 12px;
                background: #f2f2f2;
                border-radius: 4px;
                font-family: Merriweather;
                font-size: 15px;
                font-weight: 700;
                line-height: 22px;
                text-align: left;
                color: #2A58A0;
                border: 1px solid #b8bfcb;
        }
        .home-multimedia .home-multimedia-content {
                display: flex;
                flex-direction: column;
                height: auto;
                align-items: center;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper{
                padding-bottom: 40px;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left{
                width: 100%;
                margin: 0;
                float: unset;
                height: auto;
                margin-bottom: 20px;
                border-bottom: 1px solid #d7dfe9;
                /* padding-bottom: 50px; */
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .item .item-image{
                height: calc((100vw - 32px) / 16 * 10) !important;
                border-radius: 2px;
                object-fit: cover;
                margin-bottom: 10px;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .item .item-title{
                position: unset;
                background: transparent;
                font-family: Merriweather;
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
                text-align: left;
                color: #031739;
                box-shadow: none;
                padding: 0;
                height: auto;
                margin-top: 10px;
                max-height: 56px;
                overflow: hidden;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .item .overlay{
                display: none;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right{
                width: 100%;
                display: inline-block;
                max-width: 100vw;
                overflow-x: auto;
                float: unset;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list{
                height: auto;
                /* width: calc(100vw  *  5); */
                /* overflow-y: hidden; */
                display: flex;
                padding: 0;
                gap: 20px;
                scrollbar-width: none;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list::-webkit-scrollbar{
                display: none;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li{
                /* display: flex; */
                width: 280px;
                flex: none;
                border: 0;
                padding: 0;
                margin: 0;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li img{
                width: 100%;
                height: calc(280px / 16 * 10);
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li .item-title-wrapper{
                width: 100%;
                margin-top: 10px;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-prev{
                margin-left: 10px;
                top: 40%;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper .swiper-button-next{
                margin-right: 10px;
                top: 40%;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination{
                bottom: 10px;
                right: 0px;
                width: 100%;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination .swiper-pagination-bullet{
                width: 40px;
                height: 4px;
                gap: 0px;
                border-radius: 60px;
                opacity: 0.2;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper-wrapper{
                background: transparent;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
                background: #2A58A0;
                opacity: 1;
                height: 4px;
        }
}
@media only screen and (min-width: 769px) and (max-width: 1179px){
        .home-multimedia{
                max-width: 100vw;
                padding: var(--padding-res);
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left{
                width: 65%;
                height: calc((100vw - 32px) / 16 * 10);
                margin-right: 16px;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right{
                width: calc(35% - 16px);
        }
}