/*TYPOGRAPHY*/
body {
  font-family: "Roboto", sans-serif !important;
}
.main-menu.main-menu-lh-2 > nav > ul > li{
    line-height: 50px !important;
}
h1, h2, h3, h4, h5, h6, .font-heading, .display-1, .display-2, .heading-sm-1{
    font-family: "Roboto", sans-serif !important;
}
.main-menu > nav > ul > li > a {
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 15px !important;
}
a {
    color: #000000;
}
a:hover {
    color: var(--mainColor);
}
h3{
    font-family: "Roboto", sans-serif !important;
}
.logo.logo-width-1 a img{
    width: 100% !important;
    min-width: 165px !important;
    height: auto !important;
}
.header-style-1 .header-middle-ptb-1 {
    padding: 20px 0 15px 0 !important;
}
.heading-sm-2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
}

.list-item-sm-2 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: 25px;
}
:root{
    --mainColor: #1e4e87;
    --secondColor: #002a83;
    --thirdColor: rgb(69, 182, 73);
    --fourthColor: rgb(45, 135, 45);
    --fivethColor: #F9A825 ;
    --sixthColor: #1456a4;
    --seventhColor: #1456a4;
    --eighthColor: #f1f4f9;
    --ninthColor: #e3ebf1;
    --tenthColor: #f5f7fa;
}
.top-header-image{
  width: 250px; height: auto;
}
.text-muted{
    color: #161616 !important;
}
.bg-home{
    position: relative
}
.bg-index {
    /* background: linear-gradient(180deg, #fff 0%, #fff 100%); */
    background: transparent;
}
.bg-white{
    background-color: #ffffff !important;
}
.bg-yellow{
    background-color: #F8F5E9 !important;
}
.bg-drak{
    background-color: #1d2330 !important;
}
.bg-gray{
    background-color: #f1f4f9 !important;
}
.bg-featured{
    background-color: var(--tenthColor);
}
h1, h2, h3, h4, h5, h6, .font-heading, .display-1, .display-2, .heading-sm-1{
    color: #000000 !important;
}
.single-content p{
    color: #000000 !important;
}
.top-banner{
    /* height: 200px; */
    margin-top: 200px;
}
.bt-fiveColor{
    background-color: var(--fivethColor) !important;
}
.breadcrumb span::before {
  content: "/";
  font-family: "uicons-regular-straight" !important;
  display: inline-block;
  font-size: 15px;
}
.wrap-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.hero-slider-1 .single-hero-slider{
    border-radius: 0px !important;
}
.header-top-ptb-1 #news-flash{
    color: #fff !important;
    line-height: 14px;
}
.header-info > ul > li a {
    color: #fff !important;
}
.header-info-right{
    color: #fff !important;
}
.header-top-ptb-1 {
    background-color: var(--secondColor) !important;
}
.header-style-1.header-style-5 .header-bottom-bg-color{
    /* background-color: var(--mainColor) !important; */
    background: #fff !important;
}
.header-style-1.header-style-5 .main-menu > nav > ul > li > a{
    color: #000 !important;
}
.header-style-1.header-style-5 .header-bottom-bg-color .main-categori-wrap > a{
    /* background: var(--secondColor) !important; */
    background: #fff !important;
    width: 291px !important
}
.header-style-1 .search-style-2 form{
    border-radius: 35px !important;
}
.header-style-1 .select2-container--default .select2-selection--single{
    border-radius: 35px !important;
}
.header-style-1 .search-style-2 form input{
    border-radius: 35px !important;
}
.header-title-color h5{
    color: var(--mainColor) !important;
    font-size: 22px;
}
.hotline-bg-red{
    background-color: var(--secondColor) !important;
    padding: 6px 10px;
}
.categories-dropdown-wrap.style-2{
    background: #fff !important;
    width: 100%;
    border: none !important;
    margin-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.header-style-1 .main-categori-wrap > a.categories-button-active{
    line-height: 70px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.header-action-2{
    display: inline !important;
    text-align: center;
}
.header-right-3{
    display: flex;
    width: 40%;
}
.logo a img{
    height: 100px !important;
}
.language{
    height: 70px !important;
    max-width: 100px !important;
    height: auto;
}
/*COMPONENTS -> MISC*/
/*Countdown*/
.deals-countdown .countdown-section {
    margin-left: 2px;
    margin-right: 2px;
}
.section-padding{
    padding: 0px !important;
}
.p-5{
    padding: 15px 5px !important;
}
.padding-l-2{
    padding-left: 2px !important;
}
.padding-r-2{
    padding-right: 2px !important;
}
.detail-info .product-price .current-price{
    font-size: 42px !important;
}
.detail-info .product-price .old-price {
    font-size: 23px !important;
}
@media only screen and (max-width: 1024px) {
    .nav-tabs.links .nav-link {
        padding: 4px !important;
        /* background: var(--bs-teal); */
        margin: 5px;
    }
    .nav-tabs.links .nav-link:hover, .nav-tabs.links .nav-link.active{
        color: var(--bs-white);
    }
}
@media only screen and (max-width: 640px) {
    .popup-img{
        background-image: none !important;
    }
    .col-12{
        width: 50% !important;
    }
    .side-news-item .desc{
        display: none;
    }
}
.green-bg-grad{
        background-image: linear-gradient(rgb(45, 135, 45), rgb(21, 130, 71));
}
.text-w{
    color: #fff !important;
}
.text-gray{
    color: var(--ninthColor);
}
.p-all-15{
    padding: 15px !important;
}
.p-r-b-l-15{
    padding: 0px 15px 15px 15px !important;
}
.pt-30{
    padding-top: 30px !important;
}
.w-50-per{
    width: 50% !important;
}
.img-w-80-per{
    width: 80% !important;
}

.ladi-headline {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: rgb(0, 0, 0) 1px 2px 3px;
}
.ladi-box {
    border-radius: 1000px;
    background-color: rgb(13, 124, 63);
    width: 300px;
    margin: 0 auto;
}
.ladi-transition {
    transition: all 150ms linear 0s;
}
.icon-sm-1{
    width: 20px;
    height: 20px;
}
.section-title h3, h2{
    margin: 0 auto !important;
    color: #000 !important;
    font-family: "Roboto", sans-serif !important;
}

.about-count{
    border-radius: 0px;
}
.about-count {
  background: url(../imgs/imgs_candelete/home-bg-number.jpg) no-repeat center center;
}
.about-count::after {
  background-color: rgba(1, 141, 70, 0.709);
}
.team-card .content span{
    font-size:15px;
}
.team-card .content{
    background: var(--mainColor) !important;
    color: #fff !important;
    max-width: 85% !important;
}
.product-cart-wrap .product-content-wrap{
    text-align: center !important;
}
.product-cart-wrap .product-content-wrap h2 a{
    color: var(--mainColor) !important;
    text-transform: uppercase !important;
}
.carausel-4-columns-cover .carausel-4-columns-arrow{
    margin-top: -30px !important;
}
.modal-dialog.modal-width-sm {
  width: 500px;
  max-width: 500px !important;
}
.product-cart-wrap {
  border-radius: 0px;
}
.product-cart-wrap .product-img-action-wrap .product-img {
  border-radius: 0px;
}
.carausel-6-columns .product-cart-wrap {
  flex: 0 0 16.666%; /* 100 / 6 */
  max-width: 16.666%;
}
.hero-3 {
    position: relative;
    overflow: hidden;
}

.hero-3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgb(231 255 231 / 71%);
    z-index: 1;
}

.hero-3 .hero-content {
    position: relative;
    z-index: 2;
}
.hero-3 .nav-link {
    font-size: 16px !important
}
/*Buy Guide*/
.buying-guide {
  font-size: 15px;
  line-height: 1.8;
  color: #000000;
  margin: 0 auto;
  padding: 24px;
}

.buying-guide h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--mainColor) !important;
  margin-bottom: 10px;
}
.buying-guide h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
  color: #111827;
  margin-bottom: 10px;
}
.buying-guide h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 8px;
  color: var(--mainColor) !important;
}
.buying-guide p {
  margin-bottom: 12px;
  line-height: 32px;
}

