/*---WG---------------------------*/

:root {
    --colorTextHover: #0d79dd;
}

body {
    font-size: 14px;
}

.raw-content p:last-of-type {
    margin-bottom: 0;
}

.desktop {
    display: none;
}

.skeleton,
.new-skeleton {
    position: relative;
    border-radius: inherit;
}

.skeleton::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    display: block;
    width: 100%;
    height: 100%;
    animation: 1.5s shine linear infinite;
}

.skeleton img {
    opacity: 0;
    pointer-events: none;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.new-skeleton::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(166deg, rgba(30, 170, 232, 1) 0%, rgba(252, 70, 226, 0.5186449579831933) 100%);
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0px !important;
    margin: 10px 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 48px;
    margin-top: 0px !important;
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0px !important;
    margin: 10px 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 75px;
    margin-top: -5px !important;
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0px !important;
    margin: 10px 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 100px;
    margin-top: 0px !important;
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0px !important;
    margin: 10px 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 130px;
    margin-top: 0px !important;
}

.line-clamp-3 a {
    max-height: 75px;
    display: block;
}

.content-meta-file {
    padding: 10px;
}

.DanhMuc-1,
.TinTuc-2 {
    margin-bottom: 10px;
}

.wd-section-menu-body.sticky,
.wd-section-menu.sticky {
    box-shadow: none;
}

.content-meta-content table,
.content-meta-content table th,
.content-meta-content table td {
    border: 1px solid #ccc;
}

.content-meta-content table th,
.content-meta-content table td {
    padding: 5px;
}

.title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

/*---------WG TinTuc-1------------------------------*/

.TinTuc-1 .wd.wd-home-news.top-news-content {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.TinTuc-1 .top-news-content .card-news h4 a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.TinTuc-1 .wd-home-news .desc,
.TinTuc-1 .wd-home-news .card-news h4 {
    text-align: justify;
}

.TinTuc-1 .card-items img {
    width: 100%;
}

.TinTuc-1 .top-news-content .card-items {
    border-bottom: 1px solid #e1e1e1;
    margin: 5px 0px;
    padding-bottom: 5px;
    margin-top: 0px;
}

.TinTuc-1 .top-news-content .card-items:last-child {
    border: none !important;
}

.TinTuc-1 .card-news img {
    width: 100%;
}

.TinTuc-1 .card-items a {
    text-align: justify;
    display: block;
}

.TinTuc-1 .top-news-content .card-news h4 a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.TinTuc-1 .card-img-news {
    min-height: 80px;
    max-height: 85px;
    overflow: hidden;
}

.TinTuc-1 .card-img-news img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 95px;
}

.TinTuc-1 .card-news h4 {
    margin-top: 10px !important;
}

.TinTuc-1 .card-news h4.line-clamp-2 {
    max-height: 60px;
}

/*------END---WG TinTuc-1------------------------------*/

/*---------WG TinTuc-2------------------------------*/

.TinTuc-2 .wd-r-category-news {
    background: #fff;
}

.TinTuc-2 .title-r-box {
    font-size: 15px;
    color: #ff2f00;
    font-weight: bold;
    margin-bottom: 0px;
    padding-left: 12px;
    position: relative;
}

.TinTuc-2 .title-r-box::before {
    content: '';
    display: block;
    border-left: 4px solid #f00;
    position: absolute;
    left: 0;
    width: 5px;
    height: 20px;
    top: 0;
}

.TinTuc-2 .line-bt-red:after {
    content: '';
    display: block;
    margin-top: 8px;
}

.TinTuc-2 .card-items-2 .list-box-title {
    margin-top: 8px !important;
}

.TinTuc-2 .card-items-2 .list-box-title a {
    font-weight: bold;
}

.TinTuc-2 .list-card-news .card-items-2 {
    border-bottom: 1px solid #dfdede;
}

.TinTuc-2 .list-box-title {
    text-align: justify;
    border-bottom: 1px solid #dfdede;
    margin-bottom: 0px;
}

.TinTuc-2 .list-subbox-title .list-box-title {
    margin-top: 5px !important;
}

.TinTuc-2 .wd-r-category-news .list-box-title:last-child {
    border-bottom: none;
}

.TinTuc-2 .card-img-news-large img {
    width: 100%;
}

/*------END---WG TinTuc-2------------------------------*/

.TinTuc-3 {
}

.TinTuc-3 .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
}

.TinTuc-3 .wd-r-category-news h4 {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
}

.TinTuc-3 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-3 .list-items-category .items-large img,
.TinTuc-3 .list-items-category .items-small img {
    width: 100%;
}

.TinTuc-3 .list-items-category .items-large img,
.TinTuc-3 .list-items-category .items-small img {
    width: 100%;
}

.TinTuc-3 .list-items-category .desc-position-index {
    text-align: justify;
}

.TinTuc-3 .items.items-small .desc-position-index h6 {
    margin-top: 10px !important;
}

.TinTuc-3 .items-large .desc-position-index h6 a {
}

.TinTuc-3 .desc-position-index h6 a {
    line-height: 25px;
    font-weight: bold;
    text-align: justify;
}

.TinTuc-3 .items.items-small .desc-position-index h6 a {
    font-weight: normal;
}

.TinTuc-3 .list-items-category .items-small img {
    width: 100%;
    height: 15vh;
    object-fit: cover;
}

.TinTuc-6 {
    margin: 10px 0px;
}

.TinTuc-6 .title-category,
.TinTuc-9 .title-category,
.MaNhung-0 .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.TinTuc-6 .title-category:after,
.TinTuc-9 .title-category:after,
.MaNhung-0 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-6 .card-items .card-img {
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
}

.TinTuc-6 .list-items-large .card-items a {
    font-weight: bold;
    padding: 10px 0px;
    margin-bottom: 5px;
    text-align: justify;
    display: block;
    padding-top: 0px;
}

.TinTuc-6 .card-items p.date {
    color: #898989;
    font-size: 13px;
}

.TinTuc-6 .wd-cl-danhmuc .list-items-small {
    margin-bottom: 20px;
}

.TinTuc-6 .list-items-small .card-items .card-title a {
}

.TinTuc-6 .list-items-small .card-title {
    margin-bottom: 0.5rem;
}

.TinTuc-6 .list-items-small .card-items a {
    text-align: justify;
    display: block;
}

.TinTuc-6 .card-img img {
    width: 100%;
    height: 100%;
}

.TinTuc-6 .list-items-small .card-items {
    padding: 0;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #e9e8e8;
}

/*---------WG TinTuc-7------------------------------*/

.TinTuc-7 .wd-c-danhmuccon {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.TinTuc-7 .wd-c-danhmuccon .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.TinTuc-7 span.view-more {
    float: right;
}

.TinTuc-7 span.view-more a {
    text-transform: math-auto;
    font-weight: normal;
    color: #084298;
    font-size: 14px;
}

.TinTuc-7 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-7 .list-items-category .items-large img,
.TinTuc-7 .list-items-category .items-small img {
    width: 100%;
}

.TinTuc-7 .list-items-category .items-large,
.TinTuc-7 .list-items-category .items-small {
    position: relative;
}

.TinTuc-7 .desc-position-index {
    position: absolute;
    bottom: 0;
    padding: 5px 20px;
    z-index: 2;
    text-align: justify;
}

.TinTuc-7 .list-items-category .items-large::after,
.TinTuc-7 .list-items-category .items-small::after {
    content: '';
    display: block;
    background: rgb(7, 43, 96);
    background: linear-gradient(0deg, rgb(2 2 2) 0%, rgb(16 20 26 / 74%) 25%, rgba(0, 31, 255, 0) 40%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 90%;
}

.TinTuc-7 .list-items-category h6 a:hover {
    color: #fa8a0a;
}

.TinTuc-7 .desc-position-index h6 a {
    color: #fff;
    line-height: 25px;
    font-weight: normal;
}

.TinTuc-7 .desc-position-index h6 {
    height: 48px;
}

/*------END---WG TinTuc-7------------------------------*/

/*--------WG TinTuc-4------------------------------*/

.TinTuc-4 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-4 .wd-full-danhmuccon {
    padding: 0px !important;
    margin: 0px !important;
}

.TinTuc-4 .wd-full-danhmuccon .title-category {
    margin: 0px !important;
    margin-bottom: 10px !important;
}

.TinTuc-4 .cards-items img {
    min-height: 150px;
    overflow: hidden;
    object-fit: cover;
}

.TinTuc-4 .cards-items a {
    height: inherit;
    display: block;
    font-weight: bold;
}

.TinTuc-4 .wd-full-danhmuccon h4.title-category a {
    font-size: 15px;
    line-height: 25px;
}

.TinTuc-4 .wd-full-danhmuccon h4 {
    padding: 5px 0px;
    font-weight: bold;
    text-align: justify;
    margin: 0px;
    position: relative;
    margin-top: 10px !important;
    font-size: 14px;
}

.TinTuc-4 .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
}

.TinTuc-4 .wd-full-danhmuccon .cards-items .desc {
    text-align: justify;
}

.TinTuc-4 .cards-items {
    margin-top: 10px;
    margin-top: 0px;
}

.TinTuc-4 .cards-img {
    margin-bottom: 10px;
}

/*------END---WG TinTuc-------------------------------*/

/*---------WG TinTuc-5------------------------------*/

.TinTuc-5 {
    margin: 10px 0px;
}

.TinTuc-5 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-5 .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.TinTuc-5 .wd-contents .list-items-large .card-img {
    overflow: hidden;
    max-height: 250px;
}

.TinTuc-5 .wd-contents .list-items-large .card-img img {
    height: 100%;
    width: 100%;
}

.TinTuc-5 .list-items-large .card-items a {
    font-weight: bold;
    padding: 0px;
    margin-bottom: 5px;
    display: block;
}

.TinTuc-5 .list-items-small .card-items {
    padding: 8px 0px;
    border-top: 1px solid #f2f2f2;
}

.TinTuc-5 .list-items-small .card-title {
    margin-bottom: 0.5rem;
}

.TinTuc-5 .list-items-small .card-items .card-title a {
}

.TinTuc-5 .list-items-small .card-title,
.TinTuc-5 .list-items-large .card-title {
    text-align: justify;
}

.TinTuc-5 .card-items .col-md-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.TinTuc-5 .card-items .col-md-3 {
    height: 65px;
    overflow: hidden;
}

.TinTuc-5 .list-items-large .line-clamp-2 {
    margin-top: 10px !important;
}

/*------END---WG TinTuc-5------------------------------*/

.TinTuc-8 .wd-c-danhmuccon .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.TinTuc-8 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.TinTuc-8 .items-large {
    position: relative;
}

.TinTuc-8 .items-large::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgb(14, 16, 17);
    background: linear-gradient(0deg, rgba(14, 16, 17, 1) 0%, rgba(0, 0, 0, 0) 55%);
}

.TinTuc-8 .items-large .desc-position-index {
    position: absolute;
    z-index: 2;
    bottom: 0;
    margin: 20px;
}

.TinTuc-8 .items-large .desc-position-index::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 4px solid #d99605;
}

.TinTuc-8 .items-large .desc-position-index h6 {
    margin: 0px;
    margin-bottom: 10px;
}

.TinTuc-8 .items-large .desc-position-index h6 a {
    color: #ffc82d;
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
}

.TinTuc-8 .items-large .desc-position-index p {
    color: #fff;
    padding-left: 15px !important;
    margin: 0px !important;
    text-align: justify;
}

.TinTuc-8 .items-small .card-img {
    width: 100%;
    height: 100%;
    min-height: 120px;
    max-height: 120px;
    margin-bottom: 8px;
}

.TinTuc-8 .card-img img {
    width: 100%;
    height: 100%;
}

.TinTuc-9 .card-items {
    position: relative;
}

.TinTuc-9 .card-items .desc-position-index {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 10px;
}

