.main-body-content {
    min-height: calc(50vh - 105px)
}

.bannerTop {
    position: relative;
}

.text-bold {
    font-weight: 700;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - HERO BANNER***********************************************************/
/************************************************************************************************************************************************/
.BannerZone {
    margin-bottom: 0;
}

.bannerTrangchu,
.bannerTrangchu .slick-dotted.slick-slider {
    margin-bottom: 0
}

.bannerTrangchu.mb-60 {
    margin-bottom: 60px;
}

.slide-areas.slider-half .slick-wrapper .slide-item {
    height: 500px;
}

.slide-areas.slider-full .slick-wrapper .slide-item {
    height: calc(100vh - 88px);
}

.slide-areas .slick-wrapper .slide-item {
    position: relative;
}

.slide-areas .slick-wrapper .slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption {
    position: absolute;
    color: #FFFFFF;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption .slide-title {
    color: var(--Content-text-white, #FFF);
    /* Playfair Display/Headline/Small */
    font-family: "Playfair Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    text-align: center;
}

.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption .slide-subtitle,
.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption .slide-subtitle p {
    color: var(--Content-text-white, #FFF) !important;
    text-align: center;
    /* Inter/Body/Large */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    align-self: stretch;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption {
    position: absolute;
    color: #FFFFFF;
    bottom: 64px;
    z-index: 2;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-title {
    color: var(--Content-text-white, #FFF);
    /* Playfair Display/Headline/Small */
    font-family: "Playfair Display";
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: left;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle,
.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle p {
    color: var(--Content-text-white, #FFF) !important;
    text-align: center;
    /* Inter/Body/Large */
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left;
    max-width: 750px
}

.home-layout .slick-dots {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    z-index: 1;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.40);
}

.home-layout .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    opacity: 0.4;
    background: #009B7C;
    margin: 0;
    transition: all 0.5s ease;
}

.home-layout .slick-dots li.slick-active {
    width: 24px;
    height: 8px;
    border-radius: 999px;
    opacity: 1;
    background: #009B7C;
}

.home-layout .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
}

.home-layout .slick-dots li button:before {
    content: none
}

.slide-areas .slick-dots {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    z-index: 1;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.40);
}

.slide-areas .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    opacity: 0.5;
    background: var(--Background-bg-white, #FFF);
    margin: 0;
    transition: all 0.5s ease;
}

.slide-areas .slick-dots li.slick-active {
    width: 24px;
    height: 8px;
    border-radius: 999px;
    opacity: 1;
    background: var(--Background-bg-white, #FFF);
}

.slide-areas .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
}

.slide-areas .slick-dots li button:before {
    content: none
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes zoom-in-only {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes fadezoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.16);
    }
}

.slick-main .slick-item {
    height: 100vh;
    width: 100%;
}

.slick-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slide-animation img {
    animation: fadezoom 12s 0s forwards;
}

@keyframes fadezoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.16);
    }
}

.overlay-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(79, 109, 228, 0.50) 0%, rgba(79, 109, 228, 0.25) 50%, rgba(79, 109, 228, 0.00) 100%);
    z-index: 1;
}

.slide-caption {
    display: none;
}

.BannerZone {
    position: relative;
}

.BannerZone #dnn_BannerPane .DnnModule-DNN_HTML {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.description-banner .banner-title,
.description-banner .banner-description,
.description-banner .banner-buttons,
.bannerTrangchu .slick-wrapper,
.bannerTrangchu .slick-wrapper .slide-caption .slide-title,
.bannerTrangchu .slick-wrapper .slide-caption .slide-subtitle {
    opacity: 0;
    visibility: hidden;
}

