body {
    background-color: var(--background_color);
}

body,
h2,
h3,
span,
strong,
ul {
    font-family: Inter !important;
}

.list_small_job_container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.content-article{
    padding:0;
}
.tieudetenbaiviet {
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 42px */
    letter-spacing: -0.28px;
}

.date-view-detail-article {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333;
    display: grid;
    gap: 1.6rem;
    margin-bottom: 0;
}

.date-view-detail-article.grid_3 {
    grid-template-columns: repeat(3, auto);
}

.date-view-detail-article.grid_2 {
    grid-template-columns: repeat(2, auto);
}

.date-view-detail-article li.infor_item {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    gap: 4px;
}

.date-view-detail-article li.infor_item .text_info {
    color: var(--Text-input, #8C8C8C);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 21px */
}

.date_container {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
}

.img_detail_news {
    width: 750px;
    height: 350px;
    border-radius: 1.2rem;
}

.summary {
    padding: 1.6rem 0;
}

.summary p {
    color: var(--Text_primary, #333);
    text-align: justify;
    font-family: Inter;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

div#ez-toc-container {
    width: 100%;
    border-radius: 12px;
    border: 2px solid var(--Colors-Orange-500, #F97316);
    background: var(--orange-50, #FFF8F1);
    padding: 2.4rem;
}

div#ez-toc-container p.ez-toc-title {
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
}

ol {
    list-style-type: upper-roman;
}

.ez-toc-list.ez-toc-list-level-1 .ez-toc-heading-level-2 {
    color: var(--Text_primary, #333);
    /* text-sm/font-semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
}

.ez-toc-heading-level-2 .ez-toc-list-level-4 {
    color: var(--Text_primary, #333);
    /* text-sm/font-normal */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.toc-level-1 {
    list-style-type: upper-roman;
    padding-left: 20px;
    margin: 0;
}

.toc-level-1>li {
    margin-bottom: 10px;
}

.toc-level-2 {
    list-style-type: decimal;
    padding-left: 20px;
    margin-top: 5px;
}

.toc-level-2 li {
    margin-bottom: 5px;
}

.ez-toc-list-level-1 {
    padding-left: 20px;
}

.box-detail-article {
    margin-top: 16px;
}
.box-detail-article .title_news{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.box-detail-article .title_news p {
    color: var(--Text_primary, #333);
    text-align: justify;
    /* text-base/font-normal */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.title_news h2 {
    display: flex;
    padding: .6rem 0 .6rem 0;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
    /* border-left: 4px solid var(--Primary, #F07E1D);
    background: linear-gradient(90deg, var(--orange-50, #FFF8F1) 26.92%, #FFF 100%); */
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: .8rem 0 0 0;
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    border-bottom: .1rem solid #F07E1D;
    position: relative;
    }
.title_news h2::before{
    content: "";
    border: 1px solid var(--Primary, #F07E1D);
    background: var(--Primary, #F07E1D);
    width: 10rem;
    height: .5rem;
    flex-shrink: 0;
    position: absolute;
    bottom: -.25rem;
}
.box-detail-article .title_news h2 span{
     color: var(--Text_primary, #333) !important;
}
.box-detail-article img {
    border-radius: 1.2rem;
    height: 35rem;
    object-fit: fill;
}

.title_news h3 {
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 26px */
    margin: 0 0 -.8rem 0;
}

blockquote {
    display: grid;
    padding: 12px;
    align-items: center;
    align-self: stretch;
    background: var(--orange-50, #FFF8F1);
    margin-top: 1.6rem;
    color: var(--Color-Text_primary, #333);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    position: relative;
    padding-left: 3.5rem;
    grid-template-columns: auto 1fr;
    column-gap: .8rem;
    margin: 0;
}

blockquote::before {
    content: '';
    position: absolute;
    top: 1.1rem;
    left: 1.2rem;
    width: 2rem;
    height: 2rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M0 16.702V9.77688C0.0365333 9.044 0.6298 8.51482 1.28163 8.50602H4.3834C5.27 7.82512 5.89835 6.88012 6.75282 6.19583C7.05438 5.9553 7.28773 5.68785 7.45287 5.39347C7.98977 4.33878 7.66445 3.1109 8.42755 2.27015C9.96102 1.61212 11.7981 2.53267 12.3155 3.9772C12.7223 5.15687 12.4497 6.3333 11.944 7.37515C13.7749 7.37212 15.6058 7.38695 17.4367 7.39668C18.9272 7.50798 19.99 8.51155 20 9.93842C19.9959 11.3763 18.7563 12.422 17.4367 12.4478H15.2827C15.2109 12.8714 15.0709 13.2556 14.8626 13.6002C14.9833 14.486 14.7072 15.3543 14.1734 15.9804C13.8804 21.0929 7.18267 18.0598 4.67418 17.9836H1.28163C0.543617 17.9487 0.0088 17.3571 0 16.702ZM4.62035 16.702C6.62743 16.7452 13.4855 19.7797 12.8271 15.4312C13.5529 15.04 13.8321 13.9931 13.3872 13.331C14.0633 12.6642 14.2558 11.8266 13.6026 11.1662C14.2488 11.1662 14.8878 11.1626 15.5196 11.1554C16.1515 11.1483 16.7905 11.1447 17.4367 11.1447C18.1762 11.1291 18.6887 10.5866 18.6968 9.93845C18.6799 9.17218 18.0982 8.68617 17.4367 8.67835C14.9303 8.67822 12.4595 8.65708 10.1346 8.65682C10.3439 6.97743 12.3474 4.69707 10.3016 3.3741C9.97403 3.21323 9.71212 3.14495 9.36997 3.20715C9.31253 3.23587 9.28022 3.2646 9.27303 3.29332C9.26585 3.32203 9.2551 3.3687 9.24073 3.43332C9.02333 4.76448 8.82038 6.09548 7.78678 6.97667C6.64907 7.84905 5.97822 9.22248 4.67425 9.7769H4.6204L4.62035 16.702Z" fill="%23F07E1D"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 3.6rem;
}

blockquote a {
    color: var(--Primary, #F07E1D);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    -webkit-line-clamp: 1;
    overflow-wrap: anywhere;
    display: -webkit-box;
    white-space: pre-wrap;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
blockquote i{
    display: none !important;
}
.btn-vieclamtainha {
    display: inline-flex;
    padding: var(--3, 12px) var(--6, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--Primary, #F07E1D);
    color: #fff;
    margin-top: .2rem;
}

.btn-vieclamtainha:hover {
    background-color: #F97316;
    color: #fff;
    text-decoration: none;
}

.tags.new-tags .tag_title {
    color: var(--Color-Text_primary, #333);
    /* text-sm/font-medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    line-height: normal;
    /* 21px */
}

.new-tags a {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--gray-100, #F3F4F6);
    line-height: normal;
    border: unset;
}



.inlineBlock._2tga._89n_._8j9w {
    display: inline-flex;
    padding: var(--2, 8px) var(--4, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-700, #1A56DB);
}

._2tga._8j9w {
    font-size: 13px;
    height: 28px;
    padding: 0 8px;
    display: inline-flex;
    padding: var(--2, 8px) var(--4, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-700, #1A56DB);
}

.property-tintuc {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.max-lines-title {
    color: var(--Text_primary, #333);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
}

.max-lines-title:hover {
    color: #F07E1D;
}

.new-grid_ranking {
    gap: 1.2rem;
    align-items: center;
}

.tintuc-baiviet-container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.max-lines-content {
    color: var(--Text_primary, #333);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}


.max-lines-content:hover {
    color: #F07E1D;
}

.container_article_left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.banner_img {
    margin-top: 0;
}

.path_breadcrumb {

    align-items: center;
    gap: .8rem;
    flex-wrap: wrap;
}

.path_breadcrumb .path_element {
   
    grid-template-columns: auto auto;
    align-items: center;
    gap: .8rem;
}
.path_breadcrumb svg{
    display: unset;
    margin: 0 .8rem;
}

.path_breadcrumb .path_element svg{
    margin: 0;
    margin-bottom: .5rem;
}
.article_content_section {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
    margin-top: 2.4rem;
}

.box-sub-menu {
    padding: 0;
}

.sub-menu-article {
    margin-top: 7.2rem;
}

.main_title_container {
    margin-bottom: 2rem;
}
.see_all_custom{
    text-align: end;
}
.ez-toc-title-container{
    margin-bottom: 1.2rem;
    display: grid;
    grid-template-columns: fit-content(100%) fit-content(100%);
    gap: .8rem;
    align-items: center;
}

.dropdown_category {
  transition: height 0.5s ease;
  overflow: hidden;
}
#arrow-icon.rotate {
  transform: rotate(180deg);
}
/* Lớp phủ fade ở dưới */
.fade-overlay {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to top, white, transparent);
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 1;
    z-index: 11;
    border-radius: 1.2rem;
    opacity: 1;
}

.fade-overlay.hidden {
  opacity: 0;
}
.banner_list img{
object-fit: cover;
    border-radius: 5px;
    width: 100%;

}
._89n_{
    border-radius: var(--rounded-lg, 8px);
    background: var(--primary-700, #1A56DB);
}
._2tga._8j9w{
     border-radius: var(--rounded-lg, 8px);
    background: var(--primary-700, #1A56DB);
}
.new-tags_container .tag_title_container{
        display: grid;
    grid-template-columns: 1fr auto;
}
.new-tags_container .tag_title_container .group-like-share{
     margin:0;
}
.new-tags_container .tag_title{
    margin-bottom: 1.2rem;
}
.group-like-share ul{
    margin: 0;
}
.new-tags_container{
    margin-bottom: 1.3rem;
}
td, th{
    border-width: .1rem;
}
/* Mặc định: Table không tràn */
.title_news table {
    /* display: table; */
    display: -webkit-box;
    overflow: scroll;
}

/* Khi table bị tràn: Sử dụng overflow và -webkit-box */
.title_news.table-overflow {
    display: -webkit-box;
    overflow: scroll;
}
.dropdown-content-camnang {
  display: none;
  position: absolute;  /* Để submenu có thể được định vị chính xác */
  background-color: white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  min-width: 160px;
  z-index: 9999;  /* Đảm bảo submenu không bị che khuất */
}

.dropdown-content-camnang a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content-camnang a:hover {
  background-color: #ddd;
}

@media (max-width: 48rem) {
    .article_content_section {
        gap: 1.2rem;
        margin-top: 1.6rem;
    }

    .tieudetenbaiviet {
        font-size: 22px;
    }

    .main_title_container {
        margin-bottom: 1.2rem;
    }

    .img_detail_news {
        height: 17.2rem;
        flex-shrink: 0;
        border-radius: 8px;
    }

    .box-detail-article img {
        height: 20rem !important;
    }

    div#ez-toc-container {
        padding: 1.6rem;
    }

    .ez-toc-list.ez-toc-list-level-1 {
        padding: 0 1.6rem;
    }

    .article-container {
        margin-bottom: 1.6rem;
    }

    .container_article_left {
        padding: 0 1rem;
    }

    .main_content_left {
        padding: 0 1rem;
    }

    .box-detail-article {
        padding: 0 1rem;
    }

    .tags.new-tags {
        padding: 0;
        margin: 0 !important;
        text-align: start;
        flex-direction: column;
        display: flex;
        justify-content: flex-start;
    }
    .group-like-share{
        margin: 0 0 0 .1rem ;
    }

    .group-like-share ul{
        float: left;
        margin: 0;
    }
    .new-tags_container{
        padding: 0 1rem;
    }
    .tags.new-tags .tag_title{
        color: var(--Color-Text_primary, #333);
        margin-bottom: 1.2rem;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 21px */
    }
    .title_news h2{
        font-size: 2rem;
    }
    .title_news h3{
        font-size: 1.8rem;
    }
    .new-tags a{
        margin: 0 !important;
    }
    .widget.widget-box.widget-contact-job.widget-article{
        margin: 0;
    }
    .property-tintuc{
        gap: 1.6rem;
    }
    .max-lines-title{
        margin: 0 !important;
    }
    .container_article_left{
        gap: 2.4rem;
    }
    .property-tintuc{
        margin-top: 0;
    }
    .new-tags_container .tag_title_container{
        grid-template-columns: 1fr;
        gap: 2rem; 
    }
    .new-tags_container .tag_title_container .group-like-share{
        margin: 0 0 0 .1rem;
    }
    .path_breadcrumb .path_element svg{
        margin-bottom: 0;
    }
}