.TinTuc-9 .list-items-large .card-items:after {
    content: '';
    display: block;
    background: rgb(7, 43, 96);
    background: linear-gradient(0deg, rgb(2 2 2) 0%, rgb(16 20 26 / 74%) 25%, rgba(0, 31, 255, 0) 40%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 90%;
}

.TinTuc-9 .list-items-large .card-items .desc-position-index a {
    color: #fff;
}

.TinTuc-9 .list-items-small .card-items {
    padding: 0;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #e9e8e8;
}

.TinTuc-9 .list-items-small .card-items:first-child {
    border-top: 0px;
}

.TinTuc-9 .list-items-large .card-items {
    height: 290px;
    overflow: hidden;
}

.TinTuc-10 .card-items {
    padding: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #e9e8e8;
}

.TinTuc-10 .card-items:last-child {
    border: none;
}

.TinTuc-23 .widget-content {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.TinTuc-23 .main {
    width: 100%;
}

.TinTuc-23 .extra {
    width: 100%;
}

.TinTuc-23 .main .widget-content {
    display: flex;
}

.TinTuc-23 .main .article-image {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    margin-bottom: 10px;
}

.TinTuc-23 .main .article-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.TinTuc-23 .main .article-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TinTuc-23 .main .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    overflow: hidden;
}

.TinTuc-23 .main .article-image:hover + .article-info .article-title,
.TinTuc-23 .main .article-title:hover {
    color: var(--colorTextHover);
}

.TinTuc-23 .article-publish {
    font-size: 13px;
    line-height: 1.2;
}

.TinTuc-23 .main .article-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 1.6;
    overflow: hidden;
}

.TinTuc-23 .extra .articles {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.TinTuc-23 .extra article {
    display: flex;
    gap: 16px;
}

.TinTuc-23 .extra article:not(:last-of-type) {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.TinTuc-23 .extra .article-image {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    width: 33.33%;
}

.TinTuc-23 .extra .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.TinTuc-23 .extra .article-info {
    width: auto;
    flex: 1;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.TinTuc-23 .extra .article-publish {
    display: none;
}

.TinTuc-23 .extra .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
}

.TinTuc-24 {
    padding-top: 12px;
}

.TinTuc-24 .widget-content {
    padding-top: 10px;
}

.TinTuc-24 .article-image {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
}

.TinTuc-24 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.TinTuc-24 .main .article-info {
    margin-top: 10px;
}

.TinTuc-24 .main .article-title,
.TinTuc-24 .extra .article-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: #0a0b0b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 16px;
}

.TinTuc-24 .article-publish {
    color: #6c6d6d;
    font-size: 13px;
    line-height: 1.2;
}

.TinTuc-24 .main,
.TinTuc-24 .extra article {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.TinTuc-24 .extra article:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.TinTuc-24 .widget-footer {
    margin-top: 16px;
    text-align: center;
}

.TinTuc-24 .widget-footer a {
    font-size: 14px;
    line-height: 1.5;
    text-decoration: underline;
}

.TinTuc-24 .main .article-title:hover,
.TinTuc-24 .extra .article-title:hover,
.TinTuc-24 .main .article-image:hover + .article-info .article-title {
    color: var(--colorTextHover);
}

.TinTuc-10.new-widget ul {
    padding-left: 16px;
    margin-bottom: 0;
}

.TinTuc-10.new-widget ul li a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.TinTuc-10.new-widget ul li:not(:last-of-type) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f3f3f3;
}

/* 
.VanBan-1 .wd-box-document {
    margin-bottom: 20px;
}

.VanBan-1 .wd-box-document h4 {
    position: relative;
}

.VanBan-1 .wd-box-document h4::before {
    content: '';
    display: block;
    border-bottom: 2px solid #e1e1e1;
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}



.VanBan-1 .wd-box-document h4::after {
    content: '';
    display: block;
    border-left: 2px solid #f00;
    left: 0;
    position: absolute;
    top: 0px;
    z-index: 2;
    height: 20px;
}
 */

.VanBan-1 .wd-box-document h4 {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.VanBan-1 .wd-box-document h4 > a:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: 1px;
}

.VanBan-1 .wd-box-document h4 a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background: transparent;
    z-index: 2;
    position: relative;
    padding-left: 0px;
}

.VanBan-1 .wd-box-document h4 span a {
    text-transform: none !important;
    color: #084298;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}

.VanBan-1 .list-item-doc {
    padding-bottom: 10px !important;
}

.VanBan-1 .list-item-doc .items {
    padding-top: 10px !important;
}

.VanBan-1 .list-item-doc .items:nth-child(2n + 1) {
    background: #fff;
}

.VanBan-1 .list-item-doc .items {
    background: #fffef5;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px;
    text-align: justify;
}

.VanBan-1 .title-symbol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.VanBan-1 .title-symbol .col-sym-start {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.VanBan-1 .title-symbol .col-sym-start p {
    margin: 0px;
}

.VanBan-1 .title-symbol p:first-child {
    font-weight: bold;
    font-size: 13px;
    color: #018fe5;
}

.VanBan-1 .col-sym-start p:last-child {
    font-weight: bold;
    margin-left: 10px;
    color: #ff8a12;
}

.VanBan-1 .list-file-doc {
    margin: 2px 0px;
}

.VanBan-1 .list-file-doc a i {
    color: #638497;
    font-size: 18px;
    margin-right: 5px;
}

/* 
.VanBan-2 .wd-box-document {
    margin-bottom: 20px;
}

.VanBan-2 .wd-box-document h4 {
    position: relative;
    font-size: 15px;
}

.VanBan-2 .wd-box-document h4::before {
    content: '';
    display: block;
    border-bottom: 2px solid #e1e1e1;
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}



.VanBan-2 .wd-box-document h4::after {
    content: '';
    display: block;
    border-left: 2px solid #f00;
    left: 0;
    position: absolute;
    top: 0px;
    z-index: 2;
    height: 20px;
} */

.VanBan-3 .wd-box-document h4,
.VanBan-2 .wd-box-document h4 {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
}

.VanBan-3 .wd-box-document h4 > a:after,
.VanBan-2 .wd-box-document h4 > a:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.VanBan-3 .wd-box-document h4 a,
.VanBan-2 .wd-box-document h4 a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 5px 15px;
    padding-left: 0px;
}

.VanBan-3 .wd-box-document .view-more a,
.VanBan-2 .wd-box-document .view-more a {
    text-transform: none !important;
    color: #084298;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}

.VanBan-3 .list-item-doc .VanBan-2 .list-item-doc {
    padding-bottom: 10px;
}

.VanBan-3 .list-item-doc .items:nth-child(2n + 1),
.VanBan-2 .list-item-doc .items:nth-child(2n + 1) {
    background: #fff;
}

.VanBan-3 .list-item-doc .items,
.VanBan-2 .list-item-doc .items {
    background: #fffef5;
    border-bottom: 1px solid #f5f5f5;
}

.VanBan-3 .title-symbol,
.VanBan-2 .title-symbol {
    border-right: 1px solid #ebe8e8;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
}

.VanBan-3 .title-symbol p:first-child,
.VanBan-2 .title-symbol p:first-child {
    font-weight: bold;
    font-size: 13px;
    color: #018fe5;
}

.VanBan-3 .list-item-doc .items p,
.VanBan-2 .list-item-doc .items p {
    margin: 0px;
    padding: 2px 0px;
}

.VanBan-3 .list-file-doc,
.VanBan-2 .list-file-doc {
    margin: 2px 0px;
}

.VanBan-3 .list-file-doc a i,
.VanBan-2 .list-file-doc a i {
    color: #638497;
    font-size: 18px;
    margin-right: 5px;
}

.layout-wd-blue .VanBan-1 h4 a::after,
.layout-wd-blue .VanBan-2 h4 a::after,
.layout-wd-blue .VanBan-3 h4 a::after {
    display: none;
}

.layout-wd-red .VanBan-1 h4 a::after,
.layout-wd-red .VanBan-2 h4 a::after,
.layout-wd-red .VanBan-3 h4 a::after {
    display: none;
}

.DanhMuc-1 .wd-r-category.sticky {
    top: 55px;
}

.DanhMuc-1 .accordion.accordion-flush {
    background: #fff;
    border: 1px solid #efefef;
}

.DanhMuc-1 h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
}

.DanhMuc-1 .accordion-header {
    margin-bottom: 0;
}

.DanhMuc-1 .accordion-header button {
    padding: 10px !important;
    background: transparent;
    border-radius: 0;
    font-size: 14px;
}

.accordion-button::after {
    width: 0.85rem;
    height: 0.85rem;
    background-size: 0.85rem;
}

.Menu-4 .accordion-button {
    padding: 0.5rem 1.25rem;
}

.Menu-4 .accordion-item .nav-item-link {
    padding: 0.2rem 1.25rem;
}

.Menu-4 .accordion-item {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.Menu-4 .accordion-header .accordion-button {
    padding: 10px !important;
    background: transparent;
    font-size: 14px;
}

.Menu-4 .accordion-item .accordion-body {
    padding: 10px 0px;
}

.Menu-4 .accordion-item .nav-item-link,
.Menu-4 .accordion-item .accordion-body p {
    margin: 0px;
    padding: 5px 10px !important;
    display: block;
    font-size: 14px;
}

.DanhMuc-1 .accordion-body {
    padding: 10px;
}

.DanhMuc-1 .accordion-body p {
    margin: 0px;
    padding: 5px 0px;
}

.DanhMuc-1 .wd-r-category h2 a {
    padding: 10px;
    display: block;
    font-size: 14px;
}

.DanhMuc-1 .accordion-button {
    box-shadow: none;
}

.DanhMuc-1 .accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    font-weight: bold;
}

.accordion-collapse.show .active a {
    color: #4184e7;
}

.DanhMuc-1 .accordion-header.active a {
    color: #4184e7;
}

.LienKet-3 .accordion-body {
    padding: 10px 0px;
}

.LienKet-3 .right-adver-portal.wd-links {
    padding: 0px;
    background: #fff;
    border: 1px solid #efefef;
}

.LienKet-3 .title-category {
    border-bottom: 2px solid #c5c5c5;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    position: relative;
    margin-bottom: 0px;
}

.LienKet-3 .title-category:after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    background: #f00;
    bottom: -2px;
}

.LienKet-3 .title-category a {
    display: block;
}

.LienKet-3 .accordion-button {
    box-shadow: none;
}

.LienKet-3 .accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.LienKet-3 .accordion-header .accordion-button i {
    display: none;
}

.LienKet-3 .accordion-header .accordion-button {
    padding: 10px !important;
    background: transparent;
    font-size: 14px;
}

.LienKet-3 .accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    font-weight: bold;
    padding-right: 18px !important;
}

.LienKet-3 .accordion-body a {
    padding: 5px 10px !important;
    display: block;
}

/*--END -WG---------------------------*/

