/* Transition for all elements */
.auth-btn, .hero-btn, .nav-link, .category-card, .stats-box, .stats-icon i, .brand-link {
  transition: all 0.3s ease;
}

/* circle dot hover */

.circle-dot:hover {
  transform: scale(1.3);
  top: -20px;
  left: 36%;
}

/* Brand Link Hover */
.brand-link:hover {
  color: var(--secondary-color);
  transform: translateY(-2px);
  display: inline-block;
}

/* Navigation Links Hover */
.nav-link:hover {
  color: var(--primary-color);
  transform: translateY(-2px);
  display: inline-block;
}

/* Auth Buttons Hover */
.auth-btn:hover {
  background-color: var(--bg-light);
  color: var(--primary-color);
  transform: translateY(-2px);
}

.register-btn:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

/* Hero Buttons Hover */
.primary-btn:hover {
  background-color: var(--secondary-color);
  transform: translateY(-2px);
}

.secondary-btn:hover {
  background-color: var(--bg-light);
  color: var(--primary-color);
}

/* View All Button Hover */
.view-all-btn:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

/* Stats Box Hover */
.stats-box:hover {
  transform: translateY(-5px);
}

.stats-icon i:hover {
  transform: scale(1.1);
}

/* Category Card Hover */
.category-card {
  transition: all 0.3s ease;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Category Icon Base Styles */
.web-dev-icon,
.flutter-dev-icon,
.data-science-icon,
.ml-icon,
.security-icon,
.cloud-icon,
.ai-icon,
.devops-icon,
.blockchain-icon {
  transition: all 0.3s ease;
  font-size: 1.5rem;
}

/* Category Icon Hover Effects */
.web-dev-icon:hover {
  background-color: #0015ff;
  color: #E8EAFF;
  font-size: 1.7rem;
}

.flutter-dev-icon:hover {
  background-color: #D14D72;
  color: #FFE8F7;
  font-size: 1.7rem;
}

.data-science-icon:hover {
  background-color: #1B9C85;
  color: #E8FFF1;
  font-size: 1.7rem;
}

.ml-icon:hover {
  background-color: #FF8B13;
  color: #FFF3E8;
  font-size: 1.7rem;
}

.security-icon:hover {
  background-color: #0081C9;
  color: #E8F6FF;
  font-size: 1.7rem;
}

.cloud-icon:hover {
  background-color: #8F43EE;
  color: #F3E8FF;
  font-size: 1.7rem;
}

.ai-icon:hover {
  background-color: #E90064;
  color: #FFE8E8;
  font-size: 1.7rem;
}

.devops-icon:hover {
  background-color: #C07F00;
  color: #FFFFE8;
  font-size: 1.7rem;
}

.blockchain-icon:hover {
  background-color: #03C988;
  color: #E8FFF9;
  font-size: 1.7rem;
}

/* Featured Card Hover Effects */
.featured-card {
  transition: all 0.3s ease;
}

.featured-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(114, 107, 148, 0.15);
}

.course-type i {
  transition: all 0.3s ease;
}

.course-type:hover i {
  transform: scale(1.1);
}

/* Instructor Info Hover */
.instructor-info {
  transition: all 0.3s ease;
}

.instructor-info:hover {
  opacity: 0.8;
}