.service {
  padding: 0 0 60px;
}

.service__cards {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 240px;
  gap: 15px;
}

.service__card {
  padding: 30px;
  background-color: var(--primary-color-dark);
  border-radius: 16px;
}

.service__card > img {
  margin-bottom: 20px;
}

@media (max-width: 1280px) {
  .service {
    padding: 0 0 48px;
  }
}

@media (max-width: 1200px) {
  .service__cards {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 260px;
  }
}

@media (max-width: 992px) {
  .service {
    padding: 0 0 32px;
  }
}

@media (max-width: 800px) {
  .service {
    padding: 0 0 20px;
  }
}

@media (max-width: 740px) {
  .service {
    padding: 0 0 16px;
  }
}

@media (max-width: 576px) {
  .service__cards {
    grid-template-columns: 1fr;
    grid-template-rows: 200px;
  }

  .service__card {
    padding: 20px;
  }
}