html {
    overflow-x: hidden;
}
body {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
.top-header {
    padding: 10px 0;
}
.top-header .top-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.top-header .top-info .top-left {
    display: flex;
    align-items: center;
    flex: auto;
}
.top-left .date-now {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}
.top-left .date-now:before, .top-right ul li:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 2px;
    background: #9f9f9f;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
}
.cate-title {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    margin: 3rem 0;
}
.box-cate-info {
    margin: 8rem 0;
    border-top: 1px solid #000;
    padding-top: 6rem;
}
.list-cate .item .inner-image {
    padding-top: 100%;
}
.list-cate .item {
    position: relative;
    margin-bottom: 2rem;
}
.list-cate .item .inner-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #363636ad;
    z-index: 9;
    border-radius: 10px;
}
.list-cate .item .inner-content .article-title {
    font-weight: bold;
}
.list-cate .item .inner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem 2rem;
    width: 100%;
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
}
.box-baihoc .item-title-process {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    cursor: pointer;
    color: var(--color-highlight);
    padding: 1.5rem;
    background: #F4F7FB;
}
.box-baihoc .card:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.box-baihoc .description-process {
    padding: 15px;
    font-size: 15px;
    line-height: 1.7;
}
 .box-baihoc .item-title-process.collapsed {
    color: #000;
}
.box-baihoc .item-title-process.collapsed i:before {
    content: '\f078';
}
.box-baihoc .info {
    border: 1px solid #d0d7e1;
    border-radius: 0.5rem;
}
.box-baihoc .info .card {
    border-bottom: 1px solid #ddd;
}
.box-baihoc .info .card:last-child {
    border-bottom: 0;
}
.title-baihoc {
    margin-bottom: 2rem;
}
.box-baihoc {
    margin: 2rem 0;
}
.box-baihoc .video-yt {
    position: relative;
    padding-top: 56%;
}
.box-baihoc .video-yt>iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.box-lienquan {
    margin: 4rem 0;
}
.box-lienquan .title-lienquan {
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 2.4rem;
}
.top-right .company-info .item .icon {
    flex: 0 0 25px;
    max-width: 25px;
}
.top-right .company-info .item {
    display: flex;
    align-items: center;
    flex: auto;
}
.top-right .company-info .item .icon i {
    color: #ee0000;
    font-size: 25px;
}
.list-cate .item .inner-content a {
    color: #fff;
}
.top-header {
    padding: 10px 0;
}
.top-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mini-member a {
    color: #fff;
}
.top-right ul li {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.top-right ul li a {
    color: #000;
}
.top-right ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}
.top-right ul li:last-child:before {
    display: none;
}
.header-logo {
    padding: 5px 0;
}
.header-logo>.container>.row {
    align-items: center;
}
.header-logo>.container>.row>div[class*=col-]:first-child {
    flex: 0 0 14%;
    max-width: 14%;
}
.header-logo>.container>.row>div[class*=col-]:last-child {
    flex: 0 0 86%;
    max-width: 86%;
}
.header-logo .logo img {
    height: 52px;
}
.logo {
    text-align: center;
}
.logo .title-company {
    text-align: center;
    font-size: 10px;
    color: var(--color-main);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 0;
    font-style: italic;
}
.company-info .item.item-register>a {
    display: inline-block;
    background: linear-gradient(90deg, #f16650 0%, #ee0000 100%);
    color: #fff;
    padding: 7px 10px;
    border-radius: 4px;
    margin-left: 0;
    text-transform: uppercase;
}
.logo .title-company>span {
    color: #ee0000;
}
.tradingview-widget>div, .tradingview-widget iframe {
    height: 74px !important;
}
.menu-section > ul > li > a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 9px 10px;
    display: inline-block;
    text-transform: none;
}
.menu-section > ul > li:first-child > a {
    padding-left: 0;
    color: var(--color-highlight) !important;
}
.btn-search {
    color: #fff;
}
.menu-section > ul > li.has-child > a span {
    display: none;
}
.menu-section ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 2rem;
}
.menu-section > ul > li > a.active:after, .menu-section > ul > li:hover > a:after {
    width: 100%;
}
.box-search {
    position: absolute;
    display: none;
    background: #fff;
    z-index: 99;
    min-width: 260px;
}
.box-search.show {
    display: block;
    right: 20px;
}
.search {
    height: 100%;
    width: 100%;
    background: var(--color-main);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search .icon {
    cursor: pointer;
    background: var(--color-highlight);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    font-size: 19px;
    font-weight: 400;
}
.menu-section .entry-menu {
    flex-direction: column;
    align-items: flex-start;
}
.main-menu {
    background: linear-gradient(90deg, rgb(32 144 224) 0%, rgb(26 76 194) 100%);
}
.slider-main img {
    border-radius: 4px;
    height: 36vw !important;
}
.swiper-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-main);
    color: #fff;
    opacity: 0.5;
}
.swiper-button:hover {
    opacity: 1;
    color: #fff;
}
.section-new-featured {
    margin: 30px 0;
}
.list-lien-quan .article.article-page .inner-content .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    font-size: 18px;
}
.list-lien-quan .article.article-page .inner-content .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.title-section {
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    padding-left: 18px;
}
.sestion-highlight {
    margin: 4rem 0;
}
.header-title {
    text-align: center;
}
.header-title .title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 5px;
}
.header-title .desc {
    font-size: 18px;
    color: #333;
}
.sestion-highlight .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}
.sestion-highlight .list .item {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
}
.sestion-highlight .list .item .icon img {
    height: 96px;
    width: auto;
}
.sestion-highlight .list .item .inner {
    margin-top: 1.5rem;
}
.sestion-highlight .list .item .inner .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.sestion-highlight .list .item .inner .desc {
    font-size: 16px;
    color: #2e2e2e;
    font-style: italic;
}
.sestion-cate {
    padding: 4rem 0;
}
.sestion-cate .header-title {
    margin-bottom: 3rem;
}
.sestion-cate .item {
    background: #208ddf30;
    padding: 15px;
    border-radius: 4px;
    height: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.sestion-cate .item .inner-icon {
    display: flex;
}
.sestion-cate .item .inner-icon .icon {
    flex: 0 0 54px;
    max-width: 54px;
}
.sestion-cate .item .inner-icon .icon img {
    height: 54px;
    width: auto;
    max-width: 100%;
}
.sestion-cate .item .inner-icon .info {
    flex: 0 0 calc(100% - 54px);
    max-width: calc(100% - 54px);
    padding-left: 10px;
    font-weight: 600;
}
.sestion-cate .item .inner-icon .info .title {
    font-weight: 600;
    font-size: 2.1rem;
}
.sestion-cate .item .inner-content {
    text-align: center;
}
.sestion-cate .item .inner-content .desc {
    font-size: 15px;
    margin-top: 10px;
    min-height: 45px;
    text-align: left;
}
.sestion-cate .item .inner-content .view-detail {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: var(--color-main);
}
.section-daotao .inner-image img {
    border-radius: 6px;
}
.banner-link {
    margin: 3rem 0;
}
.section-daotao {
    margin: 3rem 0;
}
.section-daotao .header-title {
    margin-bottom: 3rem;
}
.section-daotao .article-item {
    margin-bottom: 2rem;
}
.section-daotao .article-item .article-title {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}
.section-daotao .article-item .article-title a {
    color: #000;
}
.title-section:before {
    content: "";
    width: 8px;
    background-color: var(--color-main);
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
}
.title-section .title-view-more {
    text-transform: initial;
    font-size: 14px;
    color: var(--color-highlight);
}
.news-featured .main-new .article {
    position: relative;
    display: flex;
}
.main-new .article .inner-image {
    position: relative;
    padding-top: 40%;
    border-radius: 4px;
    flex: 0 0 64%;
    max-width: 64%;
}
.article .inner-image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.article .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 10px;
    object-position: bottom;
}
.main-new .article .inner-content {
    flex: 0 0 36%;
    max-width: 36%;
    padding: 15px 20px;
    background: #f3f3f3;
}
.article .inner-content .category {margin: 15px 0;display: flex;align-items: center;justify-content: space-between;}
.main-new .article .inner-content .category {
    color: #333;
}
.article .inner-content .category span.time {
    font-size: 12px;
}
.article .inner-content .category .article-category a {
    display: inline-block;
    background: #208bde40;
    color: #333;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 12px;
    border: 1px solid #208edf;
}
.section-posts {
    margin: 4rem 0;
}
.section-posts .header-title {
    margin-bottom: 3rem;
}
.post-side .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-size: 15px;
}

.post-side .article .inner-content .category {
    margin-top: 0;
    margin-bottom: 10px;
}

.post-side .article {
    margin-bottom: 20px;
}
.main-new .article .inner-content .category a {
    color: #3b1b70;
}
.main-new .article .inner-content .article-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.main-new .article .inner-content .article-title a {
    color: #000;
}
.banner-link .item {
    position: relative;
}
.banner-link .item .image {
    position: relative;
    padding-top: 34%;
}
.banner-link .item .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.banner-link .item .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 3rem;
    color: #fff;
}
.banner-link .item .info .view-more {
    display: inline-flex;
    margin-top: 15px;
    color: #fff;
    align-items: center;
}
.banner-link .item .info .view-more>i {
    margin-left: 10px;
}
.calendar .img img {
    width: 100%;
    height: auto;
}
.article .inner-image {
    position: relative;
    padding-top: 64%;
}
.article-title {
    font-size: 18px;
    font-weight: 600;
}
.article-title a {
    color: #000;
}
.article-title:hover a, .post-title:hover a {
    color: var(--color-highlight) !important;
}
.news-featured .list-new {
    margin-top: 20px;
}
.list-new .article {
    margin-bottom: 15px;
}
.list-new .article .inner-image {
    margin-bottom: 15px;
}
.list-new .article:last-child {
    margin-bottom: 0;
}
.list-new .article .inner-content .category {
    color: #34425a;
}
.nav-tabs>li>a {
    color: #fff;
    transition: all .3s;
    padding: 8px 15px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}
