.pictures-container {
  display: grid;
  row-gap: 50px;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}
.card-news {
  width: max-content;
}

.card-news .col-md .card {
  margin-bottom: 30px;
  background: var(--newsCardBackgroundColor);
  border: none;
  box-shadow: 1px 1px 2px 1px rgb(161 161 161 / 53%);
}

/* .page_num li, a{
  text-decoration: none;
  color: #111;
} */

@media (min-width: 300px) and (max-width: 760px) {
  .pictures-container {
    grid-template-columns: auto !important;
    justify-content: space-around;
  }
  .card-news {
    width: 324px;
  }
  .card-img img {
    height: -webkit-fill-available;
    border-radius: 10px 10px 0 0;
  }
  .card-img {
    position: relative;
    height: 170px;
    background-color: #169e50;
    border-radius: 10px 10px 0 0;
  }
}

@media (min-width: 765px) and (max-width: 1010px) {
  .pictures-container {
    grid-template-columns: auto auto !important;
    justify-content: space-around;
  }
  .card {
    height: 221px !important;
  }
  .card-news {
    width: 324px;
  }
  .card-img img {
    height: -webkit-fill-available;
    border-radius: 10px 10px 0 0;
  }
  .card-img {
    position: relative;
    height: 100px;
    background-color: #169e50;
    border-radius: 10px 10px 0 0;
  }
}
@media (min-width: 1024px) and (max-width: 1224px) {
  .pictures-container {
    grid-template-columns: auto auto auto !important;
  }
  .card-news {
    width: auto;
  }
  .card-img img {
    border-radius: 20px 20px 0 0;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
  }
  .card-img {
    position: relative;
    width: -webkit-fill-available;
    height: 204px;
    background-color: #169e50;
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 1225px) and (max-width: 1265px) {
  .tab-card-content {
    height: 310px !important;
  }
  .tab-btn {
    font-size: 15px !important;
  }
}

@media (min-width: 780px) and (max-width: 1023px) {
  .card-text h4 {
    font-size: 15px;
    -webkit-line-clamp: 3;
  }
  .btn.btn-link {
    font-size: 19px;
    padding: 6px 11px;
  }
  .pictures-container {
    grid-template-columns: auto auto auto !important;
    justify-content: space-around;
  }
  .card-news {
    width: max-content;
  }
}