.home-multimedia {
    width: 1200px;
    height: 490px;
    padding: 20px 0;
    /* border-radius: 4px; */
    /* border-top: 2px solid #C07709; */
    /* background: #F6FAFF; */
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    margin: 0 auto;
    /* padding-right: 0; */
    margin-bottom: 40px;
}
.home-multimedia .home-multimedia-header{
        width: 40%;
}
.home-multimedia .home-multimedia-header a {
    font-family: Merriweather;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #031739;
    background: url(images/media.png) no-repeat left 6px;
    background-size: 18px;
    padding-left: 25px;
    background-position-y: 2px;
    text-transform: uppercase;
}
.home-multimedia .home-multimedia-buttons{
        /* margin-left: 40px; */
        display: flex;
        gap: 55px;
        width: 60%;
        justify-content: flex-end;
}
.home-multimedia .home-multimedia-buttons a{
        position: relative;
}
.home-multimedia .home-multimedia-buttons a[href*='video']:before{
        position: absolute;
        content: url(images/video.png);
        display: inline-block;
        left: -25px;
}
.home-multimedia .home-multimedia-buttons a[href*='anh']:before{
        position: absolute;
        content: url(images/photo.png);
        display: inline-block;
        left: -25px;
        top: 0px;
}
.home-multimedia .home-multimedia-buttons a[href*='longform']:before{
        position: absolute;
        content: url(images/longform.png);
        display: inline-block;
        left: -25px;
        top: -2px;
}
.home-multimedia .home-multimedia-buttons a span{
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        color: #3B4E68;
}
.home-multimedia .home-multimedia-right-view-more{
        display: none;
}
.home-multimedia .home-multimedia-content{
        width: 100%;
        height: 460px;
        margin-top: 20px;
        display: flex;
        gap: 20px;
}
.home-multimedia .home-multimedia-content .swiper .swiper-pagination,
.home-multimedia .home-multimedia-content .swiper div[class*='swiper-button']{
        display: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-left{
        width: 40%;
}
.home-multimedia .home-multimedia-content .home-multimedia-right{flex: 1;}
.home-multimedia .home-multimedia-content .home-multimedia-left .swiper{
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        /* border-radius: 4px; */
}
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-title{
        font-family: Merriweather;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        text-align: left;
        color: #031739;
        /* max-height: 52px; */
        display: inline-block;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .item .item-date{
        display: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-left img{
        width: 100%;
        /* aspect-ratio: 16 / 10; */
        object-fit: cover;
        height: 340px;
        margin-bottom: 10px;
        border-radius: 4px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list{
        padding: 0;
        list-style: none;
        /* height: 360px; */
        /* overflow: auto; */
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list::-webkit-scrollbar {
        width: 4px;
        background:  transparent;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list::-webkit-scrollbar-track {
        background: transparent;
}
/* Handle */
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list::-webkit-scrollbar-thumb {
        background: #dddddd;
        max-height: 30px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li{
        /* margin-bottom: 16px; */
        /* padding-bottom: 16px; */
        border-bottom: 1px solid #EEF2F8;
        width: calc((100% - 40px) / 3);
        height: unset;
        list-style: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li:nth-child(n+4) {
        border-bottom: 0;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li:first-child{
        /* display: none; */
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item{
         display: inline-block;
         gap: 10px;
         width: 100%;
         /* height: 86px; */
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item.no-img img{
        display: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item .item-image{
        width: 100%;
        height: 130px;
        object-fit: cover;
        /* float: left; */
        /* margin-right: 10px; */
        /* display: inline-block; */
        flex-shrink: 0;
        border-radius: 4px;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item .item-title{
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        display: inline-block;
        margin: 10px 0;
        color: #031739;
}
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item.no-img img,
.home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item .item-date{
        display: none;
}
.home-multimedia .home-multimedia-content .home-multimedia-left .home-multimedia-left-slider .item .image-wrapper{
        width: 100%;
        height: 100%;
}

@media only screen and (max-width: 768px){
       .home-multimedia{
               height: auto;
               border: 0;
               padding: 0 16px;
               border-radius: unset;
               justify-content: space-between;
               max-width: 100vw;
               gap: 16px;
               margin-bottom: 20px;
       } 
        .home-multimedia .home-multimedia-header,
        .home-multimedia .home-multimedia-buttons{
                width: 100%;
        }
        .home-multimedia .home-multimedia-header a{
                font-size: 18px;
                line-height: 26px;
                text-transform: uppercase;
                color: #031739;
        }
        .home-multimedia .home-multimedia-buttons{
                margin: 0;
                gap: 10px;
                justify-content: space-between;
        }
        .home-multimedia .home-multimedia-buttons a{
                padding: 8px 12px;
                background: #ededed;
                border-radius: 4px;
        }
        .home-multimedia .home-multimedia-buttons a span{
                font-family: Merriweather;
                font-size: 14px;
                font-weight: 700;
                line-height: 22px;
                text-align: left;
                color: var(--color-primary);
        }
        .home-multimedia .home-multimedia-buttons a:before{
                content: unset !important;
        }
        .home-multimedia .home-multimedia-buttons a span:before{
                font-family: 'Font Awesome 5 Pro';
                color: var(--color-blue);
        }
        .home-multimedia .home-multimedia-buttons a.longforms span:before{
                content: '\f15b';
                padding-right: 8px;
        }
        .home-multimedia .home-multimedia-buttons a.video span:before{
                content: '\f03d';
                padding-right: 8px;
        }
         .home-multimedia .home-multimedia-buttons a.image span:before{
                content: '\f03e'; 
                padding-right: 8px;
        }
        .home-multimedia .home-multimedia-content{
                height: auto;
                flex-wrap: wrap;
                margin: 0;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left{
                width: 100%;
                
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left img{
                height: calc((100vw  - 32px) / 16 * 10) !important;
                width: 100%;
                aspect-ratio: unset;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .item .item-title{
                font-size: 20px;
                line-height: 28px;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-left .swiper{
                margin: 0;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right{
                width: 100%;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list{
                height: auto;
                display: flex;
                gap: 20px;
                overflow-x: auto;
                scrollbar-width: none;
                border: 0;
                margin: 0;
                flex-direction: row;
                flex-wrap: nowrap;
                /* float: right; */
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li{
                flex: none;
                border: 0;
                padding: 0;
                margin: 0;
                /* height: 86px; */
                width: 60vw;
                /* float: inline-end; */
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item .item-image{
                width: 100%;
                height: calc(60vw / 16 * 10);
                border-radius: 4px;
                flex-shrink: 0;
                float: unset;
        }
        .home-multimedia .home-multimedia-content .home-multimedia-right .home-multimedia-list li a.item .item-title{
                font-family: Merriweather;
                font-size: 15px;
                font-weight: 700;
                line-height: 22px;
                text-align: left;
                color: #031739;
                width: 100%;
        }
        
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
        .home-multimedia{
                width: 100vw;
        }
}