/*=================
  LATEST NEWS
=================*/

.latest-news  {
  padding: var(--space-7) 0px;
}

.latest-news h3 {
  margin-bottom: var(--space-5);
}

.latest-news .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--space-4);
  row-gap: var(--space-6);
}

.latest-news .grid .item img {
  height: 250px;
  object-fit: cover;
  margin-bottom: var(--space-3);
}
.latest-news .grid .item em {
  display: block;
  color: var(--color-p);
  margin-right: var(--space-4);
}
.latest-news .grid .item h4 {
  margin-bottom: var(--space-3);
  margin-right: var(--space-4);
}
.latest-news .grid .item p {
  margin-bottom: var(--space-4);
  margin-right: var(--space-4);
}
  
@media only screen and (max-width: 992px) {
  .latest-news  {
    padding: var(--space-6) 0px;
  }
  .latest-news .grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 768px) {
  .latest-news h3 {
    margin-bottom: var(--space-4);
  }
  .latest-news .grid {
    row-gap: var(--space-5);
  }
  .latest-news .grid .item img {
    height: 200px;
  }
}

@media only screen and (max-width: 578px) {
  .latest-news .grid {
    grid-template-columns: 1fr;
  }
}