MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: event.php

<?php require_once "app/headn.php" ?>
 <style>
        
            html, body {
                background: var(--primary-background);
                height: 100%;
            }
            
            main {
                padding: 24px;
                border-top: 3px solid var(--primary-color);
            }
            
            .list {
                display: flex;
                flex-direction: column;
                gap: 24px;
                padding-top: 16px;
                padding-bottom: 80px;
                
            }
            
            
        </style>

</head>

<body>
        
        <style>
    .my-navbar {
        height: 52px; 
        padding: 0px; 
        width: 100%; 
        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
        position: fixed; 
        bottom: 0; 
        color: white; 
        z-index: 1100; 
        display: flex; 
        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
    }
    
    .navbar-item {
        height: 100%; 
        width: 100%; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .navbar-item-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute; 
        top: -16px
    }
    
    .navbar-item-content>i {
         font-size: 20px;
         line-height: 22px;
         color: white;
         padding-bottom: 4px;
    }
    
    .navbar-item-content>img {
         height: 36px; 
         width: 36px;
    }
    
    .navbar-item-content>label {
        white-space: nowrap; 
        margin-top: 4px; 
        font-weight: bold; 
        font-size: var(--text-size-default); 
        color: white
    }
    
</style>
<?php require_once "app/menun.php" ?>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: #800000; color: white;">
    <div class="offcanvas-header py-3">
        <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Menu</h5>
                <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--text-color); font-size: 20px"></i></button>
            </div>
            <div class="offcanvas-body p-0">
                <div class="d-flex flex-column w-100 gap-1">

<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
    <div class="fw-bold"><i class="fa fa-info-circle" style="font-size: 20px;"></i></div>
    <div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/tentang.php">TENTANG</a></div>
</div>

<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
    <div class="fw-bold"><i class="fa fa-question-circle" style="font-size: 20px;"></i></div>
    <div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/bantuan.php">BANTUAN</a></div>
</div>

<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
    <div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
    <div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/privasi.php">KEBIJAKAN PRIVASI</a></div>
</div>

<div class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
    <div class="fw-bold"><i class="fa fa-shield" style="font-size: 20px;"></i></div>
    <div style="color: var(--text-color); font-size: 1.1rem"><a href="<?php echo $urlweb; ?>/peraturan.php">PERATURAN</a></div>
</div>

</div>

</div>
</div>
<div class="mobile-only" style="position: relative; background: var(--primary-background);">
    <div class="appbar" style="background: #800000">
        <a href="/" style="width: auto"><img class="logoimg" src="<?php echo $urlweb; ?>/upload/<?php echo $s0['image']; ?>" alt=""></a>
    
        <button style="position: absolute; right: 16px; background: transparent; border: none; width: auto; padding: 0px; height: 100%; margin: auto" class="mobile-only" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
            <i class="bi bi-person-lines-fill" style="color: var(--menu-item-color); font-size: 26px"></i>
        </button>
    </div>
</div>        
        <main style="">
            
            <div style="font-size: 1.2rem; font-weight: bold">EVENT</div>
            <div class="devider"></div> 
            
            <div class="panel panelbg" style="max-width: 900px; margin-bottom: 80px">
                   <div class="panel-body">
                                           <div class="shadow" style="width: 100%; margin-top:10px; border:solid 1px #333; border-radius: 10px 10px 10px 10px; background: var(--primary-theme-color)">
                                                <div >
                        <img src="https://img.viva88athenae.com/events/pg-september-24.jpg" style="width: 100%;border-radius: 10px 10px 0px 0px" alt="https://img.viva88athenae.com/events/pg-september-24.jpg">
                        </div>
                    	                                                <div style="width: 100%; background-color: ; border-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding: 15px">
                            <h5>PGSOFT : TURNAMEN & UNDIAN HANDPHONE 2</h5>

<p class="provider-event">
Periode : <b><em>1 Oktober 2024 - 16 Desember 2024</em></b>
</p>

<p></p>

<details open>
	<summary><b>Hadiah yang diundikan</b></summary>

<p></p>

<p>Handphone 5G: OPPO A58, VIVO Y36, Samsung Galaxy A13 atau Redmi Note 12.</p>

<p></p>
	
	<p><i>Cukup melakukan 1 kali spin nominal berapa pun di permainan slot PGSoft berkesempatan untuk memenangkan salah satu HP keren!</i></p>

<p></p>

