
.nav-link {
  transition: color 0.3s ease, border-bottom 0.3s ease;
  padding-bottom: 2px;
}
.nav-link:hover {
  color: #f59e0b; 
  border-bottom: 2px solid #f59e0b;
}


.hero {
  background: url('hero.jpg') no-repeat center center/cover;
  background-attachment: fixed;
}

/* Animations */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1s forwards;
}
.fade-up.delay-1 { animation-delay: 0.3s; }
.fade-up.delay-2 { animation-delay: 0.6s; }

.fade-left {
  opacity: 0;
  transform: translateX(40px);
  animation: fadeLeft 1s forwards;
}


.hover-zoom {
  transition: transform 0.5s ease;
}
.hover-zoom:hover {
  transform: scale(1.05);
}


.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}


@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeLeft {
  to { opacity: 1; transform: translateX(0); }
}
