<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ady Sheva &#8211; Cuan Virtual</title>
	<atom:link href="https://cuanvirtual.com/author/admin/feed/" rel="self" type="application/rss+xml" />
	<link>https://cuanvirtual.com</link>
	<description>Profit Nyata Dari Dunia Maya</description>
	<lastBuildDate>Wed, 25 Jun 2025 07:03:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://cuanvirtual.com/wp-content/uploads/2023/12/cropped-123-32x32.png</url>
	<title>Ady Sheva &#8211; Cuan Virtual</title>
	<link>https://cuanvirtual.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Demo</title>
		<link>https://cuanvirtual.com/demo/</link>
					<comments>https://cuanvirtual.com/demo/#respond</comments>
		
		<dc:creator><![CDATA[Ady Sheva]]></dc:creator>
		<pubDate>Wed, 25 Jun 2025 03:13:43 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://cuanvirtual.com/?p=23349</guid>

					<description><![CDATA[Solusi Marketing Digital Modern Solusi Marketing Digital Modern Solusi Marketing Digital Modern untuk Bisnis Anda Tingkatkan penjualan online dengan tools marketing yang powerful dan mudah digunakan TriggerBox bantu Anda membuat landing page profesional tanpa coding. Dengan platform all-in-one ini, Anda bisa membuat landing page, countdown timer, testimoni, dan salespage yang menarik dalam hitungan menit. Cocok &#8230;]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="23349" class="elementor elementor-23349" data-elementor-post-type="post">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-b141c43 e-flex e-con-boxed e-con e-parent" data-id="b141c43" data-element_type="container" data-e-type="container" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
					<div class="e-con-inner">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-72ef484 elementor-widget elementor-widget-html" data-id="72ef484" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Solusi Marketing Digital Modern</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
        <style>
        :root {
            --sp-primary-color: #005AEE;
            --sp-secondary-color: #F0F6FF;
            --sp-text-color: #1a202c;
            --sp-bg-color: #ffffff;
            --sp-heading-color: #1a202c;
            --sp-border-color: #e2e8f0;
            --sp-cta-bg-color: #ff7b00;
            --sp-cta-text-color: #ffffff;
            --sp-feature-icon-color-check: #22c55e;
            --sp-feature-icon-color-close: #ef4444;
            --sp-feature-icon-color-star: #f59e0b;
            --sp-feature-icon-color-heart: #ec4899;
            --sp-feature-icon-color-shield: #3b82f6;
        }
        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--sp-bg-color);
            color: var(--sp-text-color);
            line-height: 1.7;
            margin: 0;
            padding: 0;
        }
        main {
            max-width: 900px;
            margin: 2rem auto;
            padding: 0 1rem;
        }
        .salespage {
            border: 1px solid var(--sp-border-color);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.04);
        }
        .salespage-main-header {
            background-color: var(--sp-primary-color);
            color: white;
            padding: 1rem 2rem;
            text-align: center;
        }
        .salespage-main-header h2 {
            margin: 0;
            font-size: 1.5rem;
            font-weight: 600;
        }
            .salespage-header {
                text-align: center;
            padding: 3rem 1.5rem;
            background-color: var(--sp-secondary-color);
            }
            .salespage-title {
            font-size: 2.8rem;
                font-weight: 700;
            color: var(--sp-heading-color);
                line-height: 1.2;
            margin: 0 0 1rem 0;
            }
            .salespage-subtitle {
            font-size: 1.2rem;
            color: var(--sp-text-color);
            opacity: 0.8;
            margin: 0;
        }
            .product-image {
                text-align: center;
            padding: 2rem 1.5rem;
            background: #fafafa;
            }
            .product-image img {
                max-width: 100%;
                height: auto;
            max-height: 400px;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }
        .description-section {
            padding: 2rem 1.5rem;
            font-size: 1rem;
        }
        .section-heading {
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            margin: 3rem 0 1.5rem 0;
            padding-top: 2rem;
            border-top: 1px solid var(--sp-border-color);
        }
        .salespage-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            padding: 0 1.5rem;
        }
            .feature {
                display: flex;
                align-items: center;
                gap: 1rem;
            padding: 1.25rem;
            background: var(--sp-secondary-color);
            border-radius: 12px;
            border-left: 5px solid var(--sp-primary-color);
        }
            .feature i {
            font-size: 1.8rem;
            flex-shrink: 0;
        }
        .feature i.ri-check-line { color: var(--sp-feature-icon-color-check); }
        .feature i.ri-close-line { color: var(--sp-feature-icon-color-close); }
        .feature i.ri-star-line { color: var(--sp-feature-icon-color-star); }
        .feature i.ri-heart-line { color: var(--sp-feature-icon-color-heart); }
        .feature i.ri-shield-check-line { color: var(--sp-feature-icon-color-shield); }
        .feature span {
            font-weight: 600;
        }
        .salespage-cta {
            background-color: var(--sp-secondary-color);
            padding: 3rem 1.5rem;
            margin: 3rem 0;
                text-align: center;
            border-radius: 12px;
        }
        .price-section {
            margin-bottom: 1.5rem;
        }
        .price {
            font-size: 3rem;
            font-weight: 700;
            color: var(--sp-heading-color);
        }
            .cta-button {
            display: inline-block;
            background-color: var(--sp-cta-bg-color);
            color: var(--sp-cta-text-color);
            padding: 1rem 3rem;
            font-size: 1.2rem;
            font-weight: 600;
                text-decoration: none;
            border-radius: 50px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);
        }
            .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 20px rgba(255, 123, 0, 0.5);
            }
            .faq-section {
            padding: 2rem 1.5rem;
            margin-bottom: 2rem;
            }
            .faq-title {
                text-align: center;
                font-size: 2rem;
            font-weight: 700;
            margin: 0 0 2rem 0;
            }
            .faq-accordion {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }
            .faq-accordion-item {
            border: 1px solid var(--sp-border-color);
            border-radius: 12px;
                overflow: hidden;
                transition: all 0.3s ease;
            }
            .faq-question-row {
                display: flex;
                align-items: center;
            gap: 1rem;
            padding: 1.25rem;
                cursor: pointer;
                font-weight: 600;
            background-color: var(--sp-secondary-color);
            }
            .faq-arrow {
                transition: transform 0.3s ease;
            font-size: 1.2rem;
            }
            .faq-emoji {
            font-size: 1.5rem;
            }
            .faq-answer-row {
                max-height: 0;
                overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            padding: 0 1.25rem;
        }
        .faq-accordion-item.open .faq-arrow {
            transform: rotate(90deg);
            }
            .faq-accordion-item.open .faq-answer-row {
            padding: 1.25rem;
                max-height: 500px;
            border-top: 1px solid var(--sp-border-color);
        }
        @media (max-width: 768px) {
            .salespage-title { font-size: 2.2rem; }
            .price { font-size: 2.5rem; }
            .salespage-features { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>
    <main>
        
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css">
            
            <section class="w-full max-w-[680px] mx-auto px-6 py-10 bg-white rounded-lg shadow-sm text-gray-800 space-y-10">
                <!-- Product Badge & Header -->
                <div class="text-center space-y-4">
                    
                        <div class="inline-block px-4 py-2 rounded-full bg-gradient-to-r from-purple-500 to-indigo-500 text-white text-sm font-semibold">
                            Solusi Marketing Digital Modern
                        </div>
                    
                    
                        <h1 class="text-3xl sm:text-4xl font-bold text-gray-900 leading-tight">
                            Solusi Marketing Digital Modern untuk Bisnis Anda
                        </h1>
                    
                    
                        <p class="text-gray-500 text-lg leading-relaxed max-w-2xl mx-auto">
                            Tingkatkan penjualan online dengan tools marketing yang powerful dan mudah digunakan
                        </p>
                    
                </div>
                
                <!-- Description -->
                
                    <div class="prose prose-lg max-w-none text-gray-700 leading-relaxed text-center">
                        <p>TriggerBox bantu Anda membuat landing page profesional tanpa coding. Dengan platform all-in-one ini, Anda bisa membuat landing page, countdown timer, testimoni, dan salespage yang menarik dalam hitungan menit. Cocok untuk bisnis online, dropshipping, dan digital marketing.</p>
                    </div>
                

                <!-- Features Section -->
                
            <div class="mt-10">
                <h3 class="text-xl font-semibold text-gray-800 mb-6 text-center">Fitur Unggulan</h3>
                <ul class="space-y-2 max-w-2xl mx-auto">
                    
                <li class="flex items-center space-x-3 py-2">
                    <i class="ri-check-line" style="color:#22c55e; font-size: 1.25rem;"></i>
                    <span class="text-gray-800 font-medium">Mudah digunakan tanpa coding</span>
                </li>
            
                <li class="flex items-center space-x-3 py-2">
                    <i class="ri-check-line" style="color:#22c55e; font-size: 1.25rem;"></i>
                    <span class="text-gray-800 font-medium">Template profesional siap pakai</span>
                </li>
            
                <li class="flex items-center space-x-3 py-2">
                    <i class="ri-star-line" style="color:#f59e0b; font-size: 1.25rem;"></i>
                    <span class="text-gray-800 font-medium">Preview real-time</span>
                </li>
            
                <li class="flex items-center space-x-3 py-2">
                    <i class="ri-shield-check-line" style="color:#3b82f6; font-size: 1.25rem;"></i>
                    <span class="text-gray-800 font-medium">Export HTML siap deploy</span>
                </li>
            
                <li class="flex items-center space-x-3 py-2">
                    <i class="ri-heart-line" style="color:#ec4899; font-size: 1.25rem;"></i>
                    <span class="text-gray-800 font-medium">Responsive design</span>
                </li>
            
                </ul>
            </div>
        

                <!-- CTA Section -->
                
            <div class="text-center space-y-4 mt-10">
                
                    <div class="text-3xl font-bold text-gray-800">Rp 149.000</div>
                
                
                    <a href="https://example.com/coba-sekarang" class="inline-block px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-semibold rounded-lg shadow-lg hover:from-indigo-700 hover:to-purple-700 transition-all duration-300 transform hover:scale-105" target="_blank">
                        Beli Sekarang
                    </a>
                
            </div>
        

                <!-- FAQ Section -->
                
            <div class="mt-12">
                <h3 class="text-xl font-semibold text-gray-800 mb-6 text-center">Pertanyaan yang Sering Diajukan</h3>
                <div class="space-y-3">
                    
                <details class="border border-gray-200 rounded-lg p-4 cursor-pointer hover:bg-gray-50 transition-colors">
                    <summary class="font-medium text-gray-800 flex items-center space-x-2">
                        <span class="text-lg"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f914.png" alt="🤔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>Apakah ada garansi uang kembali?</span>
                    </summary>
                    <div class="mt-3 text-sm text-gray-600 leading-relaxed">
                        Ya, kami memberikan garansi 30 hari uang kembali tanpa syarat. Jika Anda tidak puas dengan produk kami, kami akan mengembalikan uang Anda 100%.
                    </div>
                </details>
            
                <details class="border border-gray-200 rounded-lg p-4 cursor-pointer hover:bg-gray-50 transition-colors">
                    <summary class="font-medium text-gray-800 flex items-center space-x-2">
                        <span class="text-lg"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>Metode pembayaran apa saja yang tersedia?</span>
                    </summary>
                    <div class="mt-3 text-sm text-gray-600 leading-relaxed">
                        Kami menerima pembayaran melalui transfer bank, e-wallet (OVO, DANA, GoPay), dan kartu kredit/debit. Semua transaksi aman dan terenkripsi.
                    </div>
                </details>
            
                <details class="border border-gray-200 rounded-lg p-4 cursor-pointer hover:bg-gray-50 transition-colors">
                    <summary class="font-medium text-gray-800 flex items-center space-x-2">
                        <span class="text-lg"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>Apakah bisa digunakan di mobile?</span>
                    </summary>
                    <div class="mt-3 text-sm text-gray-600 leading-relaxed">
                        Tentu! Semua landing page yang dibuat dengan TriggerBox sudah responsive dan akan terlihat sempurna di desktop, tablet, maupun smartphone.
                    </div>
                </details>
            
                <details class="border border-gray-200 rounded-lg p-4 cursor-pointer hover:bg-gray-50 transition-colors">
                    <summary class="font-medium text-gray-800 flex items-center space-x-2">
                        <span class="text-lg"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>Berapa lama waktu setup?</span>
                    </summary>
                    <div class="mt-3 text-sm text-gray-600 leading-relaxed">
                        Setup sangat cepat! Anda bisa membuat landing page profesional dalam waktu 5-10 menit. Tidak perlu menunggu lama untuk mulai menggunakan.
                    </div>
                </details>
            
                </div>
            </div>
        
            </section>
        
    </main>
    <script>
        // Script for FAQ accordion functionality
        document.addEventListener('DOMContentLoaded', () => {
            document.body.addEventListener('click', function(e) {
                const questionRow = e.target.closest('.faq-question-row');
                if (questionRow) {
                    const item = questionRow.closest('.faq-accordion-item');
                    if (item) {
                        item.classList.toggle('open');
                    }
                }
            });
        });
    </script>
</body>
</html>				</div>
				</div>
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-09bf586 elementor-widget elementor-widget-html" data-id="09bf586" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Countdown Timer by TriggerBox -->
<div class="floating-countdown modern-style visible" id="triggerbox-countdown" style="--main-color: #6366f1;">
    <div class="fc-header">
        <span class="fc-title">Promo Berakhir Dalam</span>
        <button class="fc-close-btn" onclick="this.parentElement.parentElement.remove()" title="Tutup countdown">&times;</button>
    </div>
    <div class="fc-timer">
        
        <div class="fc-time-unit"><div class="fc-number" data-unit="hours">00</div><div class="fc-label">Jam</div></div>
        <div class="fc-time-unit"><div class="fc-number" data-unit="minutes">00</div><div class="fc-label">Menit</div></div>
        <div class="fc-time-unit"><div class="fc-number" data-unit="seconds">00</div><div class="fc-label">Detik</div></div>
    </div>
</div>

<style>
/* Floating Countdown Styles */
.floating-countdown {
    position: fixed;
    top: 20px;
    right: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    padding: 10px 16px;
    font-size: 14px;
    z-index: 9999;
    max-width: 220px;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    border: 1px solid #e2e8f0;
    font-family: 'Poppins', sans-serif;
}
.floating-countdown.visible {
    transform: translateX(0);
}
.floating-countdown .fc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e2e8f0;
}
.floating-countdown .fc-title {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    margin: 0;
}
.floating-countdown .fc-close-btn {
    background: none;
    border: none;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
    line-height: 1;
}
.floating-countdown .fc-close-btn:hover {
    background: #f0f0f0;
    color: #333;
}
.floating-countdown .fc-timer {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    font-family: 'Poppins', sans-serif;
}
.floating-countdown .fc-time-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 32px;
}
.floating-countdown .fc-number {
    background: #eee;
    padding: 4px 8px;
    border-radius: 6px;
    min-width: 32px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 2px;
}
.floating-countdown .fc-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
    font-weight: 500;
}
.floating-countdown .fc-ended {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #e74c3c;
    padding: 8px;
}
.floating-countdown.classic-style {
    background: white;
    border: 2px solid var(--main-color);
}
.floating-countdown.classic-style .fc-number {
    background: var(--main-color);
    color: white;
}
.floating-countdown.classic-style .fc-label {
    color: #333;
}
.floating-countdown.modern-style {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.floating-countdown.modern-style .fc-title,
.floating-countdown.modern-style .fc-number {
    color: var(--main-color);
}
.floating-countdown.modern-style .fc-number {
    background: var(--main-color);
    color: white;
}
.floating-countdown.modern-style .fc-label {
    color: #666;
}
.floating-countdown.digital-style {
    background: #000;
    color: var(--main-color);
    font-family: 'Orbitron', monospace;
    border: 1px solid var(--main-color);
}
.floating-countdown.digital-style .fc-title {
    color: var(--main-color);
    text-shadow: 0 0 5px var(--main-color);
}
.floating-countdown.digital-style .fc-number {
    background: var(--main-color);
    color: #000;
    font-family: 'Orbitron', monospace;
    font-size: 12px;
    text-shadow: none;
}
.floating-countdown.digital-style .fc-label {
    color: var(--main-color);
    font-family: 'Orbitron', monospace;
    opacity: 0.7;
    font-size: 9px;
}
@media (max-width: 480px) {
    .floating-countdown {
        top: 10px;
        right: 10px;
        left: 10px;
        max-width: none;
        transform: translateY(-100%);
    }
    .floating-countdown.visible {
        transform: translateY(0);
    }
    .floating-countdown .fc-timer {
        gap: 4px;
    }
    .floating-countdown .fc-number {
        font-size: 12px;
        min-width: 28px;
        padding: 3px 6px;
    }
    .floating-countdown .fc-label {
        font-size: 9px;
    }
}
</style>

<script>
(function() {
    const countdownElement = document.getElementById('triggerbox-countdown');
    if (!countdownElement) return;
    const timerContainer = countdownElement.querySelector('.fc-timer');
    const endTime = new Date('2025-06-25T06:13:49.764Z').getTime();
    function updateTimer() {
        const distance = endTime - new Date().getTime();
        if (distance < 0) {
            clearInterval(countdownInterval);
            const titleElement = countdownElement.querySelector('.fc-title');
            if (titleElement) titleElement.textContent = 'Waktu telah habis!';
            timerContainer.innerHTML = '<div class="fc-ended">Promo telah berakhir!</div>';
            return;
        }
        const time = {
            days: Math.floor(distance / (1000 * 60 * 60 * 24)),
            hours: Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
            minutes: Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
            seconds: Math.floor((distance % (1000 * 60)) / 1000)
        };
        if (["hours","minutes","seconds"].includes('days')) {
            const daysElement = timerContainer.querySelector('[data-unit="days"]');
            if (daysElement) daysElement.textContent = String(time.days).padStart(2, '0');
        }
        if (["hours","minutes","seconds"].includes('hours')) {
            const hoursElement = timerContainer.querySelector('[data-unit="hours"]');
            if (hoursElement) hoursElement.textContent = String(time.hours).padStart(2, '0');
        }
        if (["hours","minutes","seconds"].includes('minutes')) {
            const minutesElement = timerContainer.querySelector('[data-unit="minutes"]');
            if (minutesElement) minutesElement.textContent = String(time.minutes).padStart(2, '0');
        }
        if (["hours","minutes","seconds"].includes('seconds')) {
            const secondsElement = timerContainer.querySelector('[data-unit="seconds"]');
            if (secondsElement) secondsElement.textContent = String(time.seconds).padStart(2, '0');
        }
    }
    updateTimer();
    const countdownInterval = setInterval(updateTimer, 1000);
})();
</script>				</div>
				</div>
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-cca3d15 elementor-widget elementor-widget-html" data-id="cca3d15" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Testimonial Slider by TriggerBox -->
<div id="ts-slider-1750833195568" class="ts-slider-wrapper">
    <div class="ts-slider-container"><div class="ts-slide style-whatsapp">
                        <img decoding="async" class="avatar" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiM2NjdmZWEiLz4KPHBhdGggZD0iTTIwIDI0QzI0LjQxODMgMjQgMjggMjAuNDE4MyAyOCAxNkMyOCAxMS41ODE3IDI0LjQxODMgOCAyMCA4QzE1LjU4MTcgOCAxMiAxMS41ODE3IDEyIDE2QzEyIDIwLjQxODMgMTUuNTgxNyAyNCAyMCAyNFoiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTggMzZDOCAzMC40NzcyIDEzLjQ3NzIgMjYgMjAgMjZDMjYuNTIyOCAyNiAzMiAzMC40NzcyIDMyIDM2SDhWIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=" alt="FomoNotif" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI1IDI4QzMwLjUyMjggMjggMzUgMjMuNTIyOCAzNSAxOEMzNSAxMi40NzcyIDMwLjUyMjggOCAyNSA4QzE5LjQ3NzIgOCAxNSA5LjQ3NzIgMTUgMTVDMTUgMjAuNTIyOCAxOS40NzcyIDI1IDI1IDI1WiIgZmlsbD0iI0QxRDVEMiIvPgo8cGF0aCBkPSJNMTAgNDJDMTAgMzUuMzcyNiAxNi4zNzI2IDMwIDI1IDMwQzMzLjYyNzQgMzAgNDAgMzUuMzcyNiA0MCA0MkgxMFoiIGZpbGw9IiNEQ0Q5RDEiLz4KPC9zdmc+'">
                        <div class="message-bubble">
                            <div class="message">Tampilkan kepercayaan pelanggan dengan desain testimoni profesional dan menarik.</div>
                            <div class="name">— FomoNotif</div>
                        </div></div>
<div class="ts-slide style-whatsapp">
                        <img decoding="async" class="avatar" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiNlYzQ4OTMiLz4KPHBhdGggZD0iTTIwIDI0QzI0LjQxODMgMjQgMjggMjAuNDE4MyAyOCAxNkMyOCAxMS41ODE3IDI0LjQxODMgOCAyMCA4QzE1LjU4MTcgOCAxMiAxMS41ODE3IDEyIDE2QzEyIDIwLjQxODMgMTUuNTgxNyAyNCAyMCAyNFoiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTggMzZDOCAzMC40NzcyIDEzLjQ3NzIgMjYgMjAgMjZDMjYuNTIyOCAyNiAzMiAzMC40NzcyIDMyIDM2SDhWIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=" alt="SiteSnap" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI1IDI4QzMwLjUyMjggMjggMzUgMjMuNTIyOCAzNSAxOEMzNSAxMi40NzcyIDMwLjUyMjggOCAyNSA4QzE5LjQ3NzIgOCAxNSA5LjQ3NzIgMTUgMTVDMTUgMjAuNTIyOCAxOS40NzcyIDI1IDI1IDI1WiIgZmlsbD0iI0QxRDVEMiIvPgo8cGF0aCBkPSJNMTAgNDJDMTAgMzUuMzcyNiAxNi4zNzI2IDMwIDI1IDMwQzMzLjYyNzQgMzAgNDAgMzUuMzcyNiA0MCA0MkgxMFoiIGZpbGw9IiNEQ0Q5RDEiLz4KPC9zdmc+'">
                        <div class="message-bubble">
                            <div class="message">Tampilkan kepercayaan pelanggan dengan desain testimoni profesional dan menarik.</div>
                            <div class="name">— SiteSnap</div>
                        </div></div>
<div class="ts-slide style-whatsapp">
                        <img decoding="async" class="avatar" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiM5Y2EzYWYiLz4KPHBhdGggZD0iTTIwIDI0QzI0LjQxODMgMjQgMjggMjAuNDE4MyAyOCAxNkMyOCAxMS41ODE3IDI0LjQxODMgOCAyMCA4QzE1LjU4MTcgOCAxMiAxMS41ODE3IDEyIDE2QzEyIDIwLjQxODMgMTUuNTgxNyAyNCAyMCAyNFoiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTggMzZDOCAzMC40NzcyIDEzLjQ3NzIgMjYgMjAgMjZDMjYuNTIyOCAyNiAzMiAzMC40NzcyIDMyIDM2SDhWIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=" alt="Countdown Timer" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNFNUU3RUIiLz4KPHBhdGggZD0iTTI1IDI4QzMwLjUyMjggMjggMzUgMjMuNTIyOCAzNSAxOEMzNSAxMi40NzcyIDMwLjUyMjggOCAyNSA4QzE5LjQ3NzIgOCAxNSA5LjQ3NzIgMTUgMTVDMTUgMjAuNTIyOCAxOS40NzcyIDI1IDI1IDI1WiIgZmlsbD0iI0QxRDVEMiIvPgo8cGF0aCBkPSJNMTAgNDJDMTAgMzUuMzcyNiAxNi4zNzI2IDMwIDI1IDMwQzMzLjYyNzQgMzAgNDAgMzUuMzcyNiA0MCA0MkgxMFoiIGZpbGw9IiNEQ0Q5RDEiLz4KPC9zdmc+'">
                        <div class="message-bubble">
                            <div class="message">Tampilkan kepercayaan pelanggan dengan desain testimoni profesional dan menarik.</div>
                            <div class="name">— Countdown Timer</div>
                        </div></div>
</div>
    <button class="ts-slider-nav prev" aria-label="Previous testimonial">&lt;</button>
    <button class="ts-slider-nav next" aria-label="Next testimonial">&gt;</button>
</div>

<style>
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* Testimonial Slider Styles */
#ts-slider-1750833195568 { 
    position: relative; 
    max-width: 500px; 
    margin: 2rem auto; 
    font-family: 'Poppins', 'Inter', sans-serif; 
    overflow: hidden;
    background: #f8f9fa;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#ts-slider-1750833195568 .ts-slider-container { 
    display: flex; 
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}

