:root {
    /* --main-color: #448ca6; */
    --main-color: #1A445D;
}

body {
    font-size: 15px;
}

.ul-child-category .navbar_nav_item_text__s9e_T {
    margin-left: 5px;
    flex: 1 1;
    font-size: 11px;
    color: #111;
    font-weight: 600;
}

@media (max-width: 1250px) {
    .ul-child-category .navbar_nav_item_text__s9e_T {
        color: #666;
    }

    .navbar_nav_item-is-opened__CTeBR .navbar_multi_list__FmPCH,
    .navbar_nav_item-is-opened__CTeBR .navbar_nav_item_drop___6XdQ {
        max-height: 10000px;
        transition: max-height .2sease-out;
    }

    .fas {
        color: rgb(166 166 166 / var(--tw-text-opacity, 1));
    }

    .btn-language-pc {
        display: none;
    }

    .header-profile2 {
        display: none;
    }

    h2.h2-mobile {
        margin-top: 20px;
    }

}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

h1,
.h1 {
    font-size: calc(1.35rem + 1.2vw) !important;
}

@media (min-width: 1250px) {

    h1,
    .h1 {
        font-size: 2.25rem !important;
    }

    li.flex.items-center.navbar_multi_list_list__BidbT a:hover {
        text-decoration: none;
    }

    /* Hiển thị ul khi hover vào wrapper */
    .navbar_nav_item_wrapper__heZF8:hover .ul-child-category {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        background-color: #fff;
        min-width: 200px;
        padding: 10px;
        border: 1px solid #e5e7eb;
        ;
    }

    li.flex.items-center.navbar_multi_list_list__BidbT {
        position: relative;
        padding: 0px 0px 7px 7px;
    }

    li.flex.items-center.navbar_multi_list_list__BidbT a {
        padding: 5px;
    }
}

h2,
.h2 {
    font-size: calc(1.3125rem + 0.75vw) !important;
}

@media (min-width: 1250px) {

    h2,
    .h2 {
        font-size: 1.875rem !important;
    }
}

h3,
.h3 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

@media (min-width: 1250px) {

    h3,
    .h3 {
        font-size: 1.5rem !important;
    }

    .btn-language-mobile {
        display: none;
    }
}

h4,
.h4 {
    font-size: 1.125rem !important;
}

h5,
.h5 {
    font-size: 1rem !important;
}

h6,
.h6 {
    font-size: 0.938rem !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

mark,
.mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover,
a {
    color: inherit;
    text-decoration: none;
}

.btn-main {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-color);
    ;
    --bs-btn-border-color: var(--main-color);
    ;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-focus-shadow-rgb: 1, 139, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--main-color);
    ;
    --bs-btn-active-border-color: var(--main-color);
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--main-color);
    ;
    --bs-btn-disabled-border-color: #fff;
}

.contact-form {
    margin: auto;
    margin-bottom: 10px;
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
}

.dropdown.header-profile2 .nav-link {
    padding-right: 0.5rem;
}

.header-profile2 .nav-link {
    padding: 0.5rem 1.6rem;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.align-items-center {
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}

.header-profile2 img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    margin-left: 0.8rem;
    object-fit: cover;
}

.dropdown-menu {
    font-size: inherit;
    border: 0;
    z-index: 8;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
    margin-top: 0;
    background-color: var(--card);
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu.show {
    right: 0;
}

.header-right .dropdown-menu {
    border-width: 0;
    box-shadow: 0 0 2.3125rem rgba(8, 21, 66, 0.05);
}

.header-profile2 .dropdown-menu {
    display: none;
}

.dropdown-menu.show {
    display: block;
}

.header-profile2 .dropdown-menu {
    font-size: inherit;
    border: 0;
    z-index: 8;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
    margin-top: 0;
    background-color: var(--card);
}

.dropdown-menu.dropdown-menu-end.show {
    position: absolute;
    background: #fff;
    padding: 10px;
    color: black;
}

a#button-logout {
    display: flex;
}

.toast-success {
    background-color: #28a745 !important;
    color: #fff !important;
}

