/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; color: #333; line-height: 1.6; }

/* Header */
.header {
  position: fixed;
  top:0; left:0; width:100%;
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 3rem;
  background:rgba(0,0,0,0.5);
  color:#fff; z-index:1000;
}
.logo { font-size:1.5rem; font-weight:bold; }
.nav a { color:#fff; margin-left:1.5rem; text-decoration:none; }
.nav a:hover { color:#ffd700; }

/* Hero */
.hero { position:relative; height:100vh; overflow:hidden; }
.slides { position:relative; height:100%; }
.slide {
  position:absolute; top:0; left:0; width:100%; height:100%;
  background-size:cover; background-position:center;
  opacity:0; transition:opacity 1.5s ease-in-out;
}
.slide.active { opacity:1; }
.overlay {
  position:absolute; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.5);
}
.hero-content {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  text-align:center; color:#fff; max-width:700px;
}
.hero-content h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #ffffff;   /* White text */
  font-weight: 700; /* Bold */
}

.hero-content p { font-size:1.2rem; margin-bottom:2rem; }
.btn {
  display:inline-block; padding:0.8rem 2rem;
  background:#27ae60; color:#fff; border-radius:30px;
  text-decoration:none; font-weight:bold;
}
.btn:hover { background:#219150; }

/* Slider nav */
.slider-nav {
  position:absolute; top:50%; transform:translateY(-50%);
  font-size:2rem; color:#fff; cursor:pointer;
  background:rgba(0,0,0,0.3); padding:0.5rem 1rem;
  border-radius:50%; user-select:none;
}
.prev { left:20px; }
.next { right:20px; }

/* Dots */
.slider-dots { position:absolute; bottom:20px; width:100%; text-align:center; }
.dot {
  display:inline-block; width:12px; height:12px; margin:0 5px;
  background:#fff; border-radius:50%; cursor:pointer; opacity:0.5;
}
.dot.active { opacity:1; background:#ffd700; }

/* Sections */
.section { padding:5rem 10%; text-align:center; }
.section.light { background:#f9f9f9; }
.section-title { font-size:2rem; margin-bottom:1rem; }
.section-desc { font-size:1.1rem; margin-bottom:2rem; }

/* Grid */
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; }
.card, .team-member {
  background:#fff; padding:2rem; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
.card h3, .team-member h3 { margin-bottom:1rem; }

/* Footer */
.footer { background:#222; color:#ccc; text-align:center; padding:2rem 1rem; }
.footer .social a { color:#ccc; margin:0 1rem; text-decoration:none; }
.footer .social a:hover { color:#ffd700; }