.header {
    transition: .5s ease-in-out;
    position: relative;
    display: unset;
    background-color: #FFFCF7;
}

/* .header .header_top,
.header .nav-brand,
.header .nav-information,
.header .nav-action,
.header .nav_header {
    opacity: 0;
    visibility: hidden;
} */

.header .header_optional {
    box-shadow: 0 2px 4px rgba(30,45,190,.12);
    display: unset;
    background-color: #FFFCF7;
}

.header_optional>.nav_header {
    background: 0 0/cover #FFFCF7;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #009B7C;
    transition: all 0.5s ease-in-out;
}

.menu-bar {
    background-color: #FFFCF7;
    border-bottom: none;
    display: unset
}

.fixed-header .header_optional>.nav_header {
    width: 100%;
    background: #009B7C;
}

.menu-bar .header_top {
    background-size: cover;
    border-bottom: 1px solid #e7ebf1;
    z-index: 1;
    position: relative
}

.menu-bar .header_top .nav_top_option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.menu-bar .header_top .nav_top_option>img {
    position: absolute;
    right: 0;
    z-index: -1
}

.menu-bar .header_top .nav-brand {
    display: flex;
    align-items: center;
    padding: 8px 0 16px;
    height: 100%;
    position: relative
}

/* .menu-bar .header_top .nav-brand::after {
    content: "";
    display: block;
    background: url(../images/bg-header.png) center no-repeat;
    width: 800px;
    position: absolute;
    height: 100%;
    left: -95px;
    z-index: -1
} */

/* 3. BẢO VỆ NỘI DUNG (logo, text...) không bị chìm */
.menu-bar .header_top > *:not(.bg-gradient-anim) {
    position: relative;
    z-index: 2; /* Nổi lên trên cả ảnh left/right và gradient */
}

/* 4. CSS CHO LỚP GRADIENT MỚI */
.bg-gradient-anim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #FFF5CC 0%, #FFFCF7 50%, #FFF5CC 100%);
    /* Đặt z-index: -1 để nó chìm xuống dưới cùng, dưới cả 2 ảnh left/right (z-index: 0) */
    z-index: -1; 
    animation: fadeGradient 8s infinite ease-in-out;
}

/* 5. ANIMATION CHỚP TẮT */
@keyframes fadeGradient {
    0%   { opacity: 1; }
    50%  { opacity: 0; } /* Khi mờ đi sẽ lộ nền #FFF của .header_top */
    100% { opacity: 1; }
}

.menu-bar .header_top .nav-brand>a {
    display: flex;
    flex-shrink: 0
}

.menu-bar .header_top .nav-brand img {
    width: 92px;
    height: 92px;
    max-height: 92px;
    margin-right: 8px;
    padding: 0
}

.menu-bar .header_top .nav-brand .logocontent {
    display: flex;
    align-items: flex-start;
    position: relative;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.menu-bar .header_top .nav-brand .logocontent .toplogocontent {
    color: #009B7C;
    font-family: "Be Vietnam Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.33; /* 133.333% */
    text-transform: uppercase;
}

.menu-bar .header_top .nav-brand .logocontent .bottomlogocontent {
    color: #009B7C;
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4; /* 140% */
    text-transform: uppercase;
}

.menu-bar .header_bottom>#main-menu {
    float: unset
}

.menu-bar .header_top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 150px;
    background: url(../images/nav_left_bg.jpg) no-repeat center;
    background-size: contain;
    z-index: 0;
}

.menu-bar .header_top::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 345px;
    height: 150px;
    background: url(../images/nav_right_bg.jpg) no-repeat center;
    background-size: contain;
    z-index: 0;
}