<p><b>Aturan : </b></p>

<ol>
		<li>Semua permainan slot kecuali permainan Jackpot.</li>
		<li>Pemain secara otomatis ikut serta dalam event.</li>
		<li>Poin turnamen dan papan peringkat bisa dicek pada simbol <b>Piala</b> di dalam permainan.</li>
	</ol>

</details>

<p></p>

<details>
	<summary><b>Syarat & Ketentuan</b></summary>

<p></p>

<p><b>Turnamen Harian : </b></p>

<ol>
		<li>
			Tidak ada syarat perputaran atau aplikasi yang diperlukan untuk menerima hadiah.
		</li>
			<p></p>
		<li>
			Hadiah untuk setiap turnamen akan secara otomatis dibagikan ke dompet pemain sebelum pukul 18.00 sore di hari berikutnya. Disarankan pemain untuk memperhatikan perubahan saldo apa pun yang terjadi di dompet pemain.
		</li>
			<p></p>
		<li>
			Pemain bisa menduduki peringkat beberapa kali dan menerima hadiah beberapa kali dari papan peringkat.
		</li>
	</ol>

<p></p>

<p><b>Undian Handphone : </b></p>

<ol>
		<li>
			Pendaftaran tidak diperlukan untuk bergabung dalam acara ini.
		</li>
			<p></p>
		<li>
			Pemain akan secara otomatis tergabung di dalam acara ketika memasang taruhan.
		</li>
			<p></p>
		<li>
			Silahkan tonton video pemenang mingguan undian 10 handphone pada halaman promosi. 
			<br>Video pemenang undian akan diperbarui setiap minggu.
		</li>
			<p></p>
		<li>
			Jika pemenang undian tidak pernah mengklaim handphone dalam waktu 5 hari. 
			<br>Kami akan mengkreditkan nilai kredit yang sama ke akun pemain.
		</li>
	</ol>

<p></p>

<p><b>Disclaimer : </b></p>
	
	<ol>	
		<li>
			Dalam keadaan tertentu, PGSoft berhak mengubah, memodifikasi, atau menangguhkan acara ini.
		</li>
			<p></p>
		<li>
			PGSoft berhak untuk membuat keputusan akhir untuk keberatan dari masalah apa pun yang mungkin timbul selama acara ini.
		</li>
	</ol>

</details>

<p></p>

<h6>

<b>Klik Disini : </b>

<button style="border: 0px; background: inherit; color: var(--primary-color);" data-bs-toggle="modal" data-bs-target="#eventModal20">
	<b><u>Turnamen PGSoft</u>　</b>
</button>

<div class="modal fade" id="eventModal20" tabindex="-1" aria-labelledby="eventModal28Label" aria-hidden="true">
	<div class="modal-dialog" style="margin-top: 20px; max-width: 85%;">
		<div class="modal-content">
			<div class="modal-header">
				<h5 style="color: #000000;" class="modal-title" id="eventModal28Label">
					PGSOFT : TURNAMEN HARIAN
				</h5>
				<button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<iframe id="iframe28" width="100%" height="750vh" frameborder="0"
					src="https://public.pgsoft-games.com/events/pay4d/oct/harian/"
					allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
					allowfullscreen>
				</iframe>
			</div>
		</div>
	</div>
</div>

<button style="border: 0px; background: inherit; color: var(--primary-color);" data-bs-toggle="modal" data-bs-target="#eventModal20a">
	<b><u>Bagi-bagi 40 Handphone Keren</u>!</b>
</button>

<div class="modal fade" id="eventModal20a" tabindex="-1" aria-labelledby="eventModal28aLabel" aria-hidden="true">
	<div class="modal-dialog" style="margin-top: 20px; max-width: 85%;">
		<div class="modal-content">
			<div class="modal-header">
				<h5 style="color: #000000;" class="modal-title" id="eventModal28aLabel">
					PGSOFT : UNDIAN HANDHONE MINGGUAN 2
				</h5>
				<button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<iframe id="iframe28a" width="100%" height="750vh" frameborder="0"
					src="https://public.pgsoft-games.com/events/pay4d/oct/handphone/"
					allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
					allowfullscreen>
				</iframe>
			</div>
		</div>
	</div>
</div>

</h6>