#ts-slider-1750833195568 .ts-slide { 
    width: 100%; 
    flex-shrink: 0; 
    padding: 1.5rem; 
    box-sizing: border-box; 
}

#ts-slider-1750833195568 .ts-slider-nav { 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    background: rgba(0,0,0,0.6); 
    color: white; 
    border: none; 
    border-radius: 50%; 
    width: 40px; 
    height: 40px; 
    cursor: pointer; 
    z-index: 10;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ts-slider-1750833195568 .ts-slider-nav:hover {
    background: rgba(0,0,0,0.8);
    transform: translateY(-50%) scale(1.1);
}

#ts-slider-1750833195568 .ts-slider-nav.prev { 
    left: 10px; 
}

#ts-slider-1750833195568 .ts-slider-nav.next { 
    right: 10px; 
}

#ts-slider-1750833195568 .ts-slide .avatar { 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    object-fit: cover; 
    flex-shrink: 0; 
}

/* WhatsApp Style */
#ts-slider-1750833195568 .style-whatsapp { 
    display: flex; 
    align-items: flex-start; 
    gap: 12px; 
    background: #f0f0f0; 
    padding: 16px; 
    border-radius: 16px; 
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#ts-slider-1750833195568 .style-whatsapp .avatar { 
    border: 2px solid #25d366; 
}