.nav-tabs>li>a.active {
    background: #fd6366;
    color: #fff;
    border-radius: 4px;
}
.table-price iframe {
    border: 0;
}
.table-price .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0;
    background: #0f5da2;
    padding: 15px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.table-price .nav-tabs li {
    text-align: center;
}
.table-price scroll {
    border: 0;
    overflow: auto;
}
#__next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-height: 500px !important;
    overflow: scroll !important;
}
.list-team .title {
    text-align: center;
    margin-bottom: 3rem;
}
.list-team {
    margin: 3rem 0;
}
.list-team .item {
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgb(27 91 195 / 28%);
}
.list-team .item .top .info .name>a {
    color: #000;
    font-weight: 600;
}
.list-team .item .top {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.list-team .item .top .avatar {
    flex: 0 0 100px;
    max-width: 100px;
}
.list-team .item .top .avatar img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
}
.list-team .item .top .info {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 15px;
}
.list-team .item .middle {
    padding: 15px;
}
.table-price scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
}

.table-price scroll::-webkit-scrollbar
{
    width: 10px !important;
    background-color: #F5F5F5 !important;
}

.table-price scroll::-webkit-scrollbar-thumb
{
    background-color: #000000 !important;
    border: 2px solid #555555 !important;
}
.table-price .table {
    border: 0;
}
.table-price .table thead th {
    border-bottom: 0;
}
.table-price .table th, .table-price .table td {
    padding: 5px 10px;
}
.section-banner {
    margin: 30px 0;
}
.section-banner .banner {
    position: relative;
    padding-top: 20%;
}
.section-banner .banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.table-striped tbody tr {
    background: #e1f5fe;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(163 163 163 / 5%);
}
.table-striped thead tr {
    background-color: #e1f5fe;
}
.section-main-new .category {
    font-size: 12px;
}
.section-main-new .category span:first-child {
    padding-left: 0 !important;
    border-left: 0 !important;
    color: #449be5;
}
.section-main-new .article {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}
.section-main-new .article:last-child {
    border-bottom: 0;
}
.section-main-new .article .article-title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 15px;
}
.section-main-new .article .inner-image {
    margin-bottom: 0;
}
.section-main-new .article .article-title a {
    color: #000;
}
.section-main-new .article .description {
    font-size: 15px;
    text-align: justify;
    color: #757575;
}
.list-sidebar-new {
    padding: 10px 15px;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.list-sidebar-new .article {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}
.list-sidebar-new .article:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.list-sidebar-new .article .post-number {
    flex: 0 0 30px;
    width: 30px;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    color: #999;
    font-style: italic;
}
.list-sidebar-new .article .post-time .number-day {
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
    text-align: center;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-family: cursive;
    font-size: 18px;
}
.list-sidebar-new .article .post-time {
    display: flex;
    flex-direction: column;
    max-width: 56px;
    flex: 0 0 56px;
}
.list-sidebar-new .article .post-time .number-month {
    background: #f7f7f7;
    text-align: center;
    color: #1562a1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-family: cursive;
    font-size: 12px;
    padding: 5px 0;
}
.list-sidebar-new .article .post-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-left: 15px;
}
.list-sidebar-new .article .post-title a {
    color: #000;
}
.sidebar-banner .img {
    position: relative;
    padding-top: 120%;
}
.sidebar-banner .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.new-analysis .post-time, .section-share .post-time {
    position: absolute;
    top: 20px;
    left: 0;
    background: linear-gradient(90deg,#1568b2,#1a91f5);
    color: #fff;
    padding: 7px 10px;
    font-size: 12px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.new-analysis .article-title, .section-share .article-title {
    font-weight: 600;
    color: #000;
    margin: 10px 0;
}
.new-analysis .list-new .article {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}
.new-analysis .list-new .article:last-child {
    border-bottom: 0;
}
.new-analysis .list-new .article:not(:first-child)>.row>div[class*=col-]:last-child {
    padding-left: 0;
}
.new-analysis .list-new .article:not(:first-child) .article-title {
    margin-top: 0;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
}
.title-section.title-center {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0;
    padding-bottom: 10px;
}
.title-section.title-center:before {
    top: inherit;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    height: 3px;
    width: 10%;
}
.section-share .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new-analysis .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}
.new-analysis .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.section-community {
    padding: 30px 0;
}
.section-share {
    padding: 20px 0;
}
.footer-register a {
    display: flex;
    align-items: center;
    line-height: 1;
    background: #e00;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px 8px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer-register {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.footer-register i {
    font-size: 19px;
    margin-right: 5px;
}
.footer-main>.container>.row>div[class*=col-]:nth-child(2) {
    display: flex;
    justify-content: space-between;
}
.section-questions .header-title {
    margin-bottom: 3rem;
}
.section-questions .card .card-header .btn {
    width: 100%;
    text-align: left;
    background: #f1f1f1;
    border-radius: 6px;
    color: #000;
    font-weight: 500;
    padding: 12px;
}
.section-questions {
    margin-top: 4rem;
}
.section-form {
    padding: 4rem 0;
    background: linear-gradient(90deg, rgb(32 144 224) 0%, rgb(26 76 194) 100%);
    margin: 4rem 0;
}
.box-contact>.row {
    align-items: center;
}
.box-contact .left-contact {
    padding: 20px;
    text-align: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.box-contact .left-contact .logo img {
    filter: brightness(0) invert(1);
    height: 70px;
}
.box-contact .left-contact .main-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    font-size: 33px;
    margin-bottom: 8px;
}
.box-contact .left-contact .sub-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
}
.box-contact .left-contact .banner img {
    width: 100%;
    height: auto;
}
.box-contact .right-contact {
    padding: 30px 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px 1px rgb(13 97 210 / .2);
}
.box-contact .right-contact .title-form {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    color: #105da3;
    text-align: center;
    margin-bottom: 20px;
}
.box-contact .right-contact .form-group {
    margin-bottom: 2rem;
}
.box-contact .right-contact label {
    font-weight: 500;
}
.box-contact .right-contact .form-control {
    height: 44px;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 4px;
}
.box-contact .right-contact textarea.form-control {
    height: 135px;
}
.box-contact .right-contact .btn {
    background: #A82822;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}
.section-posts .action {
    text-align: center;
    margin: 3rem 0;
}
.section-posts .action .view-more {
    display: inline-block;
    background: var(--color-main);
    color: #fff;
    padding: 7px 15px;
    border-radius: 4px;
}
.section-posts .action .view-more:hover {
    background: var(--color-highlight);
}
.box-contact .right-contact .form-group:last-child {
    margin-bottom: 0;
}
.img-brand {
    position: relative;
    padding-top: 57%;
    box-shadow: 0 0 10px 1px rgb(13 97 210 / .2);
    background: #fff;
    border-radius: 4px;
}
.item-img-brand {
    padding: 5px 0;
}
.img-brand img {
    object-fit: contain;
}
.map-info {
    position: relative;
    padding-top: 93%;
}
.map-info iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.form-contact .form-info .form-group:last-child {
    margin-bottom: 0;
}
.section-questions .card {
    margin-bottom: 10px;
}
.section-questions .card .card-body {
    padding: 15px 15px 0;
}
.section-questions .card .card-header .btn:hover, .section-questions .card .card-header .btn {
    background: var(--color-main);
    color: #fff;
}
.section-questions .card .card-header .btn.collapsed {
    background: #f1f1f1;
    color: #000;
}
.section-brand {
    margin: 4rem 0;
}
.section-brand .header-title {
    margin-bottom: 3rem;
}.menu-footer >li > a {
    display: inline-block;
    color: #fff;
    padding: 5px 0;
}
.menu-footer >li > a:hover {
    color: var(--color-highlight);
}
.address .title-address {
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 10px;
}
.company-info .sub-address {
    border-top: 1px solid #ffffff80;
    padding: 9px 0;
}
.sub-address.contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer {
    background: rgb(0,132,131);
    background: linear-gradient(90deg, rgb(32 144 224) 0%, rgb(26 76 194) 100%);
    margin-top: 50px;
    padding-top: 20px;
    color: #fff;
}
.logo-footer img {
    height: 70px;
    filter: brightness(0) invert(1);
}
.logo-footer {
    margin-bottom: 15px;
}
.info-company {
    font-size: 15px;
}
.menu-footer {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu-footer .title-section {
    padding-left: 0;
}
.menu-footer .title-section:before {
    display: none;
}
.img-globe img {
    width: 100%;
    height: auto;
}
.menu-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu-footer ul li a {
    display: inline-block;
    color: #fff;
    padding: 5px 0;
    font-size: 15px;
}
.footer-bottom {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    font-size: 14px;
}
.section-table-price {
    padding-top: 30px;
}
.section-banner .banner-1 {
    border-radius: 8px;
    overflow: hidden;
}
.section-banner .banner-1 .swiper-slide {
    position: relative;
    padding-top: 20%;
}
.section-banner .banner-1 .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.banner-sidebar .swiper-slide {
    padding-top: 120%;
}
.banner-sidebar .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-sidebar {
    border-radius: 8px;
    overflow: hidden;
}
.avatar img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.article-about-us .title-about {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #ee0000;
    margin-bottom: 3rem;
}
.article-about-us .row {
    align-items: center;
}
.article-about-us .info .title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 1rem;
    color: var(--color-main);
}
.about-block-2-top {
    background: var(--color-main) url(https://media.hanghoaphaisinh247.vn/media/banner/about-block-2-top-bg.png) center / cover no-repeat;
    color: #fff;
    text-align: center;
    padding: 40px 50px 79px;
    font-size: 24px;
    font-weight: bold;
    line-height: 32.68px;
    margin-top: 6rem;
}
.about-block-2-bottom {
    margin-left: 34px;
    margin-right: 34px;
    margin-top: -40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 26px;
}
.about-block-2-box {
    padding: 20px 20px 111px;
    background: url(https://hct.vn/theme_vouge_hct/static/src/images/union.svg) center / cover no-repeat;
    text-align: center;
    color: #fff;
}
.author .avatar {
    width: 40px;
    height: 40px;
    background: #1c87dc;
    border-radius: 100%;
    overflow: hidden;
}
.list-community .article .author {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.list-community .article .author .info {
    padding-left: 15px;
}
.list-community .article .author .info h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}
.list-community .article .author .info .time {
    font-size: 12px;
    color: #A6A6A6;
}
.list-community .article .description {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}
.list-community .banner {
    position: relative;
    margin-top: 15px;
    margin-bottom: 0;
    height: 100%;
}
.list-community .banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.list-community .article .view-more {
    color: #FF6464;
    font-weight: 600;
    font-size: 16px;
}
.list-community .like-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-community .like-comment .left .like {
    background: #0471df;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-community .like-comment .left .love {
    background: #e81e46;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -6px;
    margin-right: 10px;
    z-index: -1;
}
.list-community .like-comment .left {
    display: flex;
    align-items: center;
}
.list-community .like-comment .left .number {
    color: #A6A6A6;
}
.list-community {
    height: 100%;
}
.list-community .article {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.list-new .article .inner-content .category svg {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-right: 5px;
}
.list-new .article .inner-content .category svg path {
    fill: var(--color-main);
}
.article.article-page .inner-content .category span:first-child {
    padding-left: 0;
    border: 0;
}
.article.article-page .inner-content .article-title {
    font-size: 21px;
    font-weight: 600;
}
.article.article-page .inner-content .description {
    font-size: 15px;
    color: #777777;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.article.article-page {
    margin-bottom: 20px;
}
.sidebar-section {
    border-radius: 6px;
    margin-bottom: 20px;
}
.sidebar-section .sidebar-title {
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 8px;
    position: relative;
    text-transform: uppercase;
}
.sidebar-section .categories-section {
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sidebar-section .sidebar-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--color-main);
}
.view-sidebar {
    margin-top: 20px;
}
.view-sidebar .article>.row>div[class*=col-]:last-child {
    padding-left: 0;
}
.view-sidebar .article {
    margin-bottom: 15px;
}
.view-sidebar .article .article-title {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.kt-sticky .sticky {
    position: sticky;
    top: 20px;
    z-index: 99;
}
.kt-sticky .sticky:last-child {
    top: 34%;
}
.list-type {
    margin-top: 30px;
}
.list-type .article-title {
    font-size: 15px;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.social-share .list-social .btn-social {
    float: left;
    margin: 0 4px;
    border-radius: 0.25rem;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.social-share .list-social .btn-social:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.social-share .list-social .btn-social.facebook-icon {
    background-color: #365493;
}

.social-share .list-social .btn-social.twitter-icon {
    background-color: #3cf;
}

.social-share .list-social .btn-social.google-icon {
    background-color: #d44132;
}

.social-share .list-social .btn-social.pinterest-icon {
    background-color: #cb2027;
}

.social-share .list-social .btn-social.linkedin-icon {
    background-color: #0274b3;
}

.social-share .list-social .btn-social a,
.social-share .list-social .btn-social .zalo-share-button {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.svg-white {
    filter: var(--svg-white);
}
.new-analysis .author {
    color: var(--color-highlight);
}
.main-menu.fixed {
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 3px rgb(0 0 0 / 11%);
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    z-index: 100;
    padding: 10px 0;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.table-price .action {
    margin: 3rem 0 3rem;
    text-align: center;
}
.table-price .action>a {
    display: inline-block;
    background: var(--color-main);
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 15px;
}
.table-price .action>a:hover {
    background: var(--color-highlight);
}
.scroll-table {
    width: 100%;
    overflow-x: auto;
}
.scroll-table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.scroll-table::-webkit-scrollbar {
    display: none;
    height: 8px;
    background-color: #F5F5F5;
}
.scroll-table:hover::-webkit-scrollbar {
    display: block;
}
.scroll-table::-webkit-scrollbar-thumb {
    background-color: #0f5da2;
}
.trading-item {
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-radius: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.trading-item .trading-left .price-loss {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
}

.trading-item .trading-left .price-loss>li {
    list-style: none;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    color: #fff;
}

.trading-item .trading-left .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.trading-item .trading-left .price-loss>li:before {
    content: '';
    position: absolute;
    left: -15px;
    height: 10px;
    width: 1px;
    background: #fff;
    top: 7px;
}

.trading-item .trading-left .price-loss>li:first-child:before {
    display: none;
}

.trading-item .trading-right {
    display: flex;
    align-items: center;
}

.trading-item .trading-right .take-percent {
    text-align: right;
    margin-right: 15px;
}

.trading-item .trading-right .take-percent .percent {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.trading-item .trading-right .take-percent .take {
    color: #fff;
    font-size: 13px;
}

.btn-trading .btn-all {
    min-width: 150px;
    /* border-color: var(--color-highlight); */
    border-width: 2px;
    color: #fff;
}

.trading-item .trading-left {
    display: flex;
    align-content: center;
    align-items: center;
    width: 60%;
}

.trading-item .trading-left .side {
    background: #dff6ee;
    border-radius: 50px;
    margin-right: 10px;
    flex: 0 0 44px;
}
.trading-item .trading-left .side img{
    height: 66px;
}

a.btn-all {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    border-color: #fff;
}
.btn-trading {
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 30px;
    background: var(--color-highlight);
    color: #fff;
}
.img-calendar {
    position: relative;
    padding-top: 64%;
    border: 1px solid #0f5da2;
    border-radius: 4px;
}
.img-calendar .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.img-calendar .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.calendar {
    margin-bottom: 3rem;
}
.list-tinhieu {
    padding: 2rem;
    border-radius: 4px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.list-tinhieu:before {
    content: "";
    background: #072c4a94;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.list-tinhieu .title-section {
    color: #fff;
}
.list-tinhieu .list-trading .trading-item {
    padding: 0.5rem 1.5rem;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    margin-top: 1rem;
}
.list-tinhieu .list-trading .trading-item[data-toggle=modal] {
    cursor: pointer;
}
.form-contact {
    padding: 1.5rem;
    border: 1px solid #E5E5E5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.form-contact .form-control {
    border-radius: 4px;
    margin-bottom: 1rem;
}
.form-contact .btn {
    width: 100%;
    border-radius: 4px;
}
.form-contact textarea.form-control {
    height: 9.4rem;
}
.list-tinhieu .list-trading .trading-item img {
    height: 44px !important;
}

.list-tinhieu .list-trading .trading-item .side {
    text-align: center;
    border-radius: 14px;
}
.list-tinhieu .list-trading .trading-item .trading-left .title {
    font-size: 16px;
    margin-bottom: 0;
    color: #000;
}
.list-tinhieu .list-trading .trading-item .trading-right .take-percent .percent {
    font-size: 15px;
    margin-bottom: 0;
    color: #000;
}
.list-tinhieu .list-trading .trading-item .trading-left .price-loss>li {
    color: #000;
}

.list-tinhieu .list-trading .trading-item .trading-right .take-percent .take {
    color: #000;
}
.list-tinhieu .list-trading {
    height: 45rem;
    overflow-y: auto;
    padding-right: 4px
}
.list-tinhieu .list-trading .trading-item .item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex: 1;
}
.list-tinhieu .list-trading::-webkit-scrollbar-track {
    background-color: transparent;
}
.list-tinhieu .list-trading::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}
.list-tinhieu .list-trading::-webkit-scrollbar-thumb {
    background-color: var(--color-highlight);
    border-radius: 2px;
}
.list-tinhieu .list-trading .trading-item:first-child {
    margin-top: 0;
}
.list-tinhieu .modal-tinhieu .trading-item {
    box-shadow: none !important;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem;
}
.modal-tinhieu .modal-dialog {
    max-width: 800px;
}
.modal-tinhieu .modal-title {
    font-size: 19px;
    font-weight: bold;
}
.modal-tinhieu .img {
    position: relative;
    padding-top: 60%;
}
.modal-tinhieu .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: content;
}
.modal-tinhieu .list-trading .trading-item {
    background: transparent;
    color: #000;
}
.modal-tinhieu .trading-item {
    background: transparent;
    color: #000;
    margin: 1rem 0;
    padding: 0 0 15px 0;
}
.modal-tinhieu .trading-item .trading-left .title {
    color: #000;
}

.modal-tinhieu .trading-item .trading-left .price-loss>li {
    color: #000;
}
.modal-tinhieu .trading-item .trading-right .take-percent .percent {
    color: #000;
}
.modal-tinhieu .trading-item .trading-right .take-percent .take {
    color: #000;
}
.list-new.list-last {
    margin-top: 3rem;
}
.section-community .list-new .article>.row>div[class*=col-]:last-child {
    padding-left: 0;
}
.list-new.list-last .article-title {
    font-size: 16px;
}
.list-new.list-last .article .inner-content .category {
    margin-bottom: 5px;
}
.comment-section .customer-info {
    display: none;
}
.btn-emoji {
    padding: 0;
}
.dropdown-emoji.show {
    right: 20px;
    left: initial !important;
    min-width: 15rem;
    padding: 6px;
}
.dropdown-emoji>li {
    display: flex;
    align-items: center;
}
.dropdown-emoji>li>[emoji-item] {
    cursor: pointer;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
    font-size: 16px;
}
.comment-info {
    display: flex;
    align-items: flex-start;
}
#modalBaoCaoViPham .modal-dialog {
    max-width: 420px;
}

#modalBaoCaoViPham .modal-header {
    font-weight: bold;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

#modalBaoCaoViPham .modal-header .modal-title {
    font-weight: bold;
}

#modalBaoCaoViPham .modal-header .close {
    position: absolute;
    top: 13px;
    right: 10px;
    color: #000;
}

#modalBaoCaoViPham .modal-body {
    padding: 2rem 3rem;
}

#modalBaoCaoViPham .form-group {
    margin-bottom: 1.5rem;
}

#modalBaoCaoViPham .btn-submit {
    background: var(--color-main);
    border-color: var(--color-main);
}
#modalBaoCaoViPham .btn-submit:hover {
    background: var(--color-highlight);
    border-color: var(--color-highlight);
    color: #fff;
}
.tab-filter {
    display: flex;
    margin-bottom: 3rem;
    border-bottom: 1px solid #e3e3e3;
}

.tab-filter span {
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.tab-filter span.active {
    font-weight: bold;
    color: var(--color-highlight);
}
.comment-info .inner-content .text-content {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng mà bạn muốn hiển thị */
    -webkit-box-orient: vertical;
}

.comment-info .inner-content .text-content.expanded {
    -webkit-line-clamp: unset;
    display: block;
}

#read-more-cm {
    color: var(--color-highlight);
    cursor: pointer;
    display: none; /* Ban đầu ẩn nút "Đọc thêm" */
}
.section-community .list-new {
    margin-top: 0;
}
.section-community .list-new.list-last {
    margin-top: 3rem;
}
.section-community .list-new .article {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}
.section-community .list-new .article:last-child {
    padding: 0;
    margin: 0;
    border: 0;
}
.section-community .list-new.list-last>div[class*=col-] {
    position: relative;
}
.section-community .list-new.list-last>div[class*=col-]:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 80%;
    border-right: 1px dashed #c5c5c5;
    transform: translateY(-50%);
}
.section-community .list-new.list-last>div[class*=col-]:last-child:before {
    display: none;
}
.list-new .article .number-comment {
    color: #333;
}
.list-new .article .number-comment:hover {
    color: var(--color-highlight);
}
.icon-fe {
    display: block !important;
    position: absolute;
    top: -6px;
    right: -10px;
    background: var(--color-highlight);
    color: #000;
    padding: 2px 4px;
    border-radius: 4px;
    margin-left: 4px;
    font-size: 7px;
}
.icon-fe:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    transform: rotate(45deg);
    bottom: -3px;
    z-index: 0;
    left: 14%;
    background: var(--color-highlight);
}
.trading-bottom {
    margin-bottom: 1.5rem;
}
.trading-bottom .author svg {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-right: 5px;
}
.trading-bottom .author svg path {
    fill: var(--color-main);
}
.modal-tinhieu .trading-item {
    margin-bottom: 0 !important;
}
.modal-tinhieu .btn-trading {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.modal-tinhieu .btn-trading>a {
    padding: 2px 4px;
    border-radius: 30px;
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
    color: #fff;
    min-width: 100px;
    text-align: center;
    margin-bottom: 5px;
}
.list-trading.trading-detail {
    margin-bottom: 2rem;
}
.list-trading.trading-detail .trading-item {
    margin-top: 0;
    margin-bottom: 2rem;
}
.list-trading.trading-detail img {
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .container {
        width: 100%;
    }
    .table-price .tab-pane {
        overflow-x: auto;
    }
    .nav-tabs>li>a {
        padding: 4px 10px;
        font-size: 13px;
    }
    .top-header {
        padding: 5px 0;
        border-bottom: 1px solid #ddd;
    }
    .top-header>.container>.row>div[class*=col-]:first-child {
        padding-right: 15px;
    }
    .top-left {
        padding: 0;
        border: 0;
        text-align: center;
    }
    .header-logo .logo img {
        width: auto;
        height: 42px;
    }
    .header-logo {
        padding: 5px 0;
    }
    .header-logo>.container>.row {
        align-items: center;
    }
    .menu-mobile a {
        font-size: 24px;
        color: #34425a;
    }
    .top-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        list-style: none;
        border: 0;
        padding: 0;
        margin: 0;
        margin-right: 15px;
    }
    .top-right li {
        margin-left: 15px;
    }
    .top-right a {
        font-size: 19px;
        color: #34425a;
        background: transparent;
        border: 0;
    }
    .slider-main>.container, .slider-main>.container>.row>div[class*=col-] {
        padding: 0;
    }
    .slider-main>.container>.row {
        margin: 0;
    }
    .list-new .article .inner-content .category {
        font-size: 12px;
        margin-bottom: 0;
    }
    .list-new .article .inner-content .category .time {
        display: none;
    }
    .section-new .news {
        margin-bottom: 20px;
    }
    .section-new .list-new .article>.row>div[class*=col-]:last-child {
        padding-left: 0;
    }
    .section-new .list-new .article .article-title {
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
    }
    .section-banner {
        margin: 20px 0;
    }
    .section-banner .banner {
        padding-top: 37%;
    }
    .section-main-new {
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }
    .section-main-new .article .inner-content .category {
        display: flex;
    }
    .section-main-new .article .inner-content .category .time {
        display: block;
    }
    .section-main-new .article .inner-content {
        padding-top: 15px;
    }
    .section-community .section-new {
        margin-top: 0;
    }
    .section-community .article .category {
        margin-bottom: 5px;
    }
    .section-community .list-new .article .article-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
    }
    .section-share .article {
        margin-bottom: 20px !important;
    }
    .header-logo .logo {
        text-align: center;
    }
    .header-logo>.container>.row>div[class*=col-]:first-child {
        flex: 0 0 38%;
        max-width: 38%;
    }
    .header-logo>.container>.row>div[class*=col-]:last-child {
        flex: 0 0 62%;
        max-width: 62%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .menu-container, .search {
        background: transparent;
        padding: 0;
    }
    .btn-menu-mobile {
        color: var(--color-main);
    }
    .search .icon {
        color: #000;
        background: transparent;
        width: 100%;
        height: 100%;
    }
    .tradingview-widget {
        margin: 8px 0;
    }
    .calendar {
        margin-top: 20px;
    }
    .section-community {
        margin-bottom: 30px;
    }
    .footer-register {
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-register a {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        padding-left: 15px;
        padding-right:  15px;
    }
    .menu-section ul {
        display: block;
        margin-right: 0;
    }
    .menu-section > ul > li > a {
        color: #000;
    }
    .article.article-page .inner-content .category .time {
        display: inline-block;
    }
    .article.article-page .inner-content .category {
        font-size: 14px;
    }
    .article.article-page .inner-content .article-title {
        font-weight: 500;
        font-size: 18px;
        text-align: justify;
    }
    .footer-menu>.container>.row>div {
        display: flex;
        justify-content: space-between;
    }
    .list-type {
        margin-bottom: 30px;
    }
    .section-main-new .list-new {
        margin-bottom: 2rem;
    }
    .section-table-price {
        /*padding-top: 0;*/
        /*margin-bottom: 2rem;*/
    }
    .list-trading .trading-item, .list-tinhieu .list-trading .trading-item .item-info {
        flex-direction: column;
        align-items: normal;
    }
    .list-trading .trading-item .trading-left {
        width: 100%;
        margin-bottom: 5px;
    }
    .list-trading .trading-item .trading-right {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .list-trading .trading-item .trading-right .take-percent {
        text-align: left;
    }
    .list-trading .trading-item .trading-left .title {
        font-size: 18px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 5px;
        color: #fff;
    }
    .list-trading .trading-item .trading-right .take-percent .percent {
        margin-bottom: 0;
        font-size: 18px;
    }
    .list-tinhieu .list-trading .trading-item .trading-left .title {
        font-size: 14px;
    }
    .list-trading {
        margin-bottom: 3rem;
    }
    .news-featured .list-new .article>.row>div[class*=col-] {
        padding-left: 8px;
        padding-right: 8px;
    }
    .news-featured .list-new .article>.row {
        margin-left: -8px;
        margin-right: -8px;
    }
    .news-featured .list-new .article .article-title {
        font-size: 15px;
    }
    .section-community .list-new.list-last {
        margin-top: 0;
    }
    .section-community .list-new.list-last .article:last-child {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px dashed #ddd;
    }
    .list-community .banner {
        padding-top: 48%;
        margin-bottom: 2rem;
    }
    .list-type .article {
        margin-bottom: 1rem !important;
    }
    .menu-section .entry-menu.dropdown {
        background: #fff;
    }
    .menu-section .menu-link {
        color: #000;
    }
}
.table-chart-header tbody {
    line-height: 30px;
    font-size: 13px;
}
.table-chart-header tbody tr:first-child td {
    border: 0;
}
.table-chart-header tbody tr td:first-child {
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    text-align: left;
}
.table-chart-header tbody tr td {
    padding: 2px 0;
    text-align: right;
    vertical-align: middle;
    line-height: 24px;
}
.table-chart-header tbody tr {
    cursor: pointer;
}
.table-chart-header tbody tr td:first-child:before {
    content: '';
    background: #d9d9d9;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 4px;
    height: 18px;
    transform: translateY(-50%);
}
.table-chart-header tbody tr.active td:first-child:before,
.table-chart-header tbody tr:hover td:first-child:before{
    background: #0f5da2;
}
.table-chart-header tbody tr.minus td:nth-child(3),
.table-chart-header tbody tr.minus td:nth-child(4){
    color: #da374a;
}
.table-chart-header tbody tr.plus td:nth-child(3),
.table-chart-header tbody tr.plus td:nth-child(4){
    color: #28a745;
}
.header-md-chart>.row {
    margin-right: -5px;
    margin-left: -5px;
}
.header-md-chart>.row>div[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
ul.thitruong {
    max-height: 187px;
    border-left: 1px solid #E5E5E5;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-md-chart img {
    width: 100%;
    height: 100%;
    padding: 0 10px;
}
.thitruong li {
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    height: 34px;
    border-color: #E5E5E5;
}
.thitruong li.plus span:last-child {
    color: #28a745;
}
.thitruong li.minus span:last-child {
    color: #da374a;
}
.thitruong li:last-child {
    border-bottom: 0;
}
.thitruong li>span {
    font-size: 13px;
    padding: 0 10px;
}
.thitruong li>span:last-child {
    color: #333;
    font-weight: 400;
}
.thitruong li>span a {
    color: #000;
    font-weight: 500;
}
.middle-header>.container>.row>div[class*=col-]:first-child {
    padding-right: 0;
}
.middle-header>.container>.row>div[class*=col-]:last-child {
    padding-left: 0;
}
.title-header-middle {
    padding: 8px 0 8px 15px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
    border-bottom: 1px solid #c9c9c9;
    font-size: 14px;
}
.title-header-middle a {
    color: #000000;
    display: flex;
    align-items: center;
}
.title-header-middle a>i {
    color: #00873c;
    margin-left: 5px;
}
.list-header-new .article {
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 7px 0;
    border-bottom: 1px solid #c9c9c9;
}
.list-header-new .article .post-time {
    flex: 0 0 55px;
    max-width: 55px;
    color: #646464;
    text-align: center;
    font-weight: 500;
}
.list-header-new .article .post-title {
    font-size: 13px;
}
.list-header-new .article .post-title>a {
    color: #000;
    font-weight: 500;
}
.list-header-new {
    max-height: 102px;
    overflow-y: auto;
}
.list-header-new::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
.list-header-new::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
.list-header-new::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
}
.form-search {
    height: 100%;
}
.form-search .input-group {
    align-items: center;
    height: 100%;
}
.form-search .input-group input.form-control {
    height: 34px;
    border-radius: 4px;
    border-color: #ddd;
}
.form-search .input-group button.btn {
    height: 34px;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #ddd;
    border-left: 0;
}
.news-featured .main-new .article .article-desc {
    font-size: 15px;
    margin-bottom: 5px;
}
.topevent {
    display: flex;
    margin-top: 15px 0 10px;
}
.topevent .icon {
    margin-right: 10px;
}
.topevent .list-event {
    white-space: nowrap;
    box-sizing: content-box;!;
    overflow-x: scroll;
}
.topevent .list-event::-webkit-scrollbar-track {
    background-color: transparent;
}
.topevent .list-event::-webkit-scrollbar {
    height: 8px;
    background-color: transparent;
}
.topevent .list-event::-webkit-scrollbar-thumb {
    display: none;
    background-color: #e8a66c;
    border-radius: 4px;
}
.topevent .list-event:hover::-webkit-scrollbar-thumb {
    display: block;
}
.topevent .list-event a {
    background: #F3F2F7;
    color: #757575;
    margin-right: 10px;
    padding: 2px 10px;
    border-radius: 12px;
    display: inline-block;
}
.table-chart-header {
    margin-bottom: 0;
}
.header-title .view-more {
    color: var(--color-main);
    font-weight: 500;
}
.header-title .view-more {
    color: var(--color-main);
    font-weight: 500;
}
.table-top-tinhieu {
    border: 1px solid #F7F7F7;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F7F7F7;
    padding: 5px 10px;
}
.table-top-tinhieu table {
    margin-bottom: 0;
}
.table-top-tinhieu thead th {
    padding: 5px 0;
    border-bottom: 1px solid var(--color-main);
}
.table-top-tinhieu tbody td {
    padding: 4px 0;
}
.table-top-tinhieu td.name {
    color: #000;
    font-weight: 600;
}
.article-gocnhin-chuyengia {
    border: 1px solid #F7F7F7;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F7F7F7;
    padding: 10px;
}
.article-gocnhin-chuyengia .article:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.article-gocnhin-chuyengia .article .post-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.article-gocnhin-chuyengia .article .post-title>a {
    color: #000;
}
.article-gocnhin-chuyengia .author-info {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}
.article-gocnhin-chuyengia .author-info .avatar {
    flex: 0 0 43px;
    max-width: 44px;
    height: 44px;
}
.article-gocnhin-chuyengia .author-info .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.article-gocnhin-chuyengia .author-info .info {
    flex: 0 0 calc(100% - 44px);
    max-width: calc(100% - 44px);
    padding-left: 10px;
}
.article-gocnhin-chuyengia .author-info .info h4 {
    font-size: 15px;
    margin-bottom: 0;
}
.article-gocnhin-chuyengia .author-info .info .position {
    color: #757575;
    font-size: 13px;
    font-style: italic;
}
.list-baocao .article .post-title {
    padding-left: 0;
}
.list-sidebar-new.list-baocao {
    overflow-y: auto;
    max-height: 360px;
}
.list-sidebar-new.list-baocao::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
.list-sidebar-new.list-baocao::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
.list-sidebar-new.list-baocao::-webkit-scrollbar-thumb {
    background-color: #d8000e;
}
.list-sidebar-new.list-docnhieu {
    background: #F7F7F7;
    display: flex;
    flex-wrap: wrap;
}
.list-sidebar-new.list-docnhieu .article {
    flex: 0 0 50%;
    max-width: 50%;
    border-bottom: 1px dashed #d9d9d9;
    border-right: 1px dashed #d9d9d9;
    margin-bottom: 0;
    padding: 8px 10px;
}
.list-sidebar-new.list-docnhieu .article:nth-child(2n) {
    border-right: 0
}
.list-sidebar-new.list-docnhieu .article:nth-child(9),
.list-sidebar-new.list-docnhieu .article:nth-child(10) {
    border-bottom: 0;
    padding-bottom: 0;
}
.list-sidebar-new.list-docnhieu .article .post-number {
    flex: 0 0 25px;
    width: 25px;
    color: #000;
}
.bk-dac-sac {
    background: #26292D;
    padding: 2rem;
    border-radius: 4px;
}
.bk-dac-sac .header-title {
    background: transparent;
    padding: 0;
    margin-bottom: 2rem;
}
.bk-dac-sac .header-title .title-section {
    color: #fff;
}
.bk-dac-sac .article .inner-image {
    margin-bottom: 1.5rem;
}
.bk-dac-sac .article .article-title a {
    color: #fff;
}
.bk-dac-sac .swiper-button-next {
    top: 34%;
    right: 0;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.7);
}
.bk-dac-sac .swiper-button-next i, .swiper-button-prev i {
    font-size: 18px;
    margin: 0;
    color: #fff;
}
.bk-dac-sac .swiper-button-prev {
    top: 34%;
    left: 0;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.7);
}
.news-featured.news-congdong .main-new-1 .article {
    display: flex;
    flex-wrap: wrap;
}
.news-featured.news-congdong .main-new-1 .article .inner-image {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 32%;
}
.news-featured.news-congdong .main-new-1 .article .inner-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
}
.news-featured.news-congdong>.row>div[class*=col-]:last-child {
    border-left: 1px solid #ddd;
}
.news-featured.news-congdong {
    margin-top: 15px;
}
.section-sticky>.container>.row {
    position: static;
}
.section-sticky .position-sticky {
    position: sticky;
    top: 80px;
    right: 0;
    z-index: 9;
}
.social-facebook {
    color: #fff;
    margin-right: 10px;
    font-size: 21px;
    display: flex;
    align-items: center;
}
.footer-main .social {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.footer-main .social a img {
    filter: brightness(0) invert(1);
    height: 19px;
}
.page-detail .table-top-tinhieu {
    margin-bottom: 20px;
}
.list-type .title-section {
    margin-bottom: 15px;
}
.article-detail {
    position: relative;
}
.menu-footer .section-footer>ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.sticky-share {
    left: 60px;
    margin-left: -60px;
}
.menu-footer .section-footer>ul>li {
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
}
.menu-footer.menu-trending {
    padding: 0 0 0 20px;
    border-left: 1px solid rgba(255,255,255,0.2);
}
.menu-footer.menu-trending .section-footer>ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}
.menu-footer.menu-trending .section-footer>ul>li {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    padding: 4px 15px;
    margin: 0 5px 10px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: auto;
}
.menu-footer.menu-trending .section-footer>ul>li a {
    padding: 0;
}
.company-info {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company-info .sub-address .item {
    display: flex;
    align-items: center;
    padding: 6px 0;
}
.company-info .item:last-child {
    padding-right: 0;
    border-right: 0;
}
.company-info .item .icon {
    flex: 0 0 25px;
    width: 25px;
}
.company-info .item .icon i {
    font-size: 16px;
    color: #fff;
}
.company-info .item .inner {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(100% - 25px);
    max-width: calc(100% - 25px);
    padding-left: 10px;
    line-height: 1.4;
}
.company-info .item .inner .title, .company-info .item .inner .title a {
    color: #000;
    font-weight: 600;
}
.company-info .item .inner .text {
    font-size: 13px;
    color: #676767;
}
.title-footer {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
}
.title-footer img {
    margin-right: 5px;
}
.menu-footer.menu-trending .title-footer {
    margin-bottom: 10px;
}
.article-gocnhin-chuyengia .article .post-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    color: #757575;
}
.article-desc {
    text-align: justify;
    color: #757575;
}
.catalogue-wrapper .list-social-share .btn-social>a {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.catalogue-wrapper .list-social-share .btn-social a {
    font-size: 19px;
    line-height: 1;
    color: #92908b;
}

.catalogue-wrapper .list-social-share .btn-social>a:hover {
    background: var(--color-main);
    border: 1px solid var(--color-main);
    color: #fff;
}
.bk-dac-sac .header-title .view-more {
    color: #fff;
}
.page-article-detail .list-sidebar-new {
    margin-bottom: 20px;
}
.page-article-detail .bk-dac-sac {
    margin-top: 20px;
}
#video-modal .modal-body {
    position: relative;
    padding-top: 67% !important;
}
#video-modal .modal-body iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini-member {
    color: #fff;
}
.mini-member>a {
    /*background: #dd0f2d;*/
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
}
.mini-member>a i {
    margin-right: 5px;
}
#modalSearch .list-menu {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}
#modalSearch .list-menu h4 {
    font-size: 15px;
}
#modalSearch .list-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#modalSearch .list-menu ul>li>a {
    color: #333;
}
.logo-company {
    padding: 10px 15px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 20px;
}