</div>
                                                </div>
                                                <div class="shadow" style="width: 100%; margin-top:10px; border:solid 1px #333; border-radius: 10px 10px 10px 10px; background: var(--primary-theme-color)">
                                                <div >
                        <img src="https://img.viva88athenae.com/events/pp-dragon-888.jpg" style="width: 100%;border-radius: 10px 10px 0px 0px" alt="https://img.viva88athenae.com/events/pp-dragon-888.jpg">
                        </div>
                    	                                                <div style="width: 100%; background-color: ; border-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding: 15px">
                            <h5>PLAYSTAR : PEMBERIAN AMPLOP MERAH</h5>

<p class="provider-event">
	Periode : <b><em>1 Oktober 2024 - 31 Desember 2024</em></b>
</p>

<details open>
	<summary><b>Permainan yang berpartisipasi</b></summary>

<p></p>

<p>Slot : Sugar Boom, Treasures Of Aztec Z, Mahjong Ways 3, Mahjong Ways 3+</p>

<p></p>

<p><b>Aturan : </b></p>
		
	<ol>
		<li>Jumlah total hadiah Rp 1.900.000.000.</li>
		<li>Semua hadiah didistribusikan dari turnover pemain.</li>
		<li>Hadiah dikirimkan langsung ke akun pemain.</li>
	</ol>

</details>

<p></p>

<summary><b>Syarat & Ketentuan</b></summary>

<p></p>

<ol>
		<li>Ambil 1 amplop secara acak setiap 200 kali bermain.</li>
		<li>Permainan dalam ketiga game dihitung terpisah.</li>
		<li>1 (satu) putaran = 1 (satu) permainan.</li>
		<li>Membeli <b>LUCKY STRIKE</b> peluang lebih besar.</li>
		<li>Hadiah terbesar adalah Rp 1.000.000.</li>
		<li>Peluang untuk menang bukanlah 100%.</li>
		<li>Playstar memiliki hak interpretasi final untuk semua objeksi yang relevan yang timbul dari kegiatan ini.</li>
		<li>Dalam keadaan tertentu, PlayStar berhak untuk momodifikasi, mengubah, atau menangguhkan kegiatan ini.</li>
	</ol>

</details>

<p></p>

<h6>

<b>Detail selengkapnya : </b>

<button style="border: 0px; background: inherit; color: var(--primary-color);" data-bs-toggle="modal" data-bs-target="#eventModal27">
	<b><u>Klik Disini</u> !</b>
</button>

<div class="modal fade" id="eventModal27" tabindex="-1" aria-labelledby="eventModal27Label" aria-hidden="true">
	<div class="modal-dialog" style="margin-top: 20px; max-width: 85%;">
		<div class="modal-content">
			<div class="modal-header">
				<h5 style="color: #000000;" class="modal-title" id="eventModal27Label">
					PLAYSTAR : PEMBERIAN AMPLOP MERAH
				</h5>
				<button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<iframe id="iframe27" width="100%" height="750vh" frameborder="0"
					src="https://2023oct01event.claretfox.com/index.html?lang=idn"
					allowfullscreen>
				</iframe>
			</div>
		</div>
	</div>
</div>

</h6>

</div>
                                                </div>
                                                <div class="shadow" style="width: 100%; margin-top:10px; border:solid 1px #333; border-radius: 10px 10px 10px 10px; background: var(--primary-theme-color)">
                                                <div >
                        <img src="https://img.viva88athenae.com/events/ps-mid-autumn-gold-rush.jpg" style="width: 100%;border-radius: 10px 10px 0px 0px" alt="https://img.viva88athenae.com/events/ps-mid-autumn-gold-rush.jpg">
                        </div>
                    	                                                <div style="width: 100%; background-color: ; border-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding: 15px">
                            <h5>EVOLUTION : BET & WIN RP 18 MILIAR</h5>

<p class="provider-event">
	Periode : <b><em>2 Oktober 2024 - 31 Desember 2024</em></b>
</p>

<details open>
	<summary><b>Permainan yang berpartisipasi</b></summary>

<p></p>

<p>Live Casino : Evolution Baccarat</p>

<p></p>

<p><b>Aturan : </b></p>
		
	<ol>
		<li>Game yang direkomendasikan : <br>Golden Wealth Baccarat, XXXtreme Baccarat, Prosperity Tree Baccarat.</li><br>
		<li>Game yang memenuhi syarat : <br>Semua table Evolution Baccarat kecuali table First Person dan RNG.</li>
	</ol>

</details>

<p></p>