.buying-guide ul {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 12px;
}

.buying-guide li {
  margin-bottom: 6px;
}

.buying-guide a {
  color: #0e7490;
  text-decoration: none;
}

.buying-guide a:hover {
  text-decoration: underline;
}

.buying-guide .icon {
  margin-right: 8px;
  color: #f43f5e; /* hồng nổi bật */
  font-size: 18px;
  vertical-align: middle;
}
/*End buying-guide*/
.tab-style3 .nav-tabs li.nav-item a{
    border: 1px solid var(--mainColor);
}

/*icon phone*/
.floating-contact {
    position: fixed;
    bottom: 20px;
    right: 20px;
    bottom: 150px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 9999;
}

.float-icon {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    text-decoration: none;
}

.float-icon img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    z-index: 1;
}

.icon-wave {
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: rgba(0, 123, 255, 0.3);
  animation: pulse 1.5s infinite;
  z-index: 0;
}

.float-icon.hotline .icon-wave {
  background-color: rgba(255, 0, 0, 0.3);
}

.float-icon.zalo .icon-wave {
  background-color: rgba(0, 115, 255, 0.3);
}

.float-icon.messenger .icon-wave {
  background-color: rgba(0, 132, 255, 0.3);
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}
/*end icon phone*/
.hotline p{
    color: #ffffff !important;
}
.hotline p span{
    color: #d8d8d8 !important
}
.mobile-social-icon a{
    color: var(--mainColor) !important;
    background: var(--mainColor) !important;
}
.bg-sixthColor{
    background-color: var(--sixthColor) !important;
}
.bg-seventhColor{
    background-color: var(--seventhColor) !important;
}
footer .mobile-social-icon h6{
    color: #ffffff !important;
}
.main-menu > nav > ul > li.hot-deals{
    padding-right: 10px !important;
}
.main-menu > nav > ul > li.hot-deals a i{
  font-size: unset;
}
.main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 9px;
}
.banner-img img{
    border-radius: 0px !important;
    aspect-ratio: 4/3;
}
.font-lg{
    font-size: 28px !important;
    font-weight: 600 !important;
}
.sidebar-widget-right-title{
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--secondColor) !important;
    margin-bottom: 0px !important;
    text-transform: uppercase !important;
}
.pt-5{
    padding-top: 5px !important;
}
.border{
    border: 1px solid #ced4da !important;
}
.news-column {
  background: #fff;
  border-radius: 0px;
  padding: 12px;
}