.logo-company .title-section {
    text-align: center;
    padding-left: 0;
    text-transform: initial;
    margin-bottom: 20px;
}

.logo-company .title-section:before {
    display: none;
}
.logo-company .image {
    position: relative;
    padding-top: 48%;
    /*border: 1px solid #ddd;*/
    margin-bottom: 10px;
    border-radius: 4px;
}

.logo-company .image>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*padding: 4px;*/
}

.logo-company .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.btn-loadmore {
    background: #fb5567;
    color: #fff;
    padding: 7px 15px;
    border-radius: 4px;
    text-transform: uppercase;
}
.btn-loadmore:hover {
    background: var(--color-highlight);
    color: #fff;
}
#market-research-modal .modal-dialog {
    max-width: 400px;
}
#market-research-modal .modal-body {
    padding: 3rem;
    text-align: center;
}
#market-research-modal .modal-body>p {
    font-size: 19px;
    color: #000;
    margin-bottom: 3rem;
    text-transform: uppercase;
}
#market-research-modal .modal-body .action a {
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    margin-left: 5px;
    border: 1px solid #fff;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
}
#market-research-modal .modal-body .action a:hover {
    background: var(--color-highlight);
}
body.member.layout-login header, body.member.layout-login footer {
    display: none;
}
.modal-backdrop {
    z-index: 99;
}
.bg-login {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-login>.container {
    max-width: 930px;
}
.layout-login .page-member {
    background: linear-gradient(290.8deg,#005ac0 -10.9%,#0077ff 17.77%,#00f0ff 84.01%);
    height: 100%;
    min-height: 100vh;
}
.box-member {
    background: #fff;
    padding: 4rem 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
}
.box-member .form-login {
    width: 37rem;
}
.box-member .middle-line {
    margin: 0 2rem;
}
.box-member .middle-line img  {
    width: auto;
    height: 100%;
}
.layout-login .page-member>.row, .layout-login .page-member>.row>div[class*=col-], .layout-login .page-member>.row>div[class*=col-]>div {
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
.box-member .logo-login .logo img {
    height: 74px;
}
.box-member .logo-login .title-login {
    font-weight: bold;
    margin-bottom: 3rem;
    margin-top: 2rem;
}
.box-member .form-group {
    margin-bottom: 1.5rem;
}
.box-member .form-group label {
    font-weight: 500;
    font-size: 15px;
}
.box-member .form-group .form-control {
    background: #e8f0fe;
    border-radius: 8px;
    border: 0;
    height: 44px;
    border-left: 3px solid var(--color-main);
}
.box-member .forgot-password {
    text-align: right;
    display: inline-block;
    width: 100%;
    color: #000;
    font-weight: 500;
    margin: 0.5rem 0 1.5rem 0;
}
.box-member .btn-submit {
    background: linear-gradient(90deg, rgba(0,132,131,1) 0%, rgba(0,178,83,1) 100%);
    border: 0;
    border-radius: 8px;
}
.box-member .btn-submit:hover {
    background: var(--color-highlight);
    color: #fff;
}
.box-member .link-register {
    color: var(--color-main);
    font-weight: 500;
}
.box-member .policy {
    color: #333;
    font-size: 15px;
    margin-top: 3rem;
}
.box-member .policy a {
    color: var(--color-main);
    text-decoration: underline;
}
.page-detail .logo-company, .page-article-detail .logo-company, .page-detail .position-sticky, .page-article-detail .position-sticky {
    margin-top: 2rem;
}
.page-detail .news-featured {
    margin-bottom: 4rem;
}
.page-detail .article.article-page, .page-article-detail .article.article-page {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.page-article-detail .article.article-page:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.page-detail .article.article-page .inner-image,
.page-article-detail .article.article-page .inner-image {
    margin-bottom: 0;
}
.page-article-detail .block-docnhieu {
    margin-top: 2rem;
}
.mini-member .dropdown-menu {
    background: #333;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.title-section span.icon-fe {
    right: -20px;
    margin: 0;
    top: -12px;
}
.title-section span.icon-fe::before {
    left: 45%;
}
.list-sidebar-new .article .post-title.line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.article-detail li::marker {
    font-size: 18px;
}
#login-modal .box-member {
    padding: 2rem;
}
#login-modal .bg-login {
    min-height: 100%;
    background-image: none;
}
.company-info .address a {
    color: #fff;
}
.section-new-featured .news-featured .list-new .article .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.text-underline {
    text-decoration: underline;
}
.header-md-chart .svg-chart {
    display: none;
}
.header-md-chart .svg-chart.active {
    display: block;
    height: 100%;
}
#filter-post .form-control {
    height: 34px;
    border-radius: 2px;
    border-color: #ddd;
}
#filter-post .form-group label {
    font-weight: 500;
}
#filter-post .bootstrap-select>.dropdown-toggle {
    height: 34px;
    padding: 6px 10px;
    border-radius: 2px;
    background: #fff;
    border-color: #ddd;
}
#page-market-research .table-striped tbody tr {
    background: #fff;
}
#page-market-research .table-striped thead tr {
    background: #fff;
}
#page-market-research .table-striped tbody tr:nth-child(2n) {
    background: #f2f2f2;
}
.btn-filter {
    background: linear-gradient(90deg, rgba(0, 132, 131, 1) 0%, rgba(0, 178, 83, 1) 100%);
    color: var(--white);
    border: 0;
    margin-top: 26px;
    height: 34px;
    line-height: 20px;
    border-radius: 2px;
}
.top-chuyengian {
    margin-bottom: 1.5rem;
}
.top-chuyengian .list {
    padding: 10px 15px;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.top-chuyengian .list .item {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    text-align: center;
    margin-bottom: 10px;
}
.top-chuyengian .list .item .avatar {
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 8px;
}
.top-chuyengian .list .item .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.top-chuyengian .list .item .info h4 {
    font-size: 14px;
    margin-bottom: 0;
}
.top-chuyengian .list .item .info .position {
    color: #757575;
    font-size: 13px;
    font-style: italic;
}
.header-company {
    font-size: 9px;
    margin-top: 4px;
    color: #122754;
    text-transform: uppercase;
}
.chart-item>canvas {
    height: 144px !important;
}
#filter-post .input-daterange .input-group-addon {
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    padding: 0 5px;
    color: #333;
}
#filter-post .input-daterange .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#filter-post .input-daterange .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-bc .modal-dialog {
    max-width: 700px;
}
.modal.show .modal-body {
    padding: 2rem;
}
.modal.show .modal-body .modal-title {
    font-size: 24px;
    margin-bottom: 1.5rem;
}
.modal.show .modal-body .inner-content .desc {
    margin-top: 2rem;
}
.modal.show .modal-body .inner-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.modal.show .modal-body .inner-content ul>li {
    font-size: 15px;
    margin-bottom: 0.5rem
}
.modal.show .modal-body .inner-content ul>li>span {
    font-weight: 500;
    width: 110px;
    display: inline-block;
}
#page-market-research table tr td a {
    color: #000;
}
.box-layout-member {
    border: 1px solid #F7F7F7;
    background: #F7F7F7;
    padding: 10px;
    border-radius: 4px;
    margin-top: 2rem;
}
.box-list-price .item-pk .name-sd {
    color: #fff;
    text-align: center;
    font-size: 23px;
    margin-bottom: 10px;
}

