.gradient-text {
  background: linear-gradient(to right, #2563eb, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-pattern {
  background-color: #f8fafc;
  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 20px 20px;
}
/* Floating WA Animation */
@keyframes pulse-wa {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.btn-whatsapp {
  animation: pulse-wa 2s infinite;
}
.tooltip-container:hover span {
  opacity: 1;
}
.swiper-wrapper {
  transition-timing-function: linear !important;
}

.portfolio {
  display: flex !important;
  overflow: hidden;
}

.portfolio .group {
  flex: 0 0 auto;
  width: calc((100% - 48px) / 3); /* 3 kolom + gap */
}

@media (max-width: 1023px) {
  .portfolio .group {
    width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 639px) {
  .portfolio .group {
    width: 100%;
  }
}