.banner-content {
    max-width: 775px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.banner-title p {
    color: var(--Content-text-white, #FFF);
    text-align: center;
    text-shadow: 2px 2px 8px #000;
    /* Playfair Display/Display/Medium */
    font-family: "Playfair Display";
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px; /* 115.556% */
    margin: 0;
}

.banner-title p {
    margin: 0;
    padding: 0;
}

.banner-description {
    color: var(--Content-text-white, #FFF);
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.80);
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    padding: 0;
}

.banner-buttons {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.banner-buttons .btn-primary {
    border-radius: 8px !important;
    border: 3px solid transparent !important; 
    background-clip: padding-box !important; 
    background-color: #F0B530 !important;
    display: flex;
    padding: 8px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--Content-text-white, #FFF) !important;
    font-family: "Be Vietnam Pro";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.15px;
    transition: all 0.5s ease;
    position: relative;
}

/* .banner-buttons .btn-primary::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    border-radius: 8px;
    z-index: 1; 
} */

.banner-buttons .btn-secondary {
    border-radius: 8px !important;
    border: 3px solid transparent !important; 
    background-clip: padding-box !important; 
    background-color: #FFF !important;
    display: flex;
    padding: 8px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #F0B530 !important;
    font-family: "Be Vietnam Pro";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.15px;
    transition: all 0.5s ease;
    position: relative;
}

/* .banner-buttons .btn-secondary::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    border-radius: 8px;
    z-index: 1;
} */

.banner-buttons .btn-primary:hover {
    color: #F0B530 !important;
    background: #FFF !important;
}
.banner-buttons .btn-secondary:hover {
    color: var(--Content-text-white, #FFF) !important;
    background: #F0B530 !important;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TIN TIÊU ĐIỂM***********************************************************/
/************************************************************************************************************************************************/
.section-news {
    padding-top: 100px !important;
}

.TinBai2Cot_TieuDiem {
    display: flex;
    gap: 30px;
}

.TinBai2Cot_TieuDiem .left-pane {
    flex: 0 0 calc(100%/12 * 7 - 15px)
}
.TinBai2Cot_TieuDiem .right-pane {
    flex: 0 0 calc(100%/12 * 5 - 15px)
}

.TinBai2Cot_TieuDiem .left-pane .TieuDiem {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.TinBai2Cot_TieuDiem .left-pane .item_img {
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 760 / 411;
    height: auto !important;
}

.TinBai2Cot_TieuDiem .news_info .news_title a {
    color: var(--Content-text-primary, #1E2939) !important;
   /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.TinBai2Cot_TieuDiem .news_info .news_date {
    color: var(--Content-text-tertiary, #6A7282);

    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

.TinBai2Cot_TieuDiem .news_date::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.878 3.94861C14.7895 2.47707 13.5608 1.3242 12.0808 1.3242H11.3603V0.764153C11.3603 0.615618 11.3013 0.473167 11.1963 0.368137C11.0913 0.263107 10.9488 0.204102 10.8003 0.204102C10.6517 0.204102 10.5093 0.263107 10.4043 0.368137C10.2992 0.473167 10.2402 0.615618 10.2402 0.764153V1.3242H5.75981V0.764153C5.75981 0.615618 5.70081 0.473167 5.59578 0.368137C5.49075 0.263107 5.3483 0.204102 5.19976 0.204102C5.05123 0.204102 4.90878 0.263107 4.80375 0.368137C4.69872 0.473167 4.63971 0.615618 4.63971 0.764153V1.3242H3.91921C2.43899 1.3242 1.21024 2.47707 1.12203 3.94861C0.955974 6.71638 0.959054 9.52392 1.13127 12.2931C1.21864 13.6994 2.34518 14.8259 3.75147 14.9133C5.16084 15.0009 6.58029 15.0446 7.99974 15.0446C9.41891 15.0446 10.8386 15.0009 12.248 14.9133C13.6543 14.8259 14.7808 13.6994 14.8682 12.2931C15.0407 9.52532 15.0438 6.71806 14.878 3.94861ZM13.7506 12.2236C13.7247 12.632 13.5507 13.0169 13.2614 13.3062C12.9721 13.5955 12.5872 13.7695 12.1788 13.7954C9.40603 13.9676 6.59401 13.9676 3.8212 13.7954C3.41284 13.7695 3.02796 13.5955 2.73862 13.3062C2.44929 13.0169 2.27536 12.632 2.24941 12.2236C2.11814 10.0866 2.08852 7.94449 2.16064 5.80462H13.8397C13.9102 7.94401 13.8831 10.0954 13.7506 12.2236ZM5.19976 3.56441C5.3483 3.56441 5.49075 3.5054 5.59578 3.40037C5.70081 3.29534 5.75981 3.15289 5.75981 3.00436V2.44431H10.2402V3.00436C10.2402 3.15289 10.2992 3.29534 10.4043 3.40037C10.5093 3.5054 10.6517 3.56441 10.8003 3.56441C10.9488 3.56441 11.0913 3.5054 11.1963 3.40037C11.3013 3.29534 11.3603 3.15289 11.3603 3.00436V2.44431H12.0808C12.9694 2.44431 13.7069 3.13457 13.7599 4.01553C13.773 4.23787 13.7786 4.46161 13.7896 4.68451H2.21049C2.22169 4.46161 2.22701 4.23787 2.24017 4.01553C2.2931 3.13457 3.0304 2.44431 3.91921 2.44431H4.63971V3.00436C4.63971 3.15289 4.69872 3.29534 4.80375 3.40037C4.90878 3.5054 5.05123 3.56441 5.19976 3.56441Z" fill="%23009B7C"/><path d="M5.19976 9.16551C5.66372 9.16551 6.03983 8.78939 6.03983 8.32543C6.03983 7.86147 5.66372 7.48535 5.19976 7.48535C4.7358 7.48535 4.35968 7.86147 4.35968 8.32543C4.35968 8.78939 4.7358 9.16551 5.19976 9.16551Z" fill="%23009B7C"/><path d="M8.00002 9.16551C8.46398 9.16551 8.8401 8.78939 8.8401 8.32543C8.8401 7.86147 8.46398 7.48535 8.00002 7.48535C7.53606 7.48535 7.15994 7.86147 7.15994 8.32543C7.15994 8.78939 7.53606 9.16551 8.00002 9.16551Z" fill="%23009B7C"/><path d="M5.19976 11.9653C5.66372 11.9653 6.03983 11.5892 6.03983 11.1252C6.03983 10.6613 5.66372 10.2852 5.19976 10.2852C4.7358 10.2852 4.35968 10.6613 4.35968 11.1252C4.35968 11.5892 4.7358 11.9653 5.19976 11.9653Z" fill="%23009B7C"/><path d="M10.8003 9.16551C11.2642 9.16551 11.6404 8.78939 11.6404 8.32543C11.6404 7.86147 11.2642 7.48535 10.8003 7.48535C10.3363 7.48535 9.96021 7.86147 9.96021 8.32543C9.96021 8.78939 10.3363 9.16551 10.8003 9.16551Z" fill="%23009B7C"/><path d="M10.8003 11.9653C11.2642 11.9653 11.6404 11.5892 11.6404 11.1252C11.6404 10.6613 11.2642 10.2852 10.8003 10.2852C10.3363 10.2852 9.96021 10.6613 9.96021 11.1252C9.96021 11.5892 10.3363 11.9653 10.8003 11.9653Z" fill="%23009B7C"/><path d="M8.00002 11.9653C8.46398 11.9653 8.8401 11.5892 8.8401 11.1252C8.8401 10.6613 8.46398 10.2852 8.00002 10.2852C7.53606 10.2852 7.15994 10.6613 7.15994 11.1252C7.15994 11.5892 7.53606 11.9653 8.00002 11.9653Z" fill="%23009B7C"/></svg>');
}

.TinBai2Cot_TieuDiem .left-pane .news_info .news_summary {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.TinBai2Cot_TieuDiem .right-pane {
    overflow: auto;
    padding-right: 10px;
    height: auto !important;
    overflow: hidden;
}

.TinBai2Cot_TieuDiem .right-pane::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.TinBai2Cot_TieuDiem .right-pane::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 20px;
}

.TinBai2Cot_TieuDiem .right-pane::-webkit-scrollbar-thumb {
    background-color: #EAECF0;
    border-radius: 20px;
    border: 8px solid transparent;
}

.TinBai2Cot_TieuDiem .right-pane::-webkit-scrollbar-thumb:hover {
    background-color: #C1C1C1;
}

.TinBai2Cot_TieuDiem .right-pane ul li {
    display: flex;
    gap: 16px;
}

.TinBai2Cot_TieuDiem .right-pane ul li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAECF0
}

.TinBai2Cot_TieuDiem .right-pane ul li > a {
    width: 150px;
    display: block;
    flex-shrink: 0;
}

.TinBai2Cot_TieuDiem .right-pane ul li .item_img {
    width: 150px;
    border-radius: 8px;
    object-fit: cover;
    aspect-ratio: 146 / 93;
    height: auto !important;
}

.TinBai2Cot_TieuDiem .right-pane ul li .news_info .news_title a {
    font-size: 16px;
    font-weight: 400;
    color: var(--Content-text-primary, #1E2939) !important;
}

.TinBai2Cot_TieuDiem .news_info .news_date {
    font-size: 14px;
}

.TinBai2Cot_TieuDiem .news_date::before {
    content: none;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - BANNER SỰ KIỆN***********************************************************/
/************************************************************************************************************************************************/
.list_QuangCao {
    border-top: none;
    padding-top: 0;
}

.list_QuangCao .view_list_QuangCao ul li {
    position: relative;
    height: auto;
    display: block;
    text-align: center;
    width: 100%;
    border: none;
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
}

.list_QuangCao .view_list_QuangCao ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}

.section-banner2 .list_QuangCao .view_list_QuangCao ul li img {
    aspect-ratio: 648 / 180;
}
.section-banner3 .list_QuangCao .view_list_QuangCao ul li img {
    aspect-ratio: 312 / 96;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - CHUYÊN MỤC ICON***********************************************************/
/************************************************************************************************************************************************/

.section-category {
    padding-bottom: 60px;
    position: relative;
}

.section-category::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 9999px;
    background-color: rgb(240 181 48 / 20%);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    position: absolute;
}

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc {
    display: flex;
    flex-wrap: wrap;
    --gap: 24px;
    --item: 4;
    gap: var(--gap);
}

/* --- CSS GỐC ĐÃ CHỈNH SỬA --- */
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li {
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    flex-direction: column;
    display: flex;
    gap: 16px;
    border-radius: 16px;
    border: 2px solid #F0B530; 
    background: #FFF;
    padding: 24px;
    position: relative; 
}

/* .section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li::before {
    content: '';
    position: absolute;
    top: -6px; 
    left: -6px; 
    right: -6px; 
    bottom: -6px;
    background-size: 100% 100%; 
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none; 
    z-index: 1; 
} */

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .icon_chuyenmuc {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .icon_chuyenmuc .item-img-link {
    flex-shrink: 0;
}

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .icon_chuyenmuc a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .viewmore {
    flex: 1;
    border-radius: 8px;
    border: 1px solid #F0B530;
    background: var(--Background-bg-white, #FFF);
    padding: 8px 16px;
    color: #F0B530;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    width: fit-content;
    position: relative; 
    transition: all 0.5s ease;
    cursor: pointer;
}

/* 1. Bổ sung transition cho thẻ li gốc để chuyển động mượt */
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li {
    /* ... các thuộc tính cũ của bạn giữ nguyên ... */
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    flex-direction: column;
    display: flex;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid rgb(240 181 48 / 20%);
    background: #FFF;
    padding: 24px;
    position: relative;
    
    /* BỔ SUNG DÒNG NÀY */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 2. Hiệu ứng Hover cho thẻ li */
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:hover {
    transform: translateY(-6px); /* Nảy nhẹ lên trên */
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06); /* Đổ bóng mềm mại */
    /* Hiện viền màu vàng (có thể dùng #F0B530 hoặc thêm độ trong suốt nếu thích viền nhạt) */
    border-color: rgba(240, 181, 48, 0.3); 
}

/* 3. Phản ứng của nút Viewmore khi thẻ li được hover */
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:hover .viewmore {
    background: #F0B530; /* Nền chuyển sang vàng */
    color: #FFF; /* Chữ chuyển sang trắng */
    box-shadow: 0 4px 12px rgba(240, 181, 48, 0.4); /* Nút cũng phát sáng nhẹ */
}

/* 4. (Tùy chọn) Phóng to nhẹ ảnh icon nếu muốn */
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .icon_chuyenmuc .item_img {
    transition: transform 0.4s ease;
}
.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:hover .icon_chuyenmuc .item_img {
    transform: scale(1.1);
}

/* .section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li .viewmore::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    border-radius: 8px;
} */

.section-category .DanhSachChuyenMuc_ListIcon .list_chuyenmuc .viewmore:hover {
    color: var(--Background-bg-white, #FFF);
    background: #F0B530;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - CHUYÊN MỤC SLIDE ẢNH ĐẠI DIỆN***********************************************************/
/************************************************************************************************************************************************/

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-itemCM {
    border-radius: 16px;
    box-shadow: 0 0 4px 0 #BCDDC6;
    overflow: hidden;
    margin: 0 12px 4px 12px;
    height: stretch;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-track {
    display: flex;
    align-items: stretch;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-list {
    margin: 0 -12px;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .chuyenmuc_summary {
    background: var(--Background-bg-white, #FFF);
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: 100%;
    margin-bottom: 4px;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-itemCM img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 312 / 201;
    transition: transform 0.5s ease;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .chuyenmuc_summary a {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
    transition: color 0.3s ease;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .chuyenmuc_summary .category_summary {
    overflow: hidden;
    color: var(--Content-text-secondary, #364153);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-itemCM:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(188, 221, 198, 0.7);
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-itemCM:hover img {
    transform: scale(1.05);
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide .slick-itemCM:hover .chuyenmuc_summary a {
    color: #009B7C; 
}

.DSChuyenMuc_AnhDaiDienSlide .slick-arrow {
    position: absolute;
    z-index: 2;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
}

.DSChuyenMuc_AnhDaiDienSlide .prevArrow.slick-arrow {
    border-radius: 0 50% 50% 0;
    padding: 8px 8px 8px 0px;
}

.DSChuyenMuc_AnhDaiDienSlide .nextArrow.slick-arrow {
    border-radius: 50% 0 0 50% ;
    padding: 8px 0px 8px 8px;
    right: -2px;
}

.DSChuyenMuc_AnhDaiDienSlide .list_CM_Slide:hover .slick-arrow {
    opacity: 1;  
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - SLIDE DỰ ÁN TIÊU BIỂU***********************************************************/
/************************************************************************************************************************************************/

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai {
    border-radius: 16px;
    box-shadow: 0 0 4px 0 #F5E5BA;
    overflow: hidden;
    margin: 0 12px 4px 12px;
    height: stretch;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.DanhSachDuAn_Slide .slick-itemDS .slick-track {
    display: flex;
    align-items: stretch;
}

.DanhSachDuAn_Slide .slick-itemDS .slick-list {
    margin: 0 -12px;
}

.DanhSachDuAn_Slide .slick-itemDS .list_summary {
    background: var(--Background-bg-white, #FFF);
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    margin-bottom: 4px;
}

.DanhSachDuAn_Slide .slick-itemDS img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 648 / 406;
    transition: transform 0.5s ease;
}

.DanhSachDuAn_Slide .slick-itemDS .list_summary a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    transition: color 0.3s ease;

    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}

.DanhSachDuAn_Slide .slick-itemDS .list_summary .summary {
    overflow: hidden;
    color: var(--Content-text-secondary, #364153);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;

    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai:hover img {
    transform: scale(1.05) !important;
}

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai:hover .list_summary a {
    color: #F0B530; 
}

.DanhSachDuAn_Slide .slick-itemDS .list_summary .viewmore {
    font-family: "Be Vietnam Pro";
    font-weight: 600;
    color: #F0B530; /* Set màu mặc định cho chữ hoặc mũi tên */
    transition: transform 0.3s ease, color 0.3s ease;
}

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai:hover .list_summary .viewmore {
    transform: translateX(6px);
}

.DanhSachDuAn_Slide .slick-arrow {
    position: absolute;
    z-index: 2;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.5s ease;
    cursor: pointer;
}

.DanhSachDuAn_Slide .prevArrow.slick-arrow {
    border-radius: 0 50% 50% 0;
    padding: 8px 8px 8px 0px;
}

.DanhSachDuAn_Slide .nextArrow.slick-arrow {
    border-radius: 50% 0 0 50% ;
    padding: 8px 0px 8px 8px;
    right: -2px;
}

.DanhSachDuAn_Slide .slick-itemDS .list_tinbai:hover .slick-arrow {
    opacity: 1;  
}

.DanhSachDuAn_Slide .list_summary .viewmore {
    border-radius: 8px;
    border: 1px solid transparent;
    background: var(--Background-bg-white, #FFF);
    border: 1px solid #F0B530;
    padding: 8px 16px;
    color: #F0B530;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    width: fit-content;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
}

/* .DanhSachDuAn_Slide .list_summary .viewmore::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    border-radius: 8px;
} */

.DanhSachDuAn_Slide .list_summary .viewmore:hover {
    color: var(--Background-bg-white, #FFF);
    background: #F0B530;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - QUY TRÌNH VAY VỐN***********************************************************/
/************************************************************************************************************************************************/
.section-procedure .TinBaiKhongAnh_Summary .list_news {
    display: flex;
    /* flex-wrap: wrap; */
    --item: 5;
    --gap: 0px;
    counter-reset: item-counter;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    mask-image: url('data:image/svg+xml,<svg width="260" height="228" viewBox="0 0 260 228" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.349213 19.2962C-1.74442 9.35139 5.84325 0 16.006 0L223.305 0C230.871 0 237.403 5.29993 238.961 12.7038L259.593 110.704C260.051 112.877 260.051 115.123 259.593 117.296L238.961 215.296C237.403 222.7 230.871 228 223.305 228H16.006C5.84325 228 -1.74442 218.649 0.349216 208.704L19.5929 117.296C20.0505 115.123 20.0505 112.877 19.5929 110.704L0.349213 19.2962Z" fill="white"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    min-height: 228px;
    padding: 24px;
    counter-increment: item-counter;
    background-color: #FFF;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li:first-child {
    mask-image: url('data:image/svg+xml,<svg width="264" height="228" viewBox="0 0 264 228" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 16C0 7.16344 7.16344 0 16 0H227.018C234.584 0 241.116 5.29993 242.674 12.7038L263.306 110.704C263.764 112.877 263.764 115.123 263.306 117.296L242.674 215.296C241.116 222.7 234.584 228 227.018 228H16C7.16344 228 0 220.837 0 212V16Z" fill="white"/></svg>');
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li:hover {
    transform: translateX(10px) scale(1.02) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -100px;
    width: 60px;
    height: 200%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.7) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(25deg);
    transition: left 0.6s ease;
    opacity: 0;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li:hover::after {
    left: 120%;
    opacity: 1;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li:hover::before {
    opacity: 0.8;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li:not(:first-child) {
    padding: 24px 24px 24px 40px;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li::before {
    content: counter(item-counter, decimal-leading-zero);
    font-size: 57px;
    font-weight: 700;
    font-family: "Be Vietnam Pro", sans-serif;
    color: rgba(240, 181, 48, 1);
    opacity: 0.4;
    line-height: 64px;
    display: block;
    margin-bottom: 24px;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li .news_title {
    margin-bottom: 8px;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li .news_title a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 600;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 24px;
    color: rgba(30, 41, 57, 1);
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li .news_title .group-icon {
    display: none;
}

.section-procedure .TinBaiKhongAnh_Summary .list_news li .news_summary {
    font-size: 14px;
    font-weight: 400;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 20px;
    color: rgba(106, 114, 130, 1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section-procedure .TinBaiKhongAnh_Summary .showmore {
    display: none;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - FAQ***********************************************************/
/************************************************************************************************************************************************/
.tinbai-accordion {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.home-layout .tinbai-accordion {
    max-width: 920px;
    margin: 0 auto;
}

.home-layout .list-tin-bai-accordion~.pagination {
    display: none;
}

.list-tin-bai-slide .card {
    border-radius: 24px !important;
    background: var(--Background-bg-white, #FFF);
    box-shadow: 2px 2px 8px 0 #BCDDC6;
    /* max-width: 920px; */
    width: 100%;
    padding: 24px;
    border: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-tin-bai-slide .card:hover {
    transform: translateY(-4px);
    box-shadow: 4px 8px 20px 0 rgba(188, 221, 198, 0.8);
}

.tinbai-accordion .card .card-header {
    border: none;
    background: none;
    padding: 0;
    display: flex;
    position: relative;
    margin-right: 24px;
}

.tinbai-accordion .card .card-header button {
    color: var(--Content-text-primary, #222) !important;
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: 0.15px;
    padding: 0 !important;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    justify-content: flex-start;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.tinbai-accordion .card .card-header button::before {
    content: "";
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: block;
    margin-right: 12px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path opacity="0.4" d="M16.0001 29.3332C23.3639 29.3332 29.3334 23.3636 29.3334 15.9998C29.3334 8.63604 23.3639 2.6665 16.0001 2.6665C8.63628 2.6665 2.66675 8.63604 2.66675 15.9998C2.66675 23.3636 8.63628 29.3332 16.0001 29.3332Z" fill="%232E8B6C"/><path d="M16.0001 29.3332C23.3639 29.3332 29.3334 23.3636 29.3334 15.9998C29.3334 8.63604 23.3639 2.6665 16.0001 2.6665C8.63628 2.6665 2.66675 8.63604 2.66675 15.9998C2.66675 23.3636 8.63628 29.3332 16.0001 29.3332Z" stroke="%232E8B6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.6667 12.6668C12.6667 10.8259 14.1591 9.3335 16.0001 9.3335C17.841 9.3335 19.3334 10.8259 19.3334 12.6668C19.3334 13.8094 18.7586 14.8176 17.8823 15.4183C16.9711 16.0427 16.0001 16.8956 16.0001 18.0002" stroke="%232E8B6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0002 22.6665H16.0121" stroke="%232E8B6C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.tinbai-accordion .card .card-header button::after {
    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"><path d="M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tinbai-accordion .card .card-header button.collapsed::after {
    transform: translateY(-50%) rotate(0deg);
}

.tinbai-accordion .card .card-header button:not(.collapsed)::before {
    transform: scale(1.15);
}

.tinbai-accordion .card .card-body {
    padding: 16px 40px 0px 44px;
}

.tinbai-accordion .card .card-body .news_summary {
    color: var(--Content-text-primary, #1E2939);
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.section-inner .tinbai-accordion {
    flex-wrap: wrap;
    --gap: 24px;
    --item: 1;
    flex-direction: row;
    align-items: flex-start;
}

.section-inner .list-tin-bai-slide .card {
   /* width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item)); */
    width: 100%;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - GIỚI THIỆU***********************************************************/
/************************************************************************************************************************************************/
.section-contact .TinBaiMotAnh .list_news li {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
}

.section-contact .TinBaiMotAnh .list_news li > a {
    width: calc(100% / 12 * 7)
}

.section-contact .TinBaiMotAnh .list_news li > .news_info {
    width: calc(100% / 12 * 5);
    margin-top: 60px;
}

.section-contact .TinBaiMotAnh .list_news li > a img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 760 / 431;
}

.section-contact .TinBaiMotAnh .list_news li > .news_info .news_title a {
    color: var(--Content-text-primary, #1E2939) !important;

    /* Playfair Display/Headline/Small */
    font-family: "Playfair Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    margin-bottom: 24px;
    display: block;
}

.section-contact .TinBaiMotAnh .list_news li > .news_info .news_summary {
    color: var(--Content-text-secondary, #364153);
    text-align: justify;
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.section-contact .contraC {
    position: relative;
}

.section-contact .titleH {
    position: absolute;
    top: 25px;
}

.section-contact .titleH span {
    color: #009B7C;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.TinBaiMotAnh .showmore {
    flex: 1;
    border-radius: 8px;
    border: 1px solid #F0B530;
    background: var(--Background-bg-white, #FFF);
    padding: 8px 16px;
    color: #F0B530 !important;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    width: fit-content;
    position: relative;
    transition: all 0.5s ease;
    margin-top: 20px;
    display: block;
    cursor: pointer;
}

/* .TinBaiMotAnh .showmore::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    border-radius: 8px;
} */

.TinBaiMotAnh .showmore:hover {
    color: var(--Background-bg-white, #FFF) !important;
    background: #F0B530;
}

.statistic-container {
    display: flex;
    gap: 24px;
    align-items: center;
    position: absolute;
    bottom: -30px;
    margin-left: 10%;
}

/* Ẩn các thẻ thống kê chờ GSAP */
#statistic .statistic-card {
    opacity: 0;
    visibility: hidden;
}

/* Ép vạch kẻ bắt đầu từ độ rộng 0 để làm hiệu ứng chạy dài ra */
#statistic .statistic-divider {
    width: 0%;
}

.statistic-card {
    background-color: #ffffff;
    border: 4px solid #ffffff;
    border-radius: 16px;
    box-shadow: 2px 2px 8px 0px #f8e6ca;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    position: relative;
    flex-shrink: 0;
}

.statistic-card.fixed-width {
    width: 168px;
}

.statistic-value {
    color: #009B7C;
    /* Be Vietnam Pro/Display/Small */
    font-family: "Be Vietnam Pro";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    padding-bottom: 0;
}

.statistic-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    position: relative;
    flex-shrink: 0;
}

.statistic-label {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    padding-bottom: 0;
}

.statistic-divider {
    background-color: #F0B530;
    width: 50px;
    height: 3px;
    border-radius: 999px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 50px;
}

.banner-slidePane-slide3 .news_thumb {
    display: flex !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: auto !important;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s ease;
    cursor: pointer;
}

/* BỔ SUNG: Hiệu ứng khi di chuột (Hover) */
.banner-slidePane-slide3 .item a:hover .news_thumb {
    transform: scale(1.08); /* Phóng to ảnh lên 8% */
    filter: brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,0.1)); /* Sáng lên một chút và có bóng đổ nhẹ phía dưới */
}

.banner-slidePane-slide3 .item a {
    display: flex;
    justify-content: center;
}

.banner-slidePane-slide3 .owl-stage {
    display: flex;
    align-items: center;
}

.section-banner4 .titleH span {
    color: #009B7C;
    /* Playfair Display/Headline/Small */
    font-family: "Playfair Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    margin-bottom: 24px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - THÔNG BÁO***********************************************************/
/************************************************************************************************************************************************/

.section-notification .TinBaiKhongAnh .list_news {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
}

.section-notification .TinBaiKhongAnh .list_news li {
    display: flex;
    padding: 24px;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    box-shadow: 2px 2px 8px 0 #FAEEDC;
    background-color: #FFF;
}

.section-notification .TinBaiKhongAnh .list_news li a {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section-notification .TinBaiKhongAnh .list_news li .news_date {
    color: #2E8B6C;
    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.section-notification .TinBaiKhongAnh .showmore {
    display: none;
}

.section-notification h5.titleH span {
    color: #FFF;
    text-shadow: 2px 2px 8px #000;

    /* Playfair Display/Headline/Large */
    font-family: "Playfair Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
    margin-bottom: 16px;
}

.section-notification {
    position: absolute;
    z-index: 2;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    bottom: -36px;
    margin-bottom: 0;
    overflow: hidden;
}

.TinBai_SlideCross .js-marquee {
    display: flex;
    gap: 40px;
    align-items: center;
}

.TinBai_SlideCross .js-marquee .news_title a {
    color: #1E2939 !important;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    display: flex;
    align-items: center;
}

.TinBai_SlideCross .js-marquee .news_title a:hover {
    color: #009B7C !important;
}

.TinBai_SlideCross .js-marquee .news_title a::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #009B7C;
    margin-right: 10px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CHỦ - TRUY CẬP NHANH***********************************************************/
/************************************************************************************************************************************************/

.quickAccess {
    position: fixed;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.quickAccess:hover {
    right: 0;
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc {
    border-radius: 16px 0 0 16px;
    background: var(--Background-bg-white, #FFF);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    width: 250px;
    flex-direction: column;
    align-items: flex-start;
    transition: box-shadow 0.5s ease;
    overflow: hidden;
}

.quickAccess:hover .DanhSachChuyenMuc_ListIcon .list_chuyenmuc {
    box-shadow: -4px 8px 24px rgba(0, 0, 0, 0.15);
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    transition: all 0.3s ease;
    cursor: pointer;
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:not(:last-child) {
    border-bottom: 1px solid #E5E7EB;
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:hover {
    background-color: #F0FAF4;
    transform: translateX(-6px);
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li > a {
    color: var(--Content-text-primary, #1E2939) !important;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px;
    letter-spacing: 0.15px;
    transition: color 0.3s ease;
    flex-shrink: 0;
}

.quickAccess .DanhSachChuyenMuc_ListIcon .list_chuyenmuc li:hover > a {
    color: #009B7C !important;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CON - GIỚI THIỆU***********************************************************/
/************************************************************************************************************************************************/

.inner-layout .TinBaiMotAnh .showmore,
.inner-layout .TinBaiKhongAnh .showmore {
    display: none !important;
}

.inner-layout .section-contact .titleH {
    position: absolute;
    top: 0;
    line-height: unset;
}

.inner-layout .section-contact .TinBaiMotAnh .list_news li > .news_info {
    margin-top: 28px;
}

/* Container chung của danh sách */
.section-mission .list_news {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Chia 2 cột đều nhau */
    gap: 24px 40px; /* Khoảng cách giữa 2 hàng là 16px, 2 cột là 40px */
    list-style: none; /* Bỏ dấu chấm tròn mặc định của ul */
    padding: 0;
    margin: 0;
    counter-reset: mission-counter; /* Khởi tạo bộ đếm */
}

/* Thiết lập cho từng item */
.section-mission .list_news li {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    counter-increment: mission-counter; /* Tăng bộ đếm cho mỗi li */
    break-inside: avoid; /* Tránh bị cắt thành phần khi dùng tính năng cột (nếu có) */
    flex-direction: column;
    padding-left: 56px;
}

/* Tạo hình vòng tròn đánh số thứ tự */
.section-mission .list_news li::before {
    content: counter(mission-counter);
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #009B7C; /* Text xanh */
    border: 1px solid #009B7C; /* Viền xanh */
    border-radius: 50%;
    background-color: #FFF; /* Nền trắng */
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    position: absolute;
    left: 0
}

/* Ẩn dấu chấm/icon icon nếu có mặc định do HTML xuất ra */
.section-mission .list_news li .group-icon {
    display: none; 
}

/* Container chứa Title và Summary */
.section-mission .list_news li > div:not(.news_title):not(.news_summary) {
    /* Đảm bảo phần nội dung chiếm hết không gian còn lại */
    flex: 1 0 0; 
}

/* Tiêu đề */
.section-mission .list_news .news_title {
    margin-bottom: 4px; /* Khoảng cách giữa tiêu đề và phần mô tả */
}

.section-mission .list_news .news_title a {
    color: #1e2939; /* Text đậm màu xám */
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-decoration: none;
    display: block;
}

.section-mission .list_news .news_title a:hover {
    color: #009B7C; /* Đổi màu xanh khi hover (tuỳ chọn) */
}

/* Nội dung mô tả (Summary) */
.section-mission .list_news .news_summary {
    color: #1e2939;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 16px;
    font-weight: 400; /* Regular */
    line-height: 24px;
    letter-spacing: 0.5px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CON - TIMELINE GIỚI THIỆU***********************************************************/
/************************************************************************************************************************************************/

/* Container chính */
.DanhSachTinBai .timeline-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

/* Mỗi item timeline */
.DanhSachTinBai .timeline-item {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: flex-start;
}

/* Item đảo chiều (image bên trái, content bên phải) */
.DanhSachTinBai .timeline-item-reversed {
    padding-top: 60px;
}

/* Khối nội dung (card) */
.DanhSachTinBai .timeline-item .news_info {
    width: calc((100% - 80px) / 2);
    min-width: 0;
    background-color: #fff;
    border: 6px solid #faeedc;
    border-radius: 16px;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Tiêu đề trong card */
.DanhSachTinBai .timeline-item .news_title a {
    color: #0f5c44;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    text-decoration: none;
    display: block;
}

.DanhSachTinBai .timeline-item .news_title a:hover {
    color: #009B7C;
}

/* Nội dung mô tả trong card */
.DanhSachTinBai .timeline-item .news_summary {
    color: #1e2939;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: justify;
    white-space: break-spaces;
}

/* Khối ảnh */
.DanhSachTinBai .timeline-item .timeline-image {
    min-width: 0;
    border-radius: 16px;
    width: calc((100% - 80px) / 2);
    overflow: hidden;
}

.DanhSachTinBai .timeline-item .timeline-image .item_img_link {
    display: block;
    width: 100%;
    height: 100%;
}

.DanhSachTinBai .timeline-item .timeline-image .item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}

/* Đường timeline ở giữa */
.DanhSachTinBai .timeline-item .timeline-line {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    flex-shrink: 0;
    align-self: stretch;
}

/* Đoạn line trên (chỉ hiện ở item đầu tiên) */
.DanhSachTinBai .timeline-item .timeline-line-top {
    width: 6px;
    height: 20px;
    background-color: #f0b530;
    border-radius: 999px;
    flex-shrink: 0;
}

/* Chấm tròn timeline */
.DanhSachTinBai .timeline-item .timeline-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DanhSachTinBai .timeline-item .timeline-dot svg {
    display: block;
}

/* Đoạn line dưới (kéo dài) */
.DanhSachTinBai .timeline-item .timeline-line-bottom {
    width: 6px;
    flex: 1 0 0;
    min-height: 0;
    background-color: #f0b530;
    border-radius: 999px 999px 0 0;
}

/* Item đảo chiều: đường line nối từ item trước */
.DanhSachTinBai .timeline-item-reversed .timeline-line {
    padding-top: 28px;
    position: relative;
}

/* Đoạn line nối giữa 2 item (chạy từ trên xuống, qua khoảng gap)  */
.DanhSachTinBai .timeline-item-reversed .timeline-line::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 80px;
    background-color: #f0b530;
    border-radius: 0 0 999px 999px;
}

/* Item thường (không phải đầu tiên): nối line từ item trước */
.DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) {
    padding-top: 60px;
}

.DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) .timeline-line {
    padding-top: 28px;
    position: relative;
}

.DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) .timeline-line::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 80px;
    background-color: #f0b530;
    border-radius: 0 0 999px 999px;
}

/* ẩn line-top cho các item không phải đầu tiên */
.DanhSachTinBai .timeline-item:not(:first-child) .timeline-line-top {
    display: none;
}

.DanhSachTinBai .timeline-item:not(:first-child) .timeline-line-bottom {
    border-radius: 0 0 999px 999px;
}

/* Responsive */
@media (max-width: 768px) {
    .DanhSachTinBai .timeline-item,
    .DanhSachTinBai .timeline-item-reversed {
        flex-direction: column;
    }

    .DanhSachTinBai .timeline-item .timeline-line {
        flex-direction: row;
        align-self: auto;
        padding: 0;
        gap: 8px;
    }

    .DanhSachTinBai .timeline-item .timeline-line-top,
    .DanhSachTinBai .timeline-item .timeline-line-bottom {
        height: 6px;
        width: auto;
        flex: 1 0 0;
        min-width: 0;
        border-radius: 999px;
    }

    .DanhSachTinBai .timeline-item .timeline-image {
        min-height: 250px;
    }

    .DanhSachTinBai .timeline-item-reversed .timeline-line::before,
    .DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) .timeline-line::before {
        display: none;
    }

    .DanhSachTinBai .timeline-item-reversed,
    .DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) {
        padding-top: 24px;
    }

    .DanhSachTinBai .timeline-item-reversed .timeline-line,
    .DanhSachTinBai .timeline-item:not(.timeline-item-reversed):not(:first-child) .timeline-line {
        padding-top: 0;
    }
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CON - THÔNG TIN LIÊN HỆ***********************************************************/
/************************************************************************************************************************************************/
.contact_info .contact_title {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.contact_info span.contact_title {
    color: var(--Green-500, #009B7C);
    /* Playfair Display/Headline/Large */
    font-family: "Playfair Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
    position: relative;
    padding-bottom: 16px;
    text-transform: none;
}

.contact_info span.contact_title::before {
    content: '';
    display: block;
    width: 200px;
    height: 3px;
    background-color: #F0B530;
    border-radius: 999px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.contact_info .contact_content {
    margin-top: 40px !important;
}

.contact_info .contact_content .contact_content_table tr th,
.contact_info .contact_content .contact_content_table tr td {
    background-color: #FFF;
    border: none;
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    padding: 12px 16px;
}

.contact_info .contact_content .contact_content_table tr th:first-child {
    width: 70px;
}
.contact_info .contact_content .contact_content_table tr th:nth-child(2) {
    width: 20%;
}
.contact_info .contact_content .contact_content_table tr th:nth-child(3) {
    width: 35%;
}
.contact_info .contact_content .contact_content_table tr th:nth-child(4) {
    width: 15%;
}

.contact_info .contact_content .contact_content_table tr td {
    font-weight: 400 !important;
}

.contact_info .contact_content .contact_content_table tr a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.contact_info .contact_content .contact_content_table {
    border-radius: 16px;
    overflow: hidden
}

.contact_info .contact_content .contact_content_table tr {
    border-bottom: 1px solid #E5E7EB;
}

.contact_content > ul > li > span {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}

.contact_content ul li {
    margin-bottom: 24px;
}

.contact_content ul li:first-child,
.contact_content ul li:last-child {
    display: none
}

.filter-box {
    display: none; 
}

#dnn_ctr15849_View_pnlDepartEmployees > .contact_title,
#dnn_ctr15849_View_pnlDepartEmployees .contact_content > ul > li {
    opacity: 0;
    visibility: hidden;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CON - LEADERSHIP TEAM - SECTION MISSION***********************************************************/
/************************************************************************************************************************************************/
.leadership-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    font-family: "Be Vietnam Pro", sans-serif;
}

.leadership-team .leader-row {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.leadership-team .leader-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 320px;
}

.leadership-team .leader-photo {
    width: 160px;
    aspect-ratio: 3 / 4;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 2px 2px 8px 0px #f5e5ba;
    flex-shrink: 0;
}

.leadership-team .leader-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.leadership-team .leader-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    font-style: normal;
    gap: 4px;
}

.leadership-team .leader-info p {
    padding-bottom: 0
}

.leadership-team .leader-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #1e2939;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.leadership-team > .leader-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #009B7C;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.leadership-team .leader-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0;
    color: #a0642f;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-transform: uppercase;
}

.leadership-team .leader-role {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1e2939;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* 1. Ẩn các khối lãnh đạo để chờ GSAP kích hoạt */
.leadership-team .leader-item {
    opacity: 0;
    visibility: hidden;
}

/* 2. Bổ sung hiệu ứng Hover mượt mà cho Card Lãnh đạo */
.leadership-team .leader-photo {
    overflow: hidden; /* Bắt buộc để ảnh zoom không lòi ra ngoài khung */
    border-radius: 8px; /* Tùy chỉnh bo góc nếu thiết kế của bạn có bo */
}

.leadership-team .leader-photo img {
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.leadership-team .leader-name {
    transition: color 0.3s ease;
}

/* Khi trỏ chuột vào khối: Ảnh to lên một chút, Tên đổi màu vàng */
.leadership-team .leader-item:hover .leader-photo img {
    transform: scale(1.08);
}

.leadership-team .leader-item:hover .leader-name {
    color: #F0B530; 
}

/* ===== Responsive ===== */
@media screen and (max-width: 768px) {
    .leadership-team .leader-row {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .leadership-team .leader-item {
        width: 280px;
    }
}

@media screen and (max-width: 576px) {
    .leadership-team .leader-item {
        width: 100%;
        max-width: 300px;
    }

    .leadership-team .leader-name {
        font-size: 18px;
        line-height: 26px;
    }
}

/************************************************************************************************************************************************/
/*****************************************************TRANG CON - CHUYÊN MỤC***********************************************************/
/************************************************************************************************************************************************/
.quickAccess_CM {
    position: sticky;
    top: 40px;
    height: fit-content;
    z-index: 11;
}

.quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc {
    display: flex;
    padding: 16px 0;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: var(--Background-bg-cream, #FFFCF7);
    box-shadow: 0 4px 8px 0 rgba(107, 76, 7, 0.12);
}

.quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc li a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc li:hover a {
    color: var(--Green-500, #009B7C) !important;
}

.quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc li:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    fill: var(--Content-text-primary, #1E2939);
    margin-left: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><circle opacity="0.2" cx="4" cy="4" r="4" fill="%231E2939"/></svg>');
}

/* .quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc::before {
    content: '';
    top: -5px;
    position: absolute;
    width: 100%;
    height: 6px;
    background-repeat: no-repeat;
} */

/* .quickAccess_CM .DanhSachChuyenMucCapDoc .list_chuyenmuc::after {
    content: '';
    bottom: -5px;
    position: absolute;
    width: 100%;
    height: 8px;
    background-repeat: no-repeat;
} */

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - DANH SÁCH TIN BÀI***********************************************************/
/************************************************************************************************************************************************/
.DanhSachTinBai .list_news {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: wrap;
}

.DanhSachTinBai .list_news li {
    display: flex;
    gap: 24px;
}

.DanhSachTinBai .list_news li:not(:last-child) {
    border-bottom: 1px solid var(--gray-300, #E5E7EB);
    padding-bottom: 24px;
}

.DanhSachTinBai .list_news li .item_img_link {
    display: block;
    width: 336px;
    flex-shrink: 0;
}

.DanhSachTinBai .list_news li .item_img {
    border-radius: 10px;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 336 / 212;
}

.DanhSachTinBai .list_news li .news_info .news_title a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* text-align: justify; */
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.444; /* 144.444% */
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news_title a img:first-child {
    margin-left: 10px;
}
.news_title a img {
    margin-left: 5px;
}

.DanhSachTinBai .list_news li .news_info .news_date {
    color: var(--Content-text-tertiary, #6A7282);

    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 5px;
}

.DanhSachTinBai .list_news li .news_info .news_summary {
    overflow: hidden;
    color: var(--text-mi, #1E2939);
    /* text-align: justify; */
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    letter-spacing: 0.5px;
}

.NoiDungLienQuan .Title {
    color: var(--vng-m, #EA8F00);
    /* text-align: justify; */
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid var(--border-table, #CED8EB);
}

.NoiDungLienQuan {
    margin-top: 15px;
}

.NoiDungLienQuan .CMLienQuan {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.NoiDungLienQuan .CMLienQuan li {
    display: list-item;
    list-style: disc;
    margin-left: 15px;
    position: relative;
}

.NoiDungLienQuan .CMLienQuan li::marker {
    font-size: 16px;
    color: #009B7C;
}

.NoiDungLienQuan .CMLienQuan li .CM_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.TinBai_LienQuan {
    border-radius: 10px;
    background: #F6F6F6;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 30px;
}

.TinBai_LienQuan .Title {
    color: var(--Green-500, #009B7C);
    /* text-align: justify; */
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44; /* 144.444% */
}

.TinBai_LienQuan .DSTinLienQuan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.TinBai_LienQuan .DSTinLienQuan li {
    display: list-item;
    list-style: disc;
    margin-left: 15px;
    position: relative;
}

.TinBai_LienQuan .DSTinLienQuan li::marker {
    font-size: 14px;
    color: #009B7C;
}

.TinBai_LienQuan .DSTinLienQuan li a {
    color: var(--Content-text-primary, #1E2939);
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - CHI TIẾT TIN BÀI***********************************************************/
/************************************************************************************************************************************************/
.ChiTietTinBai {
    position: relative;
}

.ChiTietTinBai .TinBai_GioiThieu .TieuDe {
    margin-bottom: 15px;
}

.ChiTietTinBai .TinBai_GioiThieu .news_title {
    color: var(--Content-text-primary, #1E2939);
    /* text-align: justify; */
    font-family: "Be Vietnam Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_GioiThieu .news_date {
    color: var(--Green-500, #009B7C);
    /* text-align: justify; */
    font-family: Be Vietnam Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.71; /* 171.429% */
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_GioiThieu .new_summary {
    color: var(--Content-text-primary, #1E2939);
    /* text-align: justify; */
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_GioiThieu .Media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
    max-width: 600px;
    width: 600px;
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb img {
    max-width: 900px;   
    width: 100%;
    border-radius: 16px;
    height: 100%;
} 

.ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb_summary {
    color: var(--tom-tat, #0070c0);
    text-align: center;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai .NguonTin_TacQuyen ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ChiTietTinBai .NguonTin_TacQuyen ul li {
    color: var(--Green-500, #009B7C);
    text-align: right;
    font-family: Be Vietnam Pro;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5; /* 160% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_Khac .Title {
    color: var(--vng-m, #EA8F00);
    /* text-align: justify; */
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44; /* 144.444% */
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-table, #CED8EB);
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title {
    display: flex;
    gap: 4px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title a {
    color: var(--Green-500, #009B7C) !important;
    text-align: left;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li {
    display: list-item;
    list-style: disc;
    margin-left: 15px;
    position: relative;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li::marker {
    font-size: 16px;
    color: #009B7C;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_date {
    color: var(--Green-500, #009B7C);
    /* text-align: justify; */
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    display: inline-flex;
    margin-left: 4px;
    letter-spacing: 0.5px;
}

.ChiTietTinBai .TinBai_BaiViet {
    display: flex;
}

.ChiTietTinBai .TinBai_BaiViet .Group_TinBai {
    width: 100%;
    max-width: calc(100% - 70px);
}

@media screen and (max-width: 768px) {
    .ChiTietTinBai .TinBai_BaiViet .Group_TinBai {
        max-width: 100%;
    }
}

.ChiTietTinBai .TinBai_Media {
    margin-top: 20px;
}

.ChiTietTinBai .TinBai_Media .news_video {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    cursor: pointer;
    height: 600px;
}

.ChiTietTinBai .TinBai_Media .news_video .iframe-ytb .video-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

.ChiTietTinBai .TinBai_Media .news_video .iframe-ytb .video-container video {
    background: #000;
}

.ChiTietTinBai .TinBai_Media .news_video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.ChiTietTinBai .TinBai_Media .news_video .play-action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.ChiTietTinBai .TinBai_Media .news_video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0.20) 100%)
}

.ChiTietTinBai .group-function {
    position: sticky;
    top: 80px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
    margin-bottom: 20px;
    margin-right: 20px;
}

.ChiTietTinBai .group-function > div {
    border-radius: 180px;
    border: 1px solid var(--border-table, #CED8EB);
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ChiTietTinBai .group-function .text-zoom {
    color: var(--Content-text-primary, #1E2939);
    font-family: "Be Vietnam Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6667; /* 166.667% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai .group-function .text-zoom .group-small {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.ChiTietTinBai .group-function .text-zoom .group-small > div[class*="text"] {
    border-radius: 180px;
    border: 1px solid var(--border-table, #CED8EB);
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet .news_content table {
    margin-left: 0 !important;
    width: 100% !important;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet * {
    font-family: "Be Vietnam Pro" !important;
    font-size: 16px;
    /* padding-bottom: 5px; */
    line-height: 1.5;
    text-align: justify;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet img {
    height: auto !important;
    cursor: pointer;
    max-width: 100% !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet iframe {
    width: 100% !important;
    height: 500px;
    max-width: 900px;
    margin-top: 20px;
}

.MXH_share {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}

.MXH_share svg {
    cursor: pointer;
}

.MXH_share a img {
    cursor: pointer;
    border-radius: 50%;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - PAGER***********************************************************/
/************************************************************************************************************************************************/

.page_size,
#pagelistnumber {
    height: 38px !important;
    max-height: 45px !important;
    position: relative;
    text-align: center !important;
}

.page_size,
#pagelistnumber,
.pagination-number {
    text-align: center !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    row-gap: 15px;
}

.page_size a,
#pagelistnumber a {
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.42857;
    color: #1E2939 !important;
    border: none;
    background: none;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    z-index: 1;
}

.page_size a::before,
#pagelistnumber a::before {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.page_size a:nth-of-type(1),
.page_size a:nth-of-type(2),
.page_size a:nth-last-of-type(1),
.page_size a:nth-last-of-type(2),
#pagelistnumber a:nth-of-type(1),
#pagelistnumber a:nth-of-type(2),
#pagelistnumber a:nth-last-of-type(1),
#pagelistnumber a:nth-last-of-type(2) {
    font-size: 0 !important;
}

.page_size a:nth-of-type(2)::before,
#pagelistnumber a:nth-of-type(2)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0834 3.58341C13.2361 3.73919 13.3216 3.94862 13.3216 4.16675C13.3216 4.38487 13.2361 4.59431 13.0834 4.75008L7.8501 10.0001L13.1001 15.2501C13.2356 15.4105 13.3055 15.616 13.296 15.8258C13.2864 16.0355 13.198 16.2339 13.0486 16.3813C12.8991 16.5286 12.6994 16.6142 12.4896 16.6208C12.2798 16.6273 12.0752 16.5545 11.9168 16.4167L6.08343 10.5834C5.93074 10.4276 5.84521 10.2182 5.84521 10.0001C5.84521 9.78195 5.93074 9.57252 6.08343 9.41675L11.9168 3.58341C11.9942 3.50531 12.0864 3.44331 12.1879 3.401C12.2895 3.3587 12.3984 3.33691 12.5084 3.33691C12.6184 3.33691 12.7274 3.3587 12.8289 3.401C12.9305 3.44331 13.0226 3.50531 13.1001 3.58341H13.0834Z" fill="%231E2939"/></svg>');
}

.page_size a:nth-of-type(1)::before,
#pagelistnumber a:nth-of-type(1)::before{
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99987 2.50002C4.79514 2.49854 4.59703 2.57248 4.44333 2.70774C4.28963 2.84299 4.1911 3.0301 4.16654 3.23336V16.6667C4.15328 16.8877 4.22836 17.1049 4.37526 17.2706C4.52216 17.4362 4.72886 17.5368 4.94987 17.55C5.17089 17.5633 5.38812 17.4882 5.55377 17.3413C5.71943 17.1944 5.81994 16.9877 5.83321 16.7667V3.33336C5.83321 3.11234 5.74541 2.90038 5.58913 2.7441C5.43285 2.58782 5.22089 2.50002 4.99987 2.50002ZM15.5832 2.75002C15.4409 2.6079 15.252 2.52203 15.0514 2.50824C14.8508 2.49446 14.6519 2.55369 14.4915 2.67502L14.4082 2.74169L7.74154 9.40835C7.59843 9.55217 7.51269 9.74325 7.50042 9.94576C7.48815 10.1483 7.55018 10.3483 7.67487 10.5084L7.74154 10.5917L14.4082 17.2584C14.557 17.4132 14.7597 17.5047 14.9743 17.5137C15.1888 17.5227 15.3985 17.4485 15.5597 17.3067C15.7209 17.1648 15.8211 16.9662 15.8395 16.7523C15.8578 16.5383 15.7929 16.3256 15.6582 16.1584L15.5915 16.075L9.49987 10L15.5832 3.91669C15.7359 3.76091 15.8214 3.55148 15.8214 3.33336C15.8214 3.11523 15.7359 2.9058 15.5832 2.75002Z" fill="%231E2939"/></svg>');
}

.page_size a:nth-last-of-type(2)::before,
#pagelistnumber a:nth-last-of-type(2)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91652 3.58341C6.76383 3.73919 6.67831 3.94862 6.67831 4.16675C6.67831 4.38487 6.76383 4.59431 6.91652 4.75008L12.1582 10.0001L6.90819 15.2501C6.82153 15.3254 6.75137 15.4178 6.70212 15.5216C6.65287 15.6253 6.62559 15.7381 6.62199 15.8529C6.61839 15.9676 6.63855 16.0819 6.6812 16.1885C6.72386 16.2951 6.78808 16.3918 6.86985 16.4724C6.95162 16.553 7.04917 16.6159 7.15638 16.657C7.26359 16.6982 7.37814 16.7167 7.49285 16.7115C7.60756 16.7062 7.71995 16.6774 7.82297 16.6266C7.92599 16.5759 8.01742 16.5045 8.09152 16.4167L13.9249 10.5834C14.0775 10.4276 14.1631 10.2182 14.1631 10.0001C14.1631 9.78195 14.0775 9.57252 13.9249 9.41675L8.09152 3.58341C8.01405 3.50531 7.92188 3.44331 7.82034 3.401C7.71879 3.3587 7.60986 3.33691 7.49985 3.33691C7.38984 3.33691 7.28092 3.3587 7.17937 3.401C7.07782 3.44331 6.98566 3.50531 6.90819 3.58341H6.91652Z" fill="%231E2939"/></svg>');
}

.page_size a:nth-last-of-type(1)::before,
#pagelistnumber a:nth-last-of-type(1)::before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9999 2.50002C15.2047 2.49854 15.4028 2.57248 15.5565 2.70774C15.7102 2.84299 15.8087 3.0301 15.8333 3.23336V16.6667C15.8465 16.8877 15.7714 17.1049 15.6245 17.2706C15.4776 17.4362 15.2709 17.5368 15.0499 17.55C14.8289 17.5633 14.6117 17.4882 14.446 17.3413C14.2804 17.1944 14.1799 16.9877 14.1666 16.7667V3.33336C14.1666 3.11234 14.2544 2.90038 14.4107 2.7441C14.567 2.58782 14.7789 2.50002 14.9999 2.50002ZM4.4166 2.75002C4.55735 2.60885 4.74405 2.52281 4.94282 2.50752C5.14158 2.49223 5.33924 2.5487 5.49993 2.66669L5.58326 2.73336L12.2499 9.40002C12.393 9.54383 12.4788 9.73491 12.491 9.93743C12.5033 10.1399 12.4413 10.34 12.3166 10.5L12.2499 10.5834L5.58326 17.25C5.43452 17.4049 5.23174 17.4963 5.0172 17.5054C4.80267 17.5144 4.59293 17.4402 4.43174 17.2983C4.27054 17.1565 4.17032 16.9579 4.15197 16.744C4.13363 16.53 4.19857 16.3172 4.33326 16.15L4.39993 16.0667L10.4999 10L4.4166 3.91669C4.26391 3.76091 4.17838 3.55148 4.17838 3.33336C4.17838 3.11523 4.26391 2.9058 4.4166 2.75002Z" fill="%231E2939"/></svg>');
}

.page_size .page_disabled:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)),
#pagelistnumber .page_selected:not(:nth-of-type(1), :nth-of-type(2), :nth-last-of-type(1), :nth-last-of-type(2)) {
    background: #009B7C;
    border-radius: 4px;
    color: #FFF !important;
}

.page_size select[id*="ddlpPageSize"] {
    padding: 4px 8px !important;
    width: 80px !important;
    border-radius: 4px;
    border: 1px solid #E3E5ED;
    font-size: 16px;
    line-height: 1.5;
    color: #000730;
    margin: 0 0 0 8px;
    box-shadow: none;
    appearance: none;
    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"><mask id="mask0_779_5259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect x="24" width="24" height="24" transform="rotate(90 24 0)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_779_5259)"><path d="M12 12.9462L16.0731 8.87309C16.2116 8.73462 16.3856 8.66379 16.5952 8.66059C16.8048 8.65737 16.982 8.7282 17.1269 8.87309C17.2718 9.01795 17.3442 9.19359 17.3442 9.39999C17.3442 9.60639 17.2718 9.78202 17.1269 9.92689L12.6327 14.4211C12.5391 14.5147 12.4404 14.5807 12.3365 14.6192C12.2327 14.6577 12.1205 14.6769 12 14.6769C11.8795 14.6769 11.7673 14.6577 11.6635 14.6192C11.5596 14.5807 11.4609 14.5147 11.3673 14.4211L6.87311 9.92689C6.73465 9.78844 6.66381 9.6144 6.66061 9.40479C6.6574 9.19519 6.72823 9.01795 6.87311 8.87309C7.01798 8.7282 7.19361 8.65576 7.40001 8.65576C7.60641 8.65576 7.78205 8.7282 7.92691 8.87309L12 12.9462Z" fill="black"/></g></svg>');
    background-repeat: no-repeat;
    background-position: 98% center;
    outline: none;
}

.pagination.pagination-customize {
    display: flex;
    margin-top: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination.pagination-customize {
    gap: 8px;
}

    .pagination.pagination-customize li.page-item {
        display: flex;
        height: 30px;
        padding: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }
    
    .pagination.pagination-customize li.page-item {
        display: flex;
        min-width: 44px;
        height: 44px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: 1px solid #E5E7EB;
        border-radius: 50%;
        background-color: #FFF;
    }

        .pagination.pagination-customize li.page-item a.page-link {
            display: block;
            padding: 0;
            width: 100%;
            border: none;
            text-align: center;
            color: var(--Content-text-primary, #1E2939) !important;
            /* Be Vietnam Pro/Label/Large */
            font-family: Be Vietnam Pro;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 1.42; /* 142.857% */
            letter-spacing: 0.1px;
            margin: 0 auto;
            background: transparent;
            transition: none;
        }


        .pagination.pagination-customize li.page-item.active,
        .pagination.pagination-customize li.page-item.active a.page-link,
        .pagination.pagination-customize li:hover a.page-link {
            color: #FFF !important;
            background-color: var(--Green-500, #009B7C) !important;
            pointer-events: none;
            cursor: none;
        }

        .pagination.pagination-customize li.page-item.active,
        .pagination.pagination-customize li:hover {
            border-radius: 50%;
            background: var(--Green-500, #009B7C);
            color: #FFF !important;
        }

            .pagination.pagination-customize li.page-item.active a.page_link {
                background-color: var(--Green-500, #009B7C) !important;
            }

        .pagination.pagination-customize li.page-item .page_link {
            color: var(--Content-text-primary, #1E2939) !important;
            /* Be Vietnam Pro/Label/Large */
            font-family: Be Vietnam Pro;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 1.42; /* 142.857% */
            letter-spacing: 0.1px;
        }

.pagination.pagination-customize li.page-item.disabled {
    pointer-events: none;
    cursor: none;
}

.pagination.pagination-customize li.page-item.first-page i,
.pagination.pagination-customize li.page-item.prev-page i,
.pagination.pagination-customize li.page-item.next-page i,
.pagination.pagination-customize li.page-item.last-page i {
    font-size: 0;
}

    .pagination.pagination-customize li.page-item.prev-page i::after {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0834 3.58341C13.2361 3.73919 13.3216 3.94862 13.3216 4.16675C13.3216 4.38487 13.2361 4.59431 13.0834 4.75008L7.8501 10.0001L13.1001 15.2501C13.2356 15.4105 13.3055 15.616 13.296 15.8258C13.2864 16.0355 13.198 16.2339 13.0486 16.3813C12.8991 16.5286 12.6994 16.6142 12.4896 16.6208C12.2798 16.6273 12.0752 16.5545 11.9168 16.4167L6.08343 10.5834C5.93074 10.4276 5.84521 10.2182 5.84521 10.0001C5.84521 9.78195 5.93074 9.57252 6.08343 9.41675L11.9168 3.58341C11.9942 3.50531 12.0864 3.44331 12.1879 3.401C12.2895 3.3587 12.3984 3.33691 12.5084 3.33691C12.6184 3.33691 12.7274 3.3587 12.8289 3.401C12.9305 3.44331 13.0226 3.50531 13.1001 3.58341H13.0834Z" fill="%231E2939"/></svg>');
    }

    .pagination.pagination-customize li.page-item.first-page i::after {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5.00085 2.50002C4.79612 2.49854 4.59801 2.57248 4.44431 2.70774C4.29061 2.84299 4.19208 3.0301 4.16752 3.23336V16.6667C4.15425 16.8877 4.22933 17.1049 4.37624 17.2706C4.52314 17.4362 4.72984 17.5368 4.95085 17.55C5.17186 17.5633 5.38909 17.4882 5.55475 17.3413C5.72041 17.1944 5.82092 16.9877 5.83418 16.7667V3.33336C5.83418 3.11234 5.74638 2.90038 5.5901 2.7441C5.43382 2.58782 5.22186 2.50002 5.00085 2.50002ZM15.5842 2.75002C15.4419 2.6079 15.253 2.52203 15.0524 2.50824C14.8518 2.49446 14.6529 2.55369 14.4925 2.67502L14.4092 2.74169L7.74252 9.40835C7.5994 9.55217 7.51367 9.74325 7.5014 9.94576C7.48912 10.1483 7.55115 10.3483 7.67585 10.5084L7.74252 10.5917L14.4092 17.2584C14.5579 17.4132 14.7607 17.5047 14.9752 17.5137C15.1898 17.5227 15.3995 17.4485 15.5607 17.3067C15.7219 17.1648 15.8221 16.9662 15.8405 16.7523C15.8588 16.5383 15.7939 16.3256 15.6592 16.1584L15.5925 16.075L9.50085 10L15.5842 3.91669C15.7369 3.76091 15.8224 3.55148 15.8224 3.33336C15.8224 3.11523 15.7369 2.9058 15.5842 2.75002Z" fill="%231E2939"/></svg>');
    }

    .pagination.pagination-customize li.page-item.next-page i::after {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91652 3.58341C6.76383 3.73919 6.67831 3.94862 6.67831 4.16675C6.67831 4.38487 6.76383 4.59431 6.91652 4.75008L12.1582 10.0001L6.90819 15.2501C6.82153 15.3254 6.75137 15.4178 6.70212 15.5216C6.65287 15.6253 6.62559 15.7381 6.62199 15.8529C6.61839 15.9676 6.63855 16.0819 6.6812 16.1885C6.72386 16.2951 6.78808 16.3918 6.86985 16.4724C6.95162 16.553 7.04917 16.6159 7.15638 16.657C7.26359 16.6982 7.37814 16.7167 7.49285 16.7115C7.60756 16.7062 7.71995 16.6774 7.82297 16.6266C7.92599 16.5759 8.01742 16.5045 8.09152 16.4167L13.9249 10.5834C14.0775 10.4276 14.1631 10.2182 14.1631 10.0001C14.1631 9.78195 14.0775 9.57252 13.9249 9.41675L8.09152 3.58341C8.01405 3.50531 7.92188 3.44331 7.82034 3.401C7.71879 3.3587 7.60986 3.33691 7.49985 3.33691C7.38984 3.33691 7.28092 3.3587 7.17937 3.401C7.07782 3.44331 6.98566 3.50531 6.90819 3.58341H6.91652Z" fill="%231E2939"/></svg>');
    }

    .pagination.pagination-customize li.page-item.last-page i::after {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.9994 2.50002C15.2042 2.49854 15.4023 2.57248 15.556 2.70774C15.7097 2.84299 15.8082 3.0301 15.8328 3.23336V16.6667C15.846 16.8877 15.771 17.1049 15.6241 17.2706C15.4771 17.4362 15.2705 17.5368 15.0494 17.55C14.8284 17.5633 14.6112 17.4882 14.4455 17.3413C14.2799 17.1944 14.1794 16.9877 14.1661 16.7667V3.33336C14.1661 3.11234 14.2539 2.90038 14.4102 2.7441C14.5665 2.58782 14.7784 2.50002 14.9994 2.50002ZM4.41611 2.75002C4.55686 2.60885 4.74356 2.52281 4.94233 2.50752C5.14109 2.49223 5.33875 2.5487 5.49944 2.66669L5.58278 2.73336L12.2494 9.40002C12.3926 9.54383 12.4783 9.73491 12.4906 9.93743C12.5028 10.1399 12.4408 10.34 12.3161 10.5L12.2494 10.5834L5.58278 17.25C5.43403 17.4049 5.23125 17.4963 5.01671 17.5054C4.80218 17.5144 4.59245 17.4402 4.43125 17.2983C4.27005 17.1565 4.16983 16.9579 4.15149 16.744C4.13314 16.53 4.19808 16.3172 4.33278 16.15L4.39944 16.0667L10.4994 10L4.41611 3.91669C4.26342 3.76091 4.1779 3.55148 4.1779 3.33336C4.1779 3.11523 4.26342 2.9058 4.41611 2.75002Z" fill="%231E2939"/></svg>');
    }

    .pagination.pagination-customize li.page-item.disabled i::after {
        opacity: 0.3
    }

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - SIDEBAR***********************************************************/
/************************************************************************************************************************************************/
.div-sidebar .DanhSachChuyenMucNhieuCap .list_chuyenmuc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.div-sidebar .DanhSachChuyenMucNhieuCap .list_chuyenmuc li a {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.div-sidebar .DanhSachChuyenMucNhieuCap .list_chuyenmuc li:hover a,
.div-sidebar .DanhSachChuyenMucNhieuCap .list_chuyenmuc li.active a {
    color: var(--Green-500, #009B7C);
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li .item_img_link {
    width: 88px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    flex-shrink: 0;
    height: unset !important;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li img {
    aspect-ratio: 88 / 60;
    object-fit: cover;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li .news_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li .news_title a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939) !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;

    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}

.div-sidebar .TinBaiMotAnh_NoSummary .list_news li .news_date {
    color: var(--Content-text-tertiary, #6A7282);

    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.div-sidebar .TinBaiMotAnh_NoSummary .showmore {
    margin-top: 16px;
    color: var(--Green-500, #009B7C) !important;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.div-sidebar .TinBaiMotAnh_NoSummary .showmore::after {
    width: 20px;
    height: 20px;
    display: block;
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.4165 10H4.1665" stroke="%231F7A5A" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.8335 15C10.8335 15 15.8335 11.3176 15.8335 10C15.8335 8.68233 10.8335 5 10.8335 5" stroke="%231F7A5A" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.div-sidebar .TinBaiKhongAnh .list_news {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}

.div-sidebar .TinBaiKhongAnh .list_news li:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Border, #E5E7EB);
}

.div-sidebar .TinBaiKhongAnh .list_news li .news_title a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    margin-bottom: 4px;
    overflow: hidden;
}

.div-sidebar .TinBaiKhongAnh .list_news li .news_date {
    color: var(--Content-text-tertiary, #6A7282);

    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.inner-layout .div-sidebar .TinBaiKhongAnh .showmore {
    margin-top: 16px;
    color: var(--Green-500, #009B7C) !important;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px;
    letter-spacing: 0.1px;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.inner-layout .div-sidebar .TinBaiKhongAnh .showmore::after {
    width: 20px;
    height: 20px;
    display: block;
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.4165 10H4.1665" stroke="%231F7A5A" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.8335 15C10.8335 15 15.8335 11.3176 15.8335 10C15.8335 8.68233 10.8335 5 10.8335 5" stroke="%231F7A5A" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - DỰ ÁN***********************************************************/
/************************************************************************************************************************************************/
.ListDuAn .data-container .list_news {
    --gap: 24px;
    --item: 3;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: flex-start;
    justify-content: center;
    align-items: stretch;
}

.ListDuAn .data-container .list_news li {
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px #f5e5ba;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    height: stretch;
}

.ListDuAn .data-container .list_news li:hover {
    box-shadow: 0px 4px 16px 0px rgba(245, 229, 186, 0.6);
    transform: translateY(-4px);
}

/* IMAGE */
.ListDuAn .data-container .list_news li .item_img_link {
    display: block;
    width: 100%;
    aspect-ratio: 424 / 292;
    overflow: hidden;
    flex-shrink: 0;
}

.ListDuAn .data-container .list_news li .item_img_link .item_img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
    aspect-ratio: 424 / 292;
}

.ListDuAn .data-container .list_news li:hover .item_img_link .item_img {
    transform: scale(1.05);
}

/* CONTENT */
.ListDuAn .data-container .list_news li .news_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: var(--Background-bg-white, #FFFFFF);
    width: 100%;
    box-sizing: border-box;
}

/* TITLE */
.ListDuAn .data-container .list_news li .news_info .news_title a {
    color: var(--Content-text-primary, #1E2939);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}

.ListDuAn .data-container .list_news li .news_info .news_title a:hover {
    color: #F0B530;
}

/* DATE */
.ListDuAn .data-container .list_news li .news_info .news_date {
    color: var(--Content-text-tertiary, #6A7282);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* SUMMARY */
.ListDuAn .data-container .list_news li .news_info .news_summary {
    color: var(--Content-text-secondary, #364153);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* PAGINATION */
.ListDuAn .pagination.pagination-customize {
    margin-top: 40px;
}

/* RESPONSIVE */
@media screen and (max-width: 1200px) {
    .ListDuAn .data-container .list_news li {
        width: calc((100% - 24px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .ListDuAn .data-container .list_news {
        gap: 16px;
    }

    .ListDuAn .data-container .list_news li {
        width: 100%;
    }

    .ListDuAn .data-container .list_news li .item_img_link {
        height: 220px;
    }

    .ListDuAn .data-container .list_news li .news_info {
        padding: 16px;
        gap: 12px;
    }

    .ListDuAn .data-container .list_news li .news_info .news_title a {
        font-size: 18px;
        line-height: 26px;
    }
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - CHI TIẾT DỰ ÁN***********************************************************/
/************************************************************************************************************************************************/
.TinBai_Banner {
    position: relative;
    width: 100%;
    display: flex; 
    justify-content: center; 
    margin-bottom: 60px;
}

#BannerImage {
    width: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 1920 / 660;
}

.TinBai_Banner_Overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 92, 68, 0.00) 0%, #212121 100%);
    pointer-events: none;
    height: 50%;
    align-self: flex-end;
}

#TinBai_Title {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 1200px; 
    padding: 0 0 40px;
    color: var(--Content-text-white, #FFF);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    z-index: 1;
}

.TinBai_BaiViet .news_info {
    border-radius: 16px;
    border: 1px solid #FAEEDC;
    background: var(--Background-bg-white, #FFF);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 24px;
}

.TinBai_BaiViet .news_info h1.info_title {
    color: #0F5C44;
    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - VĂN BẢN TÀI LIỆU***********************************************************/
/************************************************************************************************************************************************/
.ModVanBanQuyPhamPhapLuatDanhMucC .list_chuyenmuc {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.ModVanBanQuyPhamPhapLuatDanhMucC .list_chuyenmuc li:not(:last-child) {
    display: none;
}

.ModVanBanQuyPhamPhapLuatDanhMucC .list_chuyenmuc li a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.ModVanBanQuyPhamPhapLuatDanhMucC .list_chuyenmuc li a:hover {
    color: var(--Green-500, #009B7C) !important;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC .list-title {
    display: none;
}

.vbpl-form {
    border-radius: 16px;
    border: 1px solid #FAEEDC;
    background: var(--Background-bg-white, #FFF);
    padding: 24px;
}

.vbpl-form label {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Label/Large */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    margin: 0 0 4px 0;
}

.vbpl-form input[type="text"], .vbpl-form select {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    padding: 8px 12px;
}

.vbpl-form input[type="text"]::placeholder {
    color: var(--Content-text-tertiary, #6A7282);

    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}

.vbpl-form input[type="text"].text_date {
    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="M18 2V4M6 2V4" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9955 13H12.0045M11.9955 17H12.0045M15.991 13H16M8 13H8.00897M8 17H8.00897" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.5 8H20.5" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 8H21" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC thead tr {
    background: #FFF3D9;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC thead tr td,
.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC thead tr th {
    border: none !important;
    padding: 12px 16px;
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.table-bordered th, 
.table-bordered td {
    border: none;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--Border, #E5E7EB);
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC tbody tr td {
    border: none;
    padding: 12px 16px;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC tbody tr td a {
    color: var(--Content-text-primary, #1E2939) !important;

    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC tbody tr td a:hover {
    color: var(--Green-500, #009B7C) !important;
}

.ModVanBanQuyPhamPhapLuatTrinhDienVanBanQuyPhamPhapLuatC table {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--Border, #E5E7EB);
    
    /* Thêm 2 dòng này để border-radius và border hoạt động trên table */
    border-collapse: separate;
    border-spacing: 0;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - THƯ VIỆN MEDIA***********************************************************/
/************************************************************************************************************************************************/
.category-media_list .category-list {
    display: flex;
    flex-wrap: wrap;
    --gap: 24px;
    --item: 3;
    gap: var(--gap);
}

.category-media_list .category-list li {
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    flex-direction: column;
    display: flex;
    gap: 16px;
    border-radius: 16px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.category-media_list .category-list li .category-inner {
    flex-direction: column;
    display: flex;
    gap: 16px;
}

.category-media_list .category-list li a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939) !important;

    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    width: 100%;
}

.category-media_list .category-list li a img {
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
    aspect-ratio: 424 / 272;
}

.category-media_list .category-list li .category-image::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4px;
    border-radius: 16px;
    background: #FFDF99;
    width: calc(100% - 16px);
    height: 50%;
    z-index: -1;
}

.category-media_list .category-list li .category-image::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    border-radius: 16px;
    background: #FFECC2;
    width: calc(100% - 32px);
    height: 50%;
    z-index: -2;
}




.Image-bg-lg .section-title,
.Video-Gallery .section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.Image-bg-lg .section-title .lnk-view-all,
.Video-Gallery .section-title .lnk-view-all  {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.Image-bg-lg .section-title .lnk-view-all::before,
.Video-Gallery .section-title .lnk-view-all::before {
    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"><path d="M5.5 12.002H19" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.9999 18.002C10.9999 18.002 5.00001 13.583 5 12.0019C4.99999 10.4208 11 6.00195 11 6.00195" stroke="%231E2939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    display: block;
    content: '';
}

.Image-bg-lg .section-title h4,
.Video-Gallery .section-title h4 {
    color: var(--Green-500, #009B7C);
    /* Be Vietnam Pro/Headline/Large */
    font-family: "Be Vietnam Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
}

.Image-bg-lg .item-main,
.Video-Gallery .item-main {
    display: flex;
    flex-wrap: wrap;
    --gap: 24px;
    --item: 3;
    gap: var(--gap);
}

.Image-bg-lg .item-main .item,
.Video-Gallery .item-main .item {
    width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    flex-direction: column;
    display: flex;
    gap: 16px;
    border-radius: 16px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.Image-bg-lg .item-main .item .album-lg,
.Video-Gallery .item-main .item .videosAlbum {
    flex-direction: column;
    display: flex;
    gap: 16px;
    cursor: pointer;
}

.Image-bg-lg .item-main .item .image-title span,
.Video-Gallery .item-main .item .videos-title a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939) !important;

    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    width: 100%;
}

.Image-bg-lg .item-main .item a img,
.Video-Gallery .item-main .item a img {
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
    aspect-ratio: 424 / 272;
}

.Image-bg-lg .item-main .item .image-light,
.Video-Gallery .item-main .item .video-image {
    position: relative;
}

.Image-bg-lg .item-main .item .image-light::before,
.Video-Gallery .item-main .item .video-image::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4px;
    border-radius: 16px;
    background: #FFDF99;
    width: calc(100% - 16px);
    height: 50%;
    z-index: -1;
}

.Image-bg-lg .item-main .item .image-light::after,
.Video-Gallery .item-main .item .video-image::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    border-radius: 16px;
    background: #FFECC2;
    width: calc(100% - 32px);
    height: 50%;
    z-index: -2;
}

.Image-bg-lg .item-main .item .total-media,
.Video-Gallery .item-main .item .total-media {
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-radius: 8px;
    background: rgba(30, 41, 57, 0.80);
    color: var(--Content-text-white, #FFF);
    /* Be Vietnam Pro/Body/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.Image-bg-lg .item-main .item .total-media::before,
.Video-Gallery .item-main .item .total-media::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.33398 2H6.66732C4.15316 2 2.89608 2 2.11503 2.78105C1.33398 3.5621 1.33398 4.81917 1.33398 7.33333V8.66667C1.33398 11.1808 1.33398 12.4379 2.11503 13.2189C2.89608 14 4.15316 14 6.66732 14H9.33398C11.8481 14 13.1053 14 13.8863 13.2189C14.6673 12.4379 14.6673 11.1808 14.6673 8.66667V7.33333C14.6673 4.81917 14.6673 3.5621 13.8863 2.78105C13.1053 2 11.8481 2 9.33398 2Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.66602 6.6665C6.2183 6.6665 6.66602 6.21879 6.66602 5.6665C6.66602 5.11422 6.2183 4.6665 5.66602 4.6665C5.11373 4.6665 4.66602 5.11422 4.66602 5.6665C4.66602 6.21879 5.11373 6.6665 5.66602 6.6665Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.3327 11.3335L10.898 7.58663C10.7502 7.4253 10.5414 7.3335 10.3227 7.3335C10.1156 7.3335 9.91708 7.41576 9.77075 7.5621L6.66602 10.6668L5.22554 9.22636C5.08071 9.0815 4.88429 9.00016 4.67948 9.00016C4.45889 9.00016 4.24884 9.0945 4.10229 9.25936L1.66602 12.0002" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 16px;
    height: 16px;
    display: block;
    content: '';
}

.Video-Gallery .item-main .item .total-media::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 3.3335H14" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 8H6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.9632 10.301C13.8454 10.7785 13.2885 11.1159 12.1749 11.7908C11.0983 12.4432 10.5601 12.7694 10.1263 12.6382C9.94694 12.584 9.78354 12.4811 9.65174 12.3392C9.33301 11.9962 9.33301 11.3309 9.33301 10.0002C9.33301 8.66943 9.33301 8.0041 9.65174 7.6611C9.78354 7.51923 9.94694 7.4163 10.1263 7.3621C10.5601 7.23096 11.0983 7.55716 12.1749 8.20956C13.2885 8.88443 13.8454 9.22183 13.9632 9.69936C14.0118 9.8965 14.0118 10.1038 13.9632 10.301Z" stroke="white" stroke-linejoin="round"/><path d="M2 12.6665H6" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - TIẾP NHẬN, XỬ LÝ PHẢN ẢNH, KIẾN NGHỊ***********************************************************/
/************************************************************************************************************************************************/
.PhanAnhKienNghi {
    border: none;
    background: none;
}

.PhanAnhKienNghi .search_PAKN,
.box-gray-search {
    border-radius: 16px;
    border: 1px solid #FAEEDC;
    background: var(--Background-bg-white, #FFF);
    padding: 24px;
    margin-bottom: 20px;
}

.search_PAKN .boxsearch {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.search_PAKN .boxsearch .group-search {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

.search_PAKN .boxsearch .group-search:last-child {
    flex: 0;
}

.search_PAKN .boxsearch .group-search label {
    color: var(--Content-text-primary, #1E2939);
    font-family: Be Vietnam Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.71; /* 171.429% */
    margin: 0;
}

.search_PAKN .boxsearch .group-search input {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    padding: 8px 12px;
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    outline: none;
    letter-spacing: 0.5px;
}

.search_PAKN .boxsearch .group-search .select2-choice {
    color: var(--xam-ndung, #5F6A79);
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    padding: 8px 12px;
    outline: none;
    margin: 0;
    height: auto;
}

.search_PAKN .boxsearch .group-search .select2-choice > div {
    border: none;
    background: none;
    top: 6px;
}

.search_PAKN .boxsearch .group-search .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
}

.search_PAKN .boxsearch .group-search .btn img {
    display: none;
}

/* .search_PAKN .boxsearch .group-search .btn::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.1152 1.60959C7.12815 1.61293 5.22343 2.40376 3.81837 3.80882C2.4133 5.21388 1.62247 7.1186 1.61914 9.10566C1.6208 11.0944 2.4107 13.0014 3.81576 14.4088C5.22082 15.8162 7.12648 16.6093 9.1152 16.6143C10.879 16.6143 12.5042 15.9938 13.7892 14.9671L16.9105 18.0883C17.0686 18.2354 17.2776 18.3154 17.4934 18.3116C17.7093 18.3078 17.9153 18.2205 18.0682 18.0681C18.2211 17.9156 18.3089 17.7098 18.3133 17.4939C18.3176 17.2781 18.2382 17.0689 18.0916 16.9104L14.9703 13.786C16.0363 12.4602 16.6175 10.81 16.6176 9.10881C16.6176 4.97652 13.2475 1.60959 9.1152 1.60959ZM9.1152 3.27889C12.3467 3.27889 14.9483 5.87731 14.9483 9.10566C14.9483 12.334 12.3467 14.9482 9.1152 14.9482C5.88371 14.9482 3.28528 12.3435 3.28528 9.11196C3.28528 5.88046 5.88371 3.27889 9.1152 3.27889Z" fill="white"/></svg>');
} */

.search_PAKN .boxsearch .group-search .btn span {
    margin: 0 !important
}

.list_KNTC {
    padding: 0;
}

.list_PKAN {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.list_PKAN li {
    margin: 0;
    width: calc(50% - 10px);
    height: auto;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #FFF;
    box-shadow: 3px 0px 0px 0px #97C0FF inset;
    display: flex;
    padding: 15px 20px;
    flex-direction: column;
    gap: 8px;
}

.list_PKAN li .row {
    margin-right: -5px;
    margin-left: -5px;
}

.list_PKAN li .row > *[class*="col"]{
    padding-right: 5px;
    padding-left: 5px;
}

.list_PKAN li:hover {
    background: none;
}

.list_PKAN li > div > span:first-child {
    color: var(--Content-text-primary, #1E2939);
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5; /* 150% */
}

.list_PKAN li > div > span {
    color: var(--Content-text-primary, #1E2939);
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.list_PKAN li .content {
    height: auto;
    max-height: unset;
}

.list_PKAN li .detail {
    position: unset;
}

.list_PKAN li .detail a {
    color: #009B7C !important;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5; /* 150% */
    text-decoration-line: underline;
}

.Menu-PAKN .group-search input {
    margin: 0;
    flex: auto;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    padding: 8px 12px;
    color: var(--Content-text-primary, #1E2939);
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    letter-spacing: 0.5px;
}

.Menu-PAKN .group-search {
    display: flex;
    flex: 0 0 100%;
    gap: 8px;
    flex-direction: column;
    width: 100%;
}

.Menu-PAKN .group-search .btn {
    width: 48px;
    flex-shrink: 0;
    min-width: 48px;
    padding: 6px 10px !important;
}

.Menu-PAKN .list-menu-PAKN {
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.Menu-PAKN .list-menu-PAKN li {
    position: relative;
}

.Menu-PAKN .list-menu-PAKN li a {
    color: var(--Content-text-primary, #1E2939) !important;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.5; /* 150% */
    padding-left: 12px;
}

.Menu-PAKN .list-menu-PAKN li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #009B7C;
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 9px;
}

.Menu-PAKN .guide-use a {
    border-radius: 10px;
    border: 1px solid #F6CFCF;
    background: #FFF0F0;
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 15px;
    color: #7E2D00;
    text-align: center;
    font-family: "Be Vietnam Pro Slab";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44; /* 144.444% */
    text-transform: uppercase;
}

.Menu-PAKN .guide-use a::before {
    width: 40px;
    height: 40px;
    display: block;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M8.75078 9.3748V2.0498L8.67578 2.1248L1.92578 9.9998H8.17578C8.33273 9.98721 8.47914 9.91584 8.58574 9.79997C8.69234 9.68409 8.75129 9.53226 8.75078 9.3748Z" fill="%237E2D00"/><path d="M13.75 22.5C13.75 18.8533 15.1987 15.3559 17.7773 12.7773C20.3559 10.1987 23.8533 8.75 27.5 8.75H28.75V3.75C28.75 3.08696 28.4866 2.45107 28.0178 1.98223C27.5489 1.51339 26.913 1.25 26.25 1.25H11.25V9.375C11.25 10.2038 10.9208 10.9987 10.3347 11.5847C9.74866 12.1708 8.9538 12.5 8.125 12.5H1.25V36.25C1.25 36.913 1.51339 37.5489 1.98223 38.0178C2.45107 38.4866 3.08696 38.75 3.75 38.75H26.25C26.913 38.75 27.5489 38.4866 28.0178 38.0178C28.4866 37.5489 28.75 36.913 28.75 36.25C28.3375 36.25 27.925 36.3125 27.5 36.3125C25.6891 36.3125 23.8959 35.9548 22.2236 35.2599C20.5513 34.565 19.0327 33.5466 17.7551 32.2631C16.4775 30.9797 15.466 29.4565 14.7787 27.7811C14.0913 26.1056 13.7418 24.3109 13.75 22.5ZM8.75 33.75H6.25V30H8.75V33.75ZM8.75 27.5H6.25V23.75H8.75V27.5Z" fill="%237E2D00"/><path d="M27.5 11.25C25.275 11.25 23.0999 11.9098 21.2498 13.146C19.3998 14.3821 17.9578 16.1391 17.1064 18.1948C16.2549 20.2505 16.0321 22.5125 16.4662 24.6948C16.9003 26.8771 17.9717 28.8816 19.5451 30.4549C21.1184 32.0283 23.123 33.0998 25.3052 33.5338C27.4875 33.9679 29.7495 33.7451 31.8052 32.8936C33.8609 32.0422 35.6179 30.6002 36.854 28.7502C38.0902 26.9001 38.75 24.725 38.75 22.5C38.75 19.5163 37.5647 16.6548 35.455 14.545C33.3452 12.4353 30.4837 11.25 27.5 11.25ZM25.625 16.0625H28.125V18.75H25.625V16.0625ZM30 28.9375H25V26.4375H26.25V22.6875H25V20.1875H27.5C27.8315 20.1875 28.1495 20.3192 28.3839 20.5536C28.6183 20.788 28.75 21.106 28.75 21.4375V26.4375H30V28.9375Z" fill="%23EA8F00"/></svg>');
}

.Menu-PAKN .guide-use img {
    display: none;
}

.GiaiquyetPAKN_detail table tbody tr td {
    border: none !important;
    padding: 7.5px 0 !important;
}

div[id*="TDChiTietPhanAnh_divContent"] {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB) !important;
    background: #FFF;
    overflow: hidden;
    padding: 12.5px 20px;
}

.GiaiquyetPAKN_detail .panel-body h3 {
    color: #009B7C;
    font-family: "Be Vietnam Pro Slab";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 150% */
    margin-bottom: 15px;
}

.guide-use {
    display: none;
}


/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - LIÊN HỆ***********************************************************/
/************************************************************************************************************************************************/
.contact_container {
    display: flex;
    gap: 24px;
}

/* .contact_container .contact_map {
    flex: 0 0 calc(100%/9 * 5 - 12px);
    max-width: calc(100%/9 * 5 - 12px);
}

.contact_container .contact_details {
    flex: 0 0 calc(100%/9 * 4 - 12px);
    max-width: calc(100%/9 * 4 - 12px);
} */

/* .contact_container .contact_map .mapouter {
    height: 100%;
} */

.contact_details ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact_details ul li {
    display: flex;
    padding: 24px;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #FAEEDC;
    background: var(--Background-bg-white, #FFF);
}

.contact_details ul li .contact_title span {
    font-family: 'Be Vietnam Pro';
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #091F0F;
    margin-bottom: 4px;
    display: block;
}

.contact_details ul li .contact_option span {
    font-family: 'Be Vietnam Pro';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--blur-text);
}

.contact_details ul li::before {
    content: '';
    width: 56px;
    height: 56px;
    display: block;
    flex-shrink: 0;
}

.contact_details ul li:nth-child(1)::before {
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="56" height="56" rx="28" fill="%23F0B530"/><path d="M21.9979 32.4272C22.4524 32.7411 22.5664 33.3639 22.2525 33.8183C21.6701 34.6617 21.3084 35.2384 21.1238 35.6748C20.9515 36.0822 21.0057 36.1969 21.0194 36.2258L21.0202 36.2276C21.0378 36.2654 21.0587 36.3025 21.0829 36.3383C21.1186 36.3914 21.2529 36.5541 21.9996 36.6519C22.7333 36.748 23.7679 36.7501 25.2825 36.7501H30.718C32.2327 36.7501 33.2672 36.748 34.0009 36.6519C34.7477 36.5541 34.8819 36.3914 34.9177 36.3383L34.9804 36.2276L34.9812 36.2258C34.9948 36.1969 35.049 36.0822 34.8767 35.6748C34.6922 35.2384 34.3304 34.6617 33.748 33.8183C33.4342 33.3639 33.5482 32.7411 34.0026 32.4272C34.4571 32.1134 35.0799 32.2274 35.3937 32.6818C35.9658 33.5103 36.4433 34.2445 36.7187 34.8957C37.0028 35.5672 37.1437 36.3204 36.7931 37.0725C36.7311 37.2056 36.6586 37.3336 36.5766 37.4554C36.0379 38.2555 35.1424 38.5195 34.2607 38.635C33.3813 38.7502 32.2141 38.7501 30.793 38.7501H25.2076C23.7864 38.7501 22.6193 38.7502 21.7399 38.635C20.8581 38.5195 19.9627 38.2555 19.4239 37.4554C19.3419 37.3336 19.2695 37.2056 19.2074 37.0725C18.8569 36.3204 18.9978 35.5672 19.2818 34.8957C19.5572 34.2445 20.0347 33.5103 20.6068 32.6818C20.9207 32.2274 21.5435 32.1134 21.9979 32.4272Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.0005 17.25C24.9496 17.25 22.0521 19.1049 20.8416 22.0157C19.7146 24.7256 20.3273 27.035 21.5927 29.0023C22.6255 30.6079 24.1324 32.0411 25.4769 33.3198C25.7324 33.5628 25.982 33.8002 26.2214 34.0322L26.223 34.0338C26.7003 34.4935 27.3377 34.75 28.0005 34.75C28.6633 34.75 29.3008 34.4935 29.7781 34.0337C30.0042 33.8159 30.2392 33.5932 30.4795 33.3655L30.4806 33.3645C31.8394 32.0769 33.367 30.6292 34.4106 29.0032C35.6745 27.034 36.285 24.7223 35.1595 22.0157C33.949 19.1049 31.0514 17.25 28.0005 17.25ZM28 22C26.3431 22 25 23.3432 25 25C25 26.6569 26.3431 28 28 28C29.6569 28 31 26.6569 31 25C31 23.3432 29.6569 22 28 22Z" fill="white"/></svg>');
}
.contact_details ul li:nth-child(2)::before {
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z" fill="%23F0B530"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.5 18.5C30.0523 18.5 30.5 18.9477 30.5 19.5V22.5C30.5 23.0523 30.0523 23.5 29.5 23.5C28.9477 23.5 28.5 23.0523 28.5 22.5V19.5C28.5 18.9477 28.9477 18.5 29.5 18.5ZM35.2071 20.7929C35.5976 21.1834 35.5976 21.8166 35.2071 22.2071L33.2071 24.2071C32.8166 24.5976 32.1834 24.5976 31.7929 24.2071C31.4024 23.8166 31.4024 23.1834 31.7929 22.7929L33.7929 20.7929C34.1834 20.4024 34.8166 20.4024 35.2071 20.7929ZM32.5 26.5C32.5 25.9477 32.9477 25.5 33.5 25.5H36.5C37.0523 25.5 37.5 25.9477 37.5 26.5C37.5 27.0523 37.0523 27.5 36.5 27.5H33.5C32.9477 27.5 32.5 27.0523 32.5 26.5Z" fill="white"/><path d="M25.0912 21.0561L24.838 20.4863C24.4968 19.7187 24.3263 19.335 24.0456 19.0637C23.8603 18.8846 23.6422 18.7429 23.4034 18.6463C23.0415 18.5 22.6215 18.5 21.7816 18.5C20.5309 18.5 19.9056 18.5 19.4184 18.8036C19.1195 18.9899 18.8337 19.306 18.6785 19.6221C18.4255 20.1374 18.4829 20.7051 18.5977 21.8405C19.5504 31.2623 24.7377 36.4496 34.1595 37.4023C35.2949 37.5171 35.8627 37.5745 36.378 37.3215C36.694 37.1663 37.0102 36.8805 37.1964 36.5816C37.5 36.0944 37.5 35.4691 37.5 34.2184C37.5 33.3785 37.5 32.9585 37.3537 32.5966C37.2571 32.3578 37.1154 32.1397 36.9363 31.9544C36.6651 31.6737 36.2813 31.5032 35.5138 31.162L34.9439 30.9088C34.2714 30.6099 33.9351 30.4604 33.5978 30.432C33.239 30.4018 32.8786 30.4687 32.5546 30.6257C32.2499 30.7733 31.9897 31.0335 31.4693 31.5539C30.9573 32.0659 30.7013 32.3219 30.3679 32.4727C30.0435 32.6194 29.5876 32.6818 29.2357 32.6276C28.8741 32.5719 28.6083 32.4219 28.0767 32.1221C26.1922 31.0593 24.9407 29.8078 23.8779 27.9233C23.5781 27.3918 23.4281 27.126 23.3724 26.7643C23.3183 26.4124 23.3806 25.9565 23.5273 25.6321C23.6781 25.2987 23.9341 25.0427 24.4461 24.5307C24.9665 24.0103 25.2267 23.7501 25.3743 23.4454C25.5313 23.1214 25.5982 22.761 25.568 22.4022C25.5396 22.0649 25.3901 21.7286 25.0912 21.0561Z" fill="white"/></svg>');
}
.contact_details ul li:nth-child(3)::before {
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z" fill="%23F0B530"/><path d="M21.6244 22.584C21.8542 22.9287 21.761 23.3943 21.4164 23.6241L20.1976 24.4366C19.7493 24.7355 19.456 24.932 19.2415 25.1059C19.0391 25.27 18.9511 25.3801 18.8961 25.4833C18.8741 25.5245 18.8542 25.5705 18.8367 25.6272L25.2993 29.5048C26.0642 29.9637 26.5908 30.2786 27.0284 30.4843C27.4506 30.6829 27.7339 30.7515 28.0004 30.7515C28.2669 30.7515 28.5502 30.6829 28.9724 30.4843C29.41 30.2786 29.9366 29.9637 30.7015 29.5048L37.164 25.6273C37.1465 25.5705 37.1266 25.5245 37.1046 25.4833C37.0496 25.3801 36.9616 25.27 36.7593 25.1059C36.5448 24.932 36.2515 24.7355 35.8031 24.4366L34.5843 23.6241C34.2397 23.3943 34.1466 22.9287 34.3763 22.584C34.6061 22.2394 35.0718 22.1463 35.4164 22.376L36.6625 23.2068C37.0761 23.4825 37.4286 23.7175 37.7041 23.9409C37.9978 24.1791 38.2466 24.4367 38.4283 24.7777C38.6289 25.154 38.6999 25.5411 38.7286 25.9609C38.7509 26.2859 38.7496 26.6715 38.7481 27.1187L38.748 27.1431C38.7438 28.4028 38.732 29.6895 38.6995 30.9929L38.6981 31.0514C38.661 32.539 38.631 33.7391 38.4607 34.7047C38.282 35.7181 37.9387 36.5427 37.2346 37.2468C36.529 37.9524 35.6977 38.2951 34.6757 38.4736C33.7003 38.644 32.4852 38.6744 30.9766 38.712L30.9184 38.7135C28.9673 38.7622 27.0335 38.7622 25.0824 38.7135L25.0242 38.712C23.5156 38.6744 22.3005 38.644 21.3251 38.4736C20.3031 38.2951 19.4718 37.9524 18.7662 37.2468C18.0621 36.5427 17.7188 35.7181 17.5401 34.7047C17.3698 33.7391 17.3398 32.539 17.3027 31.0514L17.3013 30.9929C17.2687 29.6895 17.257 28.4028 17.2528 27.1431L17.2527 27.1188C17.2512 26.6716 17.2499 26.2859 17.2721 25.9608C17.3009 25.5411 17.3719 25.1539 17.5724 24.7777C17.7541 24.4367 18.0029 24.1791 18.2966 23.9409C18.5721 23.7175 18.9246 23.4825 19.3382 23.2068L20.5844 22.376C20.929 22.1463 21.3947 22.2394 21.6244 22.584Z" fill="white"/><path d="M31.052 17.25C31.9505 17.25 32.6997 17.25 33.2945 17.3299C33.9223 17.4143 34.4891 17.6 34.9445 18.0555C35.4 18.5109 35.5857 19.0777 35.6701 19.7055C35.7501 20.3003 35.75 21.0495 35.75 21.948V28C35.75 28.4142 35.4142 28.75 35 28.75C34.5858 28.75 34.25 28.4142 34.25 28V22C34.25 21.036 34.2484 20.3884 34.1835 19.9054C34.1214 19.4439 34.0142 19.2464 33.8839 19.1161C33.7536 18.9858 33.5561 18.8786 33.0946 18.8165C32.6116 18.7516 31.964 18.75 31 18.75H25C24.036 18.75 23.3884 18.7516 22.9054 18.8165C22.4439 18.8786 22.2464 18.9858 22.1161 19.1161C21.9858 19.2464 21.8786 19.4439 21.8165 19.9054C21.7516 20.3884 21.75 21.036 21.75 22V28C21.75 28.4142 21.4142 28.75 21 28.75C20.5858 28.75 20.25 28.4142 20.25 28V21.948C20.25 21.0495 20.25 20.3003 20.3299 19.7055C20.4143 19.0777 20.6 18.5109 21.0555 18.0555C21.5109 17.6 22.0777 17.4143 22.7055 17.3299C23.3003 17.25 24.0495 17.25 24.948 17.25H31.052Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.25 26C25.25 26.4142 25.5858 26.75 26 26.75H30C30.4142 26.75 30.75 26.4142 30.75 26C30.75 25.5858 30.4142 25.25 30 25.25H26C25.5858 25.25 25.25 25.5858 25.25 26ZM25.25 22C25.25 22.4142 25.5858 22.75 26 22.75H30C30.4142 22.75 30.75 22.4142 30.75 22C30.75 21.5858 30.4142 21.25 30 21.25H26C25.5858 21.25 25.25 21.5858 25.25 22Z" fill="white"/></svg>');
}

.home-layout .div-sidebar .AdvertWeb {
    margin-bottom: 24px;
}

.contact_details ul {
    flex-direction: row;
}

.contact_details ul li {
    flex: 0 0 calc(100%/3 - 18px);
    max-width: calc(100%/3 - 18px);
}

.contact_details {
    margin-bottom: 32px;
    width: 100%;
}

.form-GuiGopY > .title-container {
    display: none;
}

.form-GuiGopY #formAdd label {
    display: none !important;
}

.form-GuiGopY #formAdd input,
.form-GuiGopY #formAdd textarea {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: var(--Background-bg-white, #FFF);
    padding: 16px;
    color: #091F0F;
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    height: auto;
}

.form-GuiGopY #formAdd input::placeholder,
.form-GuiGopY #formAdd textarea::placeholder {
    color: var(--Content-text-tertiary, #6A7282);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}

.form-GuiGopY #formAdd .row.mb-1 {
    display: none;
}

.menu-detail .form-control {
    background-color: var(--Background-bg-white, #FFF) !important;
    border: 1px solid var(--Border-border-secondary, #E5E7EB) !important;
    padding: 8px 16px;
    border-radius: 8px;
    outline: none;
    height: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: var(--Content-text-primary) !important;
    box-shadow: none !important;
    margin-bottom: 0;
}

.menu-detail .dnnForm .row > div {
    margin-bottom: 12px;
}

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - LỊCH CÔNG TÁC***********************************************************/
/************************************************************************************************************************************************/
.title-calendar {
    text-align: center;
    margin-bottom: 20px;
    display: none;
}

    .title-calendar p {
        padding-bottom: 10px;
    }

        .title-calendar p:last-child {
            padding-bottom: 0;
        }

        .title-calendar p.title-calendar-top {
            color: #009B7C;
            font-family: "Be Vietnam Pro";
            font-size: 32px !important;
            font-style: normal;
            font-weight: 600;
            line-height: 1.5; /* 100% */
            text-transform: uppercase;
        }

        .title-calendar p.title-calendar-bottom {
            color: var(--text-mi, #1E2939);
            text-align: center;
            font-family: "Be Vietnam Pro";
            font-size: 20px !important;
            font-style: normal;
            font-weight: 600;
            line-height: 1.6; /* 160% */
            text-transform: uppercase;
        }

table.table-calendar {
    border-collapse: separate;
    /* spacing*/
    border-spacing: 9px;
}

.table-responsive > table.table-calendar > tbody > tr.dayofweek > td {
    white-space: nowrap !important;
    padding: 0 !important;
    border-radius: 4px;
    border: 1px solid var(--border-table, #CED8EB) !important;
    flex: 1;
}

    .table-responsive > table.table-calendar > tbody > tr.dayofweek > td.redtab {
    }

    .table-responsive > table.table-calendar > tbody > tr.dayofweek > td a {
        padding: 8px 18px !important;
        display: block;
        border-radius: 4px;
        color: var(--text-mi, #1E2939) !important;
        font-family: Be Vietnam Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
        transition: all 0.3s ease-in-out;
    }

    .table-responsive > table.table-calendar > tbody > tr.dayofweek > td.redtab a,
    .table-responsive > table.table-calendar > tbody > tr.dayofweek > td:hover a {
        background-color: #009B7C;
        color: #FFF !important;
    }

.table-responsive-calendar {
    overflow-x: unset;
}

    .table-responsive-calendar .table-calendar {
        margin: 0 -10px;
        width: calc(100% + 20px) !important;
        margin-bottom: 20px;
    }

table.lichTD {
    border-collapse: separate;
    border-spacing: 0;
}

    table.lichTD tbody tr {
        border: none;
    }

    table.lichTD tbody table {
        margin-bottom: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

.list-table-LCT table:first-child tbody tr:first-child td {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #CBD9E7 !important;
    background-color: #BDDFFF !important;
}

.list-table-LCT table tbody tr:first-child td {
    background-color: #BDDFFF !important;
}

.list-table-LCT table tbody tr:first-child td {
    padding: 7px !important;
}

    .list-table-LCT table tbody tr:first-child td,
    .list-table-LCT table tbody tr:first-child td b {
        color: var(--text-mi, #1E2939) !important;
        font-family: Be Vietnam Pro;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 1.44;
        --bs-table-bg-type: #BDDFFF !important;
    }

.list-table-LCT table tbody tr td {
    border-bottom: 1px solid #CBD9E7 !important;
    border-top: none !important;
    border-left: none !important;
}

.list-table-LCT table tbody tr td {
    border-right: 1px solid #E0E0E0 !important;
}

    .list-table-LCT table tbody tr td:first-child {
        border-left: 1px solid #E0E0E0 !important;
    }

.list-table-LCT .table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: unset;
}

.list-table-LCT .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: unset;
}

.list-table-LCT table tr.titleHead {
    background-color: #CBD9E7
}

    .list-table-LCT table tr.titleHead td {
        padding: 11px 12px !important;
        color: var(--text-mi, #1E2939) !important;
        font-family: Be Vietnam Pro;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
        background-color: #E1F1FF !important;
    }

        .list-table-LCT table tr.titleHead td:first-child {
            width: 200px !important;
        }

        .list-table-LCT table tr.titleHead td:nth-child(3) {
            width: 45% !important;
        }

.list-table-LCT table tr:not(.titleMonth):not(.titleHead) td {
    padding: 11px 12px !important;
    color: var(--text-mi, #1E2939) !important;
    font-family: Be Vietnam Pro;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.list-table-LCT .table > :not(caption) > * > * {
    box-shadow: none !important;
}

.formCMS-calendar {
    /* margin-top: -15px; */
    margin-bottom: 20px;
}

.group-button-export .imageExport {
    padding: 10px 141px 10px 20px;
    border-radius: 6px;
}

.group-button-export {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

    .group-button-export .imageExportWrapper {
        display: inline-block;
        position: relative;
        min-width: 185px;
    }

        .group-button-export .imageExportWrapper:before {
            position: absolute;
            top: 47%;
            transform: translateY(-50%);
            right: 20px;
            display: inline-block;
            color: #1565C0;
            font-family: 'Be Vietnam Pro';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 1.37;
            z-index: -1;
        }

        .group-button-export .imageExportWrapper.imageExportWrapper-word:before {
            content: 'Xuất file Word';
            color: #1565C0;
        }

        .group-button-export .imageExportWrapper.imageExportWrapper-excel:before {
            content: 'Xuất file Excel';
            color: #2E7D32;
        }

        .group-button-export .imageExportWrapper:not(:last-of-type) {
            /*margin-right: 15px;*/
        }

    .group-button-export .imageExport.imageExport-word {
        border: 1px solid #1565C0;
    }

    .group-button-export .imageExport.imageExport-excel {
        border: 1px solid #2E7D32;
    }


.tableCalendar-wrapper table.tableCalendar {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.tableCalendar-wrapper table:first-child tbody tr.titleHead td {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #CBD9E7 !important;
    background-color: #009B7C !important;
}

.table-responsive-calendar table tbody tr {
    border: none !important;
}

.tableCalendar-wrapper table tbody tr:not(.titleHead) td {
    padding: 11px !important;
    border-right: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #CBD9E7 !important;
    border-top: none !important;
    border-left: none !important;
    vertical-align: middle !important;
}

    .tableCalendar-wrapper table tbody tr:not(.titleHead) td:first-child {
        border-left: 1px solid #E0E0E0 !important;
    }

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td:first-child {
    border-left: none !important;
}

.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td[rowspan]:first-child,
.tableCalendar-wrapper.tableCalendar-wrapper-LCTT table tbody tr:not(.titleHead) td.nodata {
    border-left: 1px solid #E0E0E0 !important;
}

.tableCalendar-wrapper table tbody tr:not(.titleHead) td.nodata {
}

.tableCalendar-wrapper table tbody tr.titleHead td {
    border-bottom: 1px solid #CBD9E7 !important;
    border-top: none !important;
    background-color: #009B7C !important;
    padding: 7px !important;
    color: var(--text-mi, #1E2939) !important;
    font-family: Be Vietnam Pro;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.44;
}

    .tableCalendar-wrapper table tbody tr.titleHead td b {
        color: var(--text-mi, #FFF) !important;
        font-family: Be Vietnam Pro !important;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 1.44;
    }

.tableCalendar-wrapper .table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: unset;
}

.table-calendar-lichTitle {
}

    .table-calendar-lichTitle .titleHead,
    .table-calendar-lichTitle .titleHead:hover > td,
    .table-calendar-lichTitle .titleHead:hover > th {
        background-color: #fff !important;
        padding: 0 !important;
    }

        .table-calendar-lichTitle .titleHead > td {
            padding: 0 !important;
            border-right: none !important;
        }

            .table-calendar-lichTitle .titleHead > td:first-child {
                color: #009B7C !important;
                font-family: "Be Vietnam Pro", sans-serif;
                font-size: 18px !important;
                font-style: normal;
                font-weight: 600;
                line-height: 1.44;
            }

.week-button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

    .week-button-wrapper span {
        color: #1E2939;
        font-family: "Be Vietnam Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.62;
    }

    .table-calendar-lichTitle .dayofweek, .table-calendar-lichTitle .titleHead {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
    }

    .table-calendar-lichTitle .titleHead, .table-calendar-lichTitle .titleHead:hover>td, .table-calendar-lichTitle .titleHead:hover>th {
        background-color: #fff !important;
        padding: 0 !important;
    }

    .week-button-wrapper-block {
        display: flex;
        align-items: center;
        gap: 4px;
        text-align: left;
        flex-wrap: wrap;
    }

/************************************************************************************************************************************************/
/*****************************************************TRANG THÀNH PHẦN - ĐẤU THẦU MUA SẮM***********************************************************/
/************************************************************************************************************************************************/

.TinBai_Folder .list_news {
    --gap: 24px;
    --item: 3;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: flex-start;
    align-items: stretch;
}

.TinBai_Folder .list_news li {
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding: 28px 12px 16px 12px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.TinBai_Folder .list_news li .news_title a {
    overflow: hidden;
    color: var(--Content-text-primary, #1E2939) !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
}

.TinBai_Folder .list_news li:hover {
    background: #FFEFCC;
}

.formGuiKhaoSat {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 30px 0;
}

    .formGuiKhaoSat .tenDot {
        color: #009B7C;
        font-family: Be Vietnam Pro;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.25;
        margin-bottom: 30px;
        padding: 0 40px 30px;
        border-bottom: 1px solid var(--border-table, #CED8EB);
    }

    .formGuiKhaoSat .block-question {
        margin-bottom: 40px;
    }

        .formGuiKhaoSat .block-question.listCauHoi-wrapper {
            margin-bottom: 24px;
        }

    .formGuiKhaoSat .block-button {
        padding: 0 40px 0;
    }

        .formGuiKhaoSat .block-button .btn.btn-primary {
            padding: 13px 40px !important;
            font-family: Be Vietnam Pro;
            font-size: 18px !important;
            font-style: normal !important;
            font-weight: 600 !important;
            line-height: normal !important;
        }

    .formGuiKhaoSat .block-question {
        padding: 0 40px 0;
    }

        .formGuiKhaoSat .block-question .block-question-title {
            color: #009B7C;
            font-family: Be Vietnam Pro;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 1.16;
            margin-bottom: 24px;
            padding: 0;
        }

    .formGuiKhaoSat .cauhoi-item-title {
        color: var(--text-mi, #182940);
        font-family: Be Vietnam Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
        padding-bottom: 0;
        margin-bottom: 16px;
    }

    .formGuiKhaoSat .cauhoi-item.error .cauhoi-item-title {
        /*color red*/
        color: #D92D20;
    }

    .formGuiKhaoSat .list-cauHoiWrapper .cauhoi-item-content-listDapAn:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .formGuiKhaoSat .list-cauHoiWrapper .cauhoi-item-content-listDapAn label {
        font-weight: 400 !important;
    }

    .formGuiKhaoSat .list-cauhoi .cauhoi-item:not(:last-of-type) {
        margin-bottom: 24px;
    }

    .formGuiKhaoSat .listCauHoi-wrapper .listCauHoi {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item .group-radio label {
        font-size: 0;
        position: relative;
    }

    .formGuiKhaoSat .listCauHoi-wrapper .listCauHoi .cauhoi-item-title {
        color: var(--Content-text-primary, #101828);
        font-family: Be Vietnam Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.15px;
        margin-bottom: 16px;
    }

    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content:not(:last-of-type) {
        border-bottom: 1px solid var(--Border-border-secondary, #EAECF0);
    }

    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content {
        display: flex;
        flex-flow: row nowrap;
    }

    .formGuiKhaoSat .list-cauHoi .LuaChon-col {
        display: flex;
        gap: 16px;
        justify-content: flex-start;
        flex: 1;
    }

        .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item {
            color: var(--Content-text-primary, #101828);
            text-align: center;
            font-family: Be Vietnam Pro;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            letter-spacing: 0.5px;
            padding: 12px 16px;
            width: 150px;
            text-align: center;
            position: relative;
            display: flex;
            justify-content: center;
        }

    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content .cauhoi-item-content-title {
        color: var(--Content-text-primary, #101828);
        font-family: Be Vietnam Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0;
        padding: 12px 0;
        flex: 1;
    }

    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content-listDapAn [type="radio"]:checked + label,
    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content-listDapAn [type="radio"]:not(:checked) + label {
        margin-bottom: 16px;
        font-weight: 400 !important;
    }

    .formGuiKhaoSat .list-cauHoi .cauhoi-item-content-listDapAn:last-of-type [type="radio"]:not(:checked) + label {
        margin-bottom: 0;
    }

    .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item .group-radio [type="radio"]:checked + label:before,
    .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item .group-radio [type="radio"]:not(:checked) + label:before,
    .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item .group-radio [type="radio"]:checked + label:after,
    .formGuiKhaoSat .list-cauHoi .LuaChon-col .LuaChon-col-item .group-radio [type="radio"]:not(:checked) + label:after {
        left: 50%;
        transform: translateX(-50%) !important;
    }

    .formGuiKhaoSat .cauhoi-item-content-listDapAn [type="radio"]:checked + label:before,
    .formGuiKhaoSat .cauhoi-item-content-listDapAn [type="radio"]:not(:checked) + label:before {
        top: 1px;
    }

    .formGuiKhaoSat .cauhoi-item-content-listDapAn [type="radio"]:checked + label:after,
    .formGuiKhaoSat .cauhoi-item-content-listDapAn [type="radio"]:not(:checked) + label:after {
        top: 5px;
    }

    .formGuiKhaoSat .block-thongbao .block-question-content p {
        color: var(--text-mi, #182940);
        font-family: Be Vietnam Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
        padding-bottom: 0;
    }

    .formGuiKhaoSat .block-thongbao {
        margin-bottom: 0;
    }

        .formGuiKhaoSat .block-thongbao .block-question-content p:not(:last-of-type) {
            padding-bottom: 8px;
        }

    .formGuiKhaoSat .btnXemThongKe {
        font-family: Be Vietnam Pro, sans-serif;
        text-decoration: underline;
        font-weight: 500;
        cursor: pointer;
    }

        .formGuiKhaoSat .btnXemThongKe:hover {
            color: #009B7C;
        }

    .formGuiKhaoSat .select2-container {
        width: 200px !important;
    }

    .formGuiKhaoSat .cauhoi-item-content-listDapAn.select-dapan {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .formGuiKhaoSat .cauhoi-item-content-listDapAn.select-dapan label {
            height: 20px;
        }

        .formGuiKhaoSat .cauhoi-item-content-listDapAn.select-dapan .select2-selection {
            margin: 0;
        }