.nav-item{
      margin-right: 2%;
  }
  section{
      margin-top: 8%;
      padding: 5%;
  }
   .card img:hover {
  transform: scale(1.05);
  }
 .card img {
  transition: transform 0.3s ease;
 }
  @media (max-width: 600px) {
    section {
      margin-top: 100px;
    }
  }
  
  .card {
  border-radius: 20px;
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.card-body i {
  transition: color 0.3s ease, transform 0.3s ease;
}

.card-body i:hover {
  color: #ff6f61;
  transform: rotate(10deg) scale(1.2);
}

h5.card-title {
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
}

ol li {
  transition: color 0.3s ease, transform 0.3s ease;
}

ol li:hover {
  color: #007bff;
  transform: translateX(5px);
}