.box-list-price.box-list-price-idx .item-pk {
    padding-top: 40px;
    margin-top: 0;
    padding: 30px 30px 30px;
    border-radius: 8px;
}

.box-video-indi .video {
    position: relative;
    padding-top: 56%;
}
.box-list-price.box-list-price-idx .item-pk .content>ul>li {
    font-size: 17px;
}
.box-video-indi .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.box-indicated-03 {
    margin-bottom: 50px;
}

.box-indicated-04 {
    margin-bottom: 50px;
}

.box-list-price.box-list-price-idx .item-pk .content>ul>li.no:before {
    display: none;
}
.box-list-price.box-list-price-idx .item-pk .content>ul>li.no {
    font-weight: 700;
    font-size: 22px;
}
.box-indicated .item .img-icon {
    border-radius: 8px;
    overflow: hidden;
}
.box-list-price.box-list-price-member .item-pk {
    padding: 20px 15px 30px;
    height: 100%;
    margin-top: 0;
    border-radius: 10px;
}
.box-list-price .item-pk .name {
    font-size: 42px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}
.box-list-price .item-pk .price {
    text-align: center;
    font-weight: 700;
    font-size: 37px;
    margin-bottom: 15px;
}
.box-list-price .item-pk .name {
    font-size: 35px;
}
.box-list-price .item-pk .price {
    font-size: 29px;
}
.box-list-price .item-pk .content>ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
    color: #66aea5
}
.box-list-price .item-pk .content>ul>li {
    position: relative;
    color: #66aea5;
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
.box-list-price.box-list-price-member .item-pk .content>ul>li {
    font-size: 14px;
}
.box-list-price .top .name span {
    color: #ffffff;
}
.box-list-price .item-pk .content>ul>li:before {
    flex: 0 0 20px;
    content: '';
    margin-right: 10px;
    top: 4px;
    position: relative;
    background: url(https://hubtrading.com/templates/tradinghub01/assets/media/check_1.png);
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}
.box-list-price .item-pk.popular .top-popular {
    position: absolute;
    left: 50%;
    top: -17px;
    transform: translateX(-50%);
}
.box-list-price .item-pk.popular .top-popular span {
    background: #fdb642;
    padding: 3px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    font-size: 16px;
    display: inline-block;
}
.box-list-price .item-pk a.btn-all {
    background: #ffffff;
    background: linear-gradient(90deg, rgba(0, 132, 131, 1) 0%, rgba(0, 178, 83, 1) 100%);
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border: 0;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    cursor: pointer;
    text-transform: uppercase;
}
.member-package-section {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: #ededed;
    padding: 15px;
    border-radius: 8px;
    margin-top: 2rem;
}
.rounded-8 {
    border-radius: 8px;
}
.detail-user {
    margin: 3rem 0;
}
.detail-user .avatar {
    position: relative;
    padding-top: 76%;
}
.detail-user .avatar>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
}
.detail-user .info .position {
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
}
.detail-user .info .position>span {
    margin-right: 5px;
}
.detail-user .info .desc>p {
    margin-bottom: 0;
}
.detail-user .info .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 34px;
}
.detail-user .info .desc {
    background: #2392dd26;
    padding: 2rem;
    margin-top: 1rem;
    border-top: 3px solid #1b58c1;
    border-bottom: 3px solid #1b58c1;
}
.detail-user .avatar {
    position: relative;
    width: 100%;
    max-width: 433px;
    float: right;
}
.detail-user .avatar:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(240 101 84 / 50%);
    transform: rotate(-10.26deg);
    position: absolute;
    border-radius: 32px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.detail-user .avatar:after {
    content: "";
    position: absolute;
    top: -76px;
    right: -50px;
    width: 100%;
    height: 100%;
    background: url(https://media.hanghoaphaisinh247.vn/media/banner/startop.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100px;
}
.article-content {
    margin-bottom: 2rem;
}
.box-author {
    margin: 3rem 0;
    background: #f3f3f3;
    border-radius: 8px;
    border: 1px solid #dddd;
}
.box-author .top-info {
    padding: 15px;
}
.box-author .bottom-info .social {
    padding: 5px 10px;
    border-top: 1px solid #ddd;
}
.box-author .bottom-info .social a {
    display: inline-block;
    margin-right: 10px;
}
.box-author .bottom-info .social img {
    width: 30px;
    height: 30px;
}
.box-author .avatar {
    flex: 0 0 170px;
    max-width: 170px;
    padding: 0 10px;
}
.box-author .avatar img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}
.box-author .info {
    flex: 0 0 calc(100% - 180px);
    max-width: calc(100% - 180px);
    padding-left: 15px;
}
.box-author .info .desc p:last-child {
    margin-bottom: 0;
}
.box-author .info .header .title {
    font-weight: 600;
}
.box-author .info .header .position {
    font-weight: 600;
    font-size: 15px;
    font-style: italic;
}
.detail-user .social a img {
    width: 48px;
    height: 48px;
}
.detail-user .social {
    display: flex;
    flex-direction: column;
    width: 48px;
    position: absolute;
    left: 80px;
    bottom: 0;
}
.detail-user .contact {
    margin: 3rem 0;
}
.detail-user .contact .title {
    text-transform: initial;
    font-size: 18px;
    color: #1a52bf;
}
.detail-user .contact .info {
    display: flex;
}
.detail-user .contact .info .qr {
    flex: 0 0 150px;
    max-width: 150px;
    margin-top: -40px;
}
.detail-user .contact .info .qr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.detail-user .contact .info  .ct {
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
}
.detail-user .contact .info .ct a {
    color: #000;
    margin-right: 1rem;
    font-size: 16px;
}
.detail-user .contact .info .ct a>i {
    margin-right: 5px;
}
.detail-user .contact .info .ct a:hover {
    color: var(--color-main);
}
.article-content div, .article-content p, .article-content span, .article-content strong, .article-content a,
.box-cate-info div, .box-cate-info p, .box-cate-info span, .box-cate-info strong, .box-cate-info a {
    font-family: "Montserrat", serif !important;
}
.list-team .item {
    height: 100%;
}
.article-about-us .info .desc, .list-team .item .middle .desc  {
    text-align: justify;
}
.mb-20 {
    margin-bottom: 20px;
}
.article-about-us {
    margin-top: 3rem;
}
.company-info .item.item-register>a:not(:last-child) {
    margin-right: 5px;
}