<summary><b>Syarat & Ketentuan</b></summary>

<p></p>

<ol>
		<li>Pemenang Cash Drop didasarkan pada pemain yang bertaruh di meja Evolution Baccarat mana pun selama periode promo cash drop.</li>
		<li>Cash Drop akan berlangsung setiap minggu.</li>
		<li>Ada 1.000 hadiah senilai 375.000.000 IDR yang akan diberikan kepada pemain setiap minggu selama periode promosi.</li>
		<li>Anggota yang memenuhi syarat akan tetap berhak mendapatkan hadiah di periode berikutnya.</li>
		<li>Pemenang akan diumumkan seminggu setelah promo dalam waktu 3 hari kerja.</li>
		<li>Evolution berhak mengubah, menangguhkan, atau membatalkan promosi kapan saja dan tanpa pemberitahuan sebelumnya.</li>
	</ol>

</details>

<p></p>

<h6>

<b>Detail selengkapnya : </b>

<button style="border: 0px; background: inherit; color: var(--primary-color);" data-bs-toggle="modal" data-bs-target="#eventModal26">
	<b><u>Klik Disini</u> !</b>
</button>

<div class="modal fade" id="eventModal26" tabindex="-1" aria-labelledby="eventModal26Label" aria-hidden="true">
	<div class="modal-dialog" style="margin-top: 20px; max-width: 85%;">
		<div class="modal-content">
			<div class="modal-header">
				<h5 style="color: #000000;" class="modal-title" id="eventModal26Label">
					EVOLUTION : BET AND WIN RP 18 MILIAR
				</h5>
				<button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<iframe id="iframe26" width="100%" height="750vh" frameborder="0"
					src="https://www.evopromoevent.com/Evolution/Evolution_ID"
					allowfullscreen>
				</iframe>
			</div>
		</div>
	</div>
</div>

</h6>

</div>
                                                </div>
                                                <div class="shadow" style="width: 100%; margin-top:10px; border:solid 1px #333; border-radius: 10px 10px 10px 10px; background: var(--primary-theme-color)">
                                                <div >
                        <img src="https://img.viva88athenae.com/events/pp-megagacors6.jpg" style="width: 100%;border-radius: 10px 10px 0px 0px" alt="https://img.viva88athenae.com/events/pp-megagacors6.jpg">
                        </div>
                    	                                                <div style="width: 100%; background-color: ; border-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding: 15px">
                            <h5>LIVE22 : PVP BONUS BATTLE:  BATTLE ROYALE BONANZA</h5>

<p class="provider-event">
Periode : <b><em>1 Oktober 2024 - 31 Desember 2024</em></b>
</p>

<p></p>

<details open>
	<summary><b>Permainan yang berpartisipasi</b></summary>

<p></p>

<p>Slot : Crypto Coins & Apes Squad.</p>
    <p style="padding-top: 8px;">Aturan :</p>
	<ol style="padding-top: 0px; margin-top: 0px">
		<li>Jumlah total hadiah Rp.2.875.435.000.</li>
		<li>Khusus permainan slot Crypto Coins & Apes Squad.</li>
	</ol>

</details>

<p></p>

<details open>
	<summary><b>Syarat & Ketentuan</b></summary>

<p></p>

<ol>
		<li>
			Periode : Mulai dari 23:59 (GMT+8) 1 Okt 2023 -  30 Okt 2023.
		</li>
			<p></p>
		<li>
			Kumpulan Hadiah Total: Rp.2.875.435.000.
		</li>
			<p></p>
		<li>
			Platform yang didukung: versi web Live22.
		</li>
			<p></p>
		<li>
			Berlaku hanya untuk permainan slot Crypto Coins dan Apes Squad di Live22.
		</li>
			<p></p>
	</ol>
</details>

<p></p>

<h6>

</h6>

</div>
                                                </div>
                                                <div class="shadow" style="width: 100%; margin-top:10px; border:solid 1px #333; border-radius: 10px 10px 10px 10px; background: var(--primary-theme-color)">
                                                <div >
                        <img src="https://img.viva88athenae.com/events/jg-money-meteor-5.jpg" style="width: 100%;border-radius: 10px 10px 0px 0px" alt="https://img.viva88athenae.com/events/jg-money-meteor-5.jpg">
                        </div>
                    	                                                <div style="width: 100%; background-color: ; border-top: 0px; border-radius: 0px 0px 10px 10px; margin-top:0px; padding: 15px">
                            <h5>MICROGAMING : PENERBANGAN KEBERUNTUNGAN</h5>

