body {
  scroll-behavior: smooth;
}
.list-group-item {
  transition: all 0.3s ease;
  font-size: 0.95rem;
  border-radius: 0.5rem !important;
}

.list-group-item.bg-light:hover {
  background-color: #f0f0f0;
}

.social-icon {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  color: #212529;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  font-size: 1.2rem;
  text-decoration: none;
}

.wa:hover {
  background-color: #2daf43;
  color: #fff;
  transform: translateY(-3px);
}
.fa:hover {
  background-color: #0376e9;
  color: #fff;
  transform: translateY(-3px);
}
.ins:hover {
  background-color: #a973b9;
  color: #fff;
  transform: translateY(-3px);
}

@media (max-width: 576px) {
  .social-icon {
    width: 42px;
    height: 42px;
    font-size: 1rem;
  }
}