#ts-slider-1750833195568 .style-whatsapp .message-bubble { 
    background: #dcf8c6; 
    padding: 12px 16px; 
    border-radius: 18px; 
    border-top-left-radius: 4px; 
    position: relative; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    max-width: 280px;
}

#ts-slider-1750833195568 .style-whatsapp .message-bubble::before { 
    content: ''; 
    position: absolute; 
    left: -8px; 
    top: 0; 
    width: 0; 
    height: 0; 
    border: 8px solid transparent; 
    border-right-color: #dcf8c6; 
    border-left: 0; 
    border-top: 0; 
}

#ts-slider-1750833195568 .style-whatsapp .message { 
    color: #000; 
    font-size: 14px; 
    margin-bottom: 8px;
    line-height: 1.4;
}

#ts-slider-1750833195568 .style-whatsapp .name { 
    color: #666; 
    font-size: 12px;
    font-weight: 500;
}

/* Balon Style */
#ts-slider-1750833195568 .style-balon { 
    background: linear-gradient(135deg, #667eea, #764ba2); 
    color: white; 
    padding: 20px; 
    border-radius: 20px; 
    position: relative;
    overflow: hidden;
}

#ts-slider-1750833195568 .style-balon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

#ts-slider-1750833195568 .style-balon .avatar { 
    width: 50px; 
    height: 50px; 
    border: 3px solid rgba(255,255,255,0.3); 
    position: relative;
    z-index: 1;
}

