a, a:hover {
    text-decoration: none
}

b, body, p, strong {
    font-family: Roboto
}

.container.container-full, img {
    max-width: 100%
}

.btn, .form-group select {
    font-family: inherit;
    font-style: normal
}

.loader span:nth-child(2), .loader span:nth-child(3) {
    animation: 1.2s ease-in-out infinite both loaderBlockInverse
}

[type=checkbox], select {
    -webkit-appearance: none
}

body {
    font-weight: 400;
    font-style: normal;
    color: var(--text-mi,#182940)
}

:root {
    --title: #001533;
    --text: #182940;
    --second-text: #173C68;
    --blur-text: #5E718F;
    --sub-text: #EDEDED;
    --main-purple: #1E2DBE;
    --background-green: #24A148;
    --background-blue: #0043CE;
    --white: #FFFFFF;
    --border-gray: #E3E6EB;
    --border-background: #F4F4FC
}

.form-control:focus {
    box-shadow: 0 0 5px .2rem rgba(30,45,190,.15)
}

body section {
    margin-bottom: 40px
}

@media screen and (max-width:1024px) {
    body section {
        margin-bottom: 35px
    }
}

@media screen and (max-width:768px) {
    body section {
        margin-bottom: 30px
    }
}

.main-body-content {
    min-height: calc(100vh - 565px);
    padding: 0 0 40px
}

.list_Advertisement, li, ul {
    padding: 0
}

.text-center {
    text-align: center;
    vertical-align: middle
}

.text-left {
    text-align: left;
    vertical-align: middle
}

.contraC .Head {
    margin-bottom: 0
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 20px
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px;
    border: 8px solid transparent
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #979595
    }

li, ul {
    margin: 0;
    list-style-type: none
}

img {
    object-fit: contain;
    object-position: 50% 50%
}

a:hover {
    color: inherit
}

p {
    color: var(--text);
    line-height: 1.5
}

b, strong {
    font-weight: 700
}

.container {
    max-width: 1450px
}

.row.mini-row {
    margin-right: -8px;
    margin-left: -8px
}

    .row.mini-row .row.mini-row {
        row-gap: 16px
    }

    .row.mini-row > [class*=col-] {
        padding-right: 8px;
        padding-left: 8px
    }

select {
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''
}

.form-group select {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>') no-repeat #fff;
    border: 1px solid #e2e4e9;
    padding: 8px 12px;
    border-radius: 8px;
    outline: 0;
    height: 42px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: var(--text-main);
    background-position: calc(100% - 12px) center
}

@media screen and (max-width:1440px) and (min-width:1240px) {
    .container {
        max-width: 1344px
    }
}

@media screen and (max-width:1240px) and (min-width:1118px) {
    .container {
        max-width: 1200px
    }
}

@media screen and (max-width:991px) and (min-width:871px) {
    .container {
        max-width: 980px
    }
}

@media screen and (max-width:870px) {
    .container {
        max-width: 850px
    }
}

@media screen and (max-width:800px) {
    .container {
        max-width: 790px
    }
}

.back-to-top a::after {
    content: 'north';
    color: #f58220;
    font-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400 !important
}

.anim-scroll-to-top.active-progress {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.anim-scroll-to-top {
    z-index: 2000;
    position: fixed;
    right: 30px;
    bottom: 110px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: none;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(38,166,254,.2);
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

    .anim-scroll-to-top svg.progress-circle path {
        stroke: rgb(38,166,254);
        stroke-width: 4;
        box-sizing: border-box
    }

    .anim-scroll-to-top svg path {
        fill: none
    }

    .anim-scroll-to-top::after {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-80q-17 0-28.5-11.5T440-120v-607L284-572q-11 11-27.5 11.5T228-572q-11-11-11-28t11-28l224-224q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l224 224q11 11 11 27.5T732-572q-12 12-28.5 12T675-572L520-727v607q0 17-11.5 28.5T480-80Z" fill="%2326A6FE"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        left: 0;
        top: 0;
        height: 50px;
        width: 50px;
        cursor: pointer;
        display: block;
        z-index: 1;
        -moz-transition: .3s ease-out;
        -webkit-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out
    }

html {
    scroll-behavior: smooth
}

:-webkit-scrollbar {
    width: 8px
}

:-webkit-scrollbar-track {
    background: #b7c0cf;
    border-radius: 12px
}

:-webkit-scrollbar-thumb {
    background: #b7c0cf;
    border-radius: 12px
}

.btn-sidebar {
    position: fixed;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 10;
    background: #fff;
    padding: 8px;
    border-radius: 50% 0 0 50%;
    box-shadow: -2px 0 4px .1rem rgba(30,45,190,.15);
    align-items: center;
    justify-content: center
}

.Section-DichVu .owl-dots, .Section-DichVu .owl-nav, .Section-SuKienNoiBat #datePastSearch, .Section-SuKienNoiBat .content-meta .btn.btn-danger, .Section-SuKienNoiBat .main-content-right .main-title, .Section-SuKienNoiBat .main-event-tieudiem span[id*=lbltype], .Section-SuKienNoiBat .owl-carousel-event .date-event-none, .Section-SuKienNoiBat .owl-carousel-event .lblDiaDiem, .div-news > .btn-sidebar, .div-sidebar > .btn-close, .infographic-slidePane-slide .owl-nav.disabled, .nav-dichvu h4, .nav-dichvu ul ul {
    display: none !important
}

.Section-SuKienNoiBat .main-event-tieudiem span[id*=lbltype] {
    /*display: block !important;*/
    font-family: "Roboto Slab",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #d61c26
}

.Section-SuKienNoiBat .owl-dots {
    display: none;
}

@media screen and (max-width:1117px) {
    .div-news > .btn-sidebar {
        display: flex;
        text-align: right;
        margin-bottom: 8px
    }

    .div-sidebar > .btn-close {
        display: block;
        margin-bottom: 8px
    }

    .div-sidebar {
        max-width: 324px;
        width: 100%;
        top: 0;
        height: 100vh;
        position: fixed;
        right: -100%;
        transition: .5s;
        display: block;
        z-index: 101;
        padding-top: 30px;
        overflow: hidden auto
    }

        .div-sidebar.show {
            display: block;
            right: 0;
            background: #fff;
            box-shadow: -4px 0 4px rgba(30,45,190,.12)
        }

    .dim-background {
        display: none;
        transition: .5s ease-in-out
    }

    .div-news.has_sidebar .dim-background {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.6);
        z-index: 100;
        display: block
    }

    .div-main, .div-news {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.btn, .btn-secondary {
    padding: 8px 16px !important
}

.btn {
    border-radius: 6px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #fff !important;
    font-weight: 500 !important;
    min-width: 120px;
    border: none !important;
    outline: 0 !important
}

.btn-primary, .btn-success {
    background: var(--main-purple) !important;
    margin-right: 8px !important
}

.btn-brown {
    background: #73190f !important;
    margin-right: 8px !important
}

.btn.btn-danger, .btn.btn-warning, a.btn.btn-danger, a.btn.btn-warning {
    background: var(--btn-warning) !important;
    color: var(--white) !important;
    margin-right: 8px
}

.btn-secondary, .btn-secondary:hover {
    background: var(--btn-secondary) !important
}

.btn-secondary {
    border-radius: 4px;
    margin-right: 8px
}

.btn-outline-primary, .btn-outline-primary2 {
    padding: 8px 16px;
    background: var(--white) !important
}

.btn-outline-primary {
    border: 1px solid var(--main-purple) !important;
    border-radius: 4px;
    color: var(--main-purple) !important
}

.btn-outline-primary2 {
    border: 1px solid #73190f !important;
    border-radius: 4px;
    color: #73190f !important
}

.btn-outline-primary:hover {
    background: var(--white) !important;
    color: #000
}

.btn-outline-primary:focus {
    outline: 0
}

.btn-warning:hover {
    background: #e11d48 !important
}

.btn-red {
    background: var(--red,#d61c26)
}

.btn-black {
    background: var(--text-mi,#182940)
}

@keyframes loader {
    0%,10%,100% {
        width: 80px;
        height: 80px
    }

    65% {
        width: 150px;
        height: 150px
    }
}

@keyframes loaderBlock {
    0%,30% {
        transform: rotate(0)
    }

    55% {
        background-color: #e0954f
    }

    100% {
        transform: rotate(90deg)
    }
}

@keyframes loaderBlockInverse {
    0%,20% {
        transform: rotate(0)
    }

    55% {
        background-color: #e0954f
    }

    100% {
        transform: rotate(-90deg)
    }
}

.loading {
    overflow: hidden;
    height: 100vh
}

.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);
    animation: 1.2s ease-in-out infinite loader
}

    .loader span {
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
        background-color: #5e1300;
        animation: 1.2s ease-in-out infinite both loaderBlock
    }

        .loader span:first-child {
            top: 0;
            left: 0
        }

        .loader span:nth-child(2) {
            top: 0;
            right: 0
        }

        .loader span:nth-child(3) {
            bottom: 0;
            left: 0
        }

        .loader span:nth-child(4) {
            bottom: 0;
            right: 0
        }

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        display: inline-block;
        font-family: Roboto !important;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        color: var(--text-mi,#182940)
    }

        [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff
        }

        [type=radio]:checked + label:before {
            border-color: var(--blue,#0765e3)
        }

        [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: var(--blue,#0765e3);
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: .2s;
            transition: .2s
        }

        [type=radio]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        [type=radio]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

[type=checkbox] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: currentColor;
    height: 1.15em;
    transform: translateY(-.075em);
    display: grid;
    place-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    width: 24px
}

    [type=checkbox]::before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.25C3 4.45 4.46 3 6.25 3H17.75C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25ZM6.25 4.5C5.28 4.5 4.5 5.28 4.5 6.25V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V6.25C19.5 5.28 18.72 4.5 17.75 4.5H6.25Z" fill="%23E2E4E9"/></svg>');
        transition: .2s ease-in-out
    }

    [type=checkbox]:checked::before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_28_4142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_28_4142)"><path d="M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%2335C19B"/></g></svg>')
    }

    [type=checkbox]:indeterminate::before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13H17V11H7V13ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%235E82D1"/></svg>')
    }

    [type=checkbox]:disabled {
        --form-control-color: var(--form-control-disabled);
        color: var(--form-control-disabled);
        cursor: not-allowed
    }

