/* === Careers Page Styling (Enhanced like Hetero.com) === */

/* Hero Section */
.career-hero {
  background: linear-gradient(to right, #004080, #0066cc);
  color: #fff;
  padding: 120px 20px;
  text-align: center;
  margin-bottom: 50px;
}
.career-hero h1 {
  margin: 0 auto !important;
  padding-bottom: 20px;
  line-height: 1.4 !important;
  font-size: 3em !important;
  font-weight: 700;
}
.career-hero p {
  font-size: 1.3em;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
}

/* Section Spacing */
.career-intro, .career-values, .career-openings, .career-cta {
  padding: 80px 20px;
}

/* Section Titles */
.career-intro h2, .career-values h2, .career-openings h2, .career-cta h2 {
  text-align: center;
  margin-bottom: 40px;
  color: #004080;
  font-size: 2em;
  font-weight: 700;
}

/* Life at Aspiro Icons */
.career-values .career-icon {
  color: #0066cc;
  margin-bottom: 15px;
}
.career-values h4 {
  margin-top: 20px;
  font-size: 1.3em;
  font-weight: 600;
  color: #004080;
}
.career-values p {
  font-size: 1em;
  color: #444;
}

/* Job Cards */
.job-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.job-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.job-card h3 {
  color: #004080;
  margin-bottom: 15px;
}
.job-card ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.job-card li {
  margin: 5px 0;
}

/* Apply Button */
.apply-btn {
  display: inline-block;
  padding: 10px 25px;
  background: #004080;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
}
.apply-btn:hover {
  background: #0066cc;
}

/* Closing CTA */
.career-cta {
  background: #f8f9fa;
  text-align: center;
  padding: 80px 20px;
}
.career-cta h2 {
  margin-bottom: 15px;
  font-size: 2em;
  color: #004080;
}
.career-cta p {
  font-size: 1.1em;
}