.featured-posts {
  margin-block: 30px;
  /* media queries */
  /* /media queries */
}
.featured-posts__head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 30px;
}
.featured-posts__title {
  margin: 0px;
  font-size: 28px;
  font-weight: 600;
}
.featured-posts__item {
  position: relative;
  flex-basis: calc(50% - 4.54px);
  height: 154px;
  margin-inline: 2.27px;
  border-radius: 8px;
}
.featured-posts__item__wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
}
.featured-posts__item .badge {
  position: absolute;
  top: 8.41px;
  left: 8.41px;
  z-index: 1;
}
.featured-posts__item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.featured-posts__item__title {
  margin: 0px;
  padding-right: 24px;
  position: absolute;
  bottom: 9px;
  left: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  z-index: 1;
  max-height: 100px;
  overflow: hidden;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.featured-posts__item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, rgba(0, 57, 116, 0) 50.16%, rgba(0, 57, 116, 0.8) 100%);
  border-radius: inherit;
}
.featured-posts .btn-v3 {
  margin-inline: auto;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .featured-posts {
    margin-block: 86px 72px;
  }
  .featured-posts__icon {
    width: 42px;
    height: 42px;
  }
  .featured-posts__title {
    font-size: 58px;
    line-height: 68px;
  }
  .featured-posts__head {
    margin-bottom: 46px;
  }
  .featured-posts__item {
    flex-basis: calc(33% - 9.7px);
    margin-inline: 4.85px;
    height: 230px;
  }
  .featured-posts__item__wrapper {
    row-gap: 10px;
  }
  .featured-posts__item__title {
    font-size: 16px;
    line-height: normal;
    max-height: 150px;
    -webkit-line-clamp: 7;
  }
}
@media screen and (min-width: 1400px) {
  .featured-posts {
    padding-inline: 102px;
  }
  .featured-posts__item {
    height: 365px;
  }
  .featured-posts__item__title {
    font-size: 20px;
    line-height: 26px;
    left: 20px;
    bottom: 30px;
    padding-right: 57px;
    max-height: 200px;
  }
  .featured-posts__item .badge {
    top: 20px;
    left: 20px;
  }
  .featured-posts__item:after {
    background: linear-gradient(180deg, rgba(0, 57, 116, 0) 67.81%, rgba(0, 57, 116, 0.8) 100%);
  }
  .featured-posts .btn-v3 {
    margin-top: 32px;
  }
}
/*# sourceMappingURL=featured-posts.min.css.map */