.Section-SuKienNoiBat {
    background-color: #f9f3f0; 
    background-image:url(../images/bg-dukhach.webp);background-size:inherit;background-repeat:repeat-x;background-position:top;
    min-height: 500px;
    /*margin-top: -30px;*/
    padding-top: 30px
}

    .Section-SuKienNoiBat .main-event-tieudiem, .suKien-topPane {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 30px
    }

        .Section-SuKienNoiBat .main-event-tieudiem > *, .suKien-topPane > * {
            width: calc(50% - 15px)
        }

        .suKien-topPane .img-suKienMain-wrapper img {
            border-radius: 10px;
            box-shadow: 10px 10px 0 0 rgba(0,0,0,.1);
            aspect-ratio: 1.7;
            object-fit: cover;
            transition: .3s ease-in-out
        }

            .Section-SuKienNoiBat .main-event-tieudiem .main-content-left .img-thumb:hover, .suKien-topPane .img-suKienMain-wrapper img:hover {
                box-shadow: rgba(0,0,0,.35) 0 5px 15px
            }

        .suKien-topPane .title-suKienMain {
            display: block;
            color: #182940;
            font-family: "Roboto Slab",sans-serif;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: 1.54;
            margin-bottom: 20px
        }

        .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain, .suKien-topPane .detail-suKienMain {
            padding-bottom: 0;
            padding-left: 34px;
            margin-bottom: 0;
            display: block;
            position: relative;
            font-family: Roboto,sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: justify
        }

            .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain:before, .suKien-topPane .detail-suKienMain:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 24px;
                height: 24px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center
            }

            .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain:not(:last-of-type), .suKien-topPane .detail-suKienMain:not(:last-child) {
                margin-bottom: 10px
            }

            .Section-SuKienNoiBat .main-event-tieudiem .content-meta .date-event, .suKien-topPane .detail-suKienMain.detail-suKienMain-date {
                font-weight: 500;
                color: #0765e3
            }

                .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain.date-event:before, .suKien-topPane .detail-suKienMain.detail-suKienMain-date:before {
                    background-image: url(../images/icon-date.svg)
                }

            .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain-location, .suKien-topPane .detail-suKienMain.detail-suKienMain-location {
                font-weight: 600
            }

                .Section-SuKienNoiBat .main-event-tieudiem .content-meta .detail-suKienMain.detail-suKienMain-location:before, .suKien-topPane .detail-suKienMain.detail-suKienMain-location:before {
                    background-image: url(../images/icon-location.svg)
                }

    .Section-SuKienNoiBat .owl-carousel-event .date-event:before, .suKien-slidePane-wrapper .detail-suKienSlide:before {
        width: 16px;
        height: 16px;
        background-image: url(../images/icon-date-16.svg);
        position: absolute;
        left: 0;
        content: "";
        background-repeat: no-repeat;
        background-position: center
    }