.toast-error {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.toast-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.toast-message {
    font-size: 16px !important;
    font-weight: bold !important;
}

.contact-page p {
    margin: 10px 10px 10px 0px;
}

.contact-page {
    margin-bottom: 20px;
}

.contact-page {
    margin-bottom: 20px;
}

.header_header__ts5le {
    margin-bottom: 50px;
}

.news-container {
    margin: 20px auto;
    padding: 20px;
    max-width: 800px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

.news-content {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

.back-link {
    display: inline-block;
    margin-top: 20px;
    font-size: 1em;
    color: #007bff;
    text-decoration: none;
}

.back-link:hover {
    text-decoration: underline;
}

.news-item {
    transition: transform 0.5s ease-in-out;
}

.news-item.moving-left {
    transform: translateX(-100%);
}

.news-item.moving-right {
    transform: translateX(100%);
}

.pagination .hidden>div:first-child {
    display: none;
}

.pagination {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.pagination .page-item {
    margin: 0 0.25rem;
}

.pagination .page-link {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    transition: background-color 0.3s, color 0.3s;
}

.pagination .page-link:hover {
    background-color: #007bff;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

/* ...existing code... */

.investment-request-form {
    margin-top: 20px;
}

.investment-request-form h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
}

.investment-request-form label {
    font-size: 1em;
    font-weight: 500;
    color: #333;
}

.investment-request-form input,
.investment-request-form textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
}

.investment-request-form button {
    padding: 10px 20px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}


.language-switcher {
    margin-left: 20px;
}

.language-switcher select {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
}

.language-switcher select:focus {
    outline: none;
    border-color: #007bff;
}

/* ...existing code... */

.about-container {
    padding: 20px;
    margin: 0 auto;
}

.about-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.about-section-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.about-subsection-title {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

.about-text {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 15px;
}

.about-list {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 15px;
}

.about-list li {
    margin-bottom: 10px;
}

/* ...existing code... */

.conditions-container {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.conditions-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.conditions-section-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.conditions-text {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 15px;
}

.privacy-container {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.privacy-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.privacy-section-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.privacy-text {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 15px;
}

.privacy-list {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 15px;
}

.privacy-list li {
    margin-bottom: 10px;
}

.warning-container {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.warning-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.warning-section-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.warning-text {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 15px;
}

.language_btn .dropdown-toggle {
    display: flex;
    align-items: center;
}

.language_btn .dropdown-menu {
    min-width: 100px;
}

.language_btn .dropdown-menu a {
    display: flex;
    align-items: center;
}

.language_btn .dropdown-menu img {
    margin-right: 5px;
}

.language_btn {
    position: relative;
}

.language_btn .dropdown-menu {
    display: none;
    /* Ẩn menu mặc định */
    position: absolute;
    top: 100%;
    /* Hiển thị ngay dưới nút */
    left: 0;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    min-width: 150px;
}

.language_btn:hover .dropdown-menu {
    display: block;
    /* Hiển thị menu khi hover */
}

.language_btn .dropdown-menu a {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.language_btn .dropdown-menu a:hover {
    background-color: #f0f0f0;
}

.language_btn .dropdown-menu img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.language_btn .dropdown-toggle::after {
    display: none;
}



/**
    * pagination CSS
    */
.pagination {
    display: flex;
    justify-content: start;
    margin-top: 20px;
}

.pagination .page-item {
    margin: 0 5px;
}

.pagination .page-item .page-link {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #007bff;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .page-item .page-link:hover {
    background-color: #007bff;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

@media screen and (max-width: 455px) {
    article .block.w-full.sm\:flex-1 {
        margin-left: 30px;
    }

    div#mobile-search-form {
        background-color: #fff;
        color: #000;
    }

    .header_header__ts5le {
        margin-bottom: 10px;
    }
}

.multi-column {
    display: flex;
}

@media screen and (max-width: 455px) {
    .multi-column {
        display: block;
    }

}

.about-container {
    padding: 20px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.about-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.about-section {
    margin-bottom: 20px;
}

.about-section h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.about-section ul {
    list-style-type: disc;
    padding-left: 20px;
}

.about-section ul li {
    margin-bottom: 5px;
}

.highlight {
    font-weight: bold;
    color: #1256a0;
}

.collaborator-container {
    padding: 20px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.collaborator-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.collaborator-description {
    margin-bottom: 20px;
}

.contact-form {
    margin-top: 30px;
}

.contact-form label {
    font-weight: bold;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form button {
    background-color: var(--main-color);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Tùy chỉnh popup */
.swal-custom-popup {
    border-radius: 10px;
    /* Bo góc */
    font-family: 'Inter', sans-serif;
    /* Font chữ */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Đổ bóng */
}

/* Tùy chỉnh tiêu đề */
.swal2-toast h2:where(.swal2-title) {
    font-size: 16px !important;
}


/* Tùy chỉnh biểu tượng */
.swal2-icon.swal2-success {
    border-color: #28a745;
    /* Màu viền biểu tượng success */
    color: #28a745;
    /* Màu biểu tượng success */
}

.swal2-icon.swal2-error {
    border-color: #dc3545;
    /* Màu viền biểu tượng error */
    color: #dc3545;
    /* Màu biểu tượng error */
}

.swal2-icon.swal2-warning {
    border-color: #ffc107;
    /* Màu viền biểu tượng warning */
    color: #ffc107;
    /* Màu biểu tượng warning */
}

/* Tùy chỉnh vị trí toast */
.swal2-toast {
    top: 20px !important;
    right: 20px !important;
}

/* Tiêu đề chính */
.c-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

/* Đoạn văn bản */
.c-content p {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: justify;
}

/* Danh sách chính */
.c-content ul {
    margin-left: 20px;
    padding-left: 20px;
    list-style-type: disc;
}

/* Danh sách con */
.c-content ul ul {
    list-style-type: circle;
    margin-left: 20px;
}

/* Các mục trong danh sách */
.c-content li {
    margin-bottom: 10px;
    font-size: 16px;
}

/* Ẩn các phần tử không cần thiết */
.c-content li span {
    display: none;
}

/* Tùy chỉnh liên kết (nếu có) */
.c-content a {
    color: #007bff;
    text-decoration: none;
}

.c-content a:hover {
    text-decoration: underline;
}

li.group.relative.-mb-0\.75.cursor-pointer.whitespace-nowrap.border-b-3.border-t-3.border-transparent.py-3\.25.text-base\/6.font-semibold:has(.active) {
    border-bottom: 3px solid var(--main-color);
}

.advertisement-header {
    text-align: center;
    color: rgb(91 97 110 / var(--tw-text-opacity, 1)) !important;
    font-size: .725rem !important;
    font-weight: bold;
}

@media screen and (main-width: 1250px) {

    /* Sticky Section */
    .sticky-section {
        position: sticky;
        top: 150px;
        /* Khoảng cách từ trên cùng của viewport */
        z-index: 100;
    }

}

.about-video-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.about-video-title {
    font-size: 28px;
    font-family: Arial, sans-serif;
    color: var(--main-color);
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.about-video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* Tỷ lệ 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.about-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.video-description {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 15px;
    font-family: Arial, sans-serif;
}

@media (max-width: 768px) {
    .about-video-title {
        font-size: 22px;
    }

    .about-video-section {
        margin: 20px;
        padding: 15px;
    }
}

@media screen and (min-width: 1250px) {
    a.navbar_nav_item_link__hDYJW {
        display: flex;
        align-items: center;
    }

    a.navbar_nav_item_link__hDYJW .fas {
        margin-right: 5px;
    }

    .hero-section {
        text-align: center;
        padding: 50px 20px;
        font-family: Arial, sans-serif;
    }

    .image-item img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

    h2.h2-mobile {
        margin-top: 20px;
        display: none;
    }

    .ul-child-category {
        display: none;
    }

    .navbar_nav_item_text__s9e_T {
        display: inline-flex;
        align-items: baseline;
        justify-content: left;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1380px) {
    .navbar_nav_item_link__hDYJW {
        font-size: 11px;
    }


}




/* Định dạng chung cho section */


/* Tiêu đề chính */
.hero-section h1 {
    font-size: 36px;
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* Mô tả */
.hero-section p {
    font-size: 15px;
    color: #666;
    max-width: 800px;
}

/* Định dạng khu vực hình ảnh */
.image-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 cột trên PC */
    gap: 20px;
    /* Khoảng cách giữa các tin tức */
    margin-top: 20px;
}

/* Định dạng từng mục hình ảnh */
.image-item {
    text-align: center;
}



.image-item p {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    text-align: left;
    font-weight: bold;
}

/* Định dạng nút bấm */
.explore-btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s;
}

.explore-btn:hover {
    background-color: #0056b3;
}


/* Tin tức nổi bật - PC, MacBook */
.news-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 2 cột trên PC */
    gap: 20px;
    /* Khoảng cách giữa các tin tức */
    margin-top: 20px;
}

.news-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.news-item img {
    width: 100%;
    height: 180px;
    /* Chiều cao cố định cho hình ảnh */
    object-fit: cover;
    /* Đảm bảo hình ảnh không bị méo */
}

.news-item p {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
}

.news-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Hiển thị 2 cột trên PC */
    gap: 20px;
    /* Khoảng cách giữa các bài viết */
}

.news-item {
    position: relative;
    /* Đặt vị trí tương đối để định vị tiêu đề bên trong */
    overflow: hidden;
    /* Ẩn phần dư thừa */
    border-radius: 8px;
    /* Bo góc cho hình ảnh */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Hiệu ứng đổ bóng */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item img {
    width: 100%;
    height: 250px;
    /* Chiều cao cố định cho hình ảnh */
    object-fit: cover;
    /* Đảm bảo hình ảnh không bị méo */
    border-radius: 8px;
    /* Bo góc cho hình ảnh */
}

.news-item p {
    position: absolute;
    /* Định vị tiêu đề bên trên hình ảnh */
    bottom: 0;
    /* Căn dưới cùng */
    left: 0;
    /* Căn trái */
    width: 100%;
    /* Chiếm toàn bộ chiều rộng */
    background: rgba(0, 0, 0, 0.3);
    /* Nền đen trong suốt */
    color: #fff;
    /* Màu chữ trắng */
    padding: 10px;
    /* Khoảng cách bên trong */
    font-size: 16px;
    /* Kích thước chữ */
    text-align: center;
    /* Căn giữa chữ */
    transition: background 0.3s ease;
    /* Hiệu ứng khi hover */
}

.news-item:hover p {
    background: rgba(0, 0, 0, 0.8);
    /* Tăng độ tối khi hover */
}

/* Định dạng danh sách dịch vụ */
.investment-services {
    list-style: none;
    /* Loại bỏ dấu chấm đầu dòng */
    padding: 0;
    /* Loại bỏ padding mặc định */
    margin: 20px 0;
    /* Thêm khoảng cách trên và dưới */
}

.investment-services .service-item {
    position: relative;
    /* Để định vị icon */
    padding-left: 30px;
    /* Thêm khoảng cách bên trái để chứa icon */
    margin-bottom: 10px;
    /* Khoảng cách giữa các mục */
    font-size: 16px;
    /* Kích thước chữ */
    color: #333;
    /* Màu chữ */
    line-height: 1.5;
    /* Khoảng cách dòng */
}

.investment-services .service-item::before {
    content: '\f058';
    /* Icon Font Awesome (dấu check) */
    font-family: 'Font Awesome 5 Free';
    /* Font Awesome */
    font-weight: 900;
    /* Đậm hơn */
    position: absolute;
    /* Định vị icon */
    left: 0;
    /* Căn trái */
    top: 50%;
    /* Căn giữa theo chiều dọc */
    transform: translateY(-50%);
    /* Căn chỉnh chính xác */
    color: var(--main-color);
    /* Màu icon (sử dụng màu chính của bạn) */
    font-size: 18px;
    /* Kích thước icon */
}


/* Tin tức nổi bật - MacBook (hoặc màn hình trung bình) */
@media (max-width: 1250px) {
    .news-gallery {
        grid-template-columns: repeat(2, 1fr);
        /* 2 cột trên MacBook */
        gap: 20px;
    }

    .news-item img {
        height: 160px;
        /* Chiều cao vừa phải */
    }

    .news-item p {
        font-size: 15px;
    }

    .investment-services .service-item {
        position: relative;
        /* Để định vị icon */
        padding-left: 30px;
        /* Thêm khoảng cách bên trái để chứa icon */
        margin-bottom: 10px;
        /* Khoảng cách giữa các mục */
        font-size: 12px;
        /* Kích thước chữ */
        color: #333;
        /* Màu chữ */
        line-height: 1.5;
        /* Khoảng cách dòng */
    }

    .image-item img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
}

/* Tin tức nổi bật - Mobile */
@media (max-width: 768px) {
    .news-gallery {
        display: flex;
        flex-direction: column;
        /* Sắp xếp bài viết theo cột */
        gap: 15px;
        /* Khoảng cách giữa các bài viết */
    }

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

    .news-item {
        display: none;
        /* Ẩn tất cả bài viết */
    }

    .news-item:first-child {
        display: block;
        /* Chỉ hiển thị bài viết đầu tiên */
    }

    .investment-services .service-item {
        position: relative;
        /* Để định vị icon */
        padding-left: 30px;
        /* Thêm khoảng cách bên trái để chứa icon */
        margin-bottom: 10px;
        /* Khoảng cách giữa các mục */
        font-size: 12px;
        /* Kích thước chữ */
        color: #333;
        /* Màu chữ */
        line-height: 1.5;
        /* Khoảng cách dòng */
    }
}

.next-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.next-button:hover {
    background-color: #0d3b73;
    /* Màu đậm hơn khi hover */
}

.interest-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f39c12;
    /* Màu cam */
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.interest-button:hover {
    background-color: #e67e22;
    /* Màu cam đậm hơn khi hover */
}

ul.navbar_nav_list__PHV3V.menu-category {
    display: block;
}

/* Đặt ul con ẩn mặc định */


.navbar_nav_item_wrapper__heZF8 {
    width: 100%;
}

/* Hiệu ứng hover cho các mục trong ul con */
.ul-child-category li {
    padding: 0px;
    transition: background-color 0.3s ease;
}


.ul-child-category {
    display: none;
}

.navbar_nav_item-is-opened__CTeBR .navbar_nav_item-is-opened__CTeBR .ul-child-category {
    display: block;
}

a:hover {
    text-decoration: none;
}

/* .navbar_multi_list_title__82MYE:hover ul,
.navbar_multi_list_title__82MYE:hover ul .ul-child-category {
    display: block !important;
} */

.btn-main {
    padding: 10px 20px;
    background-color: var(--main-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
}

.btn-main:hover {
    color: #fff;
    /* Màu đậm hơn khi hover */
}

a.btn:hover {
    color: #fff;
}

a.explore-btn:hover {
    color: #fff;
}

a.nav-link:hover {
    color: #fff;
}

.header-profile2 .dropdown-menu a {
    font-size: 14px;
}

figure.image-captioned {
    font-size: 14px;
    font-style: italic;
}

button.navbar_nav_item-opener__iN17f0 {
    padding-right: 10px;
}

figcaption {
    font-size: 14px;
    font-style: italic;
}

.news-audio-player {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f8fafc;
    border-radius: 8px;
    padding: 16px 20px 12px 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    border: 1px solid #e6e9eb;
}

.audio-player-custom {
    width: 100%;
    outline: none;
    background: transparent;
}

.bg-main {
    background-color: var(--main-color);
    color: #fff;
}

.btn:hover.bg-main:hover {
    background-color: #0d3b73;
    color: #fff;
    /* Màu đậm hơn khi hover */
}

@media (max-width: 600px) {
    .news-audio-player {
        padding: 10px;
        max-width: 100%;
    }

    .audio-player-custom {
        max-width: 100%;
    }
}