.service-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 24px;
}

.service-card-mark {
  width: 78px;
  height: 78px;
  flex: 0 0 auto;
}

.service-card-top .card-index {
  margin: 6px 0 0;
}

.service-hero-mark {
  width: 112px;
  height: 112px;
  margin-bottom: 25px;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(16, 42, 34, 0.16);
}

@media (max-width: 560px) {
  .service-card-mark {
    width: 70px;
    height: 70px;
  }

  .service-hero-mark {
    width: 96px;
    height: 96px;
  }
}