#ts-slider-1750833195568 .style-balon .speech-bubble { 
    background: white; 
    color: #333; 
    padding: 16px 20px; 
    border-radius: 20px; 
    border-top-left-radius: 4px; 
    position: relative;
    margin-top: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

#ts-slider-1750833195568 .style-balon .speech-bubble::before { 
    content: ''; 
    position: absolute; 
    left: -12px; 
    top: 20px; 
    width: 0; 
    height: 0; 
    border: 12px solid transparent; 
    border-right-color: white; 
    border-left: 0; 
}

#ts-slider-1750833195568 .style-balon .message { 
    font-size: 15px; 
    margin-bottom: 10px;
    line-height: 1.5;
}

#ts-slider-1750833195568 .style-balon .name { 
    color: #555;
    font-weight: 600;
}

/* Facebook Style */
#ts-slider-1750833195568 .style-facebook { 
    display: flex; 
    align-items: flex-start; 
    gap: 12px; 
    background: #f8f9fa; 
    padding: 16px; 
    border-radius: 12px; 
    border: 1px solid #e4e6ea; 
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

#ts-slider-1750833195568 .style-facebook .avatar { 
    border: 2px solid #1877f2; 
}

#ts-slider-1750833195568 .style-facebook .content { 
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#ts-slider-1750833195568 .style-facebook .name { 
    font-weight: 600; 
    color: #1877f2;
    font-size: 13px;
    margin-bottom: 4px;
    align-self: flex-start;
}

