.que-p {
  display: none;
}
.remove {
  display: none;
}
.question {
  cursor: pointer;
}
.pagination {
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.pagination li {
  padding: 1rem;
  border: 1px solid #002d4b;
  font-weight: bold;
  color: #000000;
}
.active-li {
  background-color: #002d4b;
  color: white !important;
}
.photogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-rows: 240px;
}

.photogrid > *:nth-child(1) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(2) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(3) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(4) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(5) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(6) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(7) {
  background-size: cover !important;
  background-position: center;
}

.photogrid > *:nth-child(8) {
  background-size: cover !important;
  background-position: center;
}

.card-tall {
  grid-row: span 2 / auto;
}