/* Perbaikan efek slide untuk Layanan Vokasi */
.owl-carousel .owl-item {
  transform: scale(0.95);
  transition: all 0.3s ease;
}

.owl-carousel .owl-item.active {
  transform: scale(1);
}

/* Efek transisi yang lebih halus */
.owl-carousel .owl-stage {
  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* Untuk efek fade */
.owl-carousel .owl-item {
  position: relative;
}

.owl-carousel .owl-item img {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.owl-carousel .owl-item:hover img {
  transform: scale(1.05);
}

/* Efek transisi halus untuk item */
.owl-item {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.owl-item.active {
  opacity: 1;
}

/* Efek untuk card layanan vokasi */
.service-card {
  transition: all 0.4s ease !important;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.service-card:hover {
  transform: translateY(-5px) scale(1.02);
  transition: all 0.4s ease !important;
}