<p class="provider-event">
	Periode : <b><em>30 September 2024 - 27 Desember 2024</em></b>
</p>

<details open>
	<summary><b>Permainan yang berpartisipasi</b></summary>

<p></p>
		
	<p>
		Interactive Games : Fly X
	</p>

<p></p>

<p><b>Aturan : </b></p>

<ol>
		<li>Total 4 periode turnamen berhadiah Rp 60.000.000.</li>
		<li>Dibagikan kepada 600 pemain yang memiliki skor tertinggi di papan peringkat.</li>
	</ol>

<p></p>

<table id="tb-event" style="display: inline-block; margin-right: 30px;">
  		<tr>
  			<th style="padding-right: 15px;">Peringkat </th>
  			<th> Hadiah</th>
 		 </tr>
  		
  		<tr>
  			<td>1</td>
  			<td style="text-align: right;">1,500,000</td>
  		</tr>
  
  		<tr>
  			<td>2 - 3</td>
  			<td style="text-align: right;">800,000</td>
  		</tr>
  
  		<tr>
 			 <td>4 - 6</td>
 			 <td style="text-align: right;">500,000</td>
  		</tr>
  
  		<tr>
  			<td>7 - 10</td>
  			<td style="text-align: right;">200,000</td>
  		</tr>
  
  		<tr>
  			<td>11 - 70</td>
  			<td style="text-align: right;">80,000</td>
  		</tr>

<table id="tb-event" style="display: inline-block; vertical-align: top;">
  		<tr>
  			<th style="padding-right: 30px;">Ronde </th>
  			<th>Periode</th>
 		 </tr>
  		
  		<tr>
  			<td>Ronde 1 </td>
  			<td style="text-align: right;">30 Sep - 6 Des 2024</td>
  		</tr>
  
  		<tr>
  			<td>Ronde 2 </td>
  			<td style="text-align: right;">7 Okt - 13 Des 2024</td>
  		</tr>
  
  		<tr>
 			 <td>Ronde 3 </td>
 			 <td style="text-align: right;">14 Okt - 20 Des 2024</td>
  		</tr>
  
  		<tr>
  			<td>Ronde 4 </td>
  			<td style="text-align: right;">21 Okt - 27 Des 2024</td>
  		</tr>
	</table>

</details>

<p></p>

<summary><b>Syarat & Ketentuan</b></summary>

<p></p>

<ol>
		<li>
			Promosi ini hanya tersedia untuk mata uang IDR.
		</li>
			<p></p>
		<li>
			Multiplier setiap pemain hanya akan diakumulasikan di papan peringkat jika pemain menekan tombol "ikut" pada setiap ronde.
		</li>
			<p></p>
		<li>
			Pemain diurutkan berdasarkan rasio payout atau jumlah taruhan (multiplier) untuk satu taruhan.
		</li>
			<p></p>
		<li>
			Hanya taruhan yang menghasilkan pembayaran atau kemenangan yang dapat digunakan untuk menghitung multiplier.
		</li>
			<p></p>
		<li>
			Seorang pemain hanya dapat memenuhi syarat untuk satu peringkat dalam setiap periode turnamen dan hanya dapat memiliki satu multiplier dalam setiap ronde turnamen.
		</li>
			<p></p>
		<li>
			Jika seorang pemain mencapai multiplier yang lebih tinggi dari sebelumnya dalam periode yang sama, peringkatnya akan dihitung berdasarkan multiplier terbaru dan tertingginya.
		</li>
			<p></p>
		<li>
			Dalam kasus adu multiplier dimana satu atau lebih pemain memiliki multiplier yang sama, pemain yang mencapai multiplier terlebih dahulu akan diurutkan lebih tinggi.
		</li>
			<p></p>
		<li>
			Jika pemain memenangkan hadiah pada suatu ronde, maka mereka akan tetap memenuhi syarat untuk memenangkan hadiah pada ronde berikutnya dengan syarat menekan tombol "gabung" pada ronde berikutnya.
		</li>
			<p></p>
		<li>
			Papan peringkat akan di perbarui setiap 15 menit.
		</li>
			<p></p>
		<li>
			Pemain yang memenangkan hadiah akan diberitahu melalui pesan dalam game.
		</li>
			<p></p>
		<li>
			Hadiah uang tunai akan dikreditkan ke akun paling lambat 2 jam setelah pengumuman pemenang.
		</li>
			<p></p>
		<li>
			Microgaming berhak mengambil keputusan akhir jika terjadi perselisihan.
		</li>
	</ol>
