.logo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s; /* Smooth animation */
}

.logo:hover {
  transform: scale(1.1); /* Small zoom */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7); /* Black shadow */
}
.social-links a {
  color: white;
  font-size: 2rem;
  margin: 0 15px;
  transition: transform 0.3s, color 0.3s; /* Smooth animation */
}

/* Instagram hover */
.social-links a[href*="instagram"]:hover {
  transform: scale(1.2);
  color: #f80cd8; /* Instagram pink */
}

/* Facebook hover */
.social-links a[href*="facebook"]:hover {
  transform: scale(1.2);
  color: #1877F2; /* Facebook blue */
}

/* YouTube hover */
.social-links a[href*="youtube"]:hover {
  transform: scale(1.2);
  color: #FF0000; /* YouTube red */
}

/* WhatsApp hover */
.social-links a[href*="whatsapp"]:hover {
  transform: scale(1.2);
  color: #25D366; /* WhatsApp green */
}