.article-header {
  padding: 30px;
}

.news-grid {
  display: flex;
  flex-direction: column;
  gap: 45px;
  margin-top: 45px;
}

.new-grid-el {
  display: flex;
  gap: 20px;
  align-items: center;
}
.new-grid-el .title {
  font-size: 28px;
  font-weight: 700;
  margin: 10px 0;
  transition: 0.3s ease-in-out;
}
.new-grid-el .title:hover {
  color: #b2bec3;
}
.new-grid-el .short-description {
  font-size: 16px;
  color: #7f8c8d;
  margin: 10px 0;
}
.new-grid-el .read-more-btn {
  font-size: 16px;
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
.new-grid-el .read-more-btn:hover {
  color: #b2bec3;
}

.new-grid-el-image {
  flex: none;
  max-width: 250px;
  width: 100%;
}
.new-grid-el-image img {
  width: 100%;
  border-radius: 10px;
}

.new-grid-el-head {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.publication-date {
  font-size: 12px;
  color: #7f8c8d;
}

.article-comments {
  font-size: 12px;
  color: #7f8c8d;
}

.article-views {
  font-size: 12px;
  color: #7f8c8d;
}

.news-tags .tag {
  border-radius: 5px;
}

.article-content {
  margin-top: 70px;
}

.news-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 50px 0;
}

.pag-btn {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background: #d63031;
}

.active.pag-btn {
  background: #57606f;
}

.prev, .next {
  background: #d63031;
}
.prev:disabled, .next:disabled {
  opacity: 0;
  cursor: not-allowed;
}

@media screen and (max-width: 768px) {
  .new-grid-el {
    flex-direction: column;
  }
  .new-grid-el .title {
    font-size: 20px;
  }
  .new-grid-el .news-tags {
    margin: 10px 0;
  }
  .new-grid-el .short-description {
    font-size: 12px;
  }
}/*# sourceMappingURL=sub_page.css.map */