.yibo_featured_news {
  padding: var(--component-gap) 0 calc(var(--component-gap) -  var(--text-gap));
  background: var(--bg-color);
}

.yibo_featured_news-head,
.yibo_featured_news-list {
  display: flex;
}

.yibo_featured_news-head {
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--component-gap-sm);
  margin-bottom: calc(var(--component-gap-sm) * 1.1);
}

.yibo_featured_news-copy {
  
}

.yibo_featured_news-title {
  color: var(--title-text-color);
  font-size: var(--title-size);
  line-height: 1.25;
  font-weight: 500;
}

.yibo_featured_news-desc {
  margin-top: var(--text-gap);
  color: var(--text-color);
  font-size: var(--text-size);
  line-height: normal;
  font-weight:500 ;
  max-width: 66%;
}



.yibo_featured_news-list {
  gap: var(--text-gap-md);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.yibo_featured_news-card {
  flex: 0 0 calc((100% - (var(--text-gap-md) * 2)) / 3);
  background: #FAF7F3;
  border-radius: var(--button-radius);
  overflow: hidden;
}

.yibo_featured_news-list-wrap {
  overflow: hidden;
  padding-bottom: var(--text-gap);
}

.yibo_featured_news-card-image {
  display: block;
  aspect-ratio: 453 / 330;
  overflow: hidden;
}

.yibo_featured_news-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.yibo_featured_news-card:hover {
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.18);
}

.yibo_featured_news-card:hover .yibo_featured_news-card-image img {
  transform: scale(1.04);
}

.yibo_featured_news-card:hover .yibo_featured_news-card-title {
  color: var(--color-primary);
}

.yibo_featured_news-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--text-gap-md);
  padding: var(--text-gap-md) var(--text-gap-md) var(--text-gap);
}

.yibo_featured_news-card-title {
  color: var(--title-text-color);
  font-size: var(--text-size);
  font-weight: 500;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.yibo_featured_news-card-title a {
  color: inherit;
}

.yibo_featured_news-card-date {
  color: var(--text-color);
  font-size: var(--text-gap-sm);
  line-height: 1.25;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .yibo_featured_news-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .yibo_featured_news-card {
    width: calc((100% - var(--text-gap-md)) / 2);
    flex-basis: calc((100% - var(--text-gap-md)) / 2);
  }

  .yibo_featured_news-desc {
    max-width: none;
  }
}

@media (max-width: 768px) {
  .yibo_featured_news-list {
    flex-wrap: nowrap;
  }

  .yibo_featured_news-card {
    width: 100%;
    flex-basis: 100%;
  }

}