.suKien-slidePane-wrapper {
    margin-bottom: 28px
}

    .suKien-slidePane-wrapper .suKien-slidePane-title {
        display: block;
        font-family: "Roboto Slab",sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.44;
        margin-bottom: 15px;
        color: #ea8f00
    }

    .suKien-slidePane-wrapper .item-sukien-image {
        margin-bottom: 10px;
        overflow: hidden
    }

    .suKien-slidePane-wrapper .item-sukien-status {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
        padding: 7px;
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0,.6);
        font-family: Roboto,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5
    }

    .Section-SuKienNoiBat .owl-carousel-event .title-event span.takeplace, .suKien-slidePane-wrapper .title-suKienSlide {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-style: normal
    }

    .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .label-status.label-status-dangdienra, .suKien-slidePane-wrapper .item-sukien-status.item-sukien-status-dangdienra {
        color: #ffc52d
    }

    .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .label-status.label-status-sapdienra, .suKien-slidePane-wrapper .item-sukien-status.item-sukien-status-sapdienra {
        color: #ea8f00
    }

    .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .label-status.label-status-dadienra, .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .label-status.label-status-daketthuc, .suKien-slidePane-wrapper .item-sukien-status.item-sukien-status-dadienra {
        color: #fff
    }

    .suKien-slidePane-wrapper .item-sukien-image, .suKien-slidePane-wrapper .item-sukien-image img {
        position: relative;
        aspect-ratio: 1.65;
        border-radius: 10px;
        transition: .5s ease-in-out
    }

    .Section-SuKienNoiBat .owl-carousel-event .item:hover .img-thumb, .danhLam-slidePane-slide .item:hover img, .suKien-slidePane-wrapper .item:hover .item-sukien-image img, .thuVienSlide-slidePane-slide .item:hover .item-image img {
        transform: scale(1.1)
    }

    .suKien-slidePane-wrapper .detail-suKienSlide {
        position: relative;
        padding: 0 0 0 20px;
        margin-bottom: 2px;
        color: #0765e3;
        font-family: Roboto,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5
    }

        .suKien-slidePane-wrapper .detail-suKienSlide:before {
            display: inline-block;
            top: 3px;
            background-size: contain
        }

    .suKien-slidePane-wrapper .title-suKienSlide {
        font-family: "Roboto Slab",sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #182940
    }