#ts-slider-1750833195568 .style-facebook .message { 
    color: #1c1e21; 
    font-size: 14px; 
    line-height: 1.4;
    align-self: flex-start;
    width: 100%;
}

/* Responsive Design */
@media (max-width: 768px) {
    #ts-slider-1750833195568 {
        max-width: 100%;
        margin: 1rem;
    }
    
    #ts-slider-1750833195568 .ts-slide {
        padding: 1rem;
    }
    
    #ts-slider-1750833195568 .style-whatsapp .message-bubble {
        max-width: 240px;
    }
    
    #ts-slider-1750833195568 .ts-slider-nav {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    #ts-slider-1750833195568 {
        margin: 0.5rem;
    }
    
    #ts-slider-1750833195568 .ts-slide {
        padding: 0.75rem;
    }
    
    #ts-slider-1750833195568 .style-whatsapp .message-bubble {
        max-width: 200px;
    }
    
    #ts-slider-1750833195568 .ts-slider-nav {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    
    #ts-slider-1750833195568 .ts-slider-nav.prev {
        left: 5px;
    }
    
    #ts-slider-1750833195568 .ts-slider-nav.next {
        right: 5px;
    }
}
</style>

<script>
(function() {
    const sliderWrapper = document.getElementById('ts-slider-1750833195568');
    if (!sliderWrapper) return;
    
    const container = sliderWrapper.querySelector('.ts-slider-container');
    const slides = container.querySelectorAll('.ts-slide');
    const prevBtn = sliderWrapper.querySelector('.prev');
    const nextBtn = sliderWrapper.querySelector('.next');
    let currentIndex = 0;

    function goToSlide(index) {
        container.style.transform = 'translateX(-' + (index * 100) + '%)';
        currentIndex = index;
        
        // Update button states
        prevBtn.style.opacity = index === 0 ? '0.5' : '1';
        nextBtn.style.opacity = index === slides.length - 1 ? '0.5' : '1';
    }

    function showSlide(index) {
        if (index < 0) {
            index = slides.length - 1;
        } else if (index >= slides.length) {
            index = 0;
        }
        goToSlide(index);
    }

    prevBtn.addEventListener('click', () => {
        showSlide(currentIndex - 1);
    });

    nextBtn.addEventListener('click', () => {
        showSlide(currentIndex + 1);
    });
    
    // Hide navigation if only one slide
    if (slides.length <= 1) {
        prevBtn.style.display = 'none';
        nextBtn.style.display = 'none';
    } else {
        // Initialize button states
        goToSlide(0);
    }
    
    // Auto-advance slides every 5 seconds (optional)
    if (slides.length > 1) {
        setInterval(() => {
            showSlide(currentIndex + 1);
        }, 5000);
    }
})();
</script>				</div>
				</div>
					</div>
				</div>
		<div data-ka-cursor-size="1" class="elementor-element elementor-element-bc9b200 e-flex e-con-boxed e-con e-parent" data-id="bc9b200" data-element_type="container" data-e-type="container" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
					<div class="e-con-inner">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-4c028e3 elementor-widget elementor-widget-html" data-id="4c028e3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Pricing Table by TriggerBox -->