.navbar-nav .nav-item:hover ul.dropdown-menu {
    display: block;
}
.NoiDung-4 .page-content,
.NoiDung-3 .page-content,
.NoiDung-2 .page-content,
.NoiDung-1 .page-content,
.NoiDung-0 .page-content {
    line-height: 25px;
    text-align: justify;
}
.NoiDung-4 .page-content h4:after,
.NoiDung-3 .page-content h4:after,
.NoiDung-2 .page-content h4:after,
.NoiDung-1 .page-content h4:after,
.NoiDung-0 .page-content h4:after {
    content: '';
    display: block;
    /* border-bottom: 2px solid #f00; */
    position: absolute;
    width: 95px;
    bottom: -2px;
}
.NoiDung-4 .page-content h4,
.NoiDung-3 .page-content h4,
.NoiDung-2 .page-content h4,
.NoiDung-1 .page-content h4,
.NoiDung-0 .page-content h4 {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    align-items: center;
    margin: 8px 0px;
    border-bottom: 2px solid #f2f2f2;
    position: relative;
    margin-top: 0;
}
.NoiDung-4 .page-content h4,
.NoiDung-3 .page-content h4,
.NoiDung-2 .title_catparent,
.NoiDung-1 .title_catparent,
.NoiDung-0 .title_catparent {
    margin-bottom: 15px;
    border-bottom: 2px solid #d7d7d7;
}
.NoiDung-4 .title_catparent h4,
.NoiDung-3 .title_catparent h4,
.NoiDung-2 .title_catparent h4,
.NoiDung-1 .title_catparent h4,
.NoiDung-0 .title_catparent h4 {
    border-bottom: none;
    margin: 0px;
}
.NoiDung-4 .title_catparent::after,
.NoiDung-3 .title_catparent::after,
.NoiDung-2 .title_catparent::after,
.NoiDung-1 .title_catparent::after,
.NoiDung-0 .title_catparent::after {
    content: '';
    display: block;
    border-bottom: 2px solid #f00;
    width: 80px;
    margin-bottom: -2px;
}
.NoiDung-4 .page-content h4.title_classic:after,
.NoiDung-3 .page-content h4.title_classic:after,
.NoiDung-2 .page-content h4.title_classic:after,
.NoiDung-1 .page-content h4.title_classic:after,
.NoiDung-0 .page-content h4.title_classic:after {
    display: none;
}
.NoiDung-4 .page-content h4.title_classic,
.NoiDung-3 .page-content h4.title_classic,
.NoiDung-2 .page-content h4.title_classic,
.NoiDung-1 .page-content h4.title_classic,
.NoiDung-0 .page-content h4.title_classic {
    border-bottom: 0px;
    margin-bottom: 0px;
}
.NoiDung-4 .releated_list .box-releated-items .img,
.NoiDung-3 .releated_list .box-releated-items .img,
.NoiDung-2 .releated_list .box-releated-items .img,
.NoiDung-1 .releated_list .box-releated-items .img,
.NoiDung-0 .releated_list .box-releated-items .img {
    margin-bottom: 10px;
}
.NoiDung-4 .list-item-doc .items .col-md-12,
.NoiDung-3 .list-item-doc .items .col-md-12,
.NoiDung-2 .list-item-doc .items .col-md-12,
.NoiDung-1 .list-item-doc .items .col-md-12,
.NoiDung-0 .list-item-doc .items .col-md-12 {
    width: 25%;
    text-align: left;
}
.NoiDung-4 .list-item-doc .items .col-md-12 p,
.NoiDung-3 .list-item-doc .items .col-md-12 p,
.NoiDung-2 .list-item-doc .items .col-md-12 p,
.NoiDung-1 .list-item-doc .items .col-md-12 p,
.NoiDung-0 .list-item-doc .items .col-md-12 p {
    margin: 0px;
    padding: 0px;
    color: #233978;
    text-align: right;
    font-weight: normal;
}
.NoiDung-4 .col-sym-start p:first-child,
.NoiDung-3 .col-sym-start p:first-child,
.NoiDung-2 .col-sym-start p:first-child,
.NoiDung-1 .col-sym-start p:first-child,
.NoiDung-0 .col-sym-start p:first-child {
    font-weight: bold !important;
    font-size: 14px;
}
.NoiDung-4 .list-item-doc .items,
.NoiDung-3 .list-item-doc .items,
.NoiDung-2 .list-item-doc .items,
.NoiDung-1 .list-item-doc .items,
.NoiDung-0 .list-item-doc .items {
    padding: 10px;
}
.NoiDung-4 .list-item-doc .items:nth-child(2n + 1),
.NoiDung-3 .list-item-doc .items:nth-child(2n + 1),
.NoiDung-2 .list-item-doc .items:nth-child(2n + 1),
.NoiDung-1 .list-item-doc .items:nth-child(2n + 1),
.NoiDung-0 .list-item-doc .items:nth-child(2n + 1) {
    background: #fffdf4;
}
.NoiDung-4 .list-item-doc .col-sym-start p i,
.NoiDung-3 .list-item-doc .col-sym-start p i,
.NoiDung-2 .list-item-doc .col-sym-start p i,
.NoiDung-1 .list-item-doc .col-sym-start p i,
.NoiDung-0 .list-item-doc .col-sym-start p i {
    color: #838383;
    margin: 0px !important;
    display: none;
}
.NoiDung-4 .list-file-doc a,
.NoiDung-3 .list-file-doc a,
.NoiDung-2 .list-file-doc a,
.NoiDung-1 .list-file-doc a,
.NoiDung-0 .list-file-doc a {
    color: #638497;
    font-size: 16px;
}
.NoiDung-4 .page-content .card-footer,
.NoiDung-3 .page-content .card-footer,
.NoiDung-2 .page-content .card-footer,
.NoiDung-1 .page-content .card-footer,
.NoiDung-0 .page-content .card-footer {
    background: transparent;
    padding: 10px 0px;
}
.NoiDung-4 .col-sym-start,
.NoiDung-3 .col-sym-start,
.NoiDung-2 .col-sym-start,
.NoiDung-1 .col-sym-start,
.NoiDung-0 .col-sym-start {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-align: right;
    align-items: flex-end;
    justify-content: flex-start;
}

.NoiDung-4 .page-content .content-meta-content img,
.NoiDung-3 .page-content .content-meta-content img,
.NoiDung-2 .page-content .content-meta-content img,
.NoiDung-1 .page-content .content-meta-content img,
.NoiDung-0 .page-content .content-meta-content img {
    width: 100%;
}

.tooltip .tooltip-arrow::before {
    border-top-color: #084298;
}

.tooltip .tooltip-inner {
    background: #084298;
    max-width: 500px;
    text-align: justify;
    line-height: 22px;
    font-size: 13px;
}

.listitems_other_right p.desc {
    text-align: justify;
}

.list-items-category .cards-items .card-img {
    padding-bottom: 5px;
}

.lasted-post ul {
    padding-left: 15px;
}

.lasted-post ul a {
    color: #0a58ca;
    font-style: italic;
}

#accordion_links_19 .links.active {
    color: #4184e7;
}

.btn-login-sign-in-users {
    background-color: #2040b2 !important;
    border: none;
    color: #fff;
    margin-left: 10px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-login-sign-in-users i {
    padding-right: 5px;
}

.nav-item.nav-item-users {
    display: flex;
    align-items: center;
    background: #2040b2;
    padding: 0px 10px;
    margin-left: 10px;
    border-radius: 3px;
}

.nav-item.nav-item-users .pull-left i {
    color: #fff;
}

.nav-item-users .pull-right a.btn {
    background: transparent !important;
    border: none;
    color: #fff;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}

.nav-item-users .pull-left .fa-solid.fa-user {
    display: none;
}

.header-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
}

.img-header {
    width: 100%;
}

.img-header img {
    object-fit: fill;
    width: 100%;
}

.body-template-1 .header_top {
    padding: 0px;
    display: initial;
    position: relative;
}

.pagination .page-link {
    color: #414141;
}

.navbar-mobile {
    display: none;
}

.navbar-desktop {
    display: flex;
}

.navbar-desktop .btn-login-sign-in-users {
    margin: 5px;
}

.navbar-desktop .nav-item-users {
    margin: 5px;
}

.body-template-2 .header-title {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: auto;
}

/*-- ZOOM FONTSIZE CONTENT----*/

.page-content .pull-right {
    display: flex;
}

.page-content .btn-fs-text-fontsize,
.btn-fs-social {
    padding: 0px 8px;
    background: #f6f4f4;
    border-radius: 15px;
    margin-left: 8px;
    margin-right: 8px;
}

.page-content .btn-fs-text-fontsize .btn-fs-minus,
.page-content .btn-fs-text-fontsize .btn-fs-plus {
}

.page-content .btn-fs-text-fontsize i,
.btn-fs-social i {
    font-size: 18px;
    color: #1192e2;
    margin: 5px;
}

.page-content .view-fs-text {
    padding: 0px 8px;
}

.statistical p span {
    font-size: 13px;
}

.releated_list .othernew {
    padding-left: 1rem;
    font-weight: normal;
}

.body-template-2 .content-wrapper .NoiDung-0 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.NoiDung-0,
.NoiDung-1,
.NoiDung-2,
.NoiDung-3,
.NoiDung-4,
.DanhMuc-1,
.DanhMuc-2,
.LienKet-2,
.LienKet-3,
.TinTuc-1,
.TinTuc-2,
.TinTuc-3,
.TinTuc-4,
.TinTuc-5,
.TinTuc-6,
.TinTuc-7,
.TinTuc-8,
.TinTuc-9,
.TinTuc-10,
.Album-1,
.Album-2,
.Album-3 {
    margin: 5px 0px;
}

.nav-items-line {
}

.Marquee-0 .nav-marquee {
    display: flex;
    align-items: center;
    padding: 12px 0;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    margin-bottom: 24px;
    overflow: hidden;
}

.Marquee-0 .nav-marquee .nav-marquee-title {
    font-weight: bold;
    white-space: nowrap;
    margin: 0px 0px;
}

.Marquee-0 .nav-marquee .nav-marquee-items {
    width: 100%;
    overflow: hidden;
}

.nav-marquee-items a:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Free';
    color: #ff4e00;
    margin-right: 5px;
    font-size: 6px;
    line-height: 1;
    font-weight: 700;
}

.nav-marquee-items a {
    color: #ff4e00;
    display: inline-flex;
    align-items: center;
}

.nav-marquee .title-wd-marquee,
.nav-marquee .nav-marquee-items {
    display: flex;
    align-items: center;
}

.nav-items-line {
    margin: 0px 0px;
    border-bottom: 1px solid #e7e0e0;
}

.LienKet-4 .right-adver-portal {
    display: flex;
    align-items: center;
}

.LienKet-4 .right-adver-portal a {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    border-right: 1px solid #f2f2f2;
}

.LienKet-4 .right-adver-portal a:last-child {
    border-right: 0;
}

.LienKet-4 .right-adver-portal a img {
    width: 20px;
    margin: 0px 2px;
    padding: 0px;
}

.LienKet-4 .right-adver-portal a i {
    width: 20px;
    margin: 0px 5px;
    padding: 5px;
}

.TinTuc-11 .card-img {
    min-height: 165px;
    overflow: hidden;
}

.TinTuc-11 .card-img img {
    width: 100%;
    height: 155px;
    object-fit: cover;
}

.date-weather-nav .txt-weather {
    display: flex;
    align-items: center;
}

.date-weather-nav svg image,
.date-weather-nav svg {
    width: 32px;
    height: 32px;
}

.date-weather-nav {
    display: flex;
    align-items: center;
    padding: 8px 0px;
}

.nav-items-line .justify-content-end {
    justify-content: flex-end !important;
    display: flex;
    align-items: center;
}

.date-weather-nav .txt-date,
.date-weather-nav .txt-weather {
    padding-right: 15px;
}

.owl-file-video video {
    width: 100%;
    max-height: 350px;
}

.list-items-category .owl-nav .owl-prev,
.list-items-category .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    border-radius: 50%;
    background: #f2f2f27a !important;
    width: 35px;
    height: 35px;
}

.owl-nav .owl-prev {
    left: 5px;
}

.owl-nav .owl-next {
    right: 5px;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
    font-weight: 900;
}

.Album-1 .owl-albums .owl-stage {
    background: rgb(249, 249, 249);
    margin: 8px 0px;
}

.Album-1 .owl-albums .owl-stage .owl-item img {
    object-fit: cover;
}

.customer-slider-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.customer-slider-gallery .owl-thumb-item {
    width: 50%;
    background: #f2f2f2;
}

.customer-slider-gallery .owl-thumb-item img {
    width: 100%;
    padding: 5px;
    height: 100%;
    border: 1px solid #f9f9f9;
}

.customer-slider-gallery .d-flex-inline {
    display: flex;
}

.customer-slider-gallery .gallery-thumb-item {
    width: 33.3%;
}

.customer-slider-gallery .gallery-thumb-item img {
    width: 100%;
    padding: 5px;
    height: 100%;
    border: 1px solid #f9f9f9;
}

.ft-bottom {
    margin: 0px !important;
}