.event-main-time-countdown {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 14.5px;
    margin: 50px auto
}

    .danhLam-slidePane-slide .group_content .show_more, .event-main-time-countdown .event-main-time-countdown-item {
        text-align: center
    }

        .event-main-time-countdown .event-main-time-countdown-item .event-main-time-countdown-item-value {
            margin-bottom: 2px;
            padding: 25px 10px;
            color: #d61c26;
            font-family: "Roboto Slab",sans-serif;
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            line-height: 1;
            text-align: center;
            min-height: 98px;
            background-image: url('../images/bg-count.png');
            aspect-ratio: 0.89
        }

        .event-main-time-countdown .event-main-time-countdown-item .event-main-time-countdown-item-text {
            text-align: center;
            font-family: Roboto,sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5
        }

        .event-main-time-countdown .event-main-time-countdown-item.sperator {
            color: #182940;
            text-align: center;
            font-family: Rokkitt,sans-serif;
            font-size: 33px;
            font-style: normal;
            font-weight: 700;
            line-height: 1;
            margin-top: -34px
        }

        .event-main-time-countdown .event-main-time-countdown-item:not(.sperator) {
            min-width: 88px
        }

.owl-carousel.danhLam-slidePane-slide .owl-nav, .owl-carousel.danhLam-slidePane-slide .owl-nav.disabled, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav.disabled, .owl-carousel.suKien-slidePane-slide .owl-nav, .owl-carousel.suKien-slidePane-slide .owl-nav.disabled {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: -40px
}

    .owl-carousel.danhLam-slidePane-slide .owl-nav, .owl-carousel.danhLam-slidePane-slide .owl-nav.disabled {
        top: -46px
    }

        .owl-carousel.danhLam-slidePane-slide .owl-nav button, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button, .owl-carousel.suKien-slidePane-slide .owl-nav button {
            width: 25px;
            height: 12px;
            outline: 0 !important
        }

            .owl-carousel.danhLam-slidePane-slide .owl-nav button span, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button span, .owl-carousel.suKien-slidePane-slide .owl-nav button span {
                font-size: 0;
                width: 25px;
                height: 12px;
                display: inline-block;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center
            }

            .owl-carousel.danhLam-slidePane-slide .owl-nav button:not(:last-child), .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button:not(:last-child), .owl-carousel.suKien-slidePane-slide .owl-nav button:not(:last-child) {
                margin-right: 10px
            }

            .owl-carousel.danhLam-slidePane-slide .owl-nav button.owl-prev span, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-prev span, .owl-carousel.suKien-slidePane-slide .owl-nav button.owl-prev span {
                background-image: url(../images/slide-prev.svg)
            }

            .owl-carousel.danhLam-slidePane-slide .owl-nav button.owl-next span, .owl-carousel.owl-carousel.owl-carousel-event .owl-nav button.owl-next span, .owl-carousel.suKien-slidePane-slide .owl-nav button.owl-next span {
                background-image: url(../images/slide-next.svg)
            }

