.chatbox-popup aside,.chatbox-panel aside{font-size:14px}.chatbox-popup h1,.chatbox-panel h1{margin:0;font-size:16px;line-height:1;color:#fff;font-weight:700}button.chatbox-open{position:fixed;bottom:0;right:10px;width:70px;height:70px;color:#fff;background-color:#1ad03f;background-position:center center;background-repeat:no-repeat;box-shadow:12px 15px 20px 0 rgba(46,61,73,.15);border:0;border-radius:50%;cursor:pointer;margin:16px}button.chatbox-close{position:fixed;bottom:0;left:0;width:52px;height:52px;color:#fff;background-color:#0360a5;background-position:center center;background-repeat:no-repeat;box-shadow:12px 15px 20px 0 rgba(46,61,73,.15);border:0;border-radius:50%;cursor:pointer;display:none;margin:16px 16px 16px calc(2 * 16px + 65px)}textarea{box-sizing:border-box;width:100%;margin:0;height:calc(16px + 16px/2);padding:0 calc(16px/2);font-family:inherit;font-size:16px;line-height:calc(16px + 16px/2);color:#888;background-color:none;border:0;outline:0!important;resize:none;overflow:hidden}textarea::-moz-placeholder{color:#888}textarea:-ms-input-placeholder{color:#888}textarea::placeholder{color:#888}.chatbox-popup{display:flex;position:fixed;box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);flex-direction:column;display:none;bottom:calc(2 * 16px + 52px);left:16px;width:330px;height:auto;background-color:#fff;border-radius:16px;z-index:9}.chatbox-popup .chatbox-popup__header{box-sizing:border-box;display:flex;width:100%;padding:11px 16px;color:#fff;background-color:#2c9ac6;align-items:center;justify-content:space-around;border-top-right-radius:12px;border-top-left-radius:12px;height:auto}.chatbox-popup .chatbox-popup__header .chatbox-popup__avatar{margin-top:-32px;background-color:#e80202;border:5px solid rgba(0,0,0,.1);border-radius:50%;width:66px;text-align:center}.chatbox-popup .chatbox-popup__main{box-sizing:border-box;width:100%;padding:calc(2 * 8px) 16px;line-height:calc(16px + 16px/2);color:#1742a3;background:#fff;text-align:center}.chatbox-popup .chatbox-popup__div{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.chatbox-panel{display:flex;position:absolute;box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);flex-direction:column;display:none;top:0;left:0;bottom:0;width:377px;background-color:#fff}.chatbox-panel .chatbox-panel__header{box-sizing:border-box;display:flex;width:100%;padding:16px;color:#fff;background-color:#28a745;align-items:center;justify-content:space-around;flex:0 0 auto;height:auto}.chatbox-panel .chatbox-panel__main{box-sizing:border-box;width:100%;padding:calc(2 * 16px) 16px;line-height:calc(16px + 16px/2);color:#888;text-align:center;flex:1 1 auto}.chatbox-panel .chatbox-panel__footer{box-sizing:border-box;display:flex;width:100%;padding:16px;border-top:1px solid #ddd;align-items:center;justify-content:space-around;flex:0 0 auto}button.chatbox-open:after{content:'4';position:absolute;background:red;width:25px;height:25px;line-height:25px;font-size:14px;border:none;border-radius:100px;top:-5px;right:-5px}.satta-king-cloud-content p a{color:#ff151d}.btn-3{background:-webkit-linear-gradient( 0deg,rgb(244,170,54) 0%,rgb(154 53 243) 100%);color:#fff!important;padding:8px 15px;margin-right:25px;animation:at-ripple-pink .8s linear infinite!important}button.chatbox-close{left:inherit;right:0;margin:16px calc(2 * 16px + 65px) 16px 16px;z-index:10}.chatbox-popup{left:inherit;right:16px;z-index:10}


<!-------- CHAT -------->

<div class="speech-bubble rounded blue;">
<font style="font-size:14px; color:#006600; "> 💥 सिंगल जोड़ी हेड ब्रांच सट्टा कंपनी 💥 </font><br>
<font style="color:black; font-size:14px; "><b><?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $b;}}?></b></font><br>
<font style="font-size:14px; color:#b30000">दिसावर {<?php
include'include/config.php';$query1="select * from result where id='1'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $c;}}?>} पास गली {<?php
include'include/config.php';$query1="select * from result where id='1'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $i;}}?>}</font><br>
</div>

<style>
.speech-bubble {display: inline-block;font-size:12px;line-height: 2em;margin-bottom: 1em;padding: 0 1em;position:fixed; bottom:92px;right:10px;text-align: center;vertical-align: top;min-width: 7em;}
.speech-bubble:after {border: 1em solid transparent;border-top-color: #ddd;content: '';margin-left: -1em;position: absolute;top: 100%;left: 50%;width: 0;height: 0;}
.speech-bubble.blue:after {border-top-color: #FFFFE0;}
.speech-bubble.rounded {border-radius: .4em;}
.speech-bubble.blue {background: #FFFFE0;color: #334;}
</style>

<button name="satta king chat" id="chat" class="chatbox-open" aria-label="Open WhatsApp Chat">
<i class="fa fa-whatsapp fa-3x" aria-hidden="true"></i>
</button>
<button name="satta king chat close" id="chat-close" class="chatbox-close" aria-label="Close Chat" style="display: none;">
<i class="fa fa-close fa-2x" aria-hidden="true"></i>
</button>
<div class="chatbox-popup" style="display: none;">
<header class="chatbox-popup__header">
<aside style="flex:3">
<i class="fa fa-user fa-4x chatbox-popup__avatar" aria-hidden="true"></i>
</aside>
<aside style="flex:8">
<p style="color:#ffffff;"><strong style="color:#ffffff;"> <?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $a;}}?> </strong></p>
</aside>
<aside style="flex:1:">
</aside>
</header>
<main class="chatbox-popup__main">
<font style="font-size:15px; color:Green"> 💥 FREE SINGLE JODI FREE 💥 </font><br>
SINGLE 🔷 JODI 🔷 SINGLE <br>
गली हो या देसावर जोड़ी मिलेगी सिंगल कंपनी लाखो लोगों नें ज्वाइन की हुई है जो की काफ़ी सालों से जुड़े है हमारे साथ हर महीने 40 से 50 लाख का प्रॉफिट होता है हमारे भाईओ का गेम पास की प्रूफ देखने<br>
<font style="font-size:15px; color:Green">गेम लेने के लिए अभी WHATSAPP करें</font><br>
सट्टा कंपनी CEO & MD<br>
📞 <?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $b;}}?> 📞<br>
<font style="font-size:18px; color:green"><?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $a;}}?></font><br>
🔶 विश्वास का एक ही नाम 🔶 <br>
<font style="font-size:20px; color:red"><?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $b;}}?></font><br>
&nbsp;
<a href="tel:<?php include 'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo "-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $b;}} ?>" target="_blank"><button style="background-color: #FF5733;padding: 4px 6px;
            color:white;">Call Now</button></a>&nbsp;