.album-Videos .owl-item a,
.album-Videos .owl-thumb-item a,
.album-Videos .gallery-thumb-item a,
.album-Image .owl-item a,
.album-Image .owl-thumb-item a,
.album-Image .gallery-thumb-item a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.album-Videos .owl-item a::after,
.album-Videos .owl-thumb-item a::after,
.album-Videos .gallery-thumb-item a::after,
.album-Image .owl-item a::after,
.album-Image .owl-thumb-item a::after,
.album-Image .gallery-thumb-item a::after {
    content: '\f144';
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: 'Font Awesome 6 Free';
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #f9f9f9;
    font-size: 45px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.album-Videos .owl-item a::after,
.album-Image .owl-thumb-item a::after,
.album-Image .gallery-thumb-item a::after {
    content: '\f144';
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: 'Font Awesome 6 Free';
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #f9f9f9;
    font-size: 45px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.album-Image .gallery-thumb-item {
    margin-bottom: 5px;
}

.album-Videos .owl-item a::before,
.album-Image .owl-thumb-item a::before,
.album-Image .gallery-thumb-item a::before {
    content: '';
    /* background: #2d2d2d3b; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to right, #1800743b 20%, #f9f9f920 30%, #f9f9f953 70%, #0615e13b 80%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

.album-Videos .owl-item:hover a::after,
.album-Image .owl-thumb-item:hover a::after,
.album-Image .gallery-thumb-item:hover a::after {
    background: linear-gradient(to right, #a10303 20%, #fff 30%, #f9f9f9 70%, #ff076c 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

.album-Image .owl-item a::after,
.album-Image .owl-thumb-item a::after,
.album-Image .gallery-thumb-item a::after {
    content: '\f302';
    font-size: 30px;
}

.Album-3 .gallery-thumb-item {
    position: relative;
}

.Album-3 .gallery-thumb-item a .article-thumbnail::after {
    content: '';
    position: absolute;
    width: 96%;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(
        180deg,
        rgb(255 255 255 / 0%) 0%,
        rgb(255 255 255 / 0%) 33.96%,
        rgba(0, 0, 0, 0.39) 62.7%,
        rgb(0 0 0 / 58%) 80.38%,
        rgb(0 0 0 / 72%) 100%
    );
    margin: 6px;
}

.Album-3 .gallery-thumb-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
    color: #ffffff;
    text-shadow: 0 0 #c7bbbb;
}

.Album-3 .gallery-thumb-item a {
    position: relative;
    z-index: 2;
}

.NoiDung-2 .list_catparent .album-Videos .card-img a,
.NoiDung-2 .list_catparent .album-Image .card-img a,
.NoiDung-1 .list_catparent .album-Videos .card-img a,
.NoiDung-1 .list_catparent .album-Image .card-img a,
.NoiDung-0 .list_catparent .album-Videos .card-img a,
.NoiDung-0 .list_catparent .album-Image .card-img a {
    position: relative;
}

.NoiDung-2 .list_catparent .album-Videos a .article-thumbnail::after,
.NoiDung-2 .list_catparent .album-Image a .article-thumbnail::after,
.NoiDung-1 .list_catparent .album-Videos a .article-thumbnail::after,
.NoiDung-1 .list_catparent .album-Image a .article-thumbnail::after,
.NoiDung-0 .list_catparent .album-Videos a .article-thumbnail::after,
.NoiDung-0 .list_catparent .album-Image a .article-thumbnail::after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(
        180deg,
        rgb(255 255 255 / 0%) 0%,
        rgb(255 255 255 / 0%) 33.96%,
        rgba(0, 0, 0, 0.39) 62.7%,
        rgb(0 0 0 / 58%) 80.38%,
        rgb(0 0 0 / 72%) 100%
    );
}

.NoiDung-2 .list_catparent .album-Videos .gallery-thumb-title,
.NoiDung-2 .list_catparent .album-Image .gallery-thumb-title,
.NoiDung-1 .list_catparent .album-Videos .gallery-thumb-title,
.NoiDung-1 .list_catparent .album-Image .gallery-thumb-title,
.NoiDung-0 .list_catparent .album-Videos .gallery-thumb-title,
.NoiDung-0 .list_catparent .album-Image .gallery-thumb-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
    color: #ffffff;
    text-shadow: 0 0 #c7bbbb;
    padding-bottom: 5px;
}

@keyframes textShine {
    0% {
        background-position: 0% 20%;
    }
    50% {
        background-position: 20% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/* DROP DOWN MENU TOP-----------*/

.nav-top .navbar .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: 11px 6px 20px 0px #12111159;
    border: 1px solid #efefef;
    border-top: none;
}

.dropdown-menu .nav-item.dropdown {
    position: relative;
}

.dropdown-menu .nav-item.dropdown ul.dropdown-menu {
    display: none;
}

.dropdown-menu > .nav-item.dropdown:hover > ul.dropdown-menu {
    display: block;
    left: 100%;
    top: 0px;
}

.nav-item.dropdown .dropdown-menu .nav-link.dropdown-toggle {
    color: rgb(0 0 0) !important;
    text-transform: none;
    font-size: 1rem;
    padding: 10px 15px;
}

.dropdown-menu .dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: middle;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    color: #b1b1b1;
    position: absolute;
    right: 10px;
    top: 40%;
}

/* menu danh muc2-----------*/

.layout-wd-td .DanhMuc-2 .accordion-flush .accordion-item:first-child {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.DanhMuc-2 .accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.DanhMuc-2 .accordion-item .accordion-body {
    padding: 0px;
}

.DanhMuc-2 .accordion-item .accordion-body p {
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 10px;
}

.accordion-item .cat-icon {
    width: 20px;
    height: 20px;
}

.wd-r-category {
    z-index: 9;
}

/* end menu danh muc2-----------*/

/* END DROP DOWN MENU TOP-----------*/

.work-schedule-header .nav_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f2f2f2;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.work-schedule-header .nav_top .nav_calendar {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0px;
    margin: 5px 0px;
}

.work-schedule-header .week_current {
    font-weight: bold;
}

.work-schedule-header .nav_top .nav_calendar li:last-child {
    padding-left: 10px;
}

.work-schedule-header .nav_top .nav_calendar .selected_week {
    font-weight: bold;
    text-transform: uppercase;
}

.work-schedule-header .nav_top .nav_calendar li:first-child {
    padding-right: 10px;
}

.nav_calendar .btn-curent {
    background: #f9f9f9;
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.work-schedule .nav-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    border: none;
}

.work-schedule .nav-tabs .nav-link {
    margin: 5px 8px;
}

.work-schedule .nav-tabs .nav-link:hover {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
}

.work-schedule .tab-pane thead tr:first-child {
    background: #f9f9f9;
}

.work-schedule .nav-tabs .nav-link.active {
    border: none;
    font-weight: bold;
    color: #ffffff;
    background: #0a58ca;
    border-radius: 10px;
}

.bg-workschedule-dayofweek {
    background: #0a58ca !important;
    color: #fff;
    padding: 2px 0px !important;
}

.work-schedule-toolbox {
    display: flex;
    justify-content: space-between;
}

.work-schedule-toolbox .work-schedule-toolbox-left {
    display: flex;
    justify-content: space-between;
}

.work-schedule-toolbox .work-schedule-toolbox-left lable {
    display: flex;
    margin-right: 20px;
    align-items: center;
}

.work-schedule-toolbox .work-schedule-toolbox-left lable input {
    margin-right: 5px;
}

.work-schedule li.nav-item button {
    padding: 5px;
}

.widget-title-icon {
    width: 100%;
}

.widget-title-icon img {
    width: 20px;
}

.LienKet-5 .list-items-category .adv-items .item-link {
    position: absolute;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 100%;
    top: 0%;
    bottom: 0%;
    justify-content: center;
    height: 100%;
}

.LienKet-5 .list-items-category .adv-items .item-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000045;
    z-index: 0;
}

.LienKet-5 .list-items-category .adv-items .item-link .adv-item-link-title {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    font-size: 25px;
    padding: 5px 0px;
    z-index: 1;
}

.LienKet-5 .list-items-category .adv-items .item-link .adv-item-link-desc {
    color: #fff;
    z-index: 1;
    font-size: 18px;
    text-shadow: 0px 0px 5px #000;
}

.tit_link_vanban {
    cursor: pointer;
}

.tit_link_vanban {
    background: url(/Client/image/docnew.png) no-repeat scroll left 15px transparent;
    padding-left: 18px !important;
    border-bottom: 1px solid #ece8e8;
    padding-top: 5px;
    padding-bottom: 5px;
}

.VanBan-3 .list-item-doc {
    height: 300px;
    overflow: auto;
    transition: color 0.3s;
}

.wd-section-menu-footer .Menu-2 .nav-link {
    text-transform: inherit;
    margin: 0px !important;
}

.wg-bg-section {
    background-color: #f0f8ff7d;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*---DẠNG  IMG VIDEO OWL SLIDER----*/

.Album-4 .gallery-thumb-item {
    width: 100%;
}

.Album-4 .gallery-thumb-item a::before {
    display: none;
}

.Album-4 .owl-nav button {
    position: absolute;
    top: 28%;
    transform: translateY(30%);
    background: #d6dae3e6 !important;
}

.Album-4 .owl-prev {
    left: -10px;
}

.Album-4 .owl-next {
    right: -10px;
}

.Album-4 .owl-prev.disabled,
.Album-4 .owl-next.disabled {
    display: none;
}

.Album-4 .gallery-thumb-item a::after {
    display: none;
}

.Album-4 .gallery-thumb-item .article-thumbnail::after {
    content: '\f144';
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: 'Font Awesome 6 Free';
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #f9f9f9;
    font-size: 45px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

/*---END DẠNG  IMG VIDEO OWL SLIDER----*/

.accordion-item .nav-item-link {
    padding: 0.8rem 0.8rem 0.8rem 1.25rem;
    display: block;
    font-size: 1rem;
    margin-bottom: 0px;
}

.LienKetWebsite_Nhom {
    font-weight: bold;
    border-bottom: 1px solid #c3c3c3;
    margin: 10px 0px;
    width: 100%;
    display: inline-block;
}

.LienKetWebsite_DongLienKet {
    float: left;
    width: 50%;
}

.LienKetWebsite_DongLienKet .LienKetWebsite_LienKet::before {
    content: '\f08e';
    display: block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    position: absolute;
    color: #0187e9;
    left: 0;
}

.LienKetWebsite_DongLienKet .LienKetWebsite_LienKet {
    list-style: circle;
    display: block;
    list-style-type: circle;
    padding-left: 20px;
    position: relative;
    color: #0187e9;
    line-height: 32px;
}

.LienKetWebsite_DongLienKet .LienKetWebsite_LienKet:hover {
    color: #f80606;
}

.accordion-item .nav-item-link.active {
    color: #4184e7;
}

/*---Button View More -*/

.btn-showmore {
    text-align: right;
}

.btn-showmore a {
    text-decoration: inherit;
    color: #595959;
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    position: relative;
    font-style: italic;
    margin: 8px 0px;
}

.btn-showmore a u {
    text-decoration: inherit;
    position: relative;
}

.btn-showmore a u::after {
    content: '\f30b';
    position: relative;
    font-family: 'FontAwesome';
    font-weight: 700;
    margin-left: 8px;
}

.showmorein_title {
    position: relative;
}

.showmorein_title .btn-showmore {
    position: absolute;
    top: 4px;
    right: 10px;
}

.showmorein_title .btn-showmore a {
    border: none;
    border-radius: 0;
}

.showmorein_title .btn-showmore a u {
    color: #fff;
}

.SuKien-1 .col-md-4,
.SuKien-1 .col-md-8 {
    width: 100%;
}
.SuKien-1 .col-md-8 a {
    font-weight: bold;
}

.SuKien-1 .col-md-8 .date {
    margin-bottom: 3px;
    color: #f00;
    font-weight: bold;
}
.SuKien-1 .col-md-8 .location {
    color: #0060db;
}
.SuKien-1 .card-img::after {
    content: '';
    background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / 87%) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
}
.SuKien-1 .card-img .card-title {
    position: absolute;
    z-index: 2;
    padding: 10px;
    bottom: 0;
    font-weight: bold;
}
.SuKien-1 .card-img .card-title a {
    color: #fff;
    font-size: 1.15rem;
}

.col-schedule-hide .work-schedule .thThanhPhan,
.col-schedule-hide .work-schedule .thGhiChu,
.col-schedule-hide .work-schedule .tdThanhPhan,
.col-schedule-hide .work-schedule .tdGhiChu {
    display: none;
}

.question_list ul {
    list-style: none;
    padding: 0px;
}

.question_list .question_item {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 8px;
}
.question_list .content-question strong {
    color: #0d6efd;
}
.question_list .content-question p {
    margin: 0px;
}
.question_list .content-aswer a.popup {
    background-color: #0d6efd;
    padding: 8px 15px;
    color: #fff !important;
}
.question_list .content-question p.text-end:last-child {
    font-style: italic;
}

.Marquee-1 .nav-marquee .d-inline-flex {
    width: 100%;
}

.Marquee-1 .nav-marquee .d-inline-flex .nav-marquee-items,
.Marquee-1 .nav-marquee .d-inline-flex {
    width: 100%;
}

.Marquee-2 .card-items:last-child {
    border-bottom: none;
}
.Marquee-2 .card-items {
    border-bottom: 1px solid #d9e3ff;
    padding: 8px 0px;
}
.Marquee-2 .card-items a {
    line-height: 1.8;
}

.NoiDung-4 .detail_sticky {
    padding-right: 0;
    flex-shrink: 0;
    height: auto;
    position: sticky;
    top: 50px;
    background-color: #fff;
    display: none;
    z-index: 40;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

body.body-stick .NoiDung-4 .detail_sticky {
    display: block;
    margin: 0 -12px;
}

.NoiDung-4 .detail-social {
    display: flex;
    justify-content: space-around;
    padding: 4px 0;
}

.NoiDung-4 .btn-group,
.NoiDung-4 .detail-social .change-fnt {
    display: flex;
    align-items: center;
    border: none;
    gap: 12px;
    padding: 0;
}

.NoiDung-4 .detail-social .change-fnt {
    border: 1px solid #f2f2f2;
    margin: 0;
    border-radius: 36px;
    padding: 4px;
}

.NoiDung-4 .detail-social .change-fnt svg {
    width: 20px;
    height: 20px;
}

.NoiDung-4 .detail-social .change-fnt .btn-cfont {
    background-color: #f7f7f7;
    border-radius: 50%;
    line-height: 1;
    padding: 4px;
    cursor: pointer;
}

.NoiDung-4 .detail-social .change-fnt .btn-cfont:hover {
    color: #0060db;
}

.NoiDung-4 .btn-group a {
    line-height: 1;
    margin: 0;
}

.NoiDung-4 .btn-group a:hover span {
    border-color: #0060db;
    transition: all 0.15s linear;
}

.NoiDung-4 .btn-group a span {
    line-height: 1;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    display: block;
    padding: 6px;
}

.NoiDung-4 .detail-social .change-fnt .font {
    font-weight: 700;
}

.NoiDung-4 .btn-group a svg {
    width: 24px;
    height: 24px;
}

.NoiDung-4 .page-content {
    width: 100%;
}

.body-stick .NoiDung-4 .detail_sticky_scroll {
    position: static;
}

.LienKet-9 {
    display: none;
}

body.hidden {
    overflow: hidden;
}

.navbar-mobile {
    display: block;
    margin: 0;
    padding-block: 4px;
    margin: 0 !important;
    width: 100%;
    position: relative;
}

.navbar-mobile .title p {
    margin-bottom: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
    display: none;
}

.overlay.show {
    display: block;
}

.mobile .menus,
.menu-mobile {
    width: min(420px, 85%);
    height: 100dvh;
    background-color: #fff;
    animation: fade-in 0.5s ease-in-out;
    overflow-y: auto;
    padding: 20px 12px 40px 12px;
    display: flex;
    flex-direction: column;
}

.navbar-mobile-content {
    display: flex;
    align-items: center;
    padding-inline: 12px;
    gap: 12px;
}

.navbar-mobile .navbar-toggler {
    padding: 8px 4px;
}

.form-search-header {
    flex: 1;
    background-color: #fff;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
}

.form-search-header input {
    border: none;
    outline: none;
    flex: 1;
    padding: 10px 4px;
    line-height: 22px;
    font-size: 14px;
    padding-left: 12px;
}

.form-search-header button {
    color: #000;
    padding-inline: 12px;
    font-size: 16px;
}

.btn-controls {
    font-size: 16px;
    padding: 12px 8px;
    line-height: 1;
}

.btn-controls ul,
.menus ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.btn-controls ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 1px;
    background-color: #fff;
    border-radius: 6px;
    z-index: 1;
    width: 120px;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
        rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.btn-controls ul::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: calc(12px + 8px); /*padding-right + border-width*/
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff;
}

.btn-controls.show ul {
    display: block;
}

.btn-controls ul li {
    padding: 4px 8px;
    border-bottom: 1px solid #f2f2f2;
}

.btn-controls.show ul li:last-of-type {
    border-bottom: 0;
}

.btn-controls a {
    font-size: 15px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    color: #000;
    gap: 6px;
}

.btn-controls a span {
    font-size: 14px;
}

.menus .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.55;
    margin-bottom: 20px;
    display: block;
}

.menus .title p {
    margin-bottom: 0;
}

.menus li > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: calc(var(--level) * 12px);
}

