.c-block-bon-bai-viet__container {
  gap: 24px;
  padding-right: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.c-block-bon-bai-viet__card {
  display: flex;
  gap: 30px;
  min-height: 156px;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .c-block-bon-bai-viet__card {
    min-height: initial;
    padding: 8px;
  }
}

.c-block-bon-bai-viet__media {
  flex: 0 0 190px;
}
.c-block-bon-bai-viet__boxImg {
  height: 100%;
}
.c-block-bon-bai-viet__media img {
  border-radius: 16px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.c-block-bon-bai-viet__postTitle {
  margin: 0px;
  font-size: 22px;
  color: #061a53;
  line-height: 27px;
  font-weight: 700;
  transition: 0.3s all;
  margin-bottom: 16px;
}
.c-block-bon-bai-viet__postTitle:hover {
  color: #d82221;
  text-decoration: underline;
}
.c-block-bon-bai-viet__postTitle a {
  color: currentColor;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.c-block-bon-bai-viet__card .c-block-bon-bai-viet__postShortDesc p {
  font-size: 16px;
  font-weight: 500;
  color: #3e3e3e;
  line-height: 22px;
  margin-bottom: 23px;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.c-block-bon-bai-viet__card .c-block-bon-bai-viet__postInfo__readMore {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #d82221;
  font-size: 16px;
  line-height: 22px;
  gap: 8px;
}
.c-block-bon-bai-viet__card
  .c-block-bon-bai-viet__postInfo__readMore:hover
  span {
  text-decoration: underline;
}

.c-block-bon-bai-viet__card .c-block-bon-bai-viet__postInfo__readMore i {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .c-block-bon-bai-viet__container {
    grid-template-columns: 1fr;
  }
  .c-block-bon-bai-viet__card {
    gap: 16px;
  }
  .c-block-bon-bai-viet__media {
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
  }
  .c-block-bon-bai-viet__media img {
    border-radius: 8px;
  }
  .c-block-bon-bai-viet__postTitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .c-block-bon-bai-viet__card .c-block-bon-bai-viet__postShortDesc p {
    margin-bottom: 16px;
  }
}