.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}
.space-x-0 > * + * {
    margin-left: 0 !important;
}

.space-x-1 > * + * {
    margin-left: 0.25rem !important;
}

.space-x-2 > * + * {
    margin-left: 0.5rem !important;
}

.space-x-3 > * + * {
    margin-left: 0.75rem !important;
}

.space-x-4 > * + * {
    margin-left: 1rem !important;
}

.space-x-5 > * + * {
    margin-left: 1.25rem !important;
}

.space-x-6 > * + * {
    margin-left: 1.5rem !important;
}

.space-x-8 > * + * {
    margin-left: 2rem !important;
}

.space-x-10 > * + * {
    margin-left: 2.5rem !important;
}

.space-x-12 > * + * {
    margin-left: 3rem !important;
}

.space-x-16 > * + * {
    margin-left: 4rem !important;
}

.space-x-20 > * + * {
    margin-left: 5rem !important;
}

.space-x-24 > * + * {
    margin-left: 6rem !important;
}

.space-x-32 > * + * {
    margin-left: 8rem !important;
}

.space-x-40 > * + * {
    margin-left: 10rem !important;
}

.space-x-48 > * + * {
    margin-left: 12rem !important;
}

.space-x-56 > * + * {
    margin-left: 14rem !important;
}

.space-x-64 > * + * {
    margin-left: 16rem !important;
}

.space-y-0 > * + * {
    margin-top: 0 !important;
}

.space-y-1 > * + * {
    margin-top: 0.25rem !important;
}

.space-y-2 > * + * {
    margin-top: 0.5rem !important;
}

.space-y-3 > * + * {
    margin-top: 0.75rem !important;
}

.space-y-4 > * + * {
    margin-top: 1rem !important;
}

.space-y-5 > * + * {
    margin-top: 1.25rem !important;
}

.space-y-6 > * + * {
    margin-top: 1.5rem !important;
}

.space-y-8 > * + * {
    margin-top: 2rem !important;
}

.space-y-10 > * + * {
    margin-top: 2.5rem !important;
}

.space-y-12 > * + * {
    margin-top: 2rem !important;
}

.space-y-16 > * + * {
    margin-top: 3rem !important;
}

.space-y-20 > * + * {
    margin-top: 4rem !important;
}

.space-y-24 > * + * {
    margin-top: 5rem !important;
}

.space-y-32 > * + * {
    margin-top: 7rem !important;
}

.space-y-40 > * + * {
    margin-top: 10rem !important;
}

.space-y-48 > * + * {
    margin-top: 12rem !important;
}

.space-y-56 > * + * {
    margin-top: 14rem !important;
}