.menus li > div a {
    font-size: 15px;
    line-height: 1.6;
    display: block;
    padding: 8px 0;
}

.mobile .menus li > div a {
    font-size: 14px;
}

.menus .has-children ul {
    max-height: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    transition: max-height 0.5s linear;
}

.menus .has-children.show > ul {
    max-height: 500px;
    overflow-y: auto;
}

.menus .has-children > div > i {
    font-size: 16px;
    transition: transform 0.4s ease-in-out;
}

.menus .has-children.show > div > i {
    transform: rotate(180deg);
    transition: transform 0.4s ease-in-out;
}

.Menu-5 {
    padding: 0;
}

.Menu-5 .container {
    padding: 0 12px;
}

.Menu-5 .mobile .widget-content {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-block: 4px;
    position: relative;
    padding-inline: 12px;
}

.Menu-5 .mobile .form-search {
    flex: 1;
}

.Menu-5 .mobile .widget-content button {
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent;
    line-height: 1;
}

.Menu-5 .mobile .widget-content .btn-bars {
    padding: 4px 3px;
    color: #fff;
}

.Menu-5 .mobile .form-search form {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    padding-inline: 8px;
}

.Menu-5 .mobile .form-search button svg {
    width: 20px;
    height: 20px;
}

.Menu-5 .mobile .form-search input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    line-height: 1.6;
    padding-block: 9px;
}

.Menu-5 .btn-controls ul {
    z-index: 10;
}

