body {
      font-family: 'Plus Jakarta Sans', sans-serif;
    }

     @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');
  
  @font-face {
    font-family: 'Steiner';
    src: url('fonts/steiner.ttf') format('truetype');
  }

  body {
    font-family: 'Plus Jakarta Sans', sans-serif;
  }

  .font-steiner {
    font-family: 'Steiner', sans-serif;
  }


/* Custom CSS: Menghilangkan Scrollbar (Slider) bawaan sistem */
#tabsContainer {
    /* Untuk IE dan Edge */
    -ms-overflow-style: none;
    /* Untuk Firefox */
    scrollbar-width: none;
}

#tabsContainer::-webkit-scrollbar {
    /* Untuk Chrome, Safari, dan Opera (Browser Mobile Utama) */
    display: none;
}

.card-glass-grey {
    /* Latar Belakang Transparan Merah Tua */
    background-color: rgba(112, 112, 112, 0.2); /* Merah tua (DarkRed) dengan opacity 20% */
    
    /* Efek Blur yang Lebih Kuat */
    backdrop-filter: blur(15px); /* Meningkatkan blur */
    -webkit-backdrop-filter: blur(15px); /* Untuk kompatibilitas WebKit */
    
    /* Garis Transparan (border) */
    border: 1px solid rgba(0, 0, 0, 0.436); /* Border putih transparan yang lebih terlihat */
    
    /* Bayangan Lembut untuk Kedalaman */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.377); /* Bayangan yang lebih kuat */
    
    /* Untuk memastikan teks kontras di atas efek kaca */
    color: #f0f0f0; /* Misalnya, warna teks yang lebih terang */
}
/* Jangan lupa sesuaikan warna teks pada p.text-gray-200 menjadi warna yang sesuai */



/* Definisi Keyframes untuk Gerakan Naik-Turun (Goyang/Gelombang Vertikal) */
        @keyframes wave-vertical {
            0%, 100% { transform: translateY(0) rotate(var(--tw-rotate, 0)); }
            50% { transform: translateY(-10px) rotate(var(--tw-rotate, 0)); }
        }
        
        /* Kelas Animasi Dasar */
        .animate-wave-v {
            animation-name: wave-vertical;
            animation-duration: 8s; 
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
        }

        /* Penataan setiap kartu foto */
        .testimonial-photo-card {
            width: 17rem; 
            height: 19rem;
            margin: 0.5rem; 
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            /* Pastikan rotasi yang dihasilkan JavaScript bekerja */
            transform: rotate(var(--tw-rotate, 0)); 
            /* Tambahkan transisi agar tampilan/sembunyi lebih halus */
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; 
        }