.arcontactus-widget .arcontactus-message-button.pulsation {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message {
	width:60px;
	height:60px
}
.arcontactus-widget {
	opacity:0;
	transition:.2s opacity
}
.arcontactus-widget * {
	box-sizing:border-box
}
.arcontactus-widget.left.arcontactus-message {
	left:20px;
	right:auto
}
.arcontactus-widget.left .arcontactus-message-button {
	right:auto;
	left:0
}
.arcontactus-widget.left .arcontactus-prompt {
	left:80px;
	right:auto;
	transform-origin:0 50%
}
.arcontactus-widget.left .arcontactus-prompt:before {
	border-right:8px solid #FFF;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-bottom:8px solid transparent;
	right:auto;
	left:-15px
}
.arcontactus-widget.left .messangers-block {
	right:auto;
	left:0;
	-webkit-transform-origin:10% 105%;
	-ms-transform-origin:10% 105%;
	transform-origin:10% 105%
}
.arcontactus-widget.left .callback-countdown-block {
	left:0;
	right:auto
}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before {
	left:25px;
	right:auto
}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
	bottom:70px
}
.arcontactus-widget.md .arcontactus-prompt {
	bottom:5px
}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
	left:21px
}
.arcontactus-widget.md.left .arcontactus-prompt {
	left:70px
}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before {
	right:21px
}
.arcontactus-widget.md.right .arcontactus-prompt {
	right:70px
}
.arcontactus-widget.md .arcontactus-message-button .pulsation {
	width:74px;
	height:74px
}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message {
	width:50px;
	height:50px
}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
	bottom:60px
}
.arcontactus-widget.sm .arcontactus-prompt {
	bottom:0
}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
	left:16px
}
.arcontactus-widget.sm.left .arcontactus-prompt {
	left:60px
}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before {
	right:16px
}
.arcontactus-widget.sm.right .arcontactus-prompt {
	right:60px
}
.arcontactus-widget.sm .arcontactus-message-button .pulsation {
	width:64px;
	height:64px
}
.arcontactus-widget.sm .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button .static {
	margin-top:-16px
}
.arcontactus-widget.sm .arcontactus-message-button .callback-state {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.active {
	opacity:1
}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
	opacity:0;
	transform:scale(0)
}
.arcontactus-widget.arcontactus-message {
	z-index:10000;
	right:20px;
	bottom: 20px;
	position:fixed!important;
	height: 60px;
	width: 60px;
}
.arcontactus-widget .arcontactus-message-button {
	width: 60px;
	position:absolute;
	height: 60px;
	right:0;
	background-color: var(--color-main) !important;
	border-radius:50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer
}
.arcontactus-widget .arcontactus-message-button p {
	font-family:Ubuntu,Arial,sans-serif;
	color:#fff;
	font-weight:700;
	font-size:10px;
	line-height:11px;
	margin:0
}
.arcontactus-widget .arcontactus-message-button .pulsation {
	width:84px;
	height:84px;
	background-color: var(--color-main) !important;
	border-radius:50px;
	position:absolute;
	left: -12px;
	top: -12px;
	z-index:-1;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-animation:arcontactus-pulse 2s infinite;
	animation:arcontactus-pulse 2s infinite
}
.arcontactus-widget .arcontactus-message-button .icons {
	background-color:#fff;
	width:44px;
	height:44px;
	border-radius:50px;
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px
}
.arcontactus-widget .arcontactus-message-button .static {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-19px;
	margin-left:-26px;
	width: 49px;
	height: 49px;
	text-align:center
}
.arcontactus-widget .arcontactus-message-button .static img {
	display:inline
}
.arcontactus-widget .arcontactus-message-button .static svg {
	width:24px;
	height:24px;
	color:#FFF
}
.arcontactus-widget .arcontactus-message-button.no-text .static {
	margin-top:-12px
}
.arcontactus-widget .pulsation:nth-of-type(2n) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.arcontactus-widget .pulsation.stop {
	-webkit-animation:none;
	animation:none
}
.arcontactus-widget .icons-line {
	top:10px;
	left:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);
	-o-transition:cubic-bezier(.13,1.49,.14,-.4);
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-transform:translateX(30px);
	-ms-transform:translateX(30px);
	transform:translateX(30px);
	height:24px;
	transition:.2s all
}
.arcontactus-widget .icons,.arcontactus-widget .static {
	transition:.2s all
}
.arcontactus-widget .icons-line.stop {
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.arcontactus-widget .icons-line span {
	display:inline-block;
	width:24px;
	height:24px;
	color: var(--color-main) !important;
}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg {
	width:24px;
	height:24px
}
.arcontactus-widget .icons-line span i {
	display:block;
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span {
	margin-right:40px
}
.arcontactus-widget .icons.hide .icons-line {
	transform:scale(0)
}
.arcontactus-widget .icons .icon:first-of-type {
	margin-left:0
}
.arcontactus-widget .arcontactus-close {
	color:#FFF
}
.arcontactus-widget .arcontactus-close svg {
	-webkit-transform:rotate(180deg) scale(0);
	-ms-transform:rotate(180deg) scale(0);
	transform:rotate(180deg) scale(0);
	-webkit-transition:ease-in .12s all;
	-o-transition:ease-in .12s all;
	transition:ease-in .12s all;
	display:block
}
.arcontactus-widget .arcontactus-close.show-messageners-block svg {
	-webkit-transform:rotate(0) scale(1);
	-ms-transform:rotate(0) scale(1);
	transform:rotate(0) scale(1)
}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
	background:center no-repeat #FFF;
	box-shadow:0 0 10px rgba(0,0,0,.6);
	width:235px;
	position:absolute;
	bottom:80px;
	right:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	padding:14px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:7px;
	-webkit-transform-origin:80% 105%;
	-ms-transform-origin:80% 105%;
	transform-origin:80% 105%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:ease-out .12s all;
	-o-transition:ease-out .12s all;
	transition:ease-out .12s all;
	z-index:10000
}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before {
	position:absolute;
	bottom:-7px;
	right:25px;
	left:auto;
	display:inline-block!important;
	border-right:8px solid transparent;
	border-top:8px solid #FFF;
	border-left:8px solid transparent;
	content:''
}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt {
	color:#787878;
	font-family:Arial,sans-serif;
	font-size:16px;
	line-height:18px;
	width:auto;
	bottom:10px;
	right:80px;
	white-space:nowrap;
	padding:18px 20px 14px
}
.arcontactus-widget .arcontactus-prompt:before {
	border-right:8px solid transparent;
	border-top:8px solid transparent;
	border-left:8px solid #FFF;
	border-bottom:8px solid transparent;
	bottom:16px;
	right:-15px
}
.arcontactus-widget .arcontactus-prompt.active {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
	position:absolute;
	right:6px;
	top:6px;
	cursor:pointer;
	z-index:100;
	height:14px;
	width:14px;
	padding:2px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
	height:10px;
	width:10px;
	display:block
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
	border-radius:10px;
	display:inline-block;
	left:3px;
	padding:0;
	position:relative;
	top:4px;
	width:50px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
	position:relative;
	float:left;
	border-radius:50%;
	width:10px;
	height:10px;
	background:#ccc;
	margin:0 2px;
	-webkit-animation:arcontactus-updown 2s infinite;
	animation:arcontactus-updown 2s infinite
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
	animation-delay:.1s
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
	animation-delay:.2s
}
.arcontactus-widget .messangers-block.sm .messanger {
	padding-left:50px;
	min-height:44px
}
.arcontactus-widget .messangers-block.sm .messanger span {
	height:32px;
	width:32px;
	margin-top:-16px
}
.arcontactus-widget .messangers-block.sm .messanger span svg {
	height:20px;
	width:20px;
	margin-top:-10px;
	margin-left:-10px
}
.arcontactus-widget .messanger {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0;
	cursor:pointer;
	width:100%;
	padding:8px 20px 8px 60px;
	position:relative;
	min-height:54px;
	text-decoration:none
}
.arcontactus-widget .messanger:hover {
	background-color:#EEE
}
.arcontactus-widget .messanger:before {
	background-repeat:no-repeat;
	background-position:center
}
.arcontactus-widget .messanger.facebook span {
	background:#0084ff
}

.arcontactus-widget .messanger.email span {
	background:#ff8400
}
.arcontactus-widget .messanger.contact span {
	background:#7eb105
}
.arcontactus-widget .messanger.call-back span {
	background:#54cd81
}
.arcontactus-widget .messanger span {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-20px;
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#0084ff;
	margin-right:10px;
	color:#FFF;
	text-align:center;
	vertical-align:middle
}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg {
	width:24px;
	height:24px;
	vertical-align:middle;
	text-align:center;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-12px
}
.arcontactus-widget .messanger span i {
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .messanger p {
	margin:0;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:rgba(0,0,0,.87)
}
@-webkit-keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@media (max-width:468px) {
	.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message {
		width:auto;
		right:20px;
		left:20px
	}
}
@keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0,0)
	}
	25%,35% {
		transform:translate(0,-10px)
	}
}
@-webkit-keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0 0)
	}
	25%,35% {
		transform:translate(-10px 0)
	}
}
@keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@-webkit-keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@-webkit-keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform: scale(1)
	}
}