<div class="tb-tool-wrapper" data-tool="PricingTableBuilder">
<div class="pricing-table-wrapper">
<div class="pricing-grid modern" style="max-width: 100%;"><div class="pricing-card">
                <div class="pricing-card-header">
                    <h3 class="package-name">Paket Pro</h3>
                    <div class="package-price">Rp 149.000</div>
                    <p class="package-desc">per bulan</p>
                </div>
                <ul class="feature-list">
                    <li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Unggulan 1</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Premium 2</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Bantuan Prioritas</span></li>
                </ul>
                <div class="pricing-card-footer">
                    <a href="#" class="tb-button cta-button" target="_blank" rel="noopener">Mulai Sekarang</a>
                </div>
            </div><div class="pricing-card">
                <div class="pricing-card-header">
                    <h3 class="package-name">Paket Pro</h3>
                    <div class="package-price">Rp 149.000</div>
                    <p class="package-desc">per bulan</p>
                </div>
                <ul class="feature-list">
                    <li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Unggulan 1</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Premium 2</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Bantuan Prioritas</span></li>
                </ul>
                <div class="pricing-card-footer">
                    <a href="#" class="tb-button cta-button" target="_blank" rel="noopener">Mulai Sekarang</a>
                </div>
            </div></div>
</div>
<style>
/* Pricing Table Builder Styles - Scoped to prevent conflicts */
.tb-tool-wrapper[data-tool="PricingTableBuilder"] {
    --main-color: #667fff;
    --main-color-dark: #334ccc;
    font-family: 'Inter', sans-serif;
}

