/* Services Page Styling */

/* Inherit from the main stylesheet */
@import url(../style.css);

/* Services Container */
.services-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 1rem;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10px;
}

/* Service Card Styling */
.service-card {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 16px;
  padding: 2rem;
  width: 320px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: var(--shadow-md);
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
}

.service-card h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem; /* Decreased font size */
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--gray-900);
}

.service-card a {
  text-decoration: none;
  color: var(--white);
  background: var(--primary);
  font-weight: 600;
  font-size: 0.95rem; /* Decreased font size */
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  display: inline-block;
}

.service-card a:hover {
  background: var(--primary-dark);
  transform: scale(1.05);
}

/* Icons */
.service-card::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2rem; /* Decreased icon size */
  color: var(--primary);
  display: block;
  margin-bottom: 1rem;
}

.crew-header {
  padding: 10px 0 40px;
  margin-top: 80px;
  background: var(--white);
}
.crew-header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.crew-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(2.2rem, 6vw, 3rem);
  font-weight: 800;
  color: var(--gray-900);
  margin-bottom: 5px;
}
.crew-description {
  color: var(--gray-600);
}

.service-card:nth-child(1)::before {
  content: "\f11b";
} /* Game Designing */
.service-card:nth-child(2)::before {
  content: "\f53f";
} /* Graphic Design */
.service-card:nth-child(3)::before {
  content: "\f008";
} /* Video Editing */
.service-card:nth-child(4)::before {
  content: "\f120";
} /* Web Designing */
.service-card:nth-child(1)::before {
  content: "\f11b";
} /* Animator */
.service-card:nth-child(2)::before {
  content: "\f121";
} /* App Developer */
.service-card:nth-child(3)::before {
  content: "\f007";
} /* Brand Model */
.service-card:nth-child(4)::before {
  content: "\f03d";
} /* Cinematographer */
.service-card:nth-child(5)::before {
  content: "\f044";
} /* Content Writer */
.service-card:nth-child(6)::before {
  content: "\f11b";
} /* Game Artist */
.service-card:nth-child(7)::before {
  content: "\f53f";
} /* Graphic Designer */
.service-card:nth-child(8)::before {
  content: "\f001";
} /* Music Designer */
.service-card:nth-child(9)::before {
  content: "\f0b1";
} /* Project Manager */
.service-card:nth-child(10)::before {
  content: "\f008";
} /* Video Editor */
.service-card:nth-child(11)::before {
  content: "\f121";
} /* Web Developer */