body { 
  margin: 0; 
  font-family: 'Segoe UI', sans-serif; 
  background: #f9f9f9; 
}

/* Hero Section */
.hero {  
  display: flex;
  justify-content: center; 
  flex-direction: column; 
  text-align: center; 
  padding: 80px 20px; 
  background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../IMAGES/pro3.jpg'); 
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
  height: 373px; 
}

.hero h1 { 
  font-size: 100px;  
  color: white;   /*統一 لون العناوين*/ 
}

.hero p { 
  font-size: large; 
  margin: 0; 
  color: #9aa1b5;   /*統يد لون الفقرات*/ 
  align-items: center; 
  max-width: 700px;
  margin: auto;
}

/* Content */
.content { 
  max-width: 900px; 
  margin: 50px auto; 
}
.content h2 { 
  color: #14317a;   /*統يد لون العناوين*/ 
  font-size: 28px; 
  margin-bottom: 15px; 
}
.content p { 
  font-size: 16px; 
  line-height: 1.6; 
  margin-bottom: 20px; 
  color: #656c7a;   /*統يد لون الفقرات*/ 
}

.jobs-list { margin: 30px 0; }
.job-item { 
  background: white; 
  border-left: 4px solid #14317a; 
  padding: 15px 20px; 
  margin-bottom: 15px; 
  border-radius: 4px; 
  transition: background 0.3s; 
}
.job-item:hover { background: #f1f1f1; }
.job-item h5 { 
  margin: 0 0 8px; 
  color: #14317a;   /*統يد لون العناوين*/ 
}
.apply-btn { 
  background: #020089; 
  color: #fff; 
  padding: 8px 16px; 
  text-decoration: none; 
  font-weight: bold; 
  border-radius: 4px; 
}
.apply-btn:hover { 
  background: #ed7105; 
  color: #fff; 
}