.news-item + .news-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.news-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.news-thumb {
  margin: 0;
  position: relative;
}

.news-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;
  object-fit: cover;
}

.news-title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-top: 8px;
  line-height: 1.4;
}

.media-title:hover{
  color: var(--mainColor) !important;
  text-decoration: none !important
}
.news-title:hover {
  color: var(--mainColor) !important;
  text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation: none !important;
  }
}

.widget-articles { padding:12px }
.widget-group + .widget-group { border-top:1px solid #eee; margin-top:12px; padding-top:12px }
.widget-group__title { font-size:12px; font-weight:700; color: var(--mainColor); margin:0; text-transform: uppercase }
.widget-group__title a { color:var(--secondColor); text-decoration:none }
.entry__title { font-size:16px; font-weight:600; margin:6px 0 }
.entry__title a { font-size:16px; text-decoration:none }
.entry__summary { font-size:14px; color:#000; line-height:1.4; margin:0 }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }

.section-divider {
  position: relative;
  height: 10px;
  margin: 10px 10px 0 10px;
}
.section-divider::before,
.section-divider::after,
.section-divider span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  border-top: 2px dotted #ccc;
}
.section-divider::before {
  top: 0;
}
.section-divider span {
  top: 4px;
}
.section-divider::after {
  top: 8px;
}

/*Topic highlighted*/
.topic-highlight-section{
  background:#fff;
  padding:16px 10px;
}

.topic-banner img{width:100%;height:100%;max-height:260px;object-fit:cover;}

.topic-title{font-size:16px;font-weight:700;color:red !important;margin:0 0 12px;border-bottom:1px solid #e6e6e6;padding-bottom:6px}

.media-item{}
.media-link{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:inherit}

.media-thumb{flex:0 0 120px;margin:0}
.media-thumb img{
  width:120px;height:97px; /* ~16:10 */
  object-fit:cover;display:block
}

.media-body{flex:1;min-width:0}
.media-title{
  font-size:16px;font-weight:700;line-height:1.35;margin:0;color:#000;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.media-link:hover .media-title{color:#d32f2f}

.row.g-3 > .col:nth-child(-n+2){border-bottom:1px solid #e9e9e9;padding-bottom:10px}
.row.g-3 > .col:nth-child(odd){padding-right:6px}
.row.g-3 > .col:nth-child(even){padding-left:6px}

@media (max-width: 992px){
  .topic-banner img{max-height:260px}
  .topic-news-list{margin-top:12px}
}
@media (max-width: 576px){
  .media-thumb{flex:0 0 100px}
  .media-thumb img{width:100px;height:66px}
  .media-title{-webkit-line-clamp:2}
}
/*End topic highlighted*/


/*Section Tab News*/
.highlight-news {
  background: #fff;
}

/* ===== Cột trái (bài lớn) ===== */
.main-news-link {
  text-decoration: none;
  display: block;
}

.main-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.main-content {
  padding-top: 10px;
}

.category {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--secondColor) !important;
    margin-bottom: 0px !important;
    text-transform: uppercase !important;
     margin-bottom: 5px;
}

.main-title {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 6px;
  line-height: 1.4;
}

.main-summary {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
  margin: 0;
}

/* ===== Cột phải (4 bài nhỏ) ===== */
.side-news-list {
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}

.side-news-item {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.side-news-item:last-child {
  border-bottom: none;
}

.side-news-link {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.side-news-link .thumb {
  flex: 0 0 150px;
  margin: 0;
}

.side-news-link .thumb img {
  width: 150px;
  height: 90px;
  object-fit: cover;
}

.side-news-link .title {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: 1.4;
}

.side-news-link:hover .title {
  color: var(--mainColor);
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
  .main-news { margin-bottom: 20px; }
  .side-news-link .thumb { flex: 0 0 100px; }
  .side-news-link .thumb img { width: 100px; height: 66px; }
  .main-news-blog-list  { margin-bottom: 20px; }
}
/*End Section*/

.section-title{
    margin-bottom: 0px !important;
}
.nav-tabs.links .nav-link{
    font-size: 16px !important;
}
.nav-tabs.links .nav-link:hover{
    color: var(--mainColor);
}
 .nav-tabs.links .nav-link.active {
    color: var(--mainColor);
    border-bottom: 2px var(--secondColor) solid;
    font-size: 16px !important;
}
#myTab3.nav.nav-tabs.links .nav-link.active {
    border-bottom: 0 !important;
}
#myTab3.nav.nav-tabs.links li{
    margin-right: 10px !important;
}
.tabs-wrapper ul li{
    margin-right: 10px !important;
}
/* Cha phải có vị trí để sticky hoạt động đúng */
.row.position-relative {
  position: relative;
}

/* Right banner ads sticky */
.ads-sticky {
  position: sticky;
  top: 80px;
  align-self: flex-start;
}
.ads-sticky img {
  width: 100%;
  height: auto;
  display: block;
}

#myTab3.nav.nav-tabs.links .nav-link,
#myTab3 .nav-item .nav-link {
  color: #fff !important;
}

/*****Start Section Bussiness Connect*******/
.business-connect {
  background: #fff;
  padding: 20px 0;
}

/* === BÀI LỚN === */
.main-article .category {
  display: inline-block;
  color: #0a5fb3;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 6px;
}

.main-article .title a {
  font-size: 22px;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.main-article .title a:hover {
  color: #d32f2f;
}

.main-article .summary {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  margin-top: 10px;
}

.main-article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === BÀI NHỎ === */
.sub-article {
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.sub-article:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.sub-article .thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.sub-article .content {
  padding: 12px 14px 16px;
}

.sub-article .category {
  color: #0a5fb3;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 6px;
}

.sub-article .title a {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  text-decoration: none;
}

.sub-article .title a:hover {
  color: #d32f2f;
}

/* === DIVIDER === */
.divider {
  border: none;
  border-top: 1px solid #e6e6e6;
  margin: 24px 0;
}

/* Hàng chứa 3 bài nhỏ */
.business-connect .row.g-3 {
  display: flex;
  flex-wrap: wrap;
}

/* Mỗi cột phải cao bằng nhau */
.business-connect .col-lg-4 {
  display: flex;
}

/* Bài viết con sẽ co giãn full chiều cao */
.business-connect .sub-article {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* Ảnh ở trên, nội dung dưới */
.business-connect .sub-article .thumb {
  flex-shrink: 0;
}

.business-connect .sub-article .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 14px 16px;
}

/* === Responsive === */
@media (max-width: 992px) {
  .main-article .title a { font-size: 20px; }
  .sub-article .thumb img { height: 160px; }
}

@media (max-width: 768px) {
  .main-article .title a { font-size: 18px; }
  .sub-article .thumb img { height: 140px; }
}
/*End Section Bussiness Connect*/

.line-height-12px{
    line-height: 12px !important;
}


/******Begin Đọc Nhiều********/
/* === SIDEBAR ĐỌC NHIỀU === */
.sidebar-popular {
  background: #fff;
}

.sidebar-popular .sidebar-title {
  font-size: 22px;
  font-weight: 700;
  color: #0a5fb3;
  border-bottom: 2px solid #0a5fb3;
  padding-bottom: 6px;
  margin-bottom: 15px;
  text-transform: uppercase;
  display: inline-block;
}

/* Danh sách bài viết */
.popular-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.popular-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.popular-item:last-child {
  border-bottom: none;
}

.popular-item .thumb {
  flex-shrink: 0;
  width: 90px;
  height: 70px;
  overflow: hidden;
  border-radius: 3px;
}

.popular-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* .popular-item:hover .thumb img {
  transform: scale(1.05);
} */

.popular-item .info {
  flex: 1;
}

.popular-item .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
  display: block;
}

.popular-item .title:hover {
  color: var(--mainColor);
}

/* Responsive */
@media (max-width: 992px) {
  .popular-item .thumb {
    width: 80px;
    height: 60px;
  }
}

@media (max-width: 768px) {
  .sidebar-popular {
    margin-top: 20px;
  }
  .popular-item .thumb {
    width: 70px;
    height: 55px;
  }

  .scroll-btn{
    display: none;
  }
}
/******End Đọc Nhiều********/

/*Văn hóa giải trí*/
.culture-section {
  background: #fff;
  padding: 0px 0px;
}

/* === BÀI LỚN === */
.culture-section .main-article .category {
  display: inline-block;
  color: #0a5fb3;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 6px;
}

.culture-section .main-article .title a {
  font-size: 22px;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.culture-section .main-article .title a:hover {
  color: var(--secondColor);
}

.culture-section .main-article .summary {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  margin-top: 10px;
}

.culture-section .main-article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === BÀI NHỎ === */
.culture-section .row.g-3 {
  display: flex;
  flex-wrap: wrap;
}

.culture-section .col-lg-4 {
  display: flex;
}

.culture-section .sub-article {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.culture-section .sub-article:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.culture-section .sub-article .thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  object-fit: cover;
  display: block;
}

.culture-section .sub-article .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 12px 12px;
}

.culture-section .sub-article .category {
  color: #0a5fb3;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 6px;
}

.culture-section .sub-article .title a {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  text-decoration: none;
}

.culture-section .sub-article .title a:hover {
  color: var(--secondColor);
}

/* === DIVIDER === */
.culture-section .divider {
  border: none;
  border-top: 1px solid #2e2e2e;
  margin: 15px 0 10px 0;
}

/* === Responsive === */
@media (max-width: 992px) {
  .culture-section .main-article .title a { font-size: 20px; }
  .culture-section .sub-article .thumb img { height: auto; aspect-ratio: 5/3; }
}

@media (max-width: 768px) {
  .culture-section .main-article .title a { font-size: 18px; }
  .culture-section .sub-article .thumb img { height: auto; aspect-ratio: 5/3; }
}
/*End Văn hóa giải trí*/

/* === GRID SECTION (SẢN PHẨM - DỊCH VỤ) === */
.product-service-section {
  background: #fff;
  padding: 10px 0 20px;
}

.grid-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  height: 100%;
}

.grid-item:hover {
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

/* Thư viện ảnh */
.grid-item .thumb {
  width: 100%;
  height: 190px;
  overflow: hidden;
}

.grid-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

/* .grid-item:hover .thumb img {
  transform: scale(1.05);
} */

/* Nội dung */
.grid-item .content {
  flex: 1;
  padding: 10px 5px 15px;
  background: #fff;
}

.grid-item .category {
  font-size: 12px;
  color: #0a5fb3;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 6px;
}

.grid-item .title a {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.grid-item .title a:hover {
  color: var(--secondColor);
}

/* === Responsive === */
@media (max-width: 992px) {
  .grid-item .thumb { height: 160px; }
  .grid-item .title a { font-size: 16px; }
}

@media (max-width: 768px) {
  .grid-item .thumb { height: 140px; }
}

@media (max-width: 576px) {
  .grid-item .thumb { height: 180px; }
}

.primary-sidebar .sidebar-widget {
      padding: 0;
      border: 0;
      border-radius: 0px;
      box-shadow: none;
  }
  .product-sidebar .image {
      aspect-ratio: 4 / 3;  /* tỷ lệ 4:3 */
      object-fit: cover;    /* crop cho đẹp */
      border-radius: 0;
      width: 100px;
      height: auto;
  }

  .side-news-item {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ececec;
  }

  .side-news-link {
      display: flex;
      gap: 15px;
      text-decoration: none;
      color: inherit;
  }

  .side-news-item .thumb {
      flex: 0 0 180px;   /* kích thước thumbnail */
      aspect-ratio: 16/9;
      overflow: hidden;
      border-radius: 0px;
      margin: 0;
  }

  .side-news-item .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .side-news-item .content {
      flex: 1;
  }

  .side-news-item .title {
      font-size: 20px;
      font-weight: 700;
      margin: 0 0 6px;
  }

  .side-news-item .desc {
      color: #555;
      font-size: 15px;
      line-height: 1.5;
      margin: 0;
  }

    .news-with-ads .news-row {
        padding: 20px 0;
        border-bottom: 1px solid #e9ecef;
    }

    .news-with-ads .news-link {
        display: flex;
        gap: 20px;
        color: inherit;
        text-decoration: none;
    }

    .news-with-ads .thumb {
        flex: 0 0 240px;
        aspect-ratio: 4/3;
        overflow: hidden;
        margin: 0;
    }

    .news-with-ads .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-with-ads .content {
        flex: 1;
    }

    .news-with-ads .title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
    }

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

    .news-with-ads .section-title {
        font-size: 22px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
    }

    /* Banner Sticky */
    .primary-sidebar.sticky-sidebar {
        position: sticky;
        top: 100px;
    }
    .top-0{
        top: 0px !important;
    }

    .ads-sticky img {
        width: 100%;
        border-radius: 0px;
        display: block;
    }

    /* Tiêu đề section */
    .popular-section-title {
        font-size: 22px;
        font-weight: 700;
        color: #003a77;
        padding-left: 10px;
    }

    /* Link bao cả bài viết */
    .popular-link {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    /* Ảnh */
    .popular-thumb {
        margin: 0 0 10px;
        aspect-ratio: 4/3;
        overflow: hidden;
        border-radius: 4px;
        position: relative;
    }

    .popular-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .3s ease;
    }

    /* Hover zoom nhẹ */
    /* .popular-item:hover .popular-thumb img {
        transform: scale(1.05);
    } */

    /* Tiêu đề bài */
    .popular-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4;
        margin: 0;
    }

    .popular-item:hover .popular-title {
        color: #0d6efd;
    }

.single-thumbnail {
  text-align: center;
}
  .single-thumbnail img {
      border-radius: 0px !important;
      text-align: center;
  }

/* Video page*/
/* ======= PAGE BACKGROUND ======= */
.video-page {
    /* background: #1d2330; */
    color: #fff;
}
.bg-video-page {
    background: #1d2330;
    padding: 0;
    margin: 0;
}

/* ======= SECTION TITLE ======= */
.video-page h3.section-title {
    font-size: 24px;
    font-weight: 700;
    /* border-left: 4px solid #000; */
    padding-left: 0px;
    margin-bottom: 25px;
}

/* ======= FEATURED VIDEO ======= */
.video-featured .thumb img {
    width: 100%;
}

.video-featured .video-info {
    margin-top: 15px;
}

.video-tag {
    font-size: 13px;
    font-weight: 700;
    color: #4fa8ff;
}

.video-featured .video-title {
    font-size: 24px;
    font-weight: 700;
    margin: 8px 0;
}

.video-featured .video-meta {
    font-size: 16px;
    opacity: .8;
    margin-bottom: 10px;
}

.video-featured .video-desc {
    color: #dcdcdc;
    line-height: 1.6;
}

/* ======= VIDEO GRID ======= */
.video-item .thumb {
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

.video-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease;
}

.video-item:hover .thumb img {
    transform: scale(1.06);
}

.video-item .title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

.video-item .meta {
    font-size: 13px;
    color: #bbb;
    margin-top: 5px;
}

/* ======= RIGHT VIDEO - SIDEBAR ======= */
.sidebar-right .sidebar-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* ITEM WRAPPER */
.latest-item {
    margin-bottom: 15px;
}
.latest-item a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: #fff;
}
/* THUMBNAIL 16/9 */
.latest-thumb {
    width: 100px;
    aspect-ratio: 4/3;
    overflow: hidden;
    flex-shrink: 0;
}

.latest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEXT */
.latest-text {
    font-size: 13px;
    line-height:18px;
    opacity: 0.9;
}

.latest-item:hover .latest-text {
    opacity: 1;
    color: #4fa8ff;
}

/* ===== LOAD MORE BUTTON ===== */
.btn-load-more {
    background: #4fa8ff;
    border: none;
    color: #fff;
    padding: 10px 32px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

.btn-load-more:hover {
    background: #3a7cd6;
}

.btn-load-more:disabled {
    background: #555;
    cursor: not-allowed;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 768px) {
    .video-featured .video-title {
        font-size: 20px;
    }
    .video-item .title {
        font-size: 15px;
    }
}
/* MOBILE FIX */
@media(max-width: 576px) {
    .latest-thumb {
        width: 80px;
    }
}
/* End Video page */

/* ======= MOBILE VIDEO GRID OPTIMIZATION ======= */
@media(max-width: 767px) {

    /* full width columns */
    .video-grid .col-xl-3,
    .video-grid .col-lg-4,
    .video-grid .col-md-6,
    .video-grid .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* thumbnail full width, 4/3 */
    .video-item .thumb {
        aspect-ratio: 4/3;
    }

    /* spacing */
    .video-grid .video-item {
        margin-bottom: 35px;
    }

    /* title on mobile */
    .video-item .title {
        font-size: 16px;
        line-height: 1.35;
        margin-top: 10px;
    }
}

/* End Video page */

/* ==================== Page Category ==================*/
/* =============================
   SECTION 1 – FEATURED NEWS
============================= */

.featured-news {
    padding: 30px 0;
}

.featured-main img {
    width: 100%;
}

.featured-main .title {
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0 10px;
}

.featured-main .desc {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

/* SIDEBAR ITEMS */
.featured-side .thumb {
    width: 110px;
    aspect-ratio: 4/3;
    overflow: hidden;
    flex-shrink: 0;
}

.featured-side .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-side .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.featured-side .side-item {
    margin-bottom: 25px;
}

.featured-side .side-item .thumb {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    margin-bottom: 10px;
}

.featured-side .side-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-side .side-item .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    color: #000;
}

/* =============================
   SECTION 2 – LIST NEWS + ADS
============================= */

.list-news {
    padding: 40px 0;
}

.list-item {
    display: flex;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}

.list-item .thumb {
    width: 72%;
    aspect-ratio: 5/3;
    overflow: hidden;
    flex: 0 0 280px;
}

.list-item .thumb img {
    width: 100%;
    max-width: 280px;
    height: 100%;
    object-fit: cover;
}

.list-item .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.list-item .desc {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
}

.ads-sidebar img {
    width: 100%;
}

/* =============================
   RESPONSIVE
============================= */

/* Tablet */
@media (max-width: 992px) {

    .featured-main .title {
        font-size: 22px;
    }

    .list-item {
        flex-direction: column;
    }

    .list-item .thumb {
        width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {

    /* Featured section */
    .featured-side .side-item {
        flex-direction: row;
    }

    .featured-main .title {
        font-size: 20px;
    }

    /* List news section */
    .list-item {
        flex-direction: column;
        gap: 10px;
    }

    .list-item .thumb {
        width: 100%;
    }

    /* Ads move down */
    .ads-sidebar {
        margin-top: 30px;
    }
}
/* End page Category */


/* ===============================
     MENU PHỤ – THEO CHUYÊN MỤC
=============================== */

.subpage-category-menu {
    background: #fff;
    padding: 18px 12px 12px;
    border-bottom: 1px solid #e5e5e5;
}

/* Tên chuyên mục */
.category-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #1357b3;
    margin-bottom: 10px;
}

/* Danh mục con (kéo ngang tại mobile) */
.category-submenu {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    gap: 22px;
    padding-bottom: 4px;
    scrollbar-width: none; /* Firefox */
}

.category-submenu::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.category-submenu a {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 3px solid transparent;
    transition: 0.25s;
}

.category-submenu a:hover,
.category-submenu a.active {
    color: #1357b3;
    border-bottom-color: #1357b3;
}

/* MOBILE TỐI ƯU */
@media(max-width: 768px) {

    .category-title {
        font-size: 20px;
        margin-bottom: 8px;
        padding-left: 4px;
    }

    .category-submenu {
        padding-left: 4px;
        gap: 18px;
    }

    .category-submenu a {
        font-size: 15px;
    }
}
/* WRAP để đặt nút trái phải */
.submenu-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* Nút trái/phải */
.submenu-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 34px;
    height: 34px;
    border: none;
    background: #ffffffd9; /* nền trắng trong nhẹ */
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s;
}
.submenu-nav i {
    font-size: 18px;
    color: #4a4a4a;
    transition: .2s;
}
.submenu-nav:hover {
    background: #fff;
}
.submenu-nav:hover i {
    color: #1357b3; /* màu nhấn khi hover */
}

.submenu-nav:hover {
    background: #e0e0e0;
}

/* Vị trí nút */
.submenu-nav.prev {
    left: -5px;
}

.submenu-nav.next {
    right: -5px;
}

/* Ẩn nút khi không cần */
.submenu-nav.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Bỏ tạo fade nhẹ ở 2 mép */
.submenu-wrapper::before,
.submenu-wrapper::after {
    width: 15px;  /* từ 40px → 15px */
}

.submenu-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.submenu-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

/* Mobile chỉnh nhẹ */
@media(max-width: 768px) {
    .submenu-nav {
        width: 26px;
        height: 26px;
        font-size: 15px;
    }
}
/* End menu phụ theo chuyên mục */


/* ===== PAGE INFOGRAPHIC ===== */
.infographic-page {
    background: #fff;
}

.section-title {
    font-size: 26px;
    font-weight: bold;
    color: #000;
    margin-bottom: 35px;
}

.big-thumb {
    aspect-ratio: 4/3;
    overflow: hidden;
}

.big-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-content {
    padding-left: 10px;
}

.featured-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
}

.featured-desc {
    color: #444;
    font-size: 16px;
    margin-top: 12px;
    line-height: 1.6;
}

.grid-item {
    color: #000;
    text-decoration: none;
}

.grid-item .thumb {
    aspect-ratio: 4/3;
    overflow: hidden;
}

.grid-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease;
}

