.blog-type-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
h3 a{
   color: #f24f2c;
}

.blog-type-wrap.columns-2 .blog-type-item { width: calc(50% - 10px); }
.blog-type-wrap.columns-3 .blog-type-item { width: calc(33.333% - 13.333px); }
.blog-type-wrap.columns-4 .blog-type-item { width: calc(25% - 15px); }

.blog-type-item {
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  width: 100%;
}

.blog-type-item .thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.blog-type-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blog-type-item .title { font-size: 18px; margin-top: 10px; }
.blog-type-item .meta { font-size: 12px; color: #999; margin-bottom: 10px; }
.blog-type-item .excerpt { font-size: 14px; }

.blog-type-item .excerpt::after {
  content: "";
  display: block;
  width: 80px; 
  border-bottom: 2px solid #f24f2c;
  margin-top: 10px;
}

@media (max-width: 991px) {
  .blog-type-wrap.columns-3 .blog-type-item,
  .blog-type-wrap.columns-4 .blog-type-item { width: calc(50% - 10px); }
}

@media (max-width: 575px) {
  .blog-type-wrap.columns-2 .blog-type-item,
  .blog-type-wrap.columns-3 .blog-type-item,
  .blog-type-wrap.columns-4 .blog-type-item { width: 100%; }
}










.layout-kieu_2 .blog-type-item {
  position: relative;
  padding: 0;
  border: none;
  overflow: hidden;
}

.layout-kieu_2 .blog-type-item .thumb {
  aspect-ratio: 16/9;
}

.layout-kieu_2 .blog-type-item .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  color: #fff;
}

.layout-kieu_2 .blog-type-item .title a {
  color: #fff;
}

.layout-kieu_2 .blog-type-item .meta {
  font-size: 12px;
  color: #ddd;
  margin-bottom: 5px;
}

.layout-kieu_2 .blog-type-item .excerpt {
  font-size: 14px;
  color: #eee;
}

.layout-kieu_2 .blog-type-item .excerpt::after {
  display: none;
}

.layout-kieu_2 h3 {
  margin-bottom: 0;
}

.layout-kieu_2 .blog-type-item .title::before {
  content: "";
  display: block;
  width: 80px; 
  border-bottom: 2px solid #f24f2c;
  margin-bottom: 8px; 
}

.layout-kieu_2 .blog-type-item .title {
  margin-top: 0;
}

.layout-kieu_3 .blog-type-item {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #eee;
  padding: 15px;
}

.layout-kieu_3 .blog-type-item .thumb {
  flex: 1 1 40%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.layout-kieu_3 .blog-type-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.layout-kieu_3 .blog-type-item .content {
  flex: 1 1 60%;
}

.layout-kieu_3 .blog-type-item .title a {
  color: #f24f2c;
}

.layout-kieu_3 .blog-type-item .excerpt::after {
  display: none;
}
@media (max-width: 767px) {
  .layout-kieu_3 .blog-type-item {
    flex-direction: row;   /* vẫn nằm ngang */
  }
  .layout-kieu_3 .blog-type-item .thumb,
  .layout-kieu_3 .blog-type-item .content {
    flex: 1 1 50%;         /* chia đôi */
  }
}