.page-intro {
  max-width: 750px;
  margin-bottom: 55px;
}
.service-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.service-list-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.service-list-card a {
  display: grid;
  grid-template-columns: 42% 58%;
  height: 100%;
}
.service-list-card img {
  width: 100%;
  height: 100%;
  min-height: 290px;
  object-fit: cover;
}
.service-list-card div {
  padding: 30px;
}
.service-list-card span {
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--sage);
}
.service-list-card h2 {
  font-size: 25px;
  margin: 8px 0;
}
.service-list-card p {
  font-size: 14px;
}
.service-list-card b {
  font-size: 13px;
  color: var(--deep);
}
@media (max-width: 900px) {
  .service-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .service-list-card a {
    grid-template-columns: 1fr;
  }
  .service-list-card img {
    min-height: 220px;
  }
}