.news-article {
  margin: 10px auto;
  padding: 0%;
  width: 100%;
  color: black;
  background: none;
  opacity: 0.8;
}
.news-article:hover {
  opacity: 1;
}
.news-article img {
  display: block;
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5%;
}
.news-article-title {
  padding-top: 10px;
  padding-left: 10px;
  color: black;
  font-size: 1.15rem;
  font-family: Quark-Bold;
  text-decoration: none;
  /* text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap; */
}
.news-article a:hover {
  color: black;
  text-decoration: none;
}

.detail-news{
    width: 100%;
    font-size: 1.1rem;
    word-break: break-all;
}
.detail-news img{
    width: 100%;
}

.page-item .page-link {
  color: green;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #1d7e39;
  border-color: #1d7e39;
}

.data-not {
  text-align: center;
}