@keyframes fade-in {
    from {
        transform: translateX(-150%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes fade-out {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.Header-3 {
    padding: 0;
}

.Header-3 .header_banner {
    display: block;
    min-height: auto;
}

.Header-3 .item-banner {
    position: relative;
    overflow: hidden;
}

.Header-3 .item-banner .banner-image {
    width: auto;
    object-fit: cover;
    display: block;
    height: 120px;
}

.Header-3 .pos-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.Header-3 .pos-title .container {
    padding: 0 12px;
}

.Header-3 .pos-title .logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.Header-3 .pos-title .logo img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.Header-4 {
    padding: 0;
}

.Header-4 .container {
    padding: 0 12px;
}

.Header-4 .banner {
    position: relative;
    --size: 100px;
}

.Header-4 .banner .banner-img {
    overflow: hidden;
}

.Header-4 .banner .banner-img img {
    width: auto;
    height: var(--size);
    display: block;
    object-fit: cover;
}

.Header-4 .banner .banner-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.Header-4 .banner-title-wrapper {
    display: flex;
    gap: 12px;
}

.Header-4 .logo {
    width: 64px;
}

.Header-4 .title img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: calc(var(--size) - 20px);
}

.Footer-3 {
    padding-inline: 0;
    padding-block: 40px;
}

.Footer-3 .container {
    padding: 0 12px;
}

.Footer-3 .footer-organ {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 20px;
}

.Footer-3 .footer-organ .organ-name {
    flex: 1;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
}

.Footer-3 .organ-name.raw-content p,
.Header-3 .pos-title .raw-content p {
    margin-bottom: 0;
}

.Footer-3 .organ-logo {
    width: 64px;
    height: 64px;
    display: block;
    object-fit: cover;
}

.Footer-3 .footer-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Footer-3 .info-item,
.Footer-3 .info-item a {
    color: #fff;
}

.Footer-3 .info-item {
    font-size: 15px;
    line-height: 1.5;
    display: flex;
    gap: 8px;
}

.Footer-3 .info-item:not(:last-of-type) {
    margin-bottom: 8px;
}

.Footer-3 .info-item::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
}

.Footer-3 .info-item.address::before {
    content: '\f3c5';
}

.Footer-3 .info-item.phone::before {
    content: '\f2a0';
}

.Footer-3 .info-item.email::before {
    content: '\f0e0';
}

.Footer-3 .info-item.website::before {
    content: '\f0ac';
}

.Footer-3 .info-item.editor::before {
    content: '\f2bd';
}

.Footer-3 .social-network {
    margin-bottom: 20px;
}

.Footer-3 .social-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
}

.Footer-3 .social-icons {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.Footer-3 .social-icons li a {
    display: block;
}

.Footer-3 .social-icons li svg,
.Footer-3 .social-icons li img {
    width: 30px;
    height: 30px;
}

.Footer-3 .social-icons li img {
    object-fit: cover;
}

.Footer-3 .tin-nhiem-mang img {
    width: 100px;
    display: block;
    object-fit: cover;
}

.Footer-3 .footer-meta {
    margin-top: 20px;
    padding-top: 20px;
    color: #fff;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 1px solid #fff;
}

.Footer-3 .footer-meta .footer-left,
.Footer-3 .footer-meta .footer-right {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Footer-3 #currently-accessing,
.Footer-3 #total-access {
    font-weight: 700;
}

.LienKet-10 {
    margin-bottom: 32px;
}

.LienKet-10 .title-category {
    margin-bottom: 12px;
}

.LienKet-10 .accordion-item {
    border: none;
}

.LienKet-10 .accordion-item:not(:last-of-type) {
    margin-bottom: 32px;
}

.LienKet-10 .accordion-item .accordion-header {
    margin-bottom: 16px;
}

.LienKet-10 .accordion-item .accordion-button {
    padding: 0;
    background-color: unset;
    box-shadow: none;
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.LienKet-10 .accordion-item .accordion-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.LienKet-10 .accordion-item .links {
    font-size: 14px;
    color: #000;
    line-height: 1.57;
}

.LienKet-10 .accordion-item .links:hover {
    color: var(--colorTextHover);
}

.LienKet-10 .accordion-button::after {
    content: '\2b';
    font-size: 16px;
    width: auto;
    height: auto;
    background: none;
    line-height: 1;
    font-family: 'Font Awesome 6 Free';
    color: #657176;
}

.LienKet-10 .accordion-button:not(.collapsed)::after {
    content: '\f068';
    transform: rotate(0);
}

.NoiDung-4 .main-content .article-title {
    font-size: 24px;
    line-height: 1.3;
    text-align: start;
    font-weight: 700;
    margin-bottom: 12px;
}

.NoiDung-4 .main-content .date-post,
.NoiDung-4 .main-content .content-meta-desc {
    line-height: normal;
    margin-bottom: 12px;
    color: #606060;
}

.NoiDung-4 .main-content .content-meta-desc {
    margin: 0 0 12px 0;
    line-height: 1.5;
    font-weight: 700;
    color: #101010;
    font-size: 16px;
}

.NoiDung-4 .content-meta-content {
    margin-top: 40px;
}

[class*='NoiDung'] .content-meta-content .file-audio {
    text-align: center;
}

[class*='NoiDung'] .content-meta-content .file-audio audio {
    width: 300px;
}

[class*='NoiDung'] .content-meta-content a[data-fancybox] {
    display: block;
}

[class*='NoiDung'] .content-meta-content img {
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

[class*='NoiDung'] .content-meta-content .file-video {
    margin-bottom: 1rem;
}

[class*='NoiDung'] .content-meta-content .fancybox-video {
    aspect-ratio: 16 / 9;
    position: relative;
    display: block;
}

[class*='NoiDung'] .content-meta-content .fancybox-video img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

[class*='NoiDung'] .content-meta-content .fancybox-video::after {
    content: '\f144';
    font-family: 'Font Awesome 6 Free';
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dfdfdf;
    transition: all 0.2s linear;
}

[class*='NoiDung'] .content-meta-content .fancybox-video:hover::after {
    color: #fff;
    transition: all 0.2s linear;
}

/* 
[class*='NoiDung'] .content-meta-content .fancybox-video,
[class*='NoiDung'] .content-meta-content .file-video .video-container {
    position: relative;
    line-height: 0;
}

[class*='NoiDung'] .content-meta-content .fancybox-video::after,
[class*='NoiDung'] .content-meta-content .file-video .video-container::after {
    content: '\f144';
    line-height: 1;
    font-family: 'Font Awesome 6 Free';
    font-size: 60px;
    color: #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

[class*='NoiDung'] .content-meta-content .fancybox-video:hover::after,
[class*='NoiDung'] .content-meta-content .file-video .video-container:hover::after {
    color: #fff;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

[class*='NoiDung'] .content-meta-content .file-video.play .video-container::after {
    display: none;
} */

[class*='NoiDung'] .content-meta-content video {
    aspect-ratio: 16 / 9;
}

[class*='NoiDung'] .content-meta-content p:last-of-type {
    margin-bottom: 0;
}

.DaPhuongTien-1,
.DaPhuongTien-2,
.DaPhuongTien-3 {
    margin-bottom: 20px;
}

.DaPhuongTien-1 .widget-title,
.DaPhuongTien-2 .widget-title,
.DaPhuongTien-3 .widget-title {
    margin-bottom: 20px;
}

.layout-wd-5 .DaPhuongTien-1 .widget-title > a,
.layout-wd-5 .DaPhuongTien-2 .widget-title > a,
.layout-wd-5 .DaPhuongTien-3 .widget-title > a {
    position: relative;
}

.layout-wd-5 .DaPhuongTien-1 .widget-title > a ::after,
.layout-wd-5 .DaPhuongTien-2 .widget-title > a ::after,
.layout-wd-5 .DaPhuongTien-3 .widget-title > a ::after {
    content: '';
    display: block;
    height: 2px;
    width: 95px;
    position: absolute;
    bottom: -2px;
    border-bottom: 2px solid #0177ff;
}

.DaPhuongTien-1 .widget-title > a,
.DaPhuongTien-2 .widget-title > a,
.DaPhuongTien-3 .widget-title > a {
    padding-bottom: 10px;
    display: block;
    margin-bottom: 20px;
}

.DaPhuongTien-1 .widget-title-name,
.DaPhuongTien-2 .widget-title-name,
.DaPhuongTien-3 .widget-title-name {
    font-weight: 700;
}

.DaPhuongTien-1 .widget-title .media-types,
.DaPhuongTien-2 .widget-title .media-types,
.DaPhuongTien-3 .widget-title .media-types {
    display: flex;
    gap: 20px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    line-height: normal;
}

.DaPhuongTien-1 .widget-title .media-types li a,
.DaPhuongTien-2 .widget-title .media-types li a,
.DaPhuongTien-3 .widget-title .media-types li a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.DaPhuongTien-1 .widget-title .media-types li span,
.DaPhuongTien-3 .widget-title .media-types li span {
    font-size: 14px;
    line-height: 1.5;
}

.DaPhuongTien-1 .widget-title .media-types li i,
.DaPhuongTien-3 .widget-title .media-types li i {
    font-size: 12px;
    line-height: 1;
}

.DaPhuongTien-1 .media-types .icon,
.DaPhuongTien-3 .media-types .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: #fff;
}

.icon-videos {
    background-color: #da251d;
}

.icon-photos {
    background-color: #0fa246;
}

.icon-audios {
    background-color: #0061c5;
}

.icon-infographics {
    background-color: #eaaa08;
}

.DaPhuongTien-1 .slide-news .slide-item,
.DaPhuongTien-2 .slide-news .slide-item,
.DaPhuongTien-3 .slide-news .slide-item {
    position: relative;
}

.DaPhuongTien-1 .slide-news .article-image,
.DaPhuongTien-2 .slide-news .article-image,
.DaPhuongTien-3 .slide-news .article-image {
    display: block;
    aspect-ratio: 12 / 7;
    overflow: hidden;
    position: relative;
}

.DaPhuongTien-1 .article-image img,
.DaPhuongTien-2 .article-image img,
.DaPhuongTien-3 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.DaPhuongTien-1 .slide-news .article-image::before,
.DaPhuongTien-2 .slide-news .article-image::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(200px, 50%);
    background-image: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / 95%) 100%);
}

.DaPhuongTien-1 .slide-news .article-title,
.DaPhuongTien-2 .slide-news .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 1.6;
    overflow: hidden;
    font-weight: 700;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 8px;
    margin-bottom: 8px;
    text-align: center;
}

.DaPhuongTien-1 .slide-news .article-title i {
    font-size: 12px;
}

.DaPhuongTien-1 .owl-dots,
.DaPhuongTien-2 .owl-dots {
    display: none;
}

.DaPhuongTien-1 .owl-nav button,
.DaPhuongTien-2 .owl-nav button,
.DaPhuongTien-3 .owl-nav button {
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(21 21 21 / 50%) !important;
    color: #fff !important;
}

.DaPhuongTien-3 .owl-nav button {
    transform: translateY(calc(-50% - 20px));
}

.DaPhuongTien-1 .slide-news,
.DaPhuongTien-2 .slide-news,
.DaPhuongTien-3 .slide-news {
    margin-bottom: 16px;
}

.DaPhuongTien-1 .side-news,
.DaPhuongTien-2 .side-news {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    overflow-x: auto;
    gap: 15px;
}

.DaPhuongTien-1 .side-news .article-image,
.DaPhuongTien-2 .side-news .article-image {
    display: block;
    aspect-ratio: 12 / 7;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative;
}

.DaPhuongTien-1 .side-news li,
.DaPhuongTien-2 .side-news li {
    flex-basis: 80%;
    flex-grow: 1;
    flex-shrink: 0;
}

.DaPhuongTien-1 .side-news .article-title,
.DaPhuongTien-2 .side-news .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;
}

.DaPhuongTien-1 .side-news .icon,
.DaPhuongTien-2 .side-news .icon,
.DaPhuongTien-3 .slide-item .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.DaPhuongTien-2 .slide-item .icon {
    display: none;
}

.DaPhuongTien-1 .widget-footer {
    margin-top: 12px;
}

.DaPhuongTien-1 .widget-footer a {
    display: block;
    padding: 8px 12px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    background-color: #f0f0f0;
    border: 1px solid #dae4f1;
    color: #62748d;
}

.DaPhuongTien-2 .media-types {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.DaPhuongTien-2 .widget-title .media-types li span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.DaPhuongTien-2 .widget-content {
    display: flex;
    flex-wrap: wrap;
}

.DaPhuongTien-2 .slide-news,
.DaPhuongTien-2 .side-news {
    width: 100%;
}

.DaPhuongTien-3 .slide-news .article-title,
.DaPhuongTien-3 .side-news .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 1.6;
    overflow: hidden;
    font-weight: 700;
    margin-top: 6px;
}

.DaPhuongTien-3 .side-news .article-title {
    font-size: 14px;
}

.DaPhuongTien-3 .article-image {
    border-radius: 6px;
    position: relative;
}

.DaPhuongTien-3 .side-news {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.DaPhuongTien-3 .side-news li {
    flex-basis: calc((100% - 16px) / 2);
}

.DaPhuongTien-3 .side-news .article-image {
    display: block;
    aspect-ratio: 10 / 6;
    overflow: hidden;
}

.DaPhuongTien-3 .side-news .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}

.layout-wd-5 [class*='NoiDung'] .widget-title > a {
    display: inline-block;
    padding-bottom: 10px;
    font-weight: 700;
    position: relative;
}

.layout-wd-5 [class*='NoiDung'] .widget-title > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 95px;
    height: 2px;
    background-color: #0177ff;
}

.widget-media .menu-media {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 20px;
    line-height: normal;
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

[class*='NoiDung'] .widget-media .widget-title {
    margin-bottom: 20px;
}

.widget-media .menu-media li {
    line-height: normal;
    position: relative;
    flex-shrink: 0;
}

.widget-media .menu-media li:hover::after,
.widget-media .menu-media li.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #0a59ab;
}

.widget-media .menu-media li:hover::before,
.widget-media .menu-media li.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: #0a59ab;
}

.widget-media .menu-media li a {
    font-size: 15px;
    line-height: 1.6;
    color: #606060;
    display: block;
    font-weight: 600;
    padding-block: 10px;
}

.widget-media .menu-media li:hover a {
    color: #0a59ab;
}

.widget-media .menu-media li.active a {
    color: #0a59ab;
}

.widget-media .articles {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.widget-media .articles .article {
    flex-basis: 100%;
}

.widget-media .articles .article:not(:last-of-type) {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.widget-media .articles .article:hover .article-title {
    color: #0a58ca;
}

.widget-media .article .article-image {
    display: block;
    aspect-ratio: 12 / 7;
    overflow: hidden;
    position: relative;
}

.widget-media .article .article-image .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.widget-media .article img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget-media .article .article-info {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.widget-media .article .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 700;
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    overflow: hidden;
}

.widget-media .article .article-publish {
    font-size: 13px;
    line-height: 1.2;
    color: #179cef;
}

.widget-media .article .article-publish::before {
    content: '\f017';
    font-family: 'Font Awesome 6 Free';
    line-height: 1;
    font-size: 12px;
    margin-right: 4px;
}

.widget-media .article .article-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    color: #657176;
}

[class*='NoiDung'] .paging {
    margin: 32px 0;
}

[class*='NoiDung'] .paging .pagination {
    justify-content: center;
    margin-bottom: 0;
}

[class*='NoiDung'] .widget-media {
    margin-bottom: 40px;
}

.widget-media .album-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    margin-bottom: 20px;
}

.widget-media .album-title > a {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.5;
}

.layout-wd-5 .widget-media .album-title > a {
    position: relative;
    padding-bottom: 10px;
}

.layout-wd-5 .widget-media .album-title > a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 90px;
    height: 2px;
    background-color: #0177ff;
}

.widget-media .show-more {
    line-height: normal;
}

.widget-media .show-more a {
    font-size: 14px;
    line-height: 1.6;
}

