/**
 * CSS cuối chuỗi chỉ dành cho Trang chủ, tách từ main-manh.css tại 6J2I.
 * Giữ nguyên giá trị CSS; file được enqueue tại đúng vị trí cascade của main-manh.css.
 */

.group-index .nav-tabs {
  margin: 0px 0 0 0;
  }
.wpshare247_home_product .woocommerce .products .product{
    margin-bottom: 0;
}
.manh-title{
    *background: var(--v247-panel-header-bg);
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 5px;
    padding-bottom: 0;
    border-bottom: 1px solid var(--v247-panel-divider);
}
.manh-title .title-group{
  float: left;
  margin: 4px 0 0;
  padding-top: 5px;
  padding-bottom: 7px;
  position: relative;
  color: var(--v247-heading-text);
  font-family: var(--v247-font-family);
  font-size: var(--v247-home-section-title);
  font-weight: var(--v247-heading-weight);
  line-height: 1.35;
}
.manh-title .title-group:after{
  content: "";
    height: 2px;
    width: 100%;
    background-color: var(--v247-accent);
    display: block;
    position: absolute;
    bottom: -1px;
}
.manh-title a{
  float: right;
  margin-top: 14px;
  padding: 4px 8px;
  border-radius: 8px;
  color: var(--v247-heading-muted);
  text-decoration: none !important;
  transition: var(--v247-heading-transition);
}
.manh-title .v247-home-more-link{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1.2;
}
.v247-home-more-plus,
.v247-home-more-arrow{
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: #4f7562;
  line-height: 1;
}
.v247-home-more-plus{
  width: 18px;
  height: 18px;
}
.v247-home-more-arrow{
  width: 15px;
  height: 15px;
  color: #6c8276;
}
.v247-home-more-plus svg,
.v247-home-more-arrow svg{
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.manh-title a:hover,
.manh-title a:focus-visible{
  color: var(--v247-heading-hover);
  text-decoration: none !important;
}

/*Kieu tieu de 2*/
.manh-title2{
  background: var(--v247-panel-header-bg);
  display: flex;
  margin-bottom: 10px;
    padding: 10px 20px;
}
.manh-title2 .title-group{
  width: 100%;
   margin: 0;
    font-size: 18px;
    margin-top: 4px;
    padding-right: 10px;
}
.manh-title2 a{
  border-radius: 3px;
    background: var(--v247-accent);
    color: #fff;
    padding: 3px 10px;
    width: 130px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.manh-title2 .title-group:after{
  content:"";
  display: block;
  height: 2px;
  width: 100%;
  background: var(--v247-accent);
      
}
  .owl-theme .owl-nav [class*=owl-]:hover{
    color: inherit;
  }

/* Typography Trang chủ: cùng hệ với Danh mục, Sản phẩm, Blog và Bài viết. */
.wpshare247_home_news .group-index .title-block.object::before,
.wpshare247_home_news .group-index .title-block.object::after {
  background: var(--v247-panel-divider);
}
.wpshare247_home_news .blog-slider-item h3 {
  margin: 14px 0 0;
  font-family: var(--v247-font-family);
  font-size: var(--v247-h3);
  font-weight: var(--v247-heading-weight);
  line-height: 1.35;
}
.wpshare247_home_news .blog-section-thumb .article-description-index .article-title {
  font-family: var(--v247-font-family);
  font-size: var(--v247-h5);
  font-weight: var(--v247-heading-weight);
  line-height: 1.42;
}
.wpshare247_home_news .blog-title,
.wpshare247_home_news .article-title a {
  color: var(--v247-heading-text);
  text-decoration: none !important;
  transition: var(--v247-heading-transition);
}
.wpshare247_home_news .blog-title:hover,
.wpshare247_home_news .blog-title:focus-visible,
.wpshare247_home_news .article-title a:hover,
.wpshare247_home_news .article-title a:focus-visible {
  color: var(--v247-heading-hover);
  text-decoration: none !important;
}

/* QA cuối: nút qua lại Tin tức nằm gọn trong khung ảnh, không lòi ra ngoài. */
.wpshare247_home_news .v247-blog-slider {
  position: relative;
}
.wpshare247_home_news .v247-blog-slider .owl-nav {
  margin: 0;
}
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-prev,
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-next {
  position: absolute;
  top: var(--v247-home-news-nav-center, 50%) !important;
  z-index: 5;
  display: inline-flex;
  width: 40px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 !important;
  transform: translateY(-50%);
  border: 0;
  border-radius: 3px !important;
  background: rgba(70, 83, 77, 0.56) !important;
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1 !important;
  opacity: 0.92;
}
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-prev {
  left: 8px !important;
}
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-next {
  right: 8px !important;
}
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-prev:hover,
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-next:hover,
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-prev:focus-visible,
.wpshare247_home_news .v247-blog-slider .owl-nav button.owl-next:focus-visible {
  background: rgba(70, 83, 77, 0.76) !important;
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .wpshare247_home_news .blog-slider-item h3 {
    font-size: var(--v247-h3-mobile);
  }
}

/* Responsive Trang chủ: hợp nhất từ responsive-home.css ở CLEAN-DEEP V3 để giảm 1 request CSS. */
@media only screen and (max-width: 500px) {
    .manh-title .title-group {
	font-size: var(--v247-home-section-title-mobile) !important;
     } 
}

/* ===== CSS Trang chủ chuyển khỏi main.css/Additional CSS (DB-CSS CLEAN V4) ===== */
@media (min-width: 992px) {
  .owl-carousel.owl-loaded {
    margin-left: -10px;
  }
}

.slider-main .owl-theme .owl-dots {
  position: absolute;
  right: 50px;
  bottom: 25px;
}
.slider-main .owl-theme .owl-dots .active span {
  width: 20px;
  background: var(--v247-accent) none repeat scroll 0 0;
}

/* Mũi tên Tin tức dùng duy nhất nút Owl hiện tại; đã bỏ lớp span xanh legacy cũ. */