@media (max-width:992px){
	.arcontactus-widget.arcontactus-message {
	    bottom: 60px;
	}
}
@media (max-width: 767px) {
    .news-featured .main-new .article {
        display: block;
    }
    .main-new .article .inner-image {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 74%;
    }
    .main-new .article .inner-image img {
        object-fit: cover;
    }
    .main-new .article .inner-content {
        max-width: 100%;
    }
    .news-featured .list-new .article {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 15px;
        margin-bottom: 15px !important;
        border-bottom: 1px dashed #ddd;
    }
    .news-featured .list-new .article .inner-image {
        flex: 0 0 46%;
        max-width: 46%;
        padding-top: 32%;
        margin-bottom: 0;
    }
    .news-featured .list-new .article .inner-content {
        flex: 0 0 54%;
        max-width: 54%;
        padding-left: 15px;
    }
    .news-featured .list-new .article .article-title {
        font-size: 19px !important;
    }
    .topevent {
        margin: 5px 0 15px;
    }
    .article .inner-image {
        padding-top: 74%;
    }
    .list-new>.article .inner-content .description {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .list-new>.article.article-page {
        padding-bottom: 15px;
        border-bottom: 1px dashed #ddd;
    }
    .list-new .article .inner-image {
        margin-bottom: 0;
    }
    .page-detail .news-featured {
        margin-bottom: 0;
    }
    .list-new>.article {
        padding-bottom: 15px;
        margin-bottom: 15px !important;
        border-bottom: 1px dashed #ddd;
    }
    .list-new>.article:last-child {
        border-bottom: 0;
    }
    .article-gocnhin-chuyengia .article {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #ddd;
    }
    .article-gocnhin-chuyengia .article:last-child {
        border-bottom: 0;
    }
    .article-gocnhin-chuyengia .article .post-content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .article-gocnhin-chuyengia .article .post-content .post-desc {
        flex: 0 0 60%;
        max-width: 60%;
        height: 84px;
        -webkit-line-clamp: 4;
    }
    .article-gocnhin-chuyengia .article .post-content .author-info {
        flex: 0 0 40%;
        max-width: 40%;
        margin-top: 0;
        flex-direction: column;
    }
    .article-gocnhin-chuyengia .article .post-content .author-info .avatar {
        margin-bottom: 10px;
    }
    .article-gocnhin-chuyengia, .banner-sidebar {
        margin-bottom: 2rem;
    }
    .list-sidebar-new.list-docnhieu .article {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
        padding: 8px 0;
    }
    .list-sidebar-new.list-docnhieu .article:nth-child(9) {
        border-bottom: 1px dashed #d9d9d9;
    }
    .box-member .form-login {
        max-width: 100%;
        width: 100%;
    }
    .box-member .middle-line, .box-member .banner-right {
        display: none;
    }
    .box-member {
        padding: 3rem;
    }
    .header-logo {
        background: transparent;
    }
    .mini-member .dropdown-menu {
        background: #fff;
    }
    .mini-member a {
        color: #000;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .mini-member a>i {
        margin-right: 5px;
    }
    .mini-member .dropdown-menu {
        padding: 0;
        min-width: 11rem;
    }
    .mini-member .dropdown-menu>a {
        padding: 4px 10px;
        display: inline-block;
        width: 100%;
    }
    .section-search {
        padding: 5px 0 1rem 0;
        border-bottom: 1px solid #f4f4f4;
    }
    .form-search .input-group input.form-control {
        border-right: 0;
    }
    .article-title {
        margin-bottom: 1rem;
    }
    .section-table-price {
        margin: 2rem 0;
        padding: 0;
    }
    .article-desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
        color: #757575;
    }
    .news-featured.news-congdong .main-new-1 .article .inner-image {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 64%;
        margin-bottom: 15px;
    }
    .news-featured.news-congdong .main-new-1 .article .inner-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .news-featured.news-congdong .main-new-1, .news-featured.news-congdong .main-new-2 {
        padding-bottom: 15px;
        margin-bottom: 15px !important;
        border-bottom: 1px dashed #ddd;
    }
    .news-featured.news-congdong>.row>div[class*=col-]:last-child {
        border-left: 0;
    }
    .news-featured.news-congdong .list-new {
        margin-top: 0;
    }
    .menu-footer {
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .menu-footer .section-footer>ul {
        margin: 0 -10px;
    }
    .menu-footer .section-footer>ul>li {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu-footer.menu-trending {
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-left: 0;
        padding-top: 3rem;
        margin-bottom: 1rem;
    }
    .footer-bottom {
        margin-top: 20px;
    }
    .header-logo.main-menu.fixed {
        background: #fff;
        margin-bottom: 0 !important;
    }
    .row.no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    .page-detail .list-new>.article.article-page>.row,
    .page-article-detail .list-new>.article.article-page>.row{
        margin: 0;
    }
    .page-detail .list-new>.article.article-page>.row>div[class*=col-]:first-child,
    .page-article-detail .list-new>.article.article-page>.row>div[class*=col-]:first-child{
        flex: 0 0 46%;
        max-width: 46%;
        padding: 0;
    }
    .page-detail .list-new>.article.article-page>.row>div[class*=col-]:last-child,
    .page-article-detail .list-new>.article.article-page>.row>div[class*=col-]:last-child{
        flex: 0 0 54%;
        max-width: 54%;
        padding: 0;
        padding-left: 15px;
    }
    .page-detail .list-new>.article.article-page .inner-image,
    .page-article-detail .list-new>.article.article-page .inner-image{
        padding-top: 69.6%;
    }
    .btn-loadmore {
        margin-bottom: 3rem;
    }
    .page-detail .list-new>.article .inner-content .description,
    .page-article-detail .list-new>.article .inner-content .description{
        display: none;
    }
    .page-article-detail>.container>.row>div[class*=col-]:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .breadcrumbs-section {
        /* margin-bottom: 2rem; */
    }
    #login-modal .modal-dialog {
        max-width: 100%;
    }
    .article-gocnhin-chuyengia .author-info .info {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .icon-fe {
        top: -8px;
        right: -10px;
    }
    .icon-fe:before {
        bottom: -3px;
        left: 38%;
    }
    .home-banner-01 {
        margin-bottom: 20px;
    }
    
    
    .company-info {
        flex-direction: column;
        align-items: flex-start;
    }
    .company-info>div[class*=column-] {
        margin-bottom: 20px;
    }
    .company-info .item.item-register>a {
        font-size: 9px;
        padding: 5px 6px;
    }
    .sestion-highlight .list .item {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
    .sestion-cate .item {
        margin-bottom: 1.5rem;
        height: auto;
        padding: 1.5rem;
    }
    .sestion-cate {
        padding: 0;
    }
    .section-posts .main-post {
        margin-bottom: 15px;
    }
    .article .inner-content .category .article-category a {
        padding: 2px 6px;
    }
    .post-side .article-desc {
        display: none;
    }
    .post-side .article-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-align: justify;
        font-size: 15px;
    }
    .section-posts .action {
        margin-top: 0;
    }
    .banner-link {
        margin-top: 0;
    }
    .banner-link .item {
        margin-top: 15px;
    }
    .banner-link .item .image {
        padding-top: 47%;
    }
    .sestion-cate .item .inner-icon .title {
        font-size: 15px;
        margin-bottom: 0;
    }
    .sestion-cate .item .inner-icon .icon {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sestion-cate .item .inner-icon .info {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        text-align: center;
        margin-top: 5px;
    }
    .sestion-cate .item .inner-icon {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .sestion-cate .item {
        height: 100%;
        margin-bottom: 0;
    }
    .sestion-cate>.row>div[class*=col-] {
        margin-bottom: 20px;
    }
    .sestion-cate .item .inner-icon .info .short-desc {
        font-size: 12px;
    }
    .sestion-cate .item .inner-content .view-detail {
        font-size: 11px;
    }
    .sub-address.contact {
        flex-direction: column;
        align-items: flex-start;
    }
    .box-cate-info {
        padding-top: 3rem;
        margin-top: 3rem;
    }
    .article.article-page .inner-content .description {
        display: none;
    }
    .banner-about-us img, .img-globe img {
        width: 100%;
        height: auto;
    }
    .about-block-2-box {
        max-width: 245px;
        margin: 0 auto;
    }
    .about-block-2-bottom {
        grid-template-columns: 1fr;
        margin-top: 2rem;
    }
    .map-info {
        margin-top: 2rem;
    }
    .sestion-highlight .list .item .icon img {
        height: 64px;
    }
    .sestion-cate .item .inner-content .desc {
        font-size: 14px;
        margin-top: 5px;
        min-height: 63px;
        text-align: left;
    }
    .header-title .title {
        font-size: 22px;
    }
    .header-title .desc {
        font-size: 16px;
    }
    .box-cate-info img {
        width: 100%;
        height: auto;
    }
    .box-contact .left-contact {
        padding: 0 0 20px;
    }
    .box-contact .left-contact .main-title {
        font-size: 24px;
        margin-top: 15px;
    }
    .box-contact .left-contact .sub-title {
        font-size: 18px;
    }
    .view-sidebar .article .article-title, .section-questions .card .card-body {
        text-align: justify;
    }
    .article-content table tbody tr td {
        white-space: nowrap;
        padding: 0 10px;
    }
    .list-team .item {
        margin-bottom: 2rem;
    }
    .detail-user .contact .info .ct {
        display: flex;
        flex-direction: column;
    }
    .detail-user .social {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        left: 0;
        padding: 0 15px;
    }
    .detail-user .avatar {
        margin-bottom: 6rem;
    }
    .form-contact .desc {
        text-align: justify;
    }
    .sestion-highlight {
        margin-top: 2rem;
    }
    .section-posts {
        margin: 1rem 0 0;
    }
    .article-about-us .info .title {
        font-size: 21px;
        text-align: center;
    }
    .detail-user {
        margin: 1rem 0;
    }
    .detail-user .info .title {
        font-size: 24px;
    }
    .list-new.list-lien-quan .article.article-page {
        display: flex;
        flex-wrap: wrap;
    }
    .list-new.list-lien-quan .article.article-page .inner-image {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-top: 29%;
    }
    .list-new.list-lien-quan .article.article-page  .inner-content {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 15px;
    }
    .list-lien-quan .article.article-page .inner-content .article-title {
        margin-top: 0;
        font-size: 15px;
        font-weight: 600;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
    }
    .box-author .avatar {
        flex: 0 0 110px;
        max-width: 110px;
        padding: 0 5px;
    }
    .box-author .info {
        flex: 0 0 calc(100% - 110px);
        max-width: calc(100% - 110px);
        padding-left: 10px;
    }
    .box-author .info .header .title {
        font-size: 18px;
    }
    .box-author .avatar img {
        height: 100px;
    }
    .box-author .top-info {
        padding: 10px 15px;
    }
    .box-author .info .desc {
        text-align: justify;
    }
}