.counter-item-three { padding: 8px 10px; height: 100px;} 
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* Tỷ lệ 16:9 */ height: 0; overflow: hidden; background: #000; /* Nền đen khi video tải */} 
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Giúp video bao phủ khung hình, không méo */} 
span.sub-title.aos-init.aos-animate { font-size: 38px; color: #ff0000;} 
.header-style-two .menu-area { box-shadow: 0 2px 50px rgb(0 0 0 / 18%); background-image: linear-gradient(180deg, rgb(255, 215, 181) 0%, rgb(255, 248, 225) 100%);} 
.blog-post-thumb-two img { height: 155px;} 
.blog-bg-two { padding: 0;} img.emoji { width: 15px;} 
.banner-bg-two { padding: 70px 0 0;min-height: 500px;} @media (max-width: 767.98px) { .menu-area { padding: 2px 0; }} 
.blog-post-content-two .title { font-size: 16px; line-height: 1.4;
  margin: 12px 0 8px;
  overflow: hidden; max-height: none;} 
.rc-post-item .content .title { font-size: 13px; font-weight: 500;}

.blog-post-wrap .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.blog-post-wrap .col-md-6 {
  flex: 1 1 calc(25% - 20px); /* 4 bài trên 1 hàng */
  max-width: calc(25% - 20px);
  box-sizing: border-box;
}

/* Giữ tỷ lệ thumbnail đẹp */
.blog-post-thumb-two img {
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  border-radius: 10px;
}

/* Mobile hiển thị 1 bài mỗi hàng */
@media (max-width: 768px) {
  .blog-post-wrap .col-md-6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.blog-post-wrap {
  padding: 0 20px; /* cách hai bên 40px – có thể điều chỉnh */
}