/* HERO */
.service-hero {
  padding: 140px 8% 60px;
  text-align: center;
}

.service-hero h1 {
  font-size: 42px;
}

.service-hero p {
  color: #aaa;
  margin-top: 10px;
}

/* SERVICE BOX */
.service-box {
  display: flex;
  align-items: center;
  gap: 60px;
  padding: 80px 8%;
}

.service-box.reverse {
  flex-direction: row-reverse;
}

/* IMAGE */
.service-img img {
  width: 100%;
  max-width: 450px;
  border-radius: 20px;
}

/* CONTENT */
.service-content h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

.service-content p {
  color: #aaa;
  margin-bottom: 15px;
}

.service-content h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.service-content ul {
  margin-bottom: 20px;
}

.service-content ul li {
  margin: 8px 0;
  color: #ccc;
}

/* STATS */
.service-stats {
  display: flex;
  justify-content: space-around;
  padding: 60px 8%;
  text-align: center;
}

.stat h2 {
  color: #a855f7;
  font-size: 32px;
}

.stat p {
  color: #aaa;
}

/* CTA */
.service-cta {
  text-align: center;
  padding: 80px 20px;
}

.service-cta p {
  color: #aaa;
  margin: 10px 0 20px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .service-box {
    flex-direction: column;
    text-align: center;
  }

  .service-box.reverse {
    flex-direction: column;
  }

  .service-stats {
    flex-direction: column;
    gap: 30px;
  }
}