.space-y-64 > * + * {
    margin-top: 16rem !important;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b0 {
    font-size: 30px;
}

.b1 {
    font-size: 26px;
}

.b2 {
    font-size: 24px;
}

.b22 {
    font-size: 18px;
}

.b3 {
    font-size: 16px;
}

.b4 {
    font-size: 14px;
}

.border-gray-light {
    border-color: #DCDCDC !important;
}

.menu-sidebar .menu-item {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.menu-sidebar .menu-item ul {
    width: 100%;
    list-style: circle;
    padding-left: 32px;
    display: none;
}

.menu-sidebar .menu-item.has-submenu.current_menu > ul,
.menu-sidebar .menu-item.active > ul {
    display: block;
}

.menu-sidebar .menu-item ul li {
    background: #fff;
    list-style: circle;
}

.menu-sidebar .menu-item ul li:last-child {
    margin-bottom: 0;
}

.menu-sidebar .menu-item .menu-item-top {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    border-radius: 6px;
}

/* .menu-sidebar ul > .menu-item.has-submenu > .menu-item-top {
    padding: 8px;
}
 */
.menu-sidebar .menu-item .menu-item-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-radius: 6px;
}

.menu-sidebar .menu-item.current_menu > .menu-item-wrap > a,
.menu-sidebar .menu-item.current_menu > .menu-item-top > div > a {
    color: #fff !important;;
}

.menu-sidebar .menu-item.current_menu > .menu-item-top > .toggle-menu path {
    fill: #fff;
}
.menu-sidebar .menu-item.current_menu > .menu-item-wrap,
.menu-sidebar .menu-item.has-submenu.current_menu > .menu-item-top {
    padding: 8px;
    background: linear-gradient(90deg, #004886 -7.19%, #203E7D 19.37%, #313A7A 30.92%, #7B3361 67.88%, #BE2141 108.3%);
}

.menu-item-top > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.menu-sidebar .menu-item {
    border-radius: 6px;
    margin-bottom: 8px;
}

.menu-sidebar ul .menu-item:last-child {
    margin-bottom: 0;
}

.menu-sidebar .menu-item a {
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
}

.menu-sidebar > ul > li > a,
.menu-sidebar > ul > li > .menu-item-top > div > a {
    font-weight: 500 !important;
}

.menu-sidebar ul li ul li.current_menu > a {
    color: #004886 !important;
    font-weight: bold;
}

.menu-sidebar .menu-item a:hover {
    color: #000;
}
.menu-sidebar .menu-item.active > a,
.menu-sidebar .menu-item.active .menu-item-top a{
    color: #000;
}

.menu-sidebar > ul > .menu-item.current_menu:not(.has-submenu) {
    background: linear-gradient(90deg, #004886 -7.19%, #203E7D 19.37%, #313A7A 30.92%, #7B3361 67.88%, #BE2141 108.3%);
}

.menu-sidebar .menu-item.current_menu > svg path {
    fill: #fff;
}

.menu-sidebar .menu-item.current_menu > a {
    color: #fff;
}


.toggle-menu {
    cursor: pointer;
    transition: ease all 300ms;
}

.menu-item.active > div > .toggle-menu {
    transform: rotate(180deg);
}
.heading-title {
    background: linear-gradient(90deg, #004886 -7.19%, #203E7D 19.37%, #313A7A 30.92%, #7B3361 67.88%, #BE2141 108.3%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 12px;
    border-left: 3px solid #004886;
}

.heading-gradient {
    background: linear-gradient(90deg, #BE2141 0%, #7B3361 35%, #313A7A 67%, #203E7D 77%, #004886 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-search-news-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.form-search-news {
    border-radius: 8px;
    border: 1px solid #DCDCDC;
    background: #F5F5F5;
    position: relative;
    padding: 8px 12px 8px 44px;
    height: 48px;
    width: 420px;
    max-width: 100%;
}

.form-search-news2 {
    width: 306px;
}
.select-year {
    border-radius: 8px;
    border: 1px solid #DCDCDC;
    background: #F5F5F5;
    padding: 8px 12px;
    height: 48px;
    outline: 0 !important;
}

.form-search-news svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}

.search-news-input {
    outline: 0 !important;
    background: transparent !important;
    border: 0 !important;
    height: 100%;
    width: 100%;
}

.news-img {
    align-self: stretch;
    aspect-ratio: 89/50;
    border-radius: 8px;
    object-fit: cover;
}
.news-date {
    color: #7C7C7C;
}

.news-title a {
    color: #121212;
    font-size: 18px;
    line-height: 1.5;
}

.new-excerpt {
    color: #989898;
}

.my_img_animation {
    position: relative;
    overflow: hidden;
}

.my_img_animation:after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    transform: skewX(-20deg);
    pointer-events: none;
    transition: none;
}

.my_img_animation:hover::after {
    animation: shine 0.8s forwards;
}

@keyframes shine {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}

.single-new-title {
    color: #005993;
}

.news-info-item {
    color: #292929;
}

.news-info-item svg {
    margin-right: 4px;
}

.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6 {
    font-weight: 600;
    font-size: 16px;
}

.news-tag-lists li {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #005993;
}

.news-tag-lists li a {
    color: #fff;
}

.news-share-wrap {
    border-radius: 8px;
    background: #EFF8FF;
}

.shareholder-item {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 12px;
    border-radius: 6px;
    background: #FAFAFA;
    padding: 16px;
    width: 100%;
}

.shareholder-item-left {
    flex: 1;
}

.shareholder-item-right {
    width: 104px;
}
.shareholder-title a {
    color: #121212;
}

.annual-report-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.annual-report-item {
    width: calc(50% - 12px);
    display: flex;
    flex-wrap: wrap;
}

.annual-report-item-left {
    width: 104px;
    background: #F4F4F4;
}

.annual-report-item-right {
    flex: 1;
    padding: 16px;
    border: #DCDCDC;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #DCDCDC;
}

.annual-report-img {
    aspect-ratio: 104/146;
    object-fit: cover;
}

.annual-report-info-item {
    color: #005993;
}

#accordionLists ul {
    padding-left: 20px;
}
#accordionLists ul,
#accordionLists ul li {
    list-style: disc;
}
#accordionLists .accordion-header {
    margin-bottom: 0 !important;
}
#accordionLists .accordion-button {
    color: #292929;
    padding: 0;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

#accordionLists .accordion-button:not(.collapsed) {
    color: #292929;
    background-color: transparent;
    box-shadow: none;
}

#accordionLists .accordion-button::after {
    width: 24px;
    height: 24px;
    background-image: url('../images/icon/plus.svg');
}

#accordionLists .accordion-button:not(.collapsed)::after {
    background-image: url('../images/icon/minus.svg');
    transform: none;
}

#accordionLists .accordion-item {
    background-color: transparent;
    border: 0;
}

#accordionLists .accordion-item:first-child {
    border-top: 0;
}

#accordionLists .accordion-body {
    border-radius: 8px;
    border: 1px solid #005993;
    background: #EFF8FF;
    margin-top: 16px;
}