/* Controls Bar */
.tb-tool-wrapper .tb-controls-bar {
    background: var(--card-bg, #f8f9fa);
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.tb-tool-wrapper .tb-inline {
    display: flex;
    gap: 1.5rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.tb-tool-wrapper .tb-control-group {
    flex: 1;
    min-width: 0;
}

.tb-tool-wrapper .tb-control-group-buttons {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.tb-tool-wrapper .tb-color-input {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    cursor: pointer;
    background-color: white;
}

.tb-tool-wrapper .tb-slider {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: var(--border-color, #e9ecef);
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.tb-tool-wrapper .tb-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color, #4a90e2);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.tb-tool-wrapper .tb-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color, #4a90e2);
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Pricing Grid */
.tb-tool-wrapper #pricingGridWrapper {
    margin-bottom: 2rem;
}

.tb-tool-wrapper .pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    transition: all 0.3s ease;
}

/* Pricing Cards */
.tb-tool-wrapper .pricing-card {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid var(--border-color, #e9ecef);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
}

.tb-tool-wrapper .pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.tb-tool-wrapper .pricing-card .tb-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.tb-tool-wrapper .pricing-card .tb-input:focus {
    outline: none;
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper .pricing-card-header,
.tb-tool-wrapper .pricing-card-footer {
    margin-bottom: 1.5rem;
    }

.tb-tool-wrapper .pricing-card-footer {
    display: flex;
        flex-direction: column;
    gap: 1rem;
}

/* CTA Inputs Container */
.tb-tool-wrapper .cta-inputs {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tb-tool-wrapper .cta-inputs .tb-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.tb-tool-wrapper .cta-inputs .tb-input:focus {
    outline: none;
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper .cta-inputs .cta-url {
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
}

.tb-tool-wrapper .cta-inputs .cta-url::placeholder {
    color: var(--text-secondary, #6c757d);
    font-style: italic;
}

/* Feature List */
.tb-tool-wrapper .feature-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
    }

.tb-tool-wrapper .feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--bg-secondary, #f8f9fa);
    border-radius: 6px;
    border: 1px solid var(--border-color, #e9ecef);
    transition: all 0.2s ease;
    cursor: move;
    }

.tb-tool-wrapper .feature-item:hover {
    background: var(--bg-hover, #e9ecef);
    transform: translateX(4px);
}

.tb-tool-wrapper .feature-item.dragging {
    opacity: 0.5;
    transform: scale(0.95);
}

.tb-tool-wrapper .feature-item .tb-input {
    flex: 1;
    margin: 0;
    background: white;
}

/* Action Buttons */
.tb-tool-wrapper .action-button {
    background: none;
    border: none;
    color: var(--text-secondary, #6c757d);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tb-tool-wrapper .action-button:hover {
    background: var(--bg-hover, #e9ecef);
    color: var(--text-primary, #212529);
}

.tb-tool-wrapper .remove-package-btn {
    background: #dc3545;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.tb-tool-wrapper .remove-package-btn:hover {
    background: #c82333;
}

/* Design Styles */
.tb-tool-wrapper .pricing-grid.classic .pricing-card {
    border: 2px solid var(--main-color, #4a90e2);
}

.tb-tool-wrapper .pricing-grid.classic .pricing-card:hover {
    border-color: var(--main-color-dark, #357abd);
}

.tb-tool-wrapper .pricing-grid.modern .pricing-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.tb-tool-wrapper .pricing-grid.modern .pricing-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card {
    background: linear-gradient(135deg, var(--main-color, #4a90e2), var(--main-color-dark, #357abd));
    color: white;
    border: none;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .tb-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .tb-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .feature-item {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .feature-item .tb-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .action-button {
    color: rgba(255, 255, 255, 0.8);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .action-button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Output Section */
.tb-tool-wrapper .tb-output-section {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e9ecef);
}

.tb-tool-wrapper .tb-code-wrapper {
    position: relative;
    margin-top: 0.5rem;
}

.tb-tool-wrapper .tb-code-output {
    width: 100%;
    min-height: 200px;
    padding: 1rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 8px;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
    background-color: var(--bg-secondary, #f8f9fa);
    resize: vertical;
    outline: none;
    transition: border-color 0.2s;
}

.tb-tool-wrapper .tb-code-output:focus {
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper #copyCodeBtn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--main-color, #4a90e2);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.tb-tool-wrapper #copyCodeBtn:hover {
    background: var(--main-color-dark, #357abd);
    transform: translateY(-1px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .tb-tool-wrapper .tb-inline {
        flex-direction: column;
        gap: 1rem;
    }
    
    .tb-tool-wrapper .tb-control-group-buttons {
        justify-content: stretch;
    }

    .tb-tool-wrapper .tb-control-group-buttons .tb-button {
        flex: 1;
    }
    
    .tb-tool-wrapper .pricing-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .tb-tool-wrapper .pricing-card {
        padding: 1.5rem;
    }

    .tb-tool-wrapper .feature-item {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .tb-tool-wrapper .feature-item .action-button {
        align-self: flex-end;
    }
    }

@media (max-width: 480px) {
    .tb-tool-wrapper .tb-controls-bar {
        padding: 1rem;
    }

    .tb-tool-wrapper .pricing-card {
        padding: 1rem;
}

    .tb-tool-wrapper .tb-code-output {
        font-size: 0.8rem;
}
} 
/* Center single package and limit width */
.single-package-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.single-package-center .pricing-grid.single {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-pricing {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 480px) {
  .single-package-center .pricing-grid.single {
    max-width: 98vw;
    padding: 0 0.5rem;
  }
  .single-pricing {
    max-width: 98vw;
    padding: 0 0.5rem;
  }
}

</style>
</div>				</div>
				</div>
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-3cdc884 elementor-widget elementor-widget-html" data-id="3cdc884" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Pricing Table by TriggerBox -->
<div class="tb-tool-wrapper" data-tool="PricingTableBuilder">
<div class="pricing-table-wrapper">
<div class="pricing-grid classic" style="max-width: 100%;"><div class="pricing-card">
                <div class="pricing-card-header">
                    <h3 class="package-name">Paket Pro</h3>
                    <div class="package-price">Rp 149.000</div>
                    <p class="package-desc">per bulan</p>
                </div>
                <ul class="feature-list">
                    <li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Unggulan 1</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Premium 2</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Bantuan Prioritas</span></li>
                </ul>
                <div class="pricing-card-footer">
                    <a href="#" class="tb-button cta-button" target="_blank" rel="noopener">Mulai Sekarang</a>
                </div>
            </div><div class="pricing-card">
                <div class="pricing-card-header">
                    <h3 class="package-name">Paket Pro</h3>
                    <div class="package-price">Rp 149.000</div>
                    <p class="package-desc">per bulan</p>
                </div>
                <ul class="feature-list">
                    <li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Unggulan 1</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Fitur Premium 2</span></li><li class="feature-item"><span class="feature-check">✓</span><span class="feature-text">Bantuan Prioritas</span></li>
                </ul>
                <div class="pricing-card-footer">
                    <a href="#" class="tb-button cta-button" target="_blank" rel="noopener">Mulai Sekarang</a>
                </div>
            </div></div>
</div>
<style>
/* Pricing Table Builder Styles - Scoped to prevent conflicts */
.tb-tool-wrapper[data-tool="PricingTableBuilder"] {
    --main-color: #66f5ff;
    --main-color-dark: #33c2cc;
    font-family: 'Inter', sans-serif;
}

/* Controls Bar */
.tb-tool-wrapper .tb-controls-bar {
    background: var(--card-bg, #f8f9fa);
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.tb-tool-wrapper .tb-inline {
    display: flex;
    gap: 1.5rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.tb-tool-wrapper .tb-control-group {
    flex: 1;
    min-width: 0;
}

.tb-tool-wrapper .tb-control-group-buttons {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.tb-tool-wrapper .tb-color-input {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    cursor: pointer;
    background-color: white;
}

.tb-tool-wrapper .tb-slider {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: var(--border-color, #e9ecef);
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.tb-tool-wrapper .tb-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color, #4a90e2);
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.tb-tool-wrapper .tb-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--main-color, #4a90e2);
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Pricing Grid */
.tb-tool-wrapper #pricingGridWrapper {
    margin-bottom: 2rem;
}

.tb-tool-wrapper .pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    transition: all 0.3s ease;
}

/* Pricing Cards */
.tb-tool-wrapper .pricing-card {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid var(--border-color, #e9ecef);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
}

.tb-tool-wrapper .pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.tb-tool-wrapper .pricing-card .tb-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.tb-tool-wrapper .pricing-card .tb-input:focus {
    outline: none;
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper .pricing-card-header,
.tb-tool-wrapper .pricing-card-footer {
    margin-bottom: 1.5rem;
    }

.tb-tool-wrapper .pricing-card-footer {
    display: flex;
        flex-direction: column;
    gap: 1rem;
}

/* CTA Inputs Container */
.tb-tool-wrapper .cta-inputs {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tb-tool-wrapper .cta-inputs .tb-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 6px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.tb-tool-wrapper .cta-inputs .tb-input:focus {
    outline: none;
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper .cta-inputs .cta-url {
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
}

.tb-tool-wrapper .cta-inputs .cta-url::placeholder {
    color: var(--text-secondary, #6c757d);
    font-style: italic;
}

/* Feature List */
.tb-tool-wrapper .feature-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
    }

.tb-tool-wrapper .feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--bg-secondary, #f8f9fa);
    border-radius: 6px;
    border: 1px solid var(--border-color, #e9ecef);
    transition: all 0.2s ease;
    cursor: move;
    }

.tb-tool-wrapper .feature-item:hover {
    background: var(--bg-hover, #e9ecef);
    transform: translateX(4px);
}

.tb-tool-wrapper .feature-item.dragging {
    opacity: 0.5;
    transform: scale(0.95);
}

.tb-tool-wrapper .feature-item .tb-input {
    flex: 1;
    margin: 0;
    background: white;
}

/* Action Buttons */
.tb-tool-wrapper .action-button {
    background: none;
    border: none;
    color: var(--text-secondary, #6c757d);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tb-tool-wrapper .action-button:hover {
    background: var(--bg-hover, #e9ecef);
    color: var(--text-primary, #212529);
}

.tb-tool-wrapper .remove-package-btn {
    background: #dc3545;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.tb-tool-wrapper .remove-package-btn:hover {
    background: #c82333;
}

/* Design Styles */
.tb-tool-wrapper .pricing-grid.classic .pricing-card {
    border: 2px solid var(--main-color, #4a90e2);
}

.tb-tool-wrapper .pricing-grid.classic .pricing-card:hover {
    border-color: var(--main-color-dark, #357abd);
}

.tb-tool-wrapper .pricing-grid.modern .pricing-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.tb-tool-wrapper .pricing-grid.modern .pricing-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card {
    background: linear-gradient(135deg, var(--main-color, #4a90e2), var(--main-color-dark, #357abd));
    color: white;
    border: none;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .tb-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .tb-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .feature-item {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .feature-item .tb-input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .action-button {
    color: rgba(255, 255, 255, 0.8);
}

.tb-tool-wrapper .pricing-grid.gradient .pricing-card .action-button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Output Section */
.tb-tool-wrapper .tb-output-section {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e9ecef);
}

.tb-tool-wrapper .tb-code-wrapper {
    position: relative;
    margin-top: 0.5rem;
}

.tb-tool-wrapper .tb-code-output {
    width: 100%;
    min-height: 200px;
    padding: 1rem;
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 8px;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
    background-color: var(--bg-secondary, #f8f9fa);
    resize: vertical;
    outline: none;
    transition: border-color 0.2s;
}

.tb-tool-wrapper .tb-code-output:focus {
    border-color: var(--main-color, #4a90e2);
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.tb-tool-wrapper #copyCodeBtn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--main-color, #4a90e2);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.tb-tool-wrapper #copyCodeBtn:hover {
    background: var(--main-color-dark, #357abd);
    transform: translateY(-1px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .tb-tool-wrapper .tb-inline {
        flex-direction: column;
        gap: 1rem;
    }
    
    .tb-tool-wrapper .tb-control-group-buttons {
        justify-content: stretch;
    }

    .tb-tool-wrapper .tb-control-group-buttons .tb-button {
        flex: 1;
    }
    
    .tb-tool-wrapper .pricing-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .tb-tool-wrapper .pricing-card {
        padding: 1.5rem;
    }

    .tb-tool-wrapper .feature-item {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .tb-tool-wrapper .feature-item .action-button {
        align-self: flex-end;
    }
    }

@media (max-width: 480px) {
    .tb-tool-wrapper .tb-controls-bar {
        padding: 1rem;
    }

    .tb-tool-wrapper .pricing-card {
        padding: 1rem;
}

    .tb-tool-wrapper .tb-code-output {
        font-size: 0.8rem;
}
} 
/* Center single package and limit width */
.single-package-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.single-package-center .pricing-grid.single {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-pricing {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 480px) {
  .single-package-center .pricing-grid.single {
    max-width: 98vw;
    padding: 0 0.5rem;
  }
  .single-pricing {
    max-width: 98vw;
    padding: 0 0.5rem;
  }
}

</style>
</div>				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cuanvirtual.com/demo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
