/* === Hero Section === */
.career-hero {
    background: url('https://images.unsplash.com/photo-1560184897-64b5327b2a47?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    height: 70vh;
    position: relative;
  }
  .career-hero .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 35, 102, 0.6);
  }
  .career-hero h1 {
    font-size: 3rem;
    letter-spacing: 1px;
  }
  .career-hero p {
    font-size: 1.2rem;
  }
  
  /* === Job Cards === */
  .job-card {
    background: #fff;
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .job-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  }
  
  /* === Join Section === */
  .join-section {
    background: linear-gradient(90deg, #002366, #1749b1);
  }
  
  /* === Buttons === */
  .btn-primary {
    background-color: #1749b1;
    border: none;
  }
  .btn-primary:hover {
    background-color: #002366;
  }
  .btn-outline-light:hover {
    background-color: #fff;
    color: #1749b1 !important;
  }