.widget-media .album-content {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.widget-media .album-content .album-item,
.widget-albums .albums .album-item {
    flex-basis: 100%;
}

.widget-media .album-thumbnail,
.widget-albums .album-thumbnail {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    border-radius: 6px;
}

.widget-media .album-thumbnail img,
.widget-albums .album-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.widget-media .album-caption,
.widget-albums .album-caption {
    margin-top: 6px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
}

.widget-albums .widget-title {
    margin-bottom: 20px;
}

.widget-albums .albums {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.layout-wd-5 .NoiDung-4 .catparent_module .title_catparent h4 a {
    padding: 0 0 10px 0 !important;
}

.NoiDung-4 .catparent_module {
    margin-bottom: 20px;
}

.NoiDung-4 .list-releated {
    margin-top: 40px;
}

.danhmuc-4 .articles,
.NoiDung-4 .relates {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.danhmuc-4 .article,
.NoiDung-4 .relate-item {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.NoiDung-4 .relate-item .article-image:hover + .article-info .article-title,
.danhmuc-4 .article .article-image:hover + .article-info .article-title,
.NoiDung-4 .relate-item .article-title:hover,
.danhmuc-4 .article .article-title:hover {
    color: #0a58ca;
}

.danhmuc-4 .article:not(:last-of-type),
.NoiDung-4 .relate-item:not(:last-of-type) {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.danhmuc-4 .article .article-image a,
.NoiDung-4 .relate-item .article-image a {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    border-radius: 4px;
}

.danhmuc-4 .article .article-image img,
.NoiDung-4 .relate-item .article-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.danhmuc-4 .article .article-info,
.NoiDung-4 .relate-item .article-info {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.danhmuc-4 .article .article-title,
.NoiDung-4 .relate-item .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
    text-align: start;
}

.danhmuc-4 .article .article-publish,
.NoiDung-4 .relate-item .article-publish {
    font-size: 13px;
    line-height: 1.2;
    color: #179cef;
}

.danhmuc-4 .article .article-publish::before,
.NoiDung-4 .relate-item .article-publish::before {
    content: '\f017';
    font-family: 'Font Awesome 6 Free';
    line-height: 1;
    font-size: 12px;
    margin-right: 4px;
}

.danhmuc-4 .article .article-desc,
.NoiDung-4 .relate-item .article-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    color: #657176;
    text-align: start;
}

.back-to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #02366d;
    position: fixed;
    right: 20px;
    bottom: 10%;
    border-radius: 50%;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateY(12px);
    color: #fff;
}

.back-to-top.show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top i {
    font-size: 16px;
    color: var(--Text-invert);
}

.Album-5 .media-types {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.Album-5 .widget-title {
    margin-bottom: 16px;
}

.Album-5 .widget-title > a {
    padding-bottom: 5px;
    display: block;
    margin-bottom: 8px;
}

.Album-5 .media-types .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.Album-5 .media-types span {
    font-size: 14px;
    line-height: 1.5;
}

.Album-5 .media-types li a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.Album-5 .widget-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.Album-5 .slide-news {
    width: 100%;
}

.Album-5 .extra-news {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

.Album-5 .extra-news li {
    flex-basis: calc((100% - 16px) / 2);
}

.Album-5 .article-image {
    display: block;
    aspect-ratio: 10 / 6;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

.Album-5 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Album-5 .article-image .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.Album-5 .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 1.6;
    overflow: hidden;
    font-weight: 700;
    margin-top: 6px;
}

.Album-5 .slide-item .article-title {
    font-size: 16px;
}

.Album-5 .widget-title-name {
    text-transform: uppercase;
}

.widget-album5 .widget-title {
    line-height: normal;
    margin-bottom: 16px;
}

.widget-album5 .widget-title > a {
    display: block;
}

.widget-album5 .menu-media {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    gap: 20px;
    line-height: normal;
    margin-bottom: 16px;
}

.widget-album5 .menu-media a {
    font-weight: 600;
    font-size: 16px;
    display: block;
    line-height: 1.5;
}

.widget-album5 .albums {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.widget-album5 .albums .album-item {
    flex-basis: 100%;
}

.widget-album5 .article-image {
    display: block;
    aspect-ratio: 12 / 7;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

.widget-album5 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.widget-album5 .article-image .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}

.widget-album5 .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 700;
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    overflow: hidden;
    margin-top: 5px;
    text-align: center;
}

.widget-album5 .album-item:hover .article-title {
    color: #0a58ca;
}

.widget-album5 .menu-media .active a {
    color: #0a58ca;
}

.content-meta-content table {
    width: 100%;
}

[class*='NoiDung'] .file-attach {
    margin-top: 40px;
}

.Album-6 .album-avatar {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    position: relative;
}

.Album-6 .album-avatar img {
    width: 100%;
    height: 100%;
    display: block;
}

.Album-6 .total-image {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.Album-6 .total-image svg {
    width: 24px;
    height: 24px;
}

.Album-6 .total-image span {
    font-size: 14px;
}

.Album-6 .album-info {
    margin-top: 5px;
}

.Album-6 .album-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;
    text-align: center;
}

.Album-7 .widget-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.Album-7 .article-image {
    aspect-ratio: 8 / 5;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.Album-7 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Album-7 .article-image .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Album-7 .article-image .icon i {
    font-size: 12px;
}

.Album-7 .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 4px;
    font-weight: 500;
}

.Album-7 .slide-albums {
    width: 100%;
}

.Album-7 .extra-albums {
    width: 100%;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 0;
}

.Album-7 .extra-albums li {
    width: calc((100% - 15px) / 2);
}

.widget-album7 {
}

.widget-album7 .widget-title {
    margin-bottom: 20px;
}

.widget-album7 .albums {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.widget-album7 .album-item {
    width: 100%;
}

.widget-album7 .article-image {
    display: block;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.widget-album7 .article-image .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-album7 .article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.widget-album7 .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}

.widget-album7 .album-item:hover .article-title {
    color: #0053b2;
}

.Marquee-3 {
}

.Marquee-3 .marquee-container {
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.Marquee-3 .marquee-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.Marquee-3 .marquee-content.play {
    animation: seamlessScrollUp 20s linear infinite;
    animation-delay: 1.5s;
}

.Marquee-3 .marquee-item {
}

@keyframes seamlessScrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

.Marquee-3 .marquee-container:hover .marquee-content.play {
    animation-play-state: paused;
}

.Marquee-4 .widget-content {
    line-height: normal;
    padding-block: 12px;
}

.Marquee-4 .marquee-with-options {
    width: 100%;
    overflow: hidden;
}

.Marquee-4 .marquee-with-options .js-marquee {
    line-height: normal;
}

.Marquee-4 .marquee-with-options .js-marquee a:not(:last-of-type) {
    margin-right: 50px;
}

.Marquee-4 .marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.6;
    font-size: 15px;
}

.Marquee-4 .marquee-item:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Free';
    color: #ff4e00;
    margin-right: 5px;
    font-size: 5px;
    line-height: 1;
    font-weight: 700;
}

._line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

._line-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Icon socical */
.Footer-3 .social-icons li.facebook a:before {
    content: '\f39e';
    color: #0379ff;
    font-size: 22px;
    background-color: #fff;
}

.Footer-3 .social-icons li.instagram a:before {
    content: '\f16d';
    color: #fff;
    font-size: 28px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.Footer-3 .social-icons li.youtube a:before {
    content: '\f167';
    color: #ff0033;
    font-size: 24px;
    background-color: #fff;
}

.Footer-3 .social-icons li.x-twitter a:before {
    content: '\e61b';
    color: #fff;
    font-size: 24px;
    background-color: #000;
}

.Footer-3 .social-icons li.tiktok a:before {
    content: '\e07b';
    color: #fff;
    font-size: 24px;
    background-color: #000;
}

.Footer-3 .social-icons li.zalo img {
    width: 36px;
    height: 36px;
}

.Footer-3 .social-icons li:not(.zalo) img {
    display: none;
}

.Footer-3 .social-icons li:not(.zalo) a {
    line-height: 1;
}

.Footer-3 .social-icons li:not(.zalo) a:before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    line-height: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}
/* End Icon socical */

@media (min-width: 576px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .TinTuc-23 .widget-content {
        gap: 20px;
    }

    .TinTuc-23 .main {
        width: 55%;
    }

    .TinTuc-23 .extra {
        width: auto;
        flex: 1;
    }

    .TinTuc-23 .extra {
        overflow-y: auto;
        padding-right: 12px;
    }

    .TinTuc-23 .extra::-webkit-scrollbar {
        width: 6px;
    }

    .TinTuc-23 .extra::-webkit-scrollbar-track {
        background: #fff;
    }

    .TinTuc-23 .extra::-webkit-scrollbar-thumb {
        background: #f0f0f0;
        border-radius: 20px;
    }

    .TinTuc-23 .extra::-webkit-scrollbar-thumb:hover {
        background: #c5c5c5;
    }

    .DaPhuongTien-1 .widget-title {
        display: flex;
        justify-content: space-between;
    }

    .DaPhuongTien-1 .widget-title .media-types {
        margin-top: 4px;
    }

    .DaPhuongTien-1 .side-news {
        overflow-y: unset;
        flex-wrap: wrap;
    }

    .DaPhuongTien-1 .side-news li {
        flex-basis: calc((100% - 15px) / 2);
    }

    .DaPhuongTien-3 .widget-title {
        display: flex;
        justify-content: space-between;
    }

    .DaPhuongTien-3 .media-types {
        padding-top: 4px;
    }

    .widget-media .articles .article,
    .widget-media .album-content .album-item,
    .widget-albums .albums .album-item,
    .widget-album5 .albums .album-item {
        flex-basis: calc((100% - 16px) / 2);
    }

    [class*='NoiDung'] .content-meta-content .file-audio audio {
        width: 400px;
    }

    .danhmuc-4 .article,
    .NoiDung-4 .relate-item {
        flex-direction: row;
        gap: 20px;
    }

    .danhmuc-4 .article .article-image,
    .NoiDung-4 .relate-item .article-image {
        width: min(100%, 240px);
        flex-shrink: 0;
    }

    .danhmuc-4 .article .article-info,
    .NoiDung-4 .relate-item .article-info {
        width: auto;
        margin-top: 0;
        gap: 10px;
    }

    .Album-7 .widget-content {
        gap: 20px;
    }

    .Album-7 .slide-albums {
        width: 52%;
    }

    .Album-7 .extra-albums {
        flex: 1;
    }

    .widget-album7 .albums {
        gap: 20px;
    }

    .widget-album7 .album-item {
        width: calc((100% - 20px) / 2);
    }

    .widget-album7 .article-title {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .Header-4 .banner {
        --size: 120px;
    }

    .Header-4 .banner .banner-img img {
        width: 100%;
    }

    .Header-4 .banner .banner-img img {
        height: var(--size);
    }

    .LienKet-9 {
        display: block;
        padding-block: 4px;
    }

    .LienKet-9 .widget-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .LienKet-9 .widget-wrapper > * {
        height: 42px;
        display: flex;
        align-items: center;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        padding-inline: 12px;
    }

    .LienKet-9 .btn-controls {
        gap: 12px;
    }

    .LienKet-9 .date-time,
    .LienKet-9 .btn-controls {
        font-size: 15px;
        flex-shrink: 0;
        line-height: 1.5;
    }

    .LienKet-9 .form-search {
        flex: 1;
        font-size: 15px;
        line-height: 1.5;
        background-color: #f6f6f6;
    }

    .LienKet-9 .form-search input,
    .LienKet-9 .form-search button {
        border: none;
        outline: none;
        background-color: transparent;
    }

    .LienKet-9 .form-search input {
        font-size: 15px;
        line-height: 1.5;
        flex: 1;
    }

    .LienKet-9 .form-search button svg {
        width: 18px;
        height: 18px;
    }

    .LienKet-9 .other-link {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .LienKet-9 .other-link a {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
    }

    .LienKet-9 .other-link a img {
        width: 28px;
        height: 28px;
        object-fit: cover;
    }

    .LienKet-9 .other-link a span {
        display: none;
    }

    .LienKet-9 .btn-controls a {
        font-size: 15px;
        line-height: 1.5;
        display: block;
        padding: 6px;
        border-radius: 4px;
    }

    .DaPhuongTien-1 .slide-news .article-title {
        font-size: 18px;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
        max-width: 80%;
    }
}

@media (min-width: 1024px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 70%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 30%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 40%;
    }

    .wd-section-menu-body.sticky,
    .wd-section-menu.sticky {
        box-shadow:
            rgba(0, 0, 0, 0.12) 0px 1px 3px,
            rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }

    .widget-media .articles {
        gap: 30px 20px;
    }

    .widget-media .articles .article {
        flex-basis: calc((100% - 20px) / 2);
    }

    .widget-media .articles .article:not(:last-of-type) {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .NoiDung-4 .main-content {
        display: flex;
    }

    .NoiDung-4 .main-content #printArea {
        flex: 1;
    }

    body.body-stick .NoiDung-4 .detail_sticky {
        margin: 0;
    }

    .body-stick .NoiDung-4 .detail_sticky_scroll {
        position: sticky;
        top: 80px;
    }

    .NoiDung-4 .detail_sticky {
        flex-shrink: 0;
        height: auto;
        position: static;
        display: block;
        box-shadow: none;
        padding-right: 16px;
    }

    .NoiDung-4 .detail-social {
        display: block;
        padding: 0;
    }

    .NoiDung-4 .detail-social .change-fnt {
        margin-bottom: 20px;
    }

    .NoiDung-4 .btn-group,
    .NoiDung-4 .detail-social .change-fnt {
        flex-direction: column;
    }

    [class*='NoiDung'] .content-meta-content .file-audio audio {
        width: 600px;
    }

    .danhmuc-4 .article .article-title,
    .NoiDung-4 .relate-item .article-title {
        font-size: 16px;
    }

    .NoiDung-4 .detail-social .change-fnt .btn-cfont {
        padding: 6px;
    }

    .NoiDung-4 .btn-group a span {
        padding: 8px;
    }

    .Album-5 .slide-news {
        width: 55%;
    }

    .Album-5 .extra-news {
        width: auto;
        flex: 1;
    }

    .Album-5 .widget-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
    }

    .Album-5 .widget-title > a {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .Album-5 .media-types .icon,
    .Album-5 .article-image .icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .Album-5 .media-types span,
    .Album-6 .album-title,
    .Album-7 .article-title {
        font-size: 16px;
    }

    .Album-7 .article-title {
        margin-top: 5px;
    }
}

@media (min-width: 1170px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .Header-3 .item-banner .banner-image {
        width: 100%;
    }

    .Header-4 .title img {
        height: auto;
    }

    .Header-4 .banner .banner-img img {
        height: auto;
    }

    .mobile,
    .navbar-mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    .Menu-5 .desktop .widget-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Menu-5 .desktop ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .Menu-5 .desktop ul li {
        line-height: normal;
    }

    .Menu-5 .desktop ul a {
        font-size: 15px;
        line-height: 1.6;
        display: inline-block;
        padding: 12px 0;
        color: #fff;
    }

    .Menu-5 .desktop li.has-children i {
        margin-left: 4px;
        font-size: 12px;
        transform: translateY(-2px);
        color: #fff;
    }

    .Menu-5 .desktop .level-1 {
        display: flex;
        gap: 20px;
    }

    .Menu-5 .desktop .level-1 > li {
        position: relative;
    }

    .Menu-5 .desktop .level-1 > li::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        display: none;
    }

    .Menu-5 .desktop .level-1 > li:hover::after,
    .Menu-5 .desktop ul li:hover > .submenu {
        display: block;
    }

    .Menu-5 .desktop .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        background-color: #fff;
        width: 300px;
        z-index: 10;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 6px;
    }

    .Menu-5 .desktop .level-2 {
        position: absolute;
        left: 0;
        top: 100%;
    }

    .Menu-5 .desktop .submenu li {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-inline: 12px;
        position: relative;
    }

    .Menu-5 .desktop .submenu li:not(:last-of-type) {
        border-bottom: 1px solid #f2f2f2;
    }

    .Menu-5 .desktop .submenu a {
        color: #000;
        flex: 1;
    }

    .Menu-5 .desktop .submenu .has-children i {
        color: #000;
    }

    .Menu-5 .desktop .submenu li:hover {
        background-color: #f2f2f2;
        transition: all 0.2s linear;
    }

    .Menu-5 .desktop .submenu > li:first-of-type {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .Menu-5 .desktop .submenu > li:last-of-type {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .Menu-5 .desktop .form-search {
        position: relative;
    }

    .Menu-5 .desktop .form-search form {
        display: flex;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-color: #fff;
        border-radius: 4px;
    }

    .Menu-5 .desktop .form-search form:not(.show) {
        width: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: all 0.25s ease-in-out;
    }

    .Menu-5 .desktop .form-search form.show {
        width: auto;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        width: 250px;
        transition: all 0.25s ease-in-out;
    }

    .Menu-5 .desktop .form-search input {
        padding: 0;
        border: none;
        outline: none;
        line-height: normal;
        font-size: 14px;
        line-height: 1.5;
        padding: 6px 10px;
        width: 100%;
    }

    .Menu-5 .desktop .form-search input::placeholder {
        color: #b1b1b1;
    }

    .Menu-5 .desktop .form-search button {
        border: none;
        outline: none;
        background-color: transparent;
        padding: 0;
        line-height: 1;
        padding: 10px;
    }

    .Menu-5 .desktop .form-search button svg {
        width: 20px;
        height: 20px;
    }

    .Menu-5 .desktop .form-search form button {
        color: #000;
    }

    .Menu-5 .desktop .form-search form button:hover {
        color: #03498f;
    }

    .Menu-5 .desktop .toogle-search {
        border-radius: 4px;
        color: #fff;
    }

    .Menu-5 .desktop .toogle-search:hover {
        background-color: #fff;
        color: #000;
        transition: all 0.2s linear;
    }

    .Menu-5 .btn-user {
        display: flex;
        gap: 8px;
    }

    .Menu-5 .btn-user a {
        color: #fff;
        line-height: 1;
        padding: 12px;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.2s linear;
        border-radius: 4px;
    }

    .Menu-5 .btn-user a:hover {
        background-color: #fff;
        color: #000;
        transition: all 0.2s linear;
    }

    .TinTuc-23 .main {
        width: 55%;
    }

    .TinTuc-23 .extra {
        width: auto;
        flex: 1;
    }

    .Footer-3 .organ-logo {
        width: 84px;
        height: 84px;
    }

    .Footer-3 .footer-organ {
        margin-bottom: 26px;
        gap: 20px;
    }

    .Footer-3 .footer-organ .organ-name {
        font-size: 20px;
    }

    .Footer-3 .footer-content {
        flex-direction: row;
        justify-content: space-between;
    }

    .Footer-3 .footer-content .footer-left {
        max-width: 600px;
    }

    .Footer-3 .footer-content .footer-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .Footer-3 .tin-nhiem-mang {
        display: flex;
        justify-content: end;
    }

    .Footer-3 .tin-nhiem-mang img {
        width: 120px;
    }

    .Footer-3 .footer-meta {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 40px;
        padding-top: 30px;
    }

    [class*='NoiDung'] .content-meta-content .file-audio audio {
        width: 600px;
    }

    .DaPhuongTien-1 .media-types .icon {
        width: 30px;
        height: 30px;
    }

    .DaPhuongTien-1 .slide-news .article-image {
        aspect-ratio: 16 / 9;
    }

    .DaPhuongTien-1 .side-news li {
        flex-basis: calc((100% - (15px) * 3) / 4);
    }

    .DaPhuongTien-1 .owl-prev {
        left: 20px;
    }

    .DaPhuongTien-1 .owl-next {
        right: 20px;
    }

    .DaPhuongTien-1 .side-news .article-title {
        font-weight: 700;
    }

    .DaPhuongTien-1 .slide-news .article-title i {
        transform: translateY(-2px);
    }

    .DaPhuongTien-1 .owl-nav button {
        width: 40px;
        height: 40px;
    }

    .DaPhuongTien-1 .widget-footer {
        margin-top: 20px;
    }

    .DaPhuongTien-1 .widget-footer a {
        font-size: 16px;
    }

    .DaPhuongTien-2 .widget-content {
        gap: 20px;
    }

    .DaPhuongTien-2 .slide-news {
        width: 65%;
        margin-bottom: 0;
    }

    .DaPhuongTien-2 .slide-news .article-image::before {
        display: none;
    }

    .DaPhuongTien-2 .side-news {
        overflow-y: unset;
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
        flex: 1;
        padding-right: 10px;
        gap: 0;
    }

    .DaPhuongTien-2 .side-news::-webkit-scrollbar {
        width: 6px;
    }

    .DaPhuongTien-2 .side-news::-webkit-scrollbar-track {
        background: #fff;
    }

    .DaPhuongTien-2 .side-news::-webkit-scrollbar-thumb {
        background: #f0f0f0;
        border-radius: 20px;
    }

    .DaPhuongTien-2 .side-news::-webkit-scrollbar-thumb:hover {
        background: #c5c5c5;
    }

    .DaPhuongTien-2 .side-news li {
        flex-basis: 100%;
    }

    .DaPhuongTien-2 .side-news li:not(:last-of-type) {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

    .DaPhuongTien-2 .slide-news .article-title {
        position: static;
        color: #000;
        text-align: start;
        margin-top: 10px;
    }

    .DaPhuongTien-2 .owl-nav button {
        transform: translateY(calc(-50% - 20px));
    }

    .DaPhuongTien-2 .slide-item .article-title i {
        display: none;
    }

    .DaPhuongTien-2 .slide-item .icon {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    .DaPhuongTien-3 .widget-title .media-types li span {
        font-size: 16px;
    }

    .DaPhuongTien-3 .widget-content {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .DaPhuongTien-3 .slide-news {
        flex-basis: 55%;
    }

    .DaPhuongTien-3 .side-news {
        flex: 1;
        gap: 30px;
    }

    .DaPhuongTien-3 .side-news li {
        flex-basis: calc((100% - 30px) / 2);
    }

    .DaPhuongTien-3 .slide-news .article-title {
        font-size: 20px;
    }

    .DaPhuongTien-3 .side-news .article-title {
        font-size: 16px;
    }

    .TinTuc-24 .main,
    .TinTuc-24 .extra article {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .TinTuc-24 .main article {
        display: flex;
        gap: 24px;
    }

    .TinTuc-24 .main article .article-image {
        width: 200px;
        flex-shrink: 0;
    }

    .TinTuc-24 .main .article-info {
        width: auto;
        flex: 1;
    }

    .TinTuc-24 .article-publish {
        font-size: 14px;
    }

    .TinTuc-24 .main .article-title,
    .TinTuc-24 .extra .article-title {
        font-size: 16px;
    }

    .Album-5 .slide-item .article-title {
        font-size: 18px;
    }

    .Album-5 .article-title {
        font-size: 16px;
    }

    .Album-5 .media-types {
        gap: 20px;
    }

    .widget-album7 .album-item {
        width: calc((100% - 20px * 2) / 3);
    }

    .widget-album7 .article-title {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1170px;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .NoiDung-4 .detail-social .change-fnt .btn-cfont {
        padding: 8px;
    }

    .NoiDung-4 .btn-group a span {
        padding: 10px;
    }
}

@media (min-width: 1300px) {
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }

    .DaPhuongTien-1 .slide-news .article-title {
        font-size: 20px;
    }

    .DaPhuongTien-1 .slide-news .article-title i {
        font-size: 14px;
    }

    .DaPhuongTien-1 .side-news .article-title {
        font-size: 15px;
    }

    [class*='NoiDung'] .widget-media .widget-title,
    .widget-media .menu-media {
        margin-bottom: 40px;
    }

    [class*='NoiDung'] .widget-media {
        margin-bottom: 60px;
    }

    .widget-media .articles .article {
        flex-basis: calc((100% - 20px * 2) / 3);
    }

    .widget-media .menu-media li a,
    .widget-media .article .article-title,
    .widget-albums .album-caption {
        font-size: 16px;
    }

    .widget-media .album-content .album-item,
    .widget-albums .albums .album-item,
    .widget-album5 .albums .album-item {
        flex-basis: calc((100% - 16px * 2) / 3);
    }

    .danhmuc-4 .article .article-title,
    .NoiDung-4 .relate-item .article-title {
        font-size: 18px;
    }
}

@media (min-width: 1600px) {
}