.bg-primary { background-color: #064e3b; } /* Hijau Gelap */
        .text-accent { color: #d4af37; } /* Kuning Emas */
        .bg-accent { background-color: #d4af37; }
        .border-accent { border-color: #d4af37; }
        
        .hero-gradient {
            background: linear-gradient(rgba(6, 78, 59, 0.7), rgba(6, 78, 59, 0.7)), 
                        url('https://images.unsplash.com/photo-1580587771525-78b9dba3b914?auto=format&fit=crop&q=80&w=1600');
            background-size: cover;
            background-position: center;
        }

        
    /* Reset & Global Font */
    * {
        font-family: 'Montserrat', sans-serif !important;
    }

    html {
        /* Menghaluskan tampilan font di Chrome & Safari */
        -webkit-font-smoothing: antialiased;
        /* Menghaluskan tampilan font di Firefox */
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

    /* Navigasi Aktif dan Hover - Start */
    /* Gaya dasar Link */
    .nav-link {
        position: relative;
        padding-bottom: 4px;
    }

    /* Garis bawah saat Hover DAN saat Aktif */
    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #d4af37; /* Warna Accent/Emas */
        transition: width 0.3s ease;
    }

    /* Kondisi saat di-hover atau memiliki class 'active' */
    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }

    /* Warna teks saat aktif */
    .nav-link.active {
        color: #d4af37 !important; /* Warna Emas */
    }
    /* Navigasi Aktif dan Hover - End */

    /* Navigasi Menu Responsive HP - Start*/
    @media (max-width: 767px) {
    #menu.flex {
        display: flex;
        border-top: 2px solid #f3f4f6;
        animation: slideDown 0.3s ease-out;
    }
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Navigasi Menu Responsive HP - End*/

    /* Memperbaiki rendering navigasi agar tidak goyang saat hover */
    nav a {
        display: inline-block;
        transition: all 0.3s ease;
    }

    /* Warna Kustom (Tetap Gunakan yang Sebelumnya) */
    .bg-primary { background-color: #064e3b; }
    .text-accent { color: #d4af37; }
    .bg-accent { background-color: #d4af37; }
    
            /* Styling khusus Slider - Start */
        .swiper { width: 100%; height: 100vh; }
        .swiper-slide { position: relative; overflow: hidden; }
        
        /* Efek Zoom Pelan pada gambar agar tidak monoton */
        .swiper-slide-active img {
            animation: zoomEffect 10s linear infinite alternate;
        }
        @keyframes zoomEffect {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* Gradient overlay agar text terbaca */
        .overlay {
            background: linear-gradient(to bottom, rgba(6, 78, 59, 0.4), rgba(6, 78, 59, 0.8));
        }

        /* Warna navigasi kustom */
        .swiper-button-next, .swiper-button-prev { color: #d4af37 !important; }
        .swiper-pagination-bullet-active { background: #d4af37 !important; }

        /* Styling khusus Slider - End */
        

    /* Perbaikan Khusus Slider agar tidak lag (sesuai diskusi sebelumnya) */
    .swiper-slide {
        background-color: #064e3b;
        opacity: 0 !important;
    }
    .swiper-slide-active {
        opacity: 1 !important;
    }
    /* Font-End */

    /* Animasi Hover Garis Bawah - Start*/
    .nav-link {
        position: relative;
        padding-bottom: 4px;
    }

    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #d4af37; /* Warna Kuning Emas */
        transition: all 0.3s ease-in-out;
        transform: translateX(-50%);
    }

    .nav-link:hover::after {
        width: 100%;
    }

    .nav-link:hover {
        color: #d4af37 !important;
        transform: translateY(-2px); /* Efek sedikit terangkat */
    }

    /* Animasi Hover Garis Bawah - End*/

    /* Styling FAQ 2 - Start */
    /* Styling FAQ Modern Cards */
.faq-card {
    background: white;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 1.5rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.faq-card:hover {
    border-color: #d4af37;
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.faq-card.active {
    background-color: #f8fafc;
    border-color: #064e3b;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.faq-card.active .faq-answer {
    max-height: 500px;
    opacity: 1;
    margin-top: 1rem;
}

/* Animasi Ikon */
/* .icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f5f9;
    transition: all 0.3s ease;
}

.faq-card.active .icon-box {
    background: #d4af37;
    transform: rotate(180deg);
}

.faq-card.active .icon-box svg {
    stroke: white;
} */

/* Animasi Ikon */
.icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* WARNA SEBELUM DIKLIK: Hijau Gelap */
    background: #064e3b; 
    transition: all 0.3s ease;
}

/* Warna icon panah (SVG) sebelum diklik agar putih/terang di atas hijau */
.icon-box svg {
    stroke: white; 
}

/* WARNA SETELAH DIKLIK (AKTIF): Berubah jadi Emas */
.faq-card.active .icon-box {
    background: #d4af37;
    transform: rotate(180deg);
}

.faq-card.active .icon-box svg {
    stroke: white; /* Tetap putih agar kontras dengan emas */
}

    /* Styling FAQ 2 - End */

    /* Styling Testimoni - Start*/
.testimonial-card {
    transition: all 0.3s ease;
    border-radius: 20px;
}
.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.star-rating {
    color: #d4af37; /* Kuning Emas */
}
/* Styling Testimoni - End*/