.related-container {
  transition: opacity 0.3s ease;
  margin: 25px 0;
}
.related-container:hover {
  opacity: 0.9;
}
.related-container .related-news-block {
  display: flex;
  background: #000000;
  max-width: 800px !important;
  margin: auto;
  box-shadow: 5px 5px 10px -10px #000000;
}
.related-container .related-news-block .related-news-block-image {
  background-size: cover !important;
  background-position: center !important;
}
.related-container .related-news-block .related-news-block-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 30px 30px 0;
}
.related-container .related-news-block .related-news-block-content .related-title-hn,
.related-container .related-news-block .related-news-block-content .post-categories,
.related-container .related-news-block .related-news-block-content .related-new-more {
  color: white !important;
  text-decoration: none !important;
}
.related-container .related-news-block .related-news-block-content .related-title-hn a,
.related-container .related-news-block .related-news-block-content .post-categories a,
.related-container .related-news-block .related-news-block-content .related-new-more a {
  text-decoration: none !important;
  color: white !important;
}
.related-container .related-news-block .related-news-block-content .related-title-hn {
  font-size: 1rem !important;
}
.related-container .related-news-block .related-news-block-content .post-categories,
.related-container .related-news-block .related-news-block-content .related-new-more {
  font-size: 0.85rem !important;
}
.related-container .related-news-block .related-news-block-content .related-new-more {
  text-align: right;
  margin-right: 15px !important;
}

@media only screen and (max-width: 576px) {
  .related-container .related-news-block {
    flex-direction: column;
    gap: 25px;
  }
  .related-container .related-news-block .related-news-block-image {
    height: 200px;
  }
  .related-container .related-news-block .related-news-block-content {
    padding: 0 20px 15px 20px;
  }
}
@media only screen and (min-width: 576px) {
  .related-container .related-news-block {
    flex-direction: row;
    gap: 25px;
  }
  .related-container .related-news-block .related-news-block-image {
    width: 35%;
    height: 200px;
  }
  .related-container .related-news-block .related-news-block-content {
    width: 65%;
  }
}
@media only screen and (min-width: 992px) {
  .related-container .related-news-block {
    flex-direction: row;
    gap: 25px;
  }
  .related-container .related-news-block .related-news-block-image {
    width: 30%;
    height: 200px;
  }
  .related-container .related-news-block .related-news-block-content {
    width: 70%;
  }
}

/*# sourceMappingURL=style.css.map */