<a href="<?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $c;}}?>" target="_blank"><button style="background-color: #5FFB17;padding: 4px 6px;
            color:#000;">WhatsApp Now</button></a>
</main>
<div class="chatbox-popup__div">
<aside style="flex:1;color:#888;text-align:center;">
<i class="fa fa-camera" aria-hidden="true"></i>
</aside>
<aside style="flex:10">
<textarea type="text" placeholder="Type your message here..." autofocus=""></textarea>
</aside>
<aside style="flex:1;color:#888;text-align:center;">
<a href="<?php
include'include/config.php';$query1="select * from chart2018 where id='20'";$result1=$mysqli->query($query1);$rowsCount=$result1->num_rows;if($rowsCount<1){echo"-";}else{$i=1;while($rows=$result1->fetch_assoc()){extract($rows);echo $c;}}?>"><i class="fa fa-paper-plane" aria-hidden="true"></i></a>
</aside>
</div>
</div>
    
<script defer type="text/javascript">
  // Use window.onload to ensure the DOM is fully loaded
  window.onload = function() {
    const chatbox = () => {
      const openButton = document.querySelector(".chatbox-open");
      const closeButton = document.querySelector(".chatbox-close");
      const maximizeButton = document.querySelector(".chatbox-maximize");
      const minimizeButton = document.querySelector(".chatbox-minimize");
      const panelCloseButton = document.querySelector(".chatbox-panel-close");
      const popup = document.querySelector(".chatbox-popup");
      const panel = document.querySelector(".chatbox-panel");
      const chatboxOpen = document.querySelector(".chatbox-open");

      if (openButton) {
        openButton.addEventListener("click", () => {
          if (popup) popup.style.display = "block";
          if (closeButton) closeButton.style.display = "block";
        });
      }

      if (closeButton) {
        closeButton.addEventListener("click", () => {
          if (popup) popup.style.display = "none";
          if (closeButton) closeButton.style.display = "none";
        });
      }

      if (maximizeButton) {
        maximizeButton.addEventListener("click", () => {
          if (popup) popup.style.display = "none";
          if (openButton) openButton.style.display = "none";
          if (closeButton) closeButton.style.display = "none";
          if (panel) {
            panel.style.display = "flex";
            panel.style.display = "-webkit-flex";
          }
        });
      }

      if (minimizeButton) {
        minimizeButton.addEventListener("click", () => {
          if (panel) panel.style.display = "none";
          if (popup) popup.style.display = "block";
          if (openButton) openButton.style.display = "block";
          if (closeButton) closeButton.style.display = "block";
        });
      }

      if (panelCloseButton) {
        panelCloseButton.addEventListener("click", () => {
          if (panel) panel.style.display = "none";
          if (openButton) openButton.style.display = "block";
        });
      }
    };

    chatbox();
  };
</script>