@font-face {
    font-family: 'Lito';
    src: local('Lito PRINT Italic'), local('Lito-PRINT-Italic'),
        url('../fonts/LITOPRINT-Italic.woff2') format('woff2'),
        url('../fonts/LITOPRINT-Italic.woff') format('woff'),
        url('../fonts/LITOPRINT-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
.typing-effect {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: .15em solid #a1a0a5;
    padding-right: 0.15em; /* Adjust padding to match the border */
    vertical-align: bottom; /* Align with the text */
    animation: blink-caret 0.7s step-end infinite;
    font-family: 'Lito', sans-serif; /* Make sure the correct font is here */
}
/* Blinking cursor effect */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #a1a0a5; }
}
body {
    background-color: #DCDCDC;
}
h2 {
    font-family: 'Playfair Display', serif;
}
p {
    font-family: 'Lora', serif;
}
h5 {
    font-family: 'Cinzel', serif;
}
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* Ensures content inside stays within card */
}
.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.card .card-img-top {
    transition: transform 0.3s ease;
}
.card:hover .card-img-top {
    transform: scale(1.05); /* Image zooms in when the card is hovered */
}
.whatsapp-float {
    position: fixed;
    bottom: 20px; /* Jarak dari bawah */
    right: 20px;  /* Jarak dari kanan */
    background-color: #25d366; /* Warna hijau khas WhatsApp */
    color: white;
    border-radius: 50px; /* Membuat bentuk lingkaran */
    padding: 10px 20px; /* Ruang di sekitar ikon dan teks */
    font-size: 16px; /* Ukuran teks */
    display: flex; /* Agar ikon dan teks sejajar */
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Efek bayangan */
    text-decoration: none; /* Menghilangkan garis bawah */
    z-index: 1000; /* Agar selalu terlihat di atas elemen lain */
}

.whatsapp-float i {
    font-size: 20px; /* Ukuran ikon */
    margin-right: 10px; /* Jarak ikon dengan teks */
}

.whatsapp-float:hover {
    background-color: #1ebe57; /* Warna lebih gelap saat hover */
}

/* Responsif untuk mobile: hanya ikon yang terlihat */
@media (max-width: 768px) {
    .typing-effect {
        display: flex; /* Aktifkan Flexbox */
        flex-direction: column; /* Elemen bertumpuk ke bawah */
        align-items: center; /* Pusatkan elemen secara horizontal */
    }
    .whatsapp-float {
        padding: 10px;
        font-size: 0; /* Menyembunyikan teks */
    }
    .whatsapp-float i {
        font-size: 24px;
        margin-right: 0;
    }
}