@charset "UTF-8";

#casestudy-list {
  margin-bottom: 120px;
}

#category-list {
  margin: 60px 0;
}

.casestudy-list-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.casestudy-list-item {
  width: 100% !important;
  border: 1px solid var(--orange-color);
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .casestudy-list-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  #casestudy-list {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .casestudy-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}