body {
  font-family: 'Poppins', sans-serif;
}

/* Navbar */
.navbar {
  transition: all 0.3s ease-in-out;
}
.navbar .nav-link {
  font-weight: 500;
  color: #333 !important;
}
.navbar .nav-link:hover {
  color: #0056b3 !important;
}
.navbar.shrink {
  padding-top: .4rem !important;
  padding-bottom: .4rem !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Courses */
.course-card { border: none; transition: all .3s ease; }
.course-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0,0,0,.1); }

/* Categories */
.category-card img {
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}
.category-card:hover {
  background-color: #f5b80010;
  border-color: #f5b800;
}



/* CTA */
.cta-section {
  background: #0056b3;
  color: #fff;
}

/* Footer */
.footer a:hover {
  color: #f5b800 !important;
}


/* ===== Category Card Hover Effects ===== */
.category-card {
  transition: all 0.3s ease;
  background-color: #fff;
}

.category-card img {
  transition: transform 0.4s ease, box-shadow 0.3s ease;
  border-radius: 10px;
}

/* Lift and shadow on hover */
.category-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  border-color: #0d6efd; /* Bootstrap primary color */
}

/* Slight zoom of image */
.category-card:hover img {
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Title color transition */
.category-card h5 {
  transition: color 0.3s ease;
}

.category-card:hover h5 {
  color: #0d6efd;
}