/* .grid-item:hover img {
    transform: scale(1.05);
} */

.grid-item .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 1px 0;
    line-height: 1.4;
    gap: 10px;
}

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

    .featured-content {
        padding: 0;
        margin-top: 15px;
    }
}

@media(max-width: 576px) {
    .grid-item .title {
        font-size: 15px;
    }
}
/* End Infographic page */

.product-sidebar .single-post .content h6{
    font-size: 16px !important;
    font-weight: 400 !important;
}

.justify-content-center {
    justify-content: center !important;
}


/* ==========================
   MULTIMEDIA PAGE
========================== */
a { text-decoration: none; color: inherit; }

/* ==========================
   SECTION 1 – FEATURED NEWS
========================== */

.news-featured img { width: 100%;}

/* big left */
.big-news-thumb { display: block; aspect-ratio: 4/3; overflow: hidden; }
.big-news-thumb img { width: 100%; height: 100%; object-fit: cover; }

.big-news-title { font-size: 32px; font-weight: 700; margin: 20px 0 10px; }
.big-news-title a:hover { color: #0056d6; }

.big-news-desc { font-size: 17px; line-height: 1.55; color: #444; }

/* right side articles */
.side-item .side-thumb {
    width: 43%;
    aspect-ratio: 4/3;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 15px;
}
.side-item .side-thumb img { width: 100%; height: 100%; object-fit: cover; }

.side-title {
    font-size: 19px;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
}
.side-title:hover { color: #0056d6; }

.side-desc {
    font-size: 1px;
    color: #000;
    line-height: 1.45;
    margin: 0;
}


/* ==========================
   SECTION 2 – VIDEO GRID
========================== */

.section-title {
    font-size: 24px;
    font-weight: bold;
    /* border-left: 4px solid #000; */
    padding-left: 0px;
    margin-bottom: 25px;
}

.video-item .thumb {
    aspect-ratio: 4/3;
    overflow: hidden;
}
.video-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .25s ease;
}
.video-item:hover .thumb img {
    transform: scale(1.07);
}

.video-title {
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 1.4;
}
.video-title:hover { color: #0056d6; }
.video-date { font-size: 13px; color: #777; margin-top: 4px; }


/* ==========================
   RESPONSIVE
========================== */
@media(max-width: 992px) {
    .big-news-title { font-size: 26px; }
}
@media(max-width: 768px) {
    .side-item { flex-direction: column; }
    .side-item .side-thumb { width: 100%; margin-bottom: 10px; }
    .culture-section .sub-article .thumb img {
        height: auto;
        aspect-ratio: 5/3;
    }
}
@media(max-width: 576px) {
    .big-news-title { font-size: 22px; }
    .side-news-item .title {
        font-size: 15px;
    }
}

.business-connect .main-article-img {
  border-radius: 0px !important;
}
.sub-article .thumb {
  border-radius: 0px !important;
}
.culture-section .main-article-img {
  border-radius: 0px !important;
}
.side-news-item .title {
  font-size: 16px !important;
}
.side-news-item .title:hover {
  color: var(--mainColor) !important;
}
/* ===== End Multimedia page ===== */

.b-grid__icon {
    left: auto;
    right: 0;
    bottom: 10px;
    background-color: transparent;
    padding: 0px 7px 0px 28px;
    z-index: 3;
    position: absolute !important;
    display: flex;
}
/* ===== ICON IMAGE BEFORE TITLE ===== */
.icon12-video-play-white {
    background-image: url("/assets/images/web/theme/icons/icon12-play-white.svg");
    flex-shrink: 0; /* Không bị co khi text dài */
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: transparent;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 3px;
}

.icon16-image-gray {
    width: 18px;
    height: 16px;
    display: inline-block;
    background-image: url("/assets/images/web/theme/icons/icon16-image-gray.svg");
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0; /* Không bị co khi text dài */
}

.icon16-video-gray {
    width: 18px;
    height: 16px;
    display: inline-block;
    background-image: url("/assets/images/web/theme/icons/icon16-video-gray.svg");
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0; /* Không bị co khi text dài */
}

/* MOBILE SIZE */
@media(max-width: 576px) {
    .grid-item .title {
        font-size: 16px;
        gap: 8px;
    }

    .icon16-image-gray {
        width: 10px;
        height: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1200px; /* Sửa từ 1610px thành 1200px */
        margin: 0 auto;    /* Đảm bảo container luôn căn giữa */
    }
}

/* ===============================
     HORIZONTAL SCROLL MENU
=============================== */

.header-nav {
    width: 100%;
}

.menu-container {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.menu-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex: 1;
    width: 100%;
    padding: 10px 10px;
    scroll-behavior: smooth;
}

.menu-scroll::-webkit-scrollbar {
    display: none;
}

.menu-scroll ul {
    display: flex;
    gap: 18px;
    padding: 0;
    margin: 0;
}

.menu-scroll li {
    list-style: none;
}

.menu-scroll a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    transition: color 0.2s;
}

.menu-scroll a:hover {
    color: #007bff;
}

/* Nút scroll */
.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: rgba(0, 0, 0, 0.05); */
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;              /* mặc định ẩn */
    pointer-events: none;
    transition: opacity 0.25s ease, background .2s ease;
    z-index: 9999;
}

/* Chỉ show những nút KHÔNG có .hidden khi hover menu */
.menu-container:hover .scroll-btn:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* Icon */
.scroll-btn i {
    font-size: 18px;
    color: #000;
}

/* Vị trí */
.scroll-btn.left {
    left: 0;
}

.scroll-btn.right {
    right: 0;
}

/* JS sẽ gắn / gỡ class này */
.scroll-btn.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Fix theme cha đang overflow: hidden */
.header-bottom {
    overflow: visible !important;
}
/* End HORIZONTAL SCROLL MENU */

.center-highlighted-column {
    position: relative;
    background: var(--tenthColor); /* nền xám nhạt giống báo */
    padding-top: 20px;
    padding-bottom: 20px;
}

/* thanh kẻ bên trái */
.center-highlighted-column::before,
.center-highlighted-column::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;      /* độ dài thanh kẻ ngắn hơn full height */
    background: #ddd; /* màu xám nhẹ */
    top: 0;       /* để nó nằm chính giữa cột */
}

/* left border */
.center-highlighted-column::before {
    left: 0px;   /* chỉnh vị trí chính xác theo layout */
}

/* right border */
.center-highlighted-column::after {
    right: 0px;
}

/*Same height in Home - Hightlighted*/
.equal-height-row {
    display: flex;
    align-items: stretch; /* tất cả cột cao bằng nhau */
}
/*End*/

/* Table or small screen ≤ 1024px */
@media (max-width: 1024px) {
    .logo.logo-width-1 a img {
      width: 26% !important;
      min-width: 130px !important;
      height: auto !important;
  }
}

/* Mobile ≤ 768px */
@media (max-width: 768px) {
    .logo.logo-width-1 a img {
        width: 50% !important;       /* Giảm còn 50% */
        min-width: unset !important; /* Bỏ ép min-width */
        height: auto !important;
        margin: 0 auto !important;   /* Canh giữa */
        display: block !important;   /* Đảm bảo margin auto hoạt động */
    }

    /* Nếu container logo không full-width thì ép nó vào giữa */
    .logo.logo-width-1 {
        text-align: center !important;
    }

    .section-title{
       padding-left: 0px;
    }
}

/* ===============================
     SAME HEIGHT IN HOME - BLOG LIST
=============================== */
/* Equal height for blog section */
.equal-height-row-blog {
    display: flex;
    align-items: stretch;
}

/* Allow each column to stretch equally */
.equal-height-row-blog > [class*="col-"] {
    display: flex;
    flex-direction: column;
}
/* Make main-content fill the remaining height */
.main-news {
      display: flex;
      flex-direction: column;
      height: 100%;
}
.main-content.bg-featured {
    background: #f5f7fa;  /* màu nền xám */
    padding: 20px;
    margin-top: auto;      /* đẩy xuống dưới hình nếu cần */
    flex-grow: 1;          /* quan trọng nhất: luôn chiếm hết chiều cao */
    display: flex;
    flex-direction: column;
}

.contact-infor li:not(:last-child) {
    margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
    .footer-mid .widget-about strong {
        display: block;
    }
    .list-news{
      padding: 0 14px !important;
    }
    .list-item .thumb img {
      max-width: 100%;
      height: auto;
    }
    .business-connect {
      padding: 20px 8px;
    }
    .sidebar-popular {
      padding: 0 8px;
    }
    .tab-content-1st{
       padding: 0 0px;
    }
    .tab-content-2st{
      padding: 0 0px;
    }
    .ads-sticky{
      padding: 0 0px;
    }
    .ads-second img{
      padding: 0 8px;
    }
    .tab-content-bussiness-info-1st{
      padding: 20px 8px;
    }
    .tab-content-culture-1st{
      padding: 0 8px;
    }
    .tab-content-culture-2st{
      padding: 0 8px;
    }
    .news-with-ads .thumb{
      flex: 0 0 200px;
      aspect-ratio: 16/9;
    }
    .news-with-ads .title{
      font-size: 16px;
      line-height: 1.4rem;
    }

}
.main-news-blog-list {
      display: flex;
      flex-direction: column;
      height: 100%;
      background: #f5f7fa;
      margin-top: auto;
      flex-grow: 1;
}
.single-content blockquote {
    background-color: #FFF8D2;
    padding: 20px 30px;
    border-radius: 0;
    margin: 30px auto;
    font-size: 24px;
    max-width: 100%;
}

blockquote, q {}

b{
  font-weight: 700;
}

i{
  font-style: italic;
}
.breadcrumb{
  text-transform: none;
}