#accordionLists hr {
    border-top: #DCDCDC 1px solid;
    opacity: 1;
}

.address-item {
    cursor: pointer;
    border-bottom: #ccc 1px solid;
    padding-bottom: 16px;
}

.address-items {
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #bbb #f1f1f1;
}

/* Tùy chỉnh thanh cuộn (Scrollbar) */
.address-items::-webkit-scrollbar {
    width: 8px; /* Ä‘á»™ rá»™ng thanh cuá»™n */
}

.address-items::-webkit-scrollbar-track {
    background: #f1f1f1; /* nền track */
    border-radius: 4px;
}

.address-items::-webkit-scrollbar-thumb {
    background-color: #bbb; /* màu thanh cuộn */
    border-radius: 4px;
}

.address-items::-webkit-scrollbar-thumb:hover {
    background-color: #888; /* màu khi hover */
}

.select-city-search {
    border-radius: 8px;
    border: 1px solid #DCDCDC;
    background: #F5F5F5;
    padding: 8px 12px;
    height: 48px;
    width: 100%;
    outline: 0 !important;
}

.footer--hotline a,
.footer--location a {
    color: #fff !important;
}
.btn-gradient-border {
    padding: 8px 12px;
    background: linear-gradient(90deg, #004886 -7.19%, #203E7D 19.37%, #313A7A 30.92%, #7B3361 67.88%, #BE2141 108.3%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 6px;
    border: 1px solid #004886;
    transition: ease all 500ms;
    text-align: center;
}

.btn-gradient-border:hover {
    background: linear-gradient(90deg, #004886 -7.19%, #203E7D 19.37%, #313A7A 30.92%, #7B3361 67.88%, #BE2141 108.3%);
    color: #fff;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
}
@media only screen and (max-width: 1550px) {
    .b0 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 600px) {
    .b0 {
        font-size: 24px;
    }

    .b1 {
        font-size: 24px;
    }
    .b2 {
        font-size: 20px;
    }

    .news-title a,
    .shareholder-title a {
        font-size: 16px;
    }

    .form-search-news-wrap,
    .form-search-news,
    .form-search-news2,
    .select-year {
        width: 100%;
    }

    .shareholder-item {
        column-gap: 16px;
    }

    .annual-report-item {
        width: 100%;
    }
}

/*
 *  Tac gia: congtm
 *  Cong ty: CTS
 *  Ngay tao: 2025-09-17
 *  Ngay sua: 2025-09-17
 *  Ghi chu: CUSTOME STYLE CHO BOX TEP DINH KEM TRONG BAI VIET
*/
.post-attachments { margin-top: 20px; }
.post-attachments h4 { font-size:16px; font-weight:600; margin-bottom:8px; color:#333; }
.post-attachments ul { list-style:none; padding-left:0; margin:0; }
.post-attachments li { margin-bottom:6px; }

.attachment-link {
  color:#005999;           /* màu chữ mặc định */
  text-decoration:none;    /* bỏ gạch dưới */
  font-weight:500;
  transition:color .2s ease;
}
.attachment-link:hover { color:#0073e6; } /* sáng hơn khi hover */

.file-icon { margin-right:6px; font-size:16px; vertical-align:middle; }

/* Màu icon theo loại file */
.icon--pdf   { color:#d32f2f!important; }  /* đỏ PDF */
.icon--word  { color:#2b579a!important; }
.icon--excel { color:#1e7d34!important; }
.icon--ppt   { color:#c43e1c!important; }
.icon--img   { color:#7a5af8!important; }
.icon--zip   { color:#6b7280!important; }  /* xám */
.icon--txt   { color:#374151!important; }
.icon--code  { color:#0d9488!important; }

.file-size { margin-left:6px; font-size:13px; color:#666; }

/* END CUSTOME STYLE CHO BOX TEP DINH KEM TRONG BAI VIET */


/*
 *  Tac gia: congtm
 *  Cong ty: CTS
 *  Ngay tao: 2025-09-17
 *  Ngay sua: 2025-09-17
 *  Ghi chu: CUSTOME ORDER CHO BAI VIET DAI NGO VBSE
*/
/* Mobile < 768px */
@media (max-width: 767.98px) {
  /* làm 2 cột trở thành 'contents' để con của nó nổi lên cùng cấp với .row */
  .td-dai-ngo .row > .col-12 { display: contents; }

  /* xếp thứ tự 1 -> 2 -> 3 */
  .td-dai-ngo .td-dai-ngo--item.mb-order-1 { order: 1; }
  .td-dai-ngo .td-dai-ngo--item.mb-order-2 { order: 2; }
  .td-dai-ngo .td-dai-ngo--item.mb-order-3 { order: 3; }

  /* nếu mất gutter do display:contents, thêm padding cho item */
  .td-dai-ngo .td-dai-ngo--item { padding-left: 15px; padding-right: 15px; }
}