/* ==================== Team Page Styling ==================== */

/* HERO */

.team-hero {
  padding: 150px 0 80px;
  background: linear-gradient(180deg, rgba(0, 237, 100, 0.05) 0%, #001620 100%);
  text-align: center;
}

.team-hero h1 {
  color: white;
  font-size: 55px;
  font-weight: 800;
}

.team-hero p {
  color: #9ca3af;
  max-width: 600px;
  margin: auto;
  margin-top: 15px;
}

/* TEAM SECTION */

.team-section {
  padding: 80px 0;
  background: #001620;
}

/* TEAM CARD */

.team-card {
  background: #112d3a;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.4s;
  height: 100%;
  border: 1px solid #1d3846;
}

.team-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

/* IMAGE */

.team-img-wrapper {
  height: 260px;
  overflow: hidden;
}

.team-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.team-card:hover img {
  transform: scale(1.1);
}

/* INFO */

.team-info {
  padding: 25px;
}

.team-info h4 {
  color: white;
  margin-bottom: 5px;
}

.team-info span {
  color: #00ed64;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.team-info p {
  color: #8aa3b0;
  font-size: 14px;
}

/* SECTION TITLE */

.section-title {
  color: white;
  font-size: 40px;
  font-weight: 700;
}