.news-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 32px;
}
.news-items .news-item:first-child,
.news-items .news-item:nth-child(6n + 1) {
  grid-column: 1 / 3;
}
.news-items .news-item:nth-child(6n) {
  grid-column: 3 / 5;
}
.news-item {
  position: relative;
  transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  border: 1px solid #eff1f5;
  padding: 29px 30px 23px;
}
.news-item:hover {
  border-color: transparent;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
  -moz-box-shadow: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
  box-shadow: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
  border-color: transparent;
}
.news-item .title {
  position: relative;
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  padding-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 50px;
}
.news-item .title a {
  color: var(--text2);
}
.news-item .title a:hover {
  color: var(--color-accent);
}
.news-item .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: var(--color-accent);
}
.news-item .descr {
  margin: 28px 0 50px;
  max-height: 120px;
  font-size: 14px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-item .news-date {
  font-size: 13px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .news-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .news-items .news-item:first-child,
  .news-items .news-item:nth-child(6n + 1),
  .news-items .news-item:nth-child(6n) {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .news-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .news-items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}