</details>

<h6>

</h6>

</div>
                                                </div>
                                       </div>
            </div>
            
        </main>

/* 🔥 DESKTOP */
@media (min-width: 768px) {
    #wd-popup {
        top: 120px; /* header desktop biasanya lebih tinggi */
    }
}

/* 🔥 HP */
@media (max-width: 767px) {
    #wd-popup {
        top: 70px; /* pas di bawah logo HP */
        border-radius: 25px;
    }
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px gold, inset 0 0 5px gold;
    }
    to {
        box-shadow: 0 0 25px gold, inset 0 0 10px gold;
    }
}

.wd-content {
    display: flex;
    align-items: center;
    padding: 15px;
}

.bank-logo {
    width: 70px;
    height: auto;
    margin-right: 15px;
}

.wd-text {
    text-align: left;
    color: #fff;
}

.wd-title {
    font-size: 14px;
    font-weight: bold;
    color: gold;
}

.wd-desc {
    font-size: 16px;
    margin-top: 5px;
}

.wd-desc span {
    color: gold;
    font-weight: bold;
}

</style>
<div id="wd-popup">
    <div class="wd-content">
        <img src="" class="bank-logo" id="bankLogo" alt="Bank">
        <div class="wd-text">
            <div class="wd-title">SELAMAT KEPADA</div>
            <div class="wd-desc" id="wdText"></div>
        </div>
    </div>
</div>
<script>
const wdData = [
    { user: "ke****f", amount: "Rp 1.250.000", logo: "/bank/bank-bca.png" },
    { user: "an****a", amount: "Rp 980.000", logo: "/bank/bank-bni.png" },
    { user: "ri****n", amount: "Rp 2.500.000", logo: "/bank/bank-bri.png" },
    { user: "de****a", amount: "Rp 750.000", logo: "/bank/mandiri.png" },
    { user: "sa****i", amount: "Rp 1.100.000", logo: "/bank/dana.png" },
    { user: "mu****h", amount: "Rp 3.200.000", logo: "/bank/ovo.png" },
    { user: "fa****l", amount: "Rp 860.000", logo: "/bank/gopay.png" },
    { user: "ha****m", amount: "Rp 1.450.000", logo: "/bank/linkaja.png" },
    { user: "yu****a", amount: "Rp 2.100.000", logo: "/bank/shopeepay.png" },
    { user: "il****n", amount: "Rp 500.000", logo: "/bank/jenius.png" },

{ user: "ar****i", amount: "Rp 4.000.000", logo: "/bank/bank-bca.png" },
    { user: "zo****a", amount: "Rp 1.750.000", logo: "/bank/bank-bni.png" },
    { user: "lu****s", amount: "Rp 900.000", logo: "/bank/bank-bri.png" },
    { user: "ti****a", amount: "Rp 2.800.000", logo: "/bank/mandiri.png" },
    { user: "ra****n", amount: "Rp 1.300.000", logo: "/bank/dana.png" },
    { user: "no****y", amount: "Rp 650.000", logo: "/bank/ovo.png" },
    { user: "al****k", amount: "Rp 5.500.000", logo: "/bank/gopay.png" },
    { user: "di****o", amount: "Rp 1.900.000", logo: "/bank/linkaja.png" },
    { user: "me****y", amount: "Rp 2.250.000", logo: "/bank/shopeepay.png" },
    { user: "fi****n", amount: "Rp 780.000", logo: "/bank/jenius.png" }
];

const popup = document.getElementById("wd-popup");
const wdText = document.getElementById("wdText");
const bankLogo = document.getElementById("bankLogo");

let index = 0;

function showPopup() {
    const data = wdData[index];

wdText.innerHTML = `
        ${data.user} Telah Melakukan WD Sebesar 
        <span>${data.amount}</span>
    `;

bankLogo.src = data.logo;

popup.style.display = "block";

setTimeout(() => {
        popup.style.display = "none";
    }, 3000);

index++;
    if (index >= wdData.length) index = 0;
}

// tampil pertama
showPopup();

// loop (3 detik tampil + 3 detik hilang)
setInterval(showPopup, 6000);
</script>
    </body>
</html>