@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
        body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }
        html { scroll-behavior: smooth; }
        
        /* Swiper Pagination - Amber */
        .swiper-pagination-bullet-active {
            background-color: #d97706 !important; /* Amber-700 */
        }
        
        /* Floating WhatsApp Button (Dipertahankan & Ditingkatkan) */
        .floating-whatsapp {
            position: fixed; right: 40px; bottom: 40px; background-color: #25d366; color: #FFF; 
            border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; z-index: 1000; 
            display: flex; align-items: center; justify-content: center; padding: 10px; 
            width: 60px; height: 60px; transition: all 0.4s ease-in-out; text-decoration: none; overflow: hidden;
        }
        .floating-whatsapp i { font-size: 30px; }
        .whatsapp-text { font-size: 16px; font-weight: bold; white-space: nowrap; margin-left: 10px; display: none; }
        .floating-whatsapp:hover { transform: scale(1.05); }
        @media (min-width: 768px) {
            .floating-whatsapp { width: 60px; justify-content: space-around; }
            .floating-whatsapp:hover { width: 170px; } /* Efek Hover yang lebih dinamis */
            .whatsapp-text { display: inline; opacity: 0; transition: opacity 0.3s ease-in-out 0.1s; } /* Tambah delay */
            .floating-whatsapp:hover .whatsapp-text { opacity: 1; }
        }

        /* 🌟 GAYA UNTUK CAROUSEL BACKGROUND HERO 🌟 */
        #heroCarousel {
            height: 100vh; /* Memastikan carousel memenuhi tinggi layar */
        }
        .carousel-item-custom {
            height: 100vh;
            background: no-repeat center center scroll;
            background-size: cover;
            position: relative;
            /* Border radius diperhalus */
            border-radius: 0 0 4rem 4rem; 
        }

        /* OVERLAY GRADIENT BARU (Modern & Elegan) */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Gradient gelap dari bawah ke atas */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%); 
            border-radius: 0 0 4rem 4rem;
            z-index: 1; 
            display: block; /* Menampilkan kembali overlay */
        }

        .hero-content-carousel {
            position: relative;
            z-index: 3; /* Pastikan konten di atas overlay */
        }

        /* Style untuk Indikator/Controls Carousel (Amber) */
        .carousel-indicators [data-bs-target] {
            background-color: #d97706; /* Amber-700 */
        }
        .carousel-control-prev-icon, .carousel-control-next-icon {
            background-color: #d97706; /* Amber-700 untuk kontrol */
            border-radius: 50%;
        }

        /* 🖼️ GAYA KHUSUS UNTUK SWIPER GALERI KEGIATAN 🖼️ */
        .swiper-slide .galeri-kegiatan-card {
            background-color: #ffffff;
            /* Shadow yang lebih halus */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); 
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; 
            /* Menghilangkan border atas untuk transisi border-t-4 di layanan */
            border: 1px solid #e5e7eb; 
        }

        .swiper-slide .galeri-kegiatan-card:hover {
            transform: none; 
            box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2); /* Shadow hover yang lebih dramatis */
        }

        /* --- STYLE UNTUK TOMBOL NAVIGASI MANUAL GALERI --- */
        .swiper-button-next,
        .swiper-button-prev {
            color: #d97706; /* Amber-700 */
            opacity: 0.8;
            transition: opacity 0.3s;
            top: 50%; 
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            opacity: 1; 
        }

        .swiper-button-next::after,
        .swiper-button-prev::after {
            font-size: 1.5rem; 
            font-weight: bold;
        }

        .line-clamp-2 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }