body {
  font-family: Arial, sans-serif;
  padding-top: 95px; /* لترك مساحة للهيدر + التوب بار */
}

/* Top Bar */
.top-bar {
  font-size: 0.9rem;
}
.top-bar .social-links a {
  color: #fff;
  text-decoration: none;
}
.top-bar .social-links a:hover {
  opacity: 0.8;
}

/* Hero */
.hero-section {
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
              url('nav.jpg') center/cover no-repeat;
  padding: 140px 0 100px;
  margin-top: 0; /* لأن التوب بار أضاف مسافة */
}
.hero-section h1 { font-size: 3rem; }
.breadcrumbs a { color: #fff; text-decoration: underline; }

/* Services cards */
.service-card:hover { transform: translateY(-5px); transition: 0.3s ease-in-out; }

/* Advantages */
.advantage { background: #f8f9fa; padding: 20px; border-radius: 50%; font-size: 1.5rem; }

/* Footer */
.footer a {
  color: #333;
  text-decoration: none;
}
.footer a:hover {
  color: #0d6efd;
}
.footer h6 { margin-bottom: 1rem; }
.social-links a {
  font-size: 1.2rem;
  color: #666;
}
.social-links a:hover {
  color: #0d6efd;
}