@font-face {
        font-family: swiper-icons;
        src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
        font-weight: 400;
        font-style: normal
}
.UIHotNewsHomeControl img[src=""]::after {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #c1c1c1;
    font-family: 'Helvetica';
    font-weight: 300;
    line-height: 2;
    text-align: center;
    content: attr(alt);
    width: 20px;
    height: 20px;
    /* background: red; */
}
.UIHotNewsHomeControl img[src=""] {
    background: url(images/noimage-placeholder.jpg) no-repeat;
    background-size: contain;
    text-indent: -100%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    display: block;
    position: relative;
}
:root {
        --swiper-theme-color: #007aff
}
.swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
        flex-direction: column
}
.swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
        /* flex-direction: row; */
        margin: auto 0;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
        transform: translate3d(0px,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
        flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
}
.swiper-container-pointer-events {
        touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
        touch-action: pan-x
}
.swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
}
.swiper-slide-invisible-blank {
        visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
}
.swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
}
.swiper-container-3d {
        perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
}
.UIHotNewsHomeControl .right .item a:first-child {
    display: contents;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
        scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-
.UIHotNewsHomeControl .swiper-container img {
        width: 100%;
}
.UIHotNewsHomeControl .swiper-container {
        width: 100%;
        max-width: 813px;
        /* display: flex; */
}
.UIHotNewsHomeControl .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.8;
        overflow: hidden;
}
.UIHotNewsHomeControl .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        opacity: 1;
        border: 2px solid red;
}
.UIHotNewsHomeControl .info .title {
    letter-spacing: 0em;
        //styleName: Heading 2 Merri;
        font-family: Merriweather;
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
    color: #ffffff;

}
.UIHotNewsHomeControl .right .title {
    font-family: "Merriweather";
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 86px;
    text-overflow: ellipsis;
}
.UIHotNewsHomeControl .swiper-button-next:after, .UIHotNewsHomeControl .swiper-container-rtl .swiper-button-prev:after, .UIHotNewsHomeControl .swiper-button-prev:after, .UIHotNewsHomeControl .swiper-container-rtl .swiper-button-next:after {
        content: "";
}
.UIHotNewsHomeControl .main-info .title {
        font-family: Microsoft YaHei;
        font-size: 34px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;
        color: #023059;
}
.UIHotNewsHomeControl .main-info .summary {
        font-family: Microsoft YaHei;
        font-size: 34px;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;
        color: #023059;
        margin: 10px 0;
}
.UIHotNewsHomeControl .swiper-slide .info {
        position: absolute;
        bottom: 0;
        background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.83) 100%);
        padding: 52px 24px 20px;
        width: 100%;
        box-sizing: border-box;
        color: white;
} 
.swiper-slide img {
    height: 100%;
}
.UIHotNewsHomeControl .right .item.active {
    color: #3e69a8;
    background: #d2d2d2;
}
.UIHotNewsHomeControl .right {
    max-height: 540px;
    overflow: auto;
    padding-right: 10px;
}
.UIHotNewsHomeControl .right .item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px dashed #d2d2d2;
}
.UIHotNewsHomeControl .right .item img {
        width: 120px;
        height: 80px;
}
.UIHotNewsHomeControl .swiper-slide .info .description {
        display: none;
}
@media only screen and (max-width: 768px) {
       .UIHotNewsHomeControl {
            margin-bottom: 20px;
            display: block;
            width: 100vw;
            /*! padding: 0 5px; */
            border: 0;
            margin-top: 0;
        }
        .UIHotNewsHomeControl .swiper-slide img {
                height: calc(100vw / 16 * 10)
        }
        .UIHotNewsHomeControl .main-info .title {
                font-size: 20px;
                line-height: 30px;
        }
        .UIHotNewsHomeControl .main-info .summary {
                font-size: 18px;
                line-height: 25px;
        }
        .UIHotNewsHomeControl .right{
                scrollbar-width: none;
                padding: var(--padding-res);
        }
           .UIHotNewsHomeControl .right::-webkit-scrollbar{
                   display: none;
        }
        .UIHotNewsHomeControl .swiper-slide .info {
                position: inherit;
                padding: 16px 0 0;
               //styleName: Title 1 mobile;
                font-family: Merriweather;
                font-size: 22px;
                font-weight: 700;
                line-height: 30px;
                text-align: left;
                color: #031739;
                background: none;
        }
       .UIHotNewsHomeControl .swiper-container {
            margin: 0;
            height: auto;
            margin-bottom: 10px;
        }
        .UIHotNewsHomeControl .info .title { 
            color: #182940;
            padding: var(--padding-res);
            \/\/styleName: Heading 5 Merri;
            font-family: Merriweather;
            font-size: 15px;
            font-weight: 700;
            line-height: 22px;
            text-align: left;
            margin-bottom: 10px ;
        }
}
@font-face {
        font-family: swiper-icons;
        src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
        font-weight: 400;
        font-style: normal
}
.UIHotNewsHomeControl img[src=""]::after {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #c1c1c1;
    font-family: 'Helvetica';
    font-weight: 300;
    line-height: 2;
    text-align: center;
    content: attr(alt);
    width: 20px;
    height: 20px;
    /* background: red; */
}
.UIHotNewsHomeControl img[src=""] {
    background: url(images/noimage-placeholder.jpg) no-repeat;
    background-size: contain;
    text-indent: -100%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    display: block;
    position: relative;
}
:root {
        --swiper-theme-color: #007aff
}
.swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
        flex-direction: column
}
.swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
        /* flex-direction: row; */
        margin: auto 0;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
        transform: translate3d(0px,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
        flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto
}
.swiper-container-pointer-events {
        touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
        touch-action: pan-x
}
.swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
}
.swiper-slide-invisible-blank {
        visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
}
.swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
}
.swiper-container-3d {
        perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
}
.UIHotNewsHomeControl .right .item a:first-child {
    display: contents;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
        scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-
.UIHotNewsHomeControl .swiper-container img {
        width: 100%;
}
.UIHotNewsHomeControl .swiper-container {
        width: 100%;
        max-width: 813px;
        /* display: flex; */
        height: 420px;
}
.UIHotNewsHomeControl .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.8;
        overflow: hidden;
}
.UIHotNewsHomeControl .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        opacity: 1;
        border: 2px solid red;
}
.UIHotNewsHomeControl .info .title {
    letter-spacing: 0em;
        //styleName: Heading 2 Merri;
        font-family: Merriweather;
        font-size: 28px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
    color: #ffffff;

}
.UIHotNewsHomeControl .right .title {
    font-family: "Merriweather";
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 86px;
    text-overflow: ellipsis;
}
.UIHotNewsHomeControl .swiper-button-next:after, .UIHotNewsHomeControl .swiper-container-rtl .swiper-button-prev:after, .UIHotNewsHomeControl .swiper-button-prev:after, .UIHotNewsHomeControl .swiper-container-rtl .swiper-button-next:after {
        content: "";
}
.UIHotNewsHomeControl .main-info .title {
        font-family: Microsoft YaHei;
        font-size: 34px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;
        color: #023059;
}
.UIHotNewsHomeControl .main-info .summary {
        font-family: Microsoft YaHei;
        font-size: 34px;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;
        color: #023059;
        margin: 10px 0;
}
.UIHotNewsHomeControl:before{
        content:'Tin tức nổi bật';
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        height: 40px;
        background-color: var(--color-primary);
        text-transform: uppercase;
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: 700;
        color: #ffffff;
        border-radius: 4px 4px 0 0;
        line-height: 40px;
        padding-left: 10px;
}
.UIHotNewsHomeControl {
        /* border: 1px solid #E2E2E2; */
        display: grid;
        grid-template-columns: 6.5fr 3.5fr;
        gap: 10px;
        margin: 20px 0;
        position: relative;
        padding-top: 40px;
        /* max-height: 340px; */
}
.UIHotNewsHomeControl .swiper-slide .info {
        position: absolute;
        bottom: 0;
        background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.83) 100%);
        padding: 52px 24px 20px;
        width: 100%;
        box-sizing: border-box;
        color: white;
} 
.swiper-slide img {
    height: 100%;
}
.UIHotNewsHomeControl .right .item.active {
    color: #3e69a8;
    background: #d2d2d2;
}
.UIHotNewsHomeControl .right {
    max-height: 420px;
    overflow: auto;
    padding-right: 10px;
}
.UIHotNewsHomeControl .right .item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px dashed #d2d2d2;
}
.UIHotNewsHomeControl .right .item img {
        width: 120px;
        height: 80px;
}
.UIHotNewsHomeControl .swiper-slide .info .description {
        display: none;
}
@media only screen and (max-width: 768px) {
       .UIHotNewsHomeControl {
            margin-bottom: 20px;
            display: block;
            width: 100vw;
            /*! padding: 0 5px; */
            border: 0;
            margin-top: 0;
        }
        .UIHotNewsHomeControl .swiper-slide img {
                height: calc(100vw / 16 * 10)
        }
        .UIHotNewsHomeControl .main-info .title {
                font-size: 20px;
                line-height: 30px;
        }
        .UIHotNewsHomeControl .main-info .summary {
                font-size: 18px;
                line-height: 25px;
        }
        .UIHotNewsHomeControl .right{
                scrollbar-width: none;
                padding: var(--padding-res);
        }
           .UIHotNewsHomeControl .right::-webkit-scrollbar{
                   display: none;
        }
        .UIHotNewsHomeControl .swiper-slide .info {
                position: inherit;
                padding: 16px 0 0;
               //styleName: Title 1 mobile;
                font-family: Merriweather;
                font-size: 22px;
                font-weight: 700;
                line-height: 30px;
                text-align: left;
                color: #031739;
                background: none;
        }
       .UIHotNewsHomeControl .swiper-container {
            margin: 0;
            height: auto;
            margin-bottom: 10px;
        }
        .UIHotNewsHomeControl .info .title { 
            color: #182940;
            padding: var(--padding-res);
            \/\/styleName: Heading 5 Merri;
            font-family: Merriweather;
            font-size: 15px;
            font-weight: 700;
            line-height: 22px;
            text-align: left;
            margin-bottom: 10px ;
        }
}