.Section-SuKienNoiBat .main-event-tieudiem .title-event a {
    display: block;
    color: #182940;
    font-family: "Roboto Slab",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.54;
    margin-bottom: 20px;
    transition: .3s ease-in-out
}

.Section-SuKienNoiBat .main-event-tieudiem .title-event:hover a, .Section-SuKienNoiBat .owl-carousel-event .item:hover span.takeplace, .chuyenmuc-nav ul li.ds-cm-menu-item.active, .nav-dukhach .nav-link.active, .thuVienSlide-slidePane-slide .item:hover .item-title {
    color: #d61c26
}

.Section-SuKienNoiBat .main-event-tieudiem .main-content-left .img-thumb {
    border-radius: 10px;
    box-shadow: 10px 10px 0 0 rgba(0,0,0,.1);
    aspect-ratio: 1.7;
    object-fit: cover;
    transition: .3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.Section-SuKienNoiBat .main-event-tieudiem .content-meta > span {
    display: block
}

.Section-SuKienNoiBat h4.titleH span {
    display: block;
    font-family: "Roboto Slab",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.44;
    color: #ea8f00;
    text-align: left;
    margin-bottom: 0
}

.Section-SuKienNoiBat .having_icon h4.titleH span {
    font-size: 22px
}

.Section-SuKienNoiBat .main-event {
    margin-bottom: 30px
}

.Section-SuKienNoiBat .owl-carousel-event .title-event span.takeplace {
    color: var(--text-mi,#182940);
    transition: .3s ease-in-out;
    color: var(--text-mi,#182940);
    font-family: "Roboto Slab";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.Section-SuKienNoiBat .owl-carousel-event .date-event {
    color: var(--blue,#0765e3);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 2px;
    padding-left: 20px;
    position: relative
}

    .Section-SuKienNoiBat .owl-carousel-event .date-event:before {
        top: 50%;
        transform: translateY(-50%);
        background-size: contain
    }

.Section-SuKienNoiBat .owl-carousel-event .main-img {
    margin-bottom: 10px;
    border-radius: 10px
}

    .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img, .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .img-thumb, .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .img-thumb img {
        border-radius: 10px;
        width: 100%;
        aspect-ratio: 1.65;
        object-fit: cover
    }

    .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img {
        position: relative
    }

        .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .img-thumb-warpper {
            border-radius: 10px;
            overflow: hidden
        }

        .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .img-thumb {
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            transition: .3s ease-in-out
        }

        .Section-SuKienNoiBat .owl-carousel-event .main-img .div-img .label-status {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            text-align: center;
            padding: 7px;
            border-radius: 0 0 10px 10px;
            background: rgba(0,0,0,.6);
            font-family: Roboto,sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 1.5;
            color: var(--yellow,#ffc52d)
        }

.danhLam-slidePane-slide .item {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.danhLam-slidePane-slide .slide_bgimg img {
    aspect-ratio: 0.73;
    object-fit: cover;
    border-radius: 10px;
    transition: .5s ease-in-out;
    width: 100%
}

.danhLam-slidePane-slide .group_content {
    background: rgba(0,0,0,.6);
    border-radius: 0 0 10px 10px;
    aspect-ratio: 0.73;
    padding: 10px 20px;
    position: absolute;
    transform: translateY(-44px);
    transition: .5s ease-in-out;
    border: none;
    width: 100%
}

.danhLam-slidePane-slide .item:hover .group_content {
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    transform: translateY(-100%);
    transition: .5s ease-in-out;
}

    .danhLam-slidePane-slide .group_content .slide_bglnk {
        display: block;
        color: #ffc52d;
        font-family: "Roboto Slab",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 10px;
        transition: .3s ease-in-out;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1
    }

.danhLam-slidePane-slide .item:hover .group_content .slide_bglnk {
    text-align: center;
    transition: .3s ease-in-out;
    -webkit-line-clamp: 3;
}

    .danhLam-slidePane-slide .group_content .news_summary {
        display: block;
        color: #fff;
        text-align: justify;
        font-family: Roboto,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.37;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 12
    }

    .danhLam-slidePane-slide .group_content .btn.show_more_link {
        border-radius: 6px;
        background: #d61c26;
        border: 1px solid #d61c26;
        padding: 10px 20px;
        color: #fff;
        font-family: Roboto,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5
    }

.banner-slidePane-slide .img-banner {
    aspect-ratio: 2.84;
    border-radius: 10px;
    object-fit: cover
}

.nav.nav-tabs.nav-dukhach {
    border: none
}

.nav-dichvu ul .ds-cm-menu-item:not(:last-of-type), .nav-dukhach .nav-item:not(:last-child) {
    border-right: 1px solid #ced8eb
}

.nav-dichvu ul .ds-cm-menu-item, .nav-dukhach .nav-link {
    border: none;
    cursor: pointer;
    padding: 4px 20px 4px 30px;
    font-family: "Roboto Slab",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75;
    color: #182940;
    position: relative;
    white-space: nowrap
}

    .nav-dichvu ul .ds-cm-menu-item:not(:first-child), .nav-dukhach .nav-item:not(:first-child) .nav-link {
        padding-left: 50px
    }

    .nav-dichvu ul .ds-cm-menu-item:before, .nav-dukhach .nav-link:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 8px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    .nav-dichvu ul .ds-cm-menu-item:first-child:before, .nav-dukhach .nav-item:first-child .nav-link:before {
        left: 0
    }

    .nav-dichvu ul .ds-cm-menu-item:last-of-type, .nav-dukhach .nav-item:last-child .nav-link {
        padding-right: 0
    }

.title-hastab {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e8ef
}

    .title-hastab .having_icon h4 {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }

.nav-dichvu ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

    .nav-dichvu .nav-item:first-child .nav-link:before, .nav-dichvu ul .ds-cm-menu-item:first-child:before {
        background-image: url(../images/icon-muasam.svg)
    }

    .nav-dichvu .nav-item:nth-child(2) .nav-link:before, .nav-dichvu ul .ds-cm-menu-item:nth-child(2):before {
        background-image: url(../images/icon-amthuc.svg)
    }

    .nav-dichvu .nav-item:nth-child(3) .nav-link:before, .nav-dichvu ul .ds-cm-menu-item:nth-child(3):before {
        background-image: url(../images/icon-luutru.svg)
    }

    .nav-dichvu .nav-item:nth-child(4) .nav-link:before, .nav-dichvu ul .ds-cm-menu-item:nth-child(4):before {
        background-image: url(../images/icon-khudulich.svg)
    }

    .nav-dichvu .nav-item:nth-child(5) .nav-link:before, .nav-dichvu ul .ds-cm-menu-item:nth-child(5):before {
        background-image: url(../images/icon-tourdulich.svg)
    }

.nav-media .nav-item:nth-child(1) .nav-link:before {
    background-image: url(../images/icon-infographics.svg)
}

.nav-media .nav-item:nth-child(2) .nav-link:before {
    background-image: url(../images/icon-hinhanh.svg)
}

.nav-media .nav-item:nth-child(3) .nav-link:before {
    background-image: url(../images/icon-video.svg)
}

.thuVienSlide-slidePane-slide .item-image {
    display: block;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.Image-bg-lg .item-main.owl-carousel .imagetitle, .Video-Gallery .item-main.owl-carousel .videos-title a, .infographic-slidePane-slide .group_content .slide_bglnk, .thuVienSlide-slidePane-slide .item-title, .Section-ThuVienMedia .Image-gallery .imagetitle, .Section-ThuVienMedia .Video-library .owl-carousel .Title a {
    font-family: "Roboto Slab",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #182940;
}

.Section-ThuVienMedia .Video-library .owl-carousel .caption svg {
    display: none;
}

.thuVienSlide-slidePane-slide .item-image img {
    aspect-ratio: 1.77;
    border-radius: 10px;
    object-fit: cover;
    transition: .3s ease-in-out;
    width: 100%
}

.thuVienSlide-slidePane-slide .item-title {
    color: #182940
}

.thuVienSlide-slidePane-slide .badge-image {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px;
    background: rgba(0,0,0,.6);
    padding: 5px 8px;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5
}

    .thuVienSlide-slidePane-slide .badge-image img {
        width: 18px;
        height: 18px;
        object-fit: contain;
        border-radius: 0
    }

.having_icon.chuyenmuc-nav h4 {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    font-family: "Roboto Slab",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.alert.info-alert, .alert.nodata-alert {
    text-align: center;
    margin-bottom: 0
}

.Image-bg-lg .item-main.owl-carousel .image-light, .Image-bg-lg .item-main.owl-carousel .image-light img, .Video-Gallery .item-main.owl-carousel .video-image, .Video-Gallery .item-main.owl-carousel .video-image img, .infographic-slidePane-slide .slide_bgimg img,
.Section-ThuVienMedia .Image-gallery .owl-carousel .owl-item img, .Section-ThuVienMedia .Video-library .owl-carousel .img-responsive {
    aspect-ratio: 1.77;
    border-radius: 10px;
    object-fit: cover;
    width: 100%
}

.Image-bg-lg .item-main.owl-carousel .image-light,
.Video-Gallery .item-main.owl-carousel .video-image,
.infographic-slidePane-slide .slide_news,
.Section-ThuVienMedia .Image-gallery .image-light,
.Section-ThuVienMedia .Video-library .owl-carousel .img-responsive {
    position: relative;
    margin-bottom: 10px
}

    .Image-bg-lg .item-main.owl-carousel .image-light img, .Video-Gallery .item-main.owl-carousel .video-image img {
        object-fit: cover;
        cursor: pointer
    }

    .Image-bg-lg .item-main.owl-carousel .image-light .total-media {
        position: absolute;
        display: inline-block;
        top: 0;
        right: 0;
        border-radius: 0 10px;
        background-color: rgba(0,0,0,.6);
        color: #fff
    }

        .Image-bg-lg .item-main.owl-carousel .image-light .total-media .total-item {
            color: #fff;
            display: inline-block;
            padding: 5px 8px 5px 31px;
            position: relative
        }

            .Image-bg-lg .item-main.owl-carousel .image-light .total-media .total-item:before {
                content: "";
                position: absolute;
                left: 8px;
                top: 50%;
                transform: translateY(-50%);
                width: 18px;
                height: 18px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url(../images/icon-image-slide.svg)
            }

.Image-bg-lg .item-main.owl-carousel .imagetitle, .Video-Gallery .item-main.owl-carousel .videos-title a, .infographic-slidePane-slide .group_content .slide_bglnk {
    color: var(--text-mi,#182940);
    cursor: pointer
}

.Section-DichVu .tab-content {
    min-height: 210px
}

.BannerDuKhachPane .owl-carousel .owl-item img {
    aspect-ratio: 3.2
}

/*.owl-carousel {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--spacing))
}

.danhLam-slidePane-slide.owl-carousel, .owl-carousel-event.owl-carousel {
    --spacing: 30px;
    --columns: 4;
    margin-bottom: -30px !important
}

.infographic-slidePane-slide.owl-carousel, .thuVienSlide-slidePane-slide.owl-carousel {
    --spacing: 20px;
    --columns: 5;
    margin-bottom: -20px !important
}

.banner-slidePane-slide.owl-carousel {
    --spacing: 15px;
    --columns: 4;
    margin-bottom: -15px !important
}

.owl-carousel .item {
    overflow: hidden;
    flex: unset;
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: var(--spacing)
}*/

.main-body-content .danhLam-slidePane-slide.owl-carousel .item .slide_news {
    aspect-ratio: 0.73
}

.banner-slidePane-slide .item img {
    width: 100%
}

.infographic-slidePane-slide .show_more {
    display: none
}

/*@media screen and (max-width:1199px) {
    .owl-carousel .item {
        --columns: 2
    }
}

@media screen and (max-width:576px) {
    body section {
        margin-bottom: 20px
    }

    .owl-carousel .item {
        --columns: 1
    }
}
*/

.Section-ThuVienMedia .pageSizePanel-wrapper-total {
    display: none;
}