body {
  font-family: "Poppins", sans-serif;
  scroll-behavior: smooth;
}

.logoimg {
  width: 100px;
  height: 100px;
}

.logoBig {
  width: 400px;
  height: 250px;
}

.logoArea {
  width: 300px;
  height: 300px;
}

.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("mainPage.jpg") center/cover no-repeat;
  height: 100vh;
}

@media (max-width: 768px) {
  .hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
      url("mainPage-mobile.png") top center/cover no-repeat; /* Mobile-specific image */
  }
}

.nav-link.active {
  border-bottom: 2px solid #3b82f6;
}

.review-stars {
  color: #ffd700;
}

.testimonial-card {
  transition: transform 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
}

.service-card {
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}

.service-card:hover {
  transform: translateY(-5px);
  border-bottom: 3px solid #3b82f6;
}