.login a {
    color: var(--Content-text-primary, #1E2939) !important;
    /* Be Vietnam Pro/Title/Medium */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/*****************************************************HEADER BOTTOM*****************************************************/

.menu-bar .header_bottom > #main-menu {
    float: unset;
    display: flex;
    justify-content: center;
}

.menu-bar .header_bottom > ul > li {
    margin-right: 32px;
}

.menu-bar .header_bottom > ul > li > img.iconsmall {
    display: none;
}

.menu-bar .header_bottom > ul > li:hover {
    border: none
}

.menu-bar .header_bottom > ul > li > a {
    color: var(--Content-text-white, #FFF);

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

.menu-bar .header_bottom > ul > li:first-child > a {
    font-size: 0;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9997 1.75C12.5457 1.75 13.0743 1.94268 13.4919 2.29395L22.4753 9.85742C22.8199 10.2127 22.846 10.7785 22.5203 11.165C22.21 11.5327 21.6864 11.6121 21.2839 11.3789V15.9531C21.2839 17.0533 21.284 17.9608 21.2019 18.6885C21.127 19.3517 20.976 19.9581 20.6345 20.4961L20.4763 20.7217C20.3205 20.9245 20.145 21.1119 19.9529 21.2803L19.7537 21.4434C19.1606 21.8977 18.4771 22.0825 17.7185 22.168C16.9943 22.2495 16.0924 22.249 14.9997 22.249V17C14.9997 15.5858 14.9996 14.8788 14.5603 14.4395C14.1209 14.0002 13.4138 14 11.9997 14C10.5857 14 9.87854 14.0001 9.43923 14.4395C9.00001 14.8788 8.99978 15.5859 8.99978 17V22.249C7.90717 22.249 7.00522 22.2495 6.28103 22.168C5.61709 22.0932 5.01007 21.9427 4.47146 21.6016L4.24587 21.4434C4.04271 21.2876 3.8549 21.1119 3.6863 20.9199L3.52321 20.7217C3.06826 20.1292 2.88316 19.4463 2.79763 18.6885C2.71552 17.9608 2.71558 17.0533 2.7156 15.9531V11.3789C2.3131 11.6121 1.78949 11.5327 1.47927 11.165C1.13181 10.7528 1.18494 10.1364 1.59743 9.78906L10.5085 2.29395L10.6697 2.16992C11.058 1.89775 11.5221 1.75 11.9997 1.75Z" fill="white"/></svg>');
    width: 24px;
    height: 40px;
    background-color: #FFF;
    mask-repeat: no-repeat;
    mask-position: center;
}

.menu-bar .header_bottom > ul > li:first-child > a:hover,
.menu-bar .header_bottom > ul > li:first-child:hover > a,
.menu-bar .header_bottom > ul > li:first-child > a.current {
    background-color: var(--main-yellow);
}

.menu-bar .header_bottom > ul > li > a:hover,
.menu-bar .header_bottom > ul > li:hover > a,
.menu-bar .header_bottom > ul > li > a.current {
    color: var(--main-yellow);
}

/* .menu-bar .header_bottom > ul > li:hover > a::before,
.menu-bar .header_bottom > ul > li > .current::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--main-yellow);
} */

.menu-bar .header_bottom > ul > li:last-child {
    margin-right: 0;
}

.menu-bar .header_bottom > ul > li > a > span {
    display: none;
}

.menu-bar .header_bottom > ul > li > ul,
.menu-bar .header_bottom > ul > li > ul > li > ul {
    border-radius: 4px;
    background: var(--Background-bg-white, #FFF);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}

.menu-bar .header_bottom > ul > li > ul > li {
    position: relative; /* Anchor để menu cấp 3 định vị dạt sang ngang */
}

/* Định vị menu cấp 3 bay sang bên phải */
.menu-bar .header_bottom > ul > li > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 2px;
}

.menu-bar .header_bottom > ul > li > ul > li:not(:last-child),
.menu-bar .header_bottom > ul > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #E5E7EB;
}

.menu-bar .header_bottom > ul > li > ul > li > a,
.menu-bar .header_bottom > ul > li > ul > li > ul > li > a {
    color: var(--Content-text-primary, #1E2939);
    /* Be Vietnam Pro/Label/Large */
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
}

.menu-bar .header_bottom > ul > li > ul > li > a:hover,
.menu-bar .header_bottom > ul > li > ul > li > ul > li > a:hover {
    background: none;
    color: #1F7A5A;
    background-color: #F0FAF4;
}

/* .header_optional > .nav_header::before {
    content: '';
    top: -5px;
    position: absolute;
    width: 100%;
    height: 6px;
    background-repeat: no-repeat;
    background-image: url(../images/header-line-brush-top.png);
}

.header_optional > .nav_header::after {
    content: '';
    bottom: -5px;
    position: absolute;
    width: 100%;
    height: 8px;
    background-repeat: no-repeat;
    background-image: url(../images/header-line-brush-bottom.png);
} */

.menu-bar .nav-location {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.menu-bar .nav-information,
.menu-bar .nav-action ul {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex-shrink: 0;
}

.menu-bar .nav-action {
    flex-shrink: 0;
}

.menu-bar .nav-location .nav-city {
    color: var(--Content-text-primary, #1E2939);

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

.menu-bar .nav-location .nav-time {
    color: var(--Content-text-primary, #1E2939);

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

/*****************************************************FOOTER*****************************************************/
footer {
    background: url(../images/footer-bg-image.png) center / cover no-repeat;
    background-color: #009B7C;
    background-blend-mode: multiply;
    padding: 0;
    border: 0;
    position: relative;
}

footer::before,
footer .main-footer-copyright::before {
    content: '';
    top: 0;
    position: absolute;
    width: 100%;
    height: 6px;
    background-repeat: no-repeat;
}

footer .main-footer-copyright::before {
    top: -6px;
}

/* footer::before {
    background-image: url(../images/footer-line-brush-top.png);
}

footer .main-footer-copyright::before {
    background-image: url(../images/footer-line-brush-bottom.png);
} */

footer .main-footer-information {
    padding: 60px 0;
}

.info-title {
    color: var(--Content-text-white, #FFF);
    /* Be Vietnam Pro/Title/Large */
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
    margin-bottom: 16px;
    letter-spacing: 0;
}

.info-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item {
    display: flex;
    gap: 8px;
    position: relative;
}

.info-icon {
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    color: #ffffff;
    flex-shrink: 0;
}

.info-text {
    color: var(--Content-text-white, #FFF) !important;
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    padding: 0;
}

.footer-category .list_chuyenmuc {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

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

.footer-map > *{
    border-radius: 16px;
    overflow: hidden;
}

.footer-map * {
    height: 100%;
}

footer .main-footer-copyright {
    background: #007A62;
    padding: 16px 0;
    position: relative;
}

footer .main-footer-copyright .footer-copyright * {
    color: var(--Content-text-white, #FFF);
    /* Be Vietnam Pro/Body/Large */
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

/* Container giữ nguyên */
.gr-link {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* 1. Sửa lại khung của thẻ a */
.gr-link .icon-link {
    /* Đặt kích thước cố định cho nút (20px icon + 16px padding = 36px) */
    width: 36px;
    height: 36px;
    border-radius: 50%; /* Chỉnh lại 50% để nút tròn xoe đều đặn */
    border: 1px solid rgba(255, 255, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center; /* Căn giữa icon */
    background-color: transparent; /* Đổi nền thành trong suốt để thấy icon trắng */
    transition: all 0.3s ease;
    text-decoration: none;
}

/* 2. Tạo không gian ::before để chứa icon bằng kỹ thuật Mask */
.gr-link .icon-link::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #FFF; /* Đây chính là màu của icon (Mặc định: Trắng) */
    
    /* Cấu hình Mask để hiển thị SVG */
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    transition: all 0.3s ease;
}

/* 3. Hiệu ứng Hover (Hover effect) */
.gr-link .icon-link:hover {
    background-color: #FFF; /* Nút sáng lên màu trắng */
    transform: translateY(-3px); /* Nổi nút lên một chút cho sống động */
}

/* Khi hover vào nút, đổi màu icon bên trong thành màu tối để nổi bật trên nền trắng */
.gr-link .icon-link:hover::before {
    background-color: #0F5C44; /* Bạn có thể đổi màu này thành xanh dương/màu thương hiệu */
}

/* 4. Gắn các SVG vào đúng class */
.gr-link .icon-fb::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.87427 11.7557V18.3333H11.4615V11.7557H14.1365L14.6931 8.73128H11.4615V7.6613C11.4615 6.0625 12.0893 5.4502 13.7097 5.4502C14.2138 5.4502 14.6189 5.46256 14.8539 5.4873V2.7443C14.4117 2.6237 13.3293 2.5 12.7047 2.5C9.39884 2.5 7.87427 4.06169 7.87427 7.42936V8.73128H5.83325V11.7557H7.87427Z" fill="white"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M7.87427 11.7557V18.3333H11.4615V11.7557H14.1365L14.6931 8.73128H11.4615V7.6613C11.4615 6.0625 12.0893 5.4502 13.7097 5.4502C14.2138 5.4502 14.6189 5.46256 14.8539 5.4873V2.7443C14.4117 2.6237 13.3293 2.5 12.7047 2.5C9.39884 2.5 7.87427 4.06169 7.87427 7.42936V8.73128H5.83325V11.7557H7.87427Z" fill="white"/></svg>');
}

.gr-link .icon-messenger::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.1878 2.5C5.85531 2.5 2.5 5.66357 2.5 9.94043C2.5 12.1763 3.41846 14.109 4.9152 15.4419C5.17497 15.6738 5.1193 15.8099 5.16569 17.2417C5.16902 17.342 5.1968 17.4399 5.24663 17.527C5.29646 17.614 5.36681 17.6876 5.45157 17.7412C5.53633 17.7949 5.63292 17.827 5.73293 17.8348C5.83294 17.8426 5.93334 17.8258 6.02539 17.786C7.6613 17.0654 7.68294 17.0098 7.96126 17.084C12.702 18.389 17.8385 15.3553 17.8385 9.94043C17.8385 5.66357 14.5173 2.5 10.1878 2.5ZM14.8018 8.22412L12.5443 11.799C12.4589 11.9332 12.3467 12.0483 12.2148 12.1371C12.0828 12.226 11.934 12.2866 11.7776 12.3154C11.6212 12.3441 11.4605 12.3403 11.3056 12.3041C11.1507 12.2679 11.005 12.2002 10.8774 12.1051L9.08073 10.7599C9.00044 10.6997 8.90278 10.6672 8.80241 10.6672C8.70204 10.6672 8.60438 10.6997 8.52409 10.7599L6.09961 12.5968C5.7749 12.8411 5.35124 12.4546 5.5708 12.1113L7.82829 8.53646C7.91371 8.40229 8.02588 8.28719 8.1578 8.19834C8.28971 8.10949 8.43854 8.0488 8.59497 8.02007C8.7514 7.99133 8.91208 7.99517 9.06696 8.03135C9.22184 8.06752 9.3676 8.13525 9.49512 8.23031L11.2918 9.57552C11.3721 9.63574 11.4698 9.66829 11.5701 9.66829C11.6705 9.66829 11.7682 9.63574 11.8485 9.57552L14.2729 7.73861C14.5946 7.49121 15.0182 7.87777 14.8018 8.22103V8.22412Z" fill="white"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.1878 2.5C5.85531 2.5 2.5 5.66357 2.5 9.94043C2.5 12.1763 3.41846 14.109 4.9152 15.4419C5.17497 15.6738 5.1193 15.8099 5.16569 17.2417C5.16902 17.342 5.1968 17.4399 5.24663 17.527C5.29646 17.614 5.36681 17.6876 5.45157 17.7412C5.53633 17.7949 5.63292 17.827 5.73293 17.8348C5.83294 17.8426 5.93334 17.8258 6.02539 17.786C7.6613 17.0654 7.68294 17.0098 7.96126 17.084C12.702 18.389 17.8385 15.3553 17.8385 9.94043C17.8385 5.66357 14.5173 2.5 10.1878 2.5ZM14.8018 8.22412L12.5443 11.799C12.4589 11.9332 12.3467 12.0483 12.2148 12.1371C12.0828 12.226 11.934 12.2866 11.7776 12.3154C11.6212 12.3441 11.4605 12.3403 11.3056 12.3041C11.1507 12.2679 11.005 12.2002 10.8774 12.1051L9.08073 10.7599C9.00044 10.6997 8.90278 10.6672 8.80241 10.6672C8.70204 10.6672 8.60438 10.6997 8.52409 10.7599L6.09961 12.5968C5.7749 12.8411 5.35124 12.4546 5.5708 12.1113L7.82829 8.53646C7.91371 8.40229 8.02588 8.28719 8.1578 8.19834C8.28971 8.10949 8.43854 8.0488 8.59497 8.02007C8.7514 7.99133 8.91208 7.99517 9.06696 8.03135C9.22184 8.06752 9.3676 8.13525 9.49512 8.23031L11.2918 9.57552C11.3721 9.63574 11.4698 9.66829 11.5701 9.66829C11.6705 9.66829 11.7682 9.63574 11.8485 9.57552L14.2729 7.73861C14.5946 7.49121 15.0182 7.87777 14.8018 8.22103V8.22412Z" fill="white"/></svg>');
}

.gr-link .icon-zalo::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4082 8.6052V8.97839L10.408 8.97823L10.4078 8.97806C9.95575 8.64879 9.39699 8.45334 8.7935 8.45334C7.28199 8.45334 6.05645 9.67335 6.05645 11.1782C6.05645 12.6831 7.28199 13.9032 8.7935 13.9032C9.39699 13.9032 9.95575 13.7076 10.4078 13.3784L10.408 13.3782L10.4082 13.378C10.4097 13.6409 10.6241 13.8536 10.8885 13.8536H11.5306V8.6052H10.4082ZM5.76568 7.08755V6.91748H0.160127V8.11336H4.04852L0.207893 12.8492C0.0918446 13.0203 0 13.1845 0 13.5529V13.8536H5.28513C5.55042 13.8536 5.76568 13.6394 5.76568 13.3752V12.7374H1.6867L5.28931 8.23249C5.33966 8.16766 5.44538 8.04818 5.49079 7.99686L5.49112 7.99648L5.51611 7.96805C5.72306 7.66401 5.76568 7.405 5.76568 7.08755ZM12.4915 13.4553C12.4915 13.6749 12.671 13.8536 12.8917 13.8536H13.6927V6.91748H12.4915V13.4553ZM20 11.1637C20 9.6497 18.7665 8.42044 17.2445 8.42044C15.7224 8.42044 14.489 9.6497 14.489 11.1637C14.489 12.6791 15.7224 13.9083 17.2445 13.9083C18.7665 13.9083 20 12.6791 20 11.1637ZM10.4037 11.1782C10.4037 12.0638 9.68293 12.7815 8.7935 12.7815C7.90407 12.7815 7.1831 12.0638 7.1831 11.1782C7.1831 10.294 7.90407 9.57625 8.7935 9.57625C9.68293 9.57625 10.4037 10.294 10.4037 11.1782ZM18.8654 11.1637C18.8654 12.0559 18.1392 12.7787 17.2445 12.7787C16.3483 12.7787 15.6235 12.0559 15.6235 11.1637C15.6235 10.2729 16.3483 9.55007 17.2445 9.55007C18.1392 9.55007 18.8654 10.2729 18.8654 11.1637Z" fill="white"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4082 8.6052V8.97839L10.408 8.97823L10.4078 8.97806C9.95575 8.64879 9.39699 8.45334 8.7935 8.45334C7.28199 8.45334 6.05645 9.67335 6.05645 11.1782C6.05645 12.6831 7.28199 13.9032 8.7935 13.9032C9.39699 13.9032 9.95575 13.7076 10.4078 13.3784L10.408 13.3782L10.4082 13.378C10.4097 13.6409 10.6241 13.8536 10.8885 13.8536H11.5306V8.6052H10.4082ZM5.76568 7.08755V6.91748H0.160127V8.11336H4.04852L0.207893 12.8492C0.0918446 13.0203 0 13.1845 0 13.5529V13.8536H5.28513C5.55042 13.8536 5.76568 13.6394 5.76568 13.3752V12.7374H1.6867L5.28931 8.23249C5.33966 8.16766 5.44538 8.04818 5.49079 7.99686L5.49112 7.99648L5.51611 7.96805C5.72306 7.66401 5.76568 7.405 5.76568 7.08755ZM12.4915 13.4553C12.4915 13.6749 12.671 13.8536 12.8917 13.8536H13.6927V6.91748H12.4915V13.4553ZM20 11.1637C20 9.6497 18.7665 8.42044 17.2445 8.42044C15.7224 8.42044 14.489 9.6497 14.489 11.1637C14.489 12.6791 15.7224 13.9083 17.2445 13.9083C18.7665 13.9083 20 12.6791 20 11.1637ZM10.4037 11.1782C10.4037 12.0638 9.68293 12.7815 8.7935 12.7815C7.90407 12.7815 7.1831 12.0638 7.1831 11.1782C7.1831 10.294 7.90407 9.57625 8.7935 9.57625C9.68293 9.57625 10.4037 10.294 10.4037 11.1782ZM18.8654 11.1637C18.8654 12.0559 18.1392 12.7787 17.2445 12.7787C16.3483 12.7787 15.6235 12.0559 15.6235 11.1637C15.6235 10.2729 16.3483 9.55007 17.2445 9.55007C18.1392 9.55007 18.8654 10.2729 18.8654 11.1637Z" fill="white"/></svg>');
}

.footer-contact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.Lienket_website .select2 .select2-selection {
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    width: 225px;
    padding: 8px 16px !important;
    background: none !important;
    position: relative;
    margin-top: 0;
}

.Lienket_website .select2 * {
    font-family: "Be Vietnam Pro" !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px !important; /* 142.857% */
    letter-spacing: 0.25px !important;
}

.Lienket_website .select2 .select2-selection span {
    color: var(--Content-text-white, #FFF) !important;
    font-size: 14px !important;
}

.select2-dropdown .select2-results .select2-results__options li {
    font-family: "Be Vietnam Pro" !important;
}

.onlinecounter-statistics {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 12px;
    justify-content: flex-end;
}
.onlinecounter-statistics .hitcounter_totalonline{
    display: flex;
    align-items: center;
    margin-right: 16px; 
}
.onlinecounter-statistics .hitcounter_totalonline span:last-child{
    margin-right: 16px;
}
.onlinecounter-statistics .hitcounter_totalonline::after{
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background:#FFFFFF33 ;
}
.onlinecounter-statistics .counteronline span:first-child{
    font-family: "Be Vietnam Pro";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #fff;
    margin-right: 4px;
}
.onlinecounter-statistics .counteronline span:last-child{
    font-family: "Be Vietnam Pro";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #fff;
}
.TenVanBan,
.Title_LoaiVanBan {
    font-weight: 500;
    display: block;
    font-family: Be Vietnam Pro;
    line-height: 1.5;
    font-style: normal
}

.onlinecounter-statistics span span:last-child {
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.flex-items-xs-copyright {
    align-items: center;
}