.citizen-services {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  border-radius: 0.375rem;
  padding: 20px;
}
.citizen-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 350px) {
  .citizen-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.citizen-services-grid .services-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 5px;
}
.citizen-services-grid .services-card img {
  width: 78px;
  height: 78px;
  object-fit: contain;
}
@media (max-width: 575px) {
  .citizen-services-grid .services-card img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 450px) {
  .citizen-services-grid .services-card img {
    width: 50px;
    height: 50px;
  }
}
.citizen-services-grid .services-card p {
  font-weight: 600;
  text-align: center;
}