It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://kointopup.com/beli/royal-dream

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  <title>Top Up Royal Dream Murah | kointopup</title>
  6.  
  7.  <!-- General Meta -->
  8.  <meta charset="UTF-8">
  9.  <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
  10.  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.  <meta name="robots" content="index, follow" />
  12.  
  13.  <!-- Primary Meta Tags -->
  14.  <meta name="title" content="Top Up Royal Dream Murah">
  15.  <meta name="description" content="Top Up Royal Domino Murah. Top Up Koin Kuning dan Orange Royal Domino Murah. Beli Koin Emas dan Orange Royal Dream. Top up Royal Domino harga termurah. Beli Koin Emas dan Orange  Royal. Chip Royal Dream Murah. Cara Beli Chip Royal Dream.">
  16.  <meta name="keywords" content="Top Up Royal Dream Murah. Chip Royal Dream. Top Up Royal Domino.">
  17.  <meta name="author" content="KoinTopUp">
  18.  
  19.  
  20.  
  21.  <!-- General CSS Files -->
  22.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/bootstrap/css/bootstrap.min.css">
  23.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/fontawesome/css/all.min.css">
  24.  
  25.  <!-- CSS Libraries -->
  26.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/datatables/datatables.min.css">
  27.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css">
  28.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css">
  29.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/bs-stepper/dist/css/bs-stepper.min.css">
  30.  <link rel="stylesheet" href="https://kointopup.com/assets/modules/izitoast/css/iziToast.min.css">
  31.  
  32.  <!-- Favicon -->
  33.  <link rel="icon" href="https://kointopup.com/assets/img/favicon.ico" type="image/png">
  34.  <!-- Fonts -->
  35.  
  36.  <!-- Template CSS -->
  37.  <link rel="stylesheet" href="https://kointopup.com/assets/css/style_dark.css?1741806684">
  38.  <link rel="stylesheet" href="https://kointopup.com/assets/css/components_dark.css">
  39.  <link rel="stylesheet" href="https://kointopup.com/assets/css/astro.css?1741806684">
  40.  <link rel="stylesheet" href="https://kointopup.com/assets/css/astro.min.css?1741806684">
  41.  <link rel="stylesheet" href="https://kointopup.com/assets/css/menu.css?1741806684">
  42.  <link rel="stylesheet" href="https://kointopup.com/assets/css/orderForm_new.css?1741806684">
  43.  <link rel="stylesheet" href="https://kointopup.com/assets/css/payment.css?1741806684">
  44.  <link rel="stylesheet" href="https://kointopup.com/assets/css/jquery.marquee.min.css?1741806684">
  45.  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
  46.    <link
  47.      rel="stylesheet"
  48.      href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"
  49.    />
  50.  
  51.  
  52. <!-- Google tag (gtag.js) -->
  53. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16834829150"></script>
  54. <script>
  55.  window.dataLayer = window.dataLayer || [];
  56.  function gtag(){dataLayer.push(arguments);}
  57.  gtag('js', new Date());
  58.  
  59.  gtag('config', 'AW-16834829150');
  60. </script>
  61.  
  62. <meta name="google-site-verification" content="xzHtuSMEB9M4LDi9aaocLoTOzaCYoATnw5toW7SrbLI" />
  63.  
  64. </head>
  65. <div class="preloader" style="display: none;">
  66.  <div class="loading">
  67.    <img src="https://kointopup.com/assets/img/loader.gif" width="80">
  68.  </div>
  69. </div>
  70. <body class="layout-3" style="background-color: #f0f6ff;">
  71.  <div id="app">
  72.    <div class="main-wrapper container">
  73.      <div class="navbar-bg"></div>
  74.      <nav class="navbar navbar-expand-lg main-navbar bg-nyaman" style="left: 0px;">
  75.        <div class="container">
  76.  
  77.          <a href="https://kointopup.com/" class="navbar-brand sidebar-gone-hide">
  78.            <img src="https://kointopup.com/assets/img/1738760016OPUP_4.webp" class="img-fluid d-none d-md-block" width="100px">
  79.            <img src="https://kointopup.com/assets/img/1738760016OPUP_4.webp" class="img-fluid d-lg-none d-md-inline-block" width="100px">
  80.          </a>
  81.          <a href="https://kointopup.com/" class="d-lg-none d-md-inline-block"><img src="https://kointopup.com/assets/img/1738760016OPUP_4.webp" class="img-fluid" width="120px"></a>
  82.  
  83.          <ul class="navbar-nav navbar-right">
  84.          <!--  <li class="nav-item">-->
  85.          <!--      <a href="https://kointopup.com/" class="nav-link nav-link-lg nav-link-user">-->
  86.          <!--      <span class="rounded-circle mr-1"> <i class="fas fa-home"></i></span>-->
  87.          <!--      <div class="d-sm-none d-lg-inline-block menu-header">Halaman Utama</div>-->
  88.          <!--      </a>-->
  89.          <!--  </li>    -->
  90.            
  91.            <li class="nav-item">  
  92.                <a href="https://kointopup.com/search" class="nav-link nav-link-lg nav-link-user">
  93.                <span class="rounded-circle mr-1"> <i class="fas fa-receipt"></i></span>
  94.                <div class="d-sm-none d-none d-lg-inline-block menu-header">Periksa Pesanan</div>
  95.                </a>
  96.            </li>
  97.                        <button class="cardButton">
  98.                <a href="https://kointopup.com/login" class="labelLoginButton">
  99.                  Login
  100.                </a>
  101.            </button>
  102.            <!--<li class="dropdown">-->
  103.            <!--  <a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">-->
  104.            <!--    <span class="rounded-circle mr-1"> <i class="fas fa-sign-in-alt"></i> </span>-->
  105.            <!--    <div class="d-sm-none d-lg-inline-block">Masuk/Daftar</div>-->
  106.            <!--  </a>-->
  107.            <!--  <div class="dropdown-menu dropdown-menu-right">-->
  108.            <!--    <a href="https://kointopup.com/login" class="dropdown-item has-icon">-->
  109.            <!--      <i class="fas fa-sign-in-alt"></i> Masuk-->
  110.            <!--    </a>-->
  111.            <!--    <a href="https://kointopup.com/register" class="dropdown-item has-icon">-->
  112.            <!--      <i class="fas fa-user-plus"></i> Buat Akun-->
  113.            <!--    </a>-->
  114.            <!--  </div>-->
  115.            <!--</li>-->
  116.                      </ul>
  117.        </div>
  118.      </nav>
  119. <!-- Main Content -->
  120. <div class="main-content">
  121.  <section class="section">
  122.    <div class="section-body">
  123.        
  124. <div class="mt-3">
  125.   <div class="cardgradasi d-flex flex-grow flex-wrap align-items-center justify-content-start gap-x-4 px-3 py-1 md-justify-center">
  126.      <div class="d-flex align-items-center justify-content-start gap-2 py-2">
  127.         <span>
  128.            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" style="color:#fa3333;" class="h-4 w-4">
  129.               <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z"></path>
  130.            </svg>
  131.         </span>
  132.         <span class="whitespace-nowrap text-xs font-semibold text-base-color">Jaminan Layanan</span>
  133.      </div>
  134.      <div class="d-flex align-items-center justify-content-start gap-2 py-2">
  135.         <span>
  136.            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" style="color:#fa3333;" class="h-4 w-4">
  137.               <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z">
  138.               </path>
  139.            </svg>
  140.         </span>
  141.         <span class="whitespace-nowrap text-xs font-semibold text-base-color">Jaminan Layanan 24 Jam</span>
  142.      </div>
  143.      <div class="d-flex align-items-center justify-content-start gap-2 py-2">
  144.         <span>
  145.            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" style="color:#fa3333;" class="h-4 w-4">
  146.               <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z"></path>
  147.            </svg>
  148.         </span>
  149.         <span class="whitespace-nowrap text-xs font-semibold text-base-color">Pembayaran Aman &amp; Terpercaya</span>
  150.      </div>
  151.      <div class="d-flex align-items-center justify-content-start gap-2 py-2">
  152.         <span>
  153.            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" style="color:#fa3333;" class="h-4 w-4">
  154.               <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"></path>
  155.            </svg>
  156.         </span>
  157.         <span class="whitespace-nowrap text-xs font-semibold text-base-color">Proses Cepat &amp; Otomatis</span>
  158.      </div>
  159.   </div>
  160. </div>
  161.  
  162.      <div class="row">
  163.        <div class="col-md-4 col-12">
  164.            <div class="position-sticky" style="top:6rem;margin-bottom: 30px;">
  165.              <div class="flex flex-row justify-center my-3">
  166.                <div class="flex flex-col">
  167.                  <img src="https://kointopup.com/assets/img/kategori/1725020427.webp"
  168.                    class="rounded img-fluid" style="border-radius: 10px;" width="285px" height="285px">
  169.                </div>
  170.                
  171.                              </div>
  172.              
  173.              <div class="flex flex-col card d-lg-block d-md-block d-none">
  174.                    <div class="flex flex-row items-center">
  175.                        <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  176.                                
  177.                        </div>
  178.                        <div class="flex h-10 w-full bg-secondary items-center px-3">
  179.                            <h2 class="text-sm/6 font-semibold">Royal Dream</h2>
  180.                        </div>
  181.                    </div>
  182.                    <div class="flex flex-col px-3 py-3">
  183.                        <p class="text-nyaman">Top Up Royal Dream Termurah dan Ternyaman Di KoinTopUp. Beli Koin Emas dan Orange Royal Dream
  184.  
  185. <p class="text-nyaman">Top up Royal Dream harga termurah. Beli Koin Emas dan Orange  Royal Dream<br> <br>
  186. Cara beli chip resmi Royal Domino <br>
  187. 1. Cukup masukan UserId / ID akun chip Kamu (Pastikan ID nya d cek berkali2 biar benar)<br>
  188. 3. Pilih Metode pembayaran yang tersedia <br>
  189. 4. Masukkan Nomor Whatsapp yang aktif (untuk menerima invoice/notifikasi pembelian)  <br>
  190. 5. Selesaikan pembayaran, dan Chip Royal Dream akan ditambahkan ke akun Royal Dream Kamu dalam 1 - 5 menit . <br></p>
  191.                    </div>
  192.              </div>
  193.              
  194.              
  195.              <div class="d-lg-none d-md-none d-block">
  196.                <!--<div id="accordion">-->
  197.                    <div class="cardgradasi collapsible d-flex w-100 justify-content-between px-4 py-2">
  198.                        <h2 class="text-sm/6 font-semibold">Lihat Cara Transaksi</h2>
  199.                        <i class="fas fa-chevron-down" style="padding-top: 3px;"></i>
  200.                    </div>
  201.                    
  202.                    <div class="content-deskripsi">
  203.                      <div class="flex flex-col card mt-3 mb-0">
  204.                            <div class="flex flex-row items-center">
  205.                                <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  206.                                        
  207.                                </div>
  208.                                <div class="flex h-10 w-full bg-secondary items-center px-3">
  209.                                    <h2 class="text-sm/6 font-semibold">Royal Dream</h2>
  210.                                </div>
  211.                            </div>
  212.                            <div class="flex flex-col px-3 py-3">
  213.                                <p class="text-nyaman">Top Up Royal Dream Termurah dan Ternyaman Di KoinTopUp. Beli Koin Emas dan Orange Royal Dream
  214.  
  215. <p class="text-nyaman">Top up Royal Dream harga termurah. Beli Koin Emas dan Orange  Royal Dream<br> <br>
  216. Cara beli chip resmi Royal Domino <br>
  217. 1. Cukup masukan UserId / ID akun chip Kamu (Pastikan ID nya d cek berkali2 biar benar)<br>
  218. 3. Pilih Metode pembayaran yang tersedia <br>
  219. 4. Masukkan Nomor Whatsapp yang aktif (untuk menerima invoice/notifikasi pembelian)  <br>
  220. 5. Selesaikan pembayaran, dan Chip Royal Dream akan ditambahkan ke akun Royal Dream Kamu dalam 1 - 5 menit . <br></p>
  221.                            </div>
  222.                      </div>
  223.                    </div>
  224.                <!--</div>-->
  225.              </div>
  226.              
  227.              
  228.            </div>
  229.        </div>
  230.        
  231.        <div class="col-md-8 col-12 mt-3">
  232.          <form id="form_order" method="POST">
  233.            <div class="flex flex-col gap-3 flex-1">
  234.                <input type="hidden" name="kategori" id="kategori" value="106">
  235.                <div class="flex flex-col card">
  236.                    <div class="flex flex-row items-center">
  237.                        <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  238.                          1
  239.                        </div>
  240.                        <div class="flex h-10 w-full bg-secondary items-center px-3">
  241.                            <h2 class="text-sm/6 font-semibold">Masukan User ID</h2>
  242.                        </div>
  243.                    </div>
  244.                    <div class ="grid grid-cols-1 sm:grid-cols-2 gap-3  p-3 pt-2" id="form">
  245.                          
  246.                          
  247.                    </div>
  248.                </div>
  249.            <div class="flex flex-col gap-3 card">
  250.                    <div class="flex flex-row items-center">
  251.                         <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  252.                          2
  253.                        </div>
  254.                        <div class="flex h-10 w-full bg-secondary items-center px-3">
  255.                            <h2 class="text-sm/6 font-semibold">Pilih Nominal</h2>
  256.                        </div>
  257.                    </div>
  258.                    
  259.                    <div class="flex flex-col items-center">
  260.                    <span class="badge badge-pill badge-warning text-dark" style="background-image: linear-gradient(to right, #f2ca28, #ffefc3);">
  261.                                                <i class="fas fa-fire" style="color: white;"></i>
  262.                        2.988 item dibeli dalam satu hari terakhir
  263.                    </span>
  264.                    </div>
  265.                    
  266.                                                                      
  267.                    
  268.                                                                                        
  269.                    
  270.                                                                                        
  271.                    
  272.                                                                                        
  273.                    
  274.                                                                                        
  275.                    
  276.                                                                                        
  277.                    
  278.                                                                                        
  279.                    
  280.                                                                                        
  281.                    
  282.                                                                                        
  283.                    
  284.                                                                                        
  285.                    
  286.                                                                                        
  287.                    
  288.                                                                                        
  289.                    
  290.                                                                                        
  291.                    
  292.                                                                                        
  293.                    
  294.                                                                                        
  295.                    
  296.                                                                                        
  297.                    
  298.                                                                                        
  299.                    
  300.                                                                                        
  301.                    
  302.                                                                                        
  303.                    
  304.                                          <div class="flex flex-row h7 px-3"> Chip Kuning</div>
  305.                                                 <div class="grid grid-cols-2 md:grid-cols-3 gap-4 px-3 pb-3">
  306.                      
  307.            
  308.              
  309.    <div class="card-populer">
  310.    <div class="list-group shadow h-100">
  311.    <input type="radio" id="layanan_210" value="210" name="layanan" data-type="diamond" required>
  312.    <label for="layanan_210" class="list-group-item h-100 px-0">
  313.                <div class="popular-tag-container">
  314.                <div class="popular-tag-content">
  315.                    <div class="text-center" style="width: 100%;">
  316.                        <span class="badge">
  317.                            <i class="fas fa-fire"></i>
  318.                            POPULER            
  319.                        </span>
  320.                    </div>
  321.                </div>
  322.                <div class="popular-tag-overlay"></div>
  323.            </div>
  324.        <!--</div>-->
  325.        <div class="row" style="padding-top: 20px;">
  326.    <div class="col">
  327.    <div class="row" style="justify-content: center;">
  328.              <img src="https://kointopup.com/assets/img/kategori/1690993047kuning.png" style="width: 50px;" alt="">
  329.           </div>  
  330.    <div class="col nama-layanan-form text-center"><b>100M Chip Emas RD</b></div>
  331.    <div class="row">
  332.    <div class="col nominal-price text-center">
  333.    Rp 7.738    
  334.    
  335.    </div>
  336.    </div>
  337.    </div>
  338.    </div>
  339.    </label>
  340.    </div>
  341.    </div>
  342.  
  343.  
  344.                                      
  345.            
  346.              
  347.    <div class="card-populer">
  348.    <div class="list-group shadow h-100">
  349.    <input type="radio" id="layanan_459" value="459" name="layanan" data-type="diamond" required>
  350.    <label for="layanan_459" class="list-group-item h-100 px-0">
  351.                <div class="popular-tag-container2">
  352.                <div class="popular-tag-content">
  353.                    <span class="badge">
  354.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  355.                    </span>
  356.                </div>
  357.                <div class="popular-tag-overlay"></div>
  358.            </div>
  359.        <div class="row" style="padding-top: 20px;">
  360.    <div class="col">
  361.    <div class="row" style="justify-content: center;">
  362.              <img src="https://kointopup.com/assets/img/kategori/1728369916kuning.webp" style="width: 50px;" alt="">
  363.           </div>  
  364.    <div class="col nama-layanan-form text-center"><b>120M Chip Emas RD</b></div>
  365.    <div class="row">
  366.    <div class="col nominal-price text-center">
  367.    Rp 9.510    
  368.    
  369.    </div>
  370.    </div>
  371.    </div>
  372.    </div>
  373.    </label>
  374.    </div>
  375.    </div>
  376.  
  377.  
  378.                                      
  379.            
  380.              
  381.    <div class="card-populer">
  382.    <div class="list-group shadow h-100">
  383.    <input type="radio" id="layanan_211" value="211" name="layanan" data-type="diamond" required>
  384.    <label for="layanan_211" class="list-group-item h-100 px-0">
  385.                <div class="popular-tag-container2">
  386.                <div class="popular-tag-content">
  387.                    <span class="badge">
  388.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  389.                    </span>
  390.                </div>
  391.                <div class="popular-tag-overlay"></div>
  392.            </div>
  393.        <div class="row" style="padding-top: 20px;">
  394.    <div class="col">
  395.    <div class="row" style="justify-content: center;">
  396.              <img src="https://kointopup.com/assets/img/kategori/1690993202kuning.png" style="width: 50px;" alt="">
  397.           </div>  
  398.    <div class="col nama-layanan-form text-center"><b>200M Chip Emas RD</b></div>
  399.    <div class="row">
  400.    <div class="col nominal-price text-center">
  401.    Rp 14.980    
  402.    
  403.    </div>
  404.    </div>
  405.    </div>
  406.    </div>
  407.    </label>
  408.    </div>
  409.    </div>
  410.  
  411.  
  412.                                      
  413.            
  414.              
  415.    <div class="card-populer">
  416.    <div class="list-group shadow h-100">
  417.    <input type="radio" id="layanan_460" value="460" name="layanan" data-type="diamond" required>
  418.    <label for="layanan_460" class="list-group-item h-100 px-0">
  419.                <div class="popular-tag-container2">
  420.                <div class="popular-tag-content">
  421.                    <span class="badge">
  422.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  423.                    </span>
  424.                </div>
  425.                <div class="popular-tag-overlay"></div>
  426.            </div>
  427.        <div class="row" style="padding-top: 20px;">
  428.    <div class="col">
  429.    <div class="row" style="justify-content: center;">
  430.              <img src="https://kointopup.com/assets/img/kategori/1728369989kuning.webp" style="width: 50px;" alt="">
  431.           </div>  
  432.    <div class="col nama-layanan-form text-center"><b>250M Chip Emas RD</b></div>
  433.    <div class="row">
  434.    <div class="col nominal-price text-center">
  435.    Rp 18.720    
  436.    
  437.    </div>
  438.    </div>
  439.    </div>
  440.    </div>
  441.    </label>
  442.    </div>
  443.    </div>
  444.  
  445.  
  446.                                      
  447.            
  448.              
  449.    <div class="card-populer">
  450.    <div class="list-group shadow h-100">
  451.    <input type="radio" id="layanan_222" value="222" name="layanan" data-type="diamond" required>
  452.    <label for="layanan_222" class="list-group-item h-100 px-0">
  453.                <div class="popular-tag-container2">
  454.                <div class="popular-tag-content">
  455.                    <span class="badge">
  456.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  457.                    </span>
  458.                </div>
  459.                <div class="popular-tag-overlay"></div>
  460.            </div>
  461.        <div class="row" style="padding-top: 20px;">
  462.    <div class="col">
  463.    <div class="row" style="justify-content: center;">
  464.              <img src="https://kointopup.com/assets/img/kategori/1695627150kuning.png" style="width: 50px;" alt="">
  465.           </div>  
  466.    <div class="col nama-layanan-form text-center"><b>300M Chip Emas RD</b></div>
  467.    <div class="row">
  468.    <div class="col nominal-price text-center">
  469.    Rp 23.027    
  470.    
  471.    </div>
  472.    </div>
  473.    </div>
  474.    </div>
  475.    </label>
  476.    </div>
  477.    </div>
  478.  
  479.  
  480.                                      
  481.            
  482.              
  483.    <div class="card-populer">
  484.    <div class="list-group shadow h-100">
  485.    <input type="radio" id="layanan_223" value="223" name="layanan" data-type="diamond" required>
  486.    <label for="layanan_223" class="list-group-item h-100 px-0">
  487.                <div class="popular-tag-container2">
  488.                <div class="popular-tag-content">
  489.                    <span class="badge">
  490.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  491.                    </span>
  492.                </div>
  493.                <div class="popular-tag-overlay"></div>
  494.            </div>
  495.        <div class="row" style="padding-top: 20px;">
  496.    <div class="col">
  497.    <div class="row" style="justify-content: center;">
  498.              <img src="https://kointopup.com/assets/img/kategori/1695627200kuning.png" style="width: 50px;" alt="">
  499.           </div>  
  500.    <div class="col nama-layanan-form text-center"><b>400M Chip Emas RD</b></div>
  501.    <div class="row">
  502.    <div class="col nominal-price text-center">
  503.    Rp 30.208    
  504.    
  505.    </div>
  506.    </div>
  507.    </div>
  508.    </div>
  509.    </label>
  510.    </div>
  511.    </div>
  512.  
  513.  
  514.                                      
  515.            
  516.              
  517.    <div class="card-populer">
  518.    <div class="list-group shadow h-100">
  519.    <input type="radio" id="layanan_212" value="212" name="layanan" data-type="diamond" required>
  520.    <label for="layanan_212" class="list-group-item h-100 px-0">
  521.                <div class="popular-tag-container2">
  522.                <div class="popular-tag-content">
  523.                    <span class="badge">
  524.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  525.                    </span>
  526.                </div>
  527.                <div class="popular-tag-overlay"></div>
  528.            </div>
  529.        <div class="row" style="padding-top: 20px;">
  530.    <div class="col">
  531.    <div class="row" style="justify-content: center;">
  532.              <img src="https://kointopup.com/assets/img/kategori/1690993577kuning.png" style="width: 50px;" alt="">
  533.           </div>  
  534.    <div class="col nama-layanan-form text-center"><b>500M Chip Emas RD</b></div>
  535.    <div class="row">
  536.    <div class="col nominal-price text-center">
  537.    Rp 36.212    
  538.    
  539.    </div>
  540.    </div>
  541.    </div>
  542.    </div>
  543.    </label>
  544.    </div>
  545.    </div>
  546.  
  547.  
  548.                                      
  549.            
  550.              
  551.    <div class="card-populer">
  552.    <div class="list-group shadow h-100">
  553.    <input type="radio" id="layanan_213" value="213" name="layanan" data-type="diamond" required>
  554.    <label for="layanan_213" class="list-group-item h-100 px-0">
  555.                <div class="popular-tag-container2">
  556.                <div class="popular-tag-content">
  557.                    <span class="badge">
  558.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  559.                    </span>
  560.                </div>
  561.                <div class="popular-tag-overlay"></div>
  562.            </div>
  563.        <div class="row" style="padding-top: 20px;">
  564.    <div class="col">
  565.    <div class="row" style="justify-content: center;">
  566.              <img src="https://kointopup.com/assets/img/kategori/1690993763kuning.png" style="width: 50px;" alt="">
  567.           </div>  
  568.    <div class="col nama-layanan-form text-center"><b>600M Chip Emas RD</b></div>
  569.    <div class="row">
  570.    <div class="col nominal-price text-center">
  571.    Rp 45.311    
  572.    
  573.    </div>
  574.    </div>
  575.    </div>
  576.    </div>
  577.    </label>
  578.    </div>
  579.    </div>
  580.  
  581.  
  582.                                      
  583.            
  584.              
  585.    <div class="card-populer">
  586.    <div class="list-group shadow h-100">
  587.    <input type="radio" id="layanan_214" value="214" name="layanan" data-type="diamond" required>
  588.    <label for="layanan_214" class="list-group-item h-100 px-0">
  589.                <div class="popular-tag-container2">
  590.                <div class="popular-tag-content">
  591.                    <span class="badge">
  592.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  593.                    </span>
  594.                </div>
  595.                <div class="popular-tag-overlay"></div>
  596.            </div>
  597.        <div class="row" style="padding-top: 20px;">
  598.    <div class="col">
  599.    <div class="row" style="justify-content: center;">
  600.              <img src="https://kointopup.com/assets/img/kategori/1690993825kuning.png" style="width: 50px;" alt="">
  601.           </div>  
  602.    <div class="col nama-layanan-form text-center"><b>700M Chip Emas RD</b></div>
  603.    <div class="row">
  604.    <div class="col nominal-price text-center">
  605.    Rp 49.830    
  606.    
  607.    </div>
  608.    </div>
  609.    </div>
  610.    </div>
  611.    </label>
  612.    </div>
  613.    </div>
  614.  
  615.  
  616.                                      
  617.            
  618.              
  619.    <div class="card-populer">
  620.    <div class="list-group shadow h-100">
  621.    <input type="radio" id="layanan_474" value="474" name="layanan" data-type="diamond" required>
  622.    <label for="layanan_474" class="list-group-item h-100 px-0">
  623.                <div class="popular-tag-container2">
  624.                <div class="popular-tag-content">
  625.                    <span class="badge">
  626.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  627.                    </span>
  628.                </div>
  629.                <div class="popular-tag-overlay"></div>
  630.            </div>
  631.        <div class="row" style="padding-top: 20px;">
  632.    <div class="col">
  633.    <div class="row" style="justify-content: center;">
  634.              <img src="https://kointopup.com/assets/img/kategori/1728371169kuning.webp" style="width: 50px;" alt="">
  635.           </div>  
  636.    <div class="col nama-layanan-form text-center"><b>750M Chip Emas RD</b></div>
  637.    <div class="row">
  638.    <div class="col nominal-price text-center">
  639.    Rp 53.820    
  640.    
  641.    </div>
  642.    </div>
  643.    </div>
  644.    </div>
  645.    </label>
  646.    </div>
  647.    </div>
  648.  
  649.  
  650.                                      
  651.            
  652.              
  653.    <div class="card-populer">
  654.    <div class="list-group shadow h-100">
  655.    <input type="radio" id="layanan_215" value="215" name="layanan" data-type="diamond" required>
  656.    <label for="layanan_215" class="list-group-item h-100 px-0">
  657.                <div class="popular-tag-container2">
  658.                <div class="popular-tag-content">
  659.                    <span class="badge">
  660.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  661.                    </span>
  662.                </div>
  663.                <div class="popular-tag-overlay"></div>
  664.            </div>
  665.        <div class="row" style="padding-top: 20px;">
  666.    <div class="col">
  667.    <div class="row" style="justify-content: center;">
  668.              <img src="https://kointopup.com/assets/img/kategori/1690993918kuning.png" style="width: 50px;" alt="">
  669.           </div>  
  670.    <div class="col nama-layanan-form text-center"><b>800M Chip Emas RD</b></div>
  671.    <div class="row">
  672.    <div class="col nominal-price text-center">
  673.    Rp 55.463    
  674.    
  675.    </div>
  676.    </div>
  677.    </div>
  678.    </div>
  679.    </label>
  680.    </div>
  681.    </div>
  682.  
  683.  
  684.                                      
  685.            
  686.              
  687.    <div class="card-populer">
  688.    <div class="list-group shadow h-100">
  689.    <input type="radio" id="layanan_216" value="216" name="layanan" data-type="diamond" required>
  690.    <label for="layanan_216" class="list-group-item h-100 px-0">
  691.                <div class="popular-tag-container2">
  692.                <div class="popular-tag-content">
  693.                    <span class="badge">
  694.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  695.                    </span>
  696.                </div>
  697.                <div class="popular-tag-overlay"></div>
  698.            </div>
  699.        <div class="row" style="padding-top: 20px;">
  700.    <div class="col">
  701.    <div class="row" style="justify-content: center;">
  702.              <img src="https://kointopup.com/assets/img/kategori/1690993965kuning.png" style="width: 50px;" alt="">
  703.           </div>  
  704.    <div class="col nama-layanan-form text-center"><b>900M Chip Emas RD</b></div>
  705.    <div class="row">
  706.    <div class="col nominal-price text-center">
  707.    Rp 60.167    
  708.    
  709.    </div>
  710.    </div>
  711.    </div>
  712.    </div>
  713.    </label>
  714.    </div>
  715.    </div>
  716.  
  717.  
  718.                                      
  719.            
  720.              
  721.    <div class="card-populer">
  722.    <div class="list-group shadow h-100">
  723.    <input type="radio" id="layanan_217" value="217" name="layanan" data-type="diamond" required>
  724.    <label for="layanan_217" class="list-group-item h-100 px-0">
  725.                <div class="popular-tag-container">
  726.                <div class="popular-tag-content">
  727.                    <div class="text-center" style="width: 100%;">
  728.                        <span class="badge">
  729.                            <i class="fas fa-fire"></i>
  730.                            POPULER            
  731.                        </span>
  732.                    </div>
  733.                </div>
  734.                <div class="popular-tag-overlay"></div>
  735.            </div>
  736.        <!--</div>-->
  737.        <div class="row" style="padding-top: 20px;">
  738.    <div class="col">
  739.    <div class="row" style="justify-content: center;">
  740.              <img src="https://kointopup.com/assets/img/kategori/1690996351kuning.png" style="width: 50px;" alt="">
  741.           </div>  
  742.    <div class="col nama-layanan-form text-center"><b>1B Chip Emas RD</b></div>
  743.    <div class="row">
  744.    <div class="col nominal-price text-center">
  745.    Rp 67.471    
  746.    
  747.    </div>
  748.    </div>
  749.    </div>
  750.    </div>
  751.    </label>
  752.    </div>
  753.    </div>
  754.  
  755.  
  756.                                      
  757.            
  758.              
  759.    <div class="card-populer">
  760.    <div class="list-group shadow h-100">
  761.    <input type="radio" id="layanan_431" value="431" name="layanan" data-type="diamond" required>
  762.    <label for="layanan_431" class="list-group-item h-100 px-0">
  763.                <div class="popular-tag-container">
  764.                <div class="popular-tag-content">
  765.                    <div class="text-center" style="width: 100%;">
  766.                        <span class="badge">
  767.                            <i class="fas fa-fire"></i>
  768.                            POPULER            
  769.                        </span>
  770.                    </div>
  771.                </div>
  772.                <div class="popular-tag-overlay"></div>
  773.            </div>
  774.        <!--</div>-->
  775.        <div class="row" style="padding-top: 20px;">
  776.    <div class="col">
  777.    <div class="row" style="justify-content: center;">
  778.              <img src="https://kointopup.com/assets/img/kategori/1726989777kuning.webp" style="width: 50px;" alt="">
  779.           </div>  
  780.    <div class="col nama-layanan-form text-center"><b>1,5B Chip Emas RD</b></div>
  781.    <div class="row">
  782.    <div class="col nominal-price text-center">
  783.    Rp 103.230    
  784.    
  785.    </div>
  786.    </div>
  787.    </div>
  788.    </div>
  789.    </label>
  790.    </div>
  791.    </div>
  792.  
  793.  
  794.                                      
  795.            
  796.              
  797.    <div class="card-populer">
  798.    <div class="list-group shadow h-100">
  799.    <input type="radio" id="layanan_218" value="218" name="layanan" data-type="diamond" required>
  800.    <label for="layanan_218" class="list-group-item h-100 px-0">
  801.                <div class="popular-tag-container">
  802.                <div class="popular-tag-content">
  803.                    <div class="text-center" style="width: 100%;">
  804.                        <span class="badge">
  805.                            <i class="fas fa-fire"></i>
  806.                            POPULER            
  807.                        </span>
  808.                    </div>
  809.                </div>
  810.                <div class="popular-tag-overlay"></div>
  811.            </div>
  812.        <!--</div>-->
  813.        <div class="row" style="padding-top: 20px;">
  814.    <div class="col">
  815.    <div class="row" style="justify-content: center;">
  816.              <img src="https://kointopup.com/assets/img/kategori/1690996426kuning.png" style="width: 50px;" alt="">
  817.           </div>  
  818.    <div class="col nama-layanan-form text-center"><b>2B Chip Emas RD</b></div>
  819.    <div class="row">
  820.    <div class="col nominal-price text-center">
  821.    Rp 134.942    
  822.    
  823.    </div>
  824.    </div>
  825.    </div>
  826.    </div>
  827.    </label>
  828.    </div>
  829.    </div>
  830.  
  831.  
  832.                                      
  833.            
  834.              
  835.    <div class="card-populer">
  836.    <div class="list-group shadow h-100">
  837.    <input type="radio" id="layanan_432" value="432" name="layanan" data-type="diamond" required>
  838.    <label for="layanan_432" class="list-group-item h-100 px-0">
  839.                <div class="popular-tag-container2">
  840.                <div class="popular-tag-content">
  841.                    <span class="badge">
  842.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  843.                    </span>
  844.                </div>
  845.                <div class="popular-tag-overlay"></div>
  846.            </div>
  847.        <div class="row" style="padding-top: 20px;">
  848.    <div class="col">
  849.    <div class="row" style="justify-content: center;">
  850.              <img src="https://kointopup.com/assets/img/kategori/1726989993kuning.webp" style="width: 50px;" alt="">
  851.           </div>  
  852.    <div class="col nama-layanan-form text-center"><b>3B Chip Emas RD</b></div>
  853.    <div class="row">
  854.    <div class="col nominal-price text-center">
  855.    Rp 202.413    
  856.    
  857.    </div>
  858.    </div>
  859.    </div>
  860.    </div>
  861.    </label>
  862.    </div>
  863.    </div>
  864.  
  865.  
  866.                                      
  867.            
  868.              
  869.    <div class="card-populer">
  870.    <div class="list-group shadow h-100">
  871.    <input type="radio" id="layanan_433" value="433" name="layanan" data-type="diamond" required>
  872.    <label for="layanan_433" class="list-group-item h-100 px-0">
  873.                <div class="popular-tag-container2">
  874.                <div class="popular-tag-content">
  875.                    <span class="badge">
  876.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  877.                    </span>
  878.                </div>
  879.                <div class="popular-tag-overlay"></div>
  880.            </div>
  881.        <div class="row" style="padding-top: 20px;">
  882.    <div class="col">
  883.    <div class="row" style="justify-content: center;">
  884.              <img src="https://kointopup.com/assets/img/kategori/1726990109kuning.webp" style="width: 50px;" alt="">
  885.           </div>  
  886.    <div class="col nama-layanan-form text-center"><b>4B Chip Emas RD</b></div>
  887.    <div class="row">
  888.    <div class="col nominal-price text-center">
  889.    Rp 269.884    
  890.    
  891.    </div>
  892.    </div>
  893.    </div>
  894.    </div>
  895.    </label>
  896.    </div>
  897.    </div>
  898.  
  899.  
  900.                                      
  901.            
  902.              
  903.    <div class="card-populer">
  904.    <div class="list-group shadow h-100">
  905.    <input type="radio" id="layanan_434" value="434" name="layanan" data-type="diamond" required>
  906.    <label for="layanan_434" class="list-group-item h-100 px-0">
  907.                <div class="popular-tag-container2">
  908.                <div class="popular-tag-content">
  909.                    <span class="badge">
  910.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  911.                    </span>
  912.                </div>
  913.                <div class="popular-tag-overlay"></div>
  914.            </div>
  915.        <div class="row" style="padding-top: 20px;">
  916.    <div class="col">
  917.    <div class="row" style="justify-content: center;">
  918.              <img src="https://kointopup.com/assets/img/kategori/1726990170kuning.webp" style="width: 50px;" alt="">
  919.           </div>  
  920.    <div class="col nama-layanan-form text-center"><b>5B Chip Emas RD</b></div>
  921.    <div class="row">
  922.    <div class="col nominal-price text-center">
  923.    Rp 334.260    
  924.    
  925.    </div>
  926.    </div>
  927.    </div>
  928.    </div>
  929.    </label>
  930.    </div>
  931.    </div>
  932.  
  933.  
  934.                                      
  935.            
  936.              
  937.    <div class="card-populer">
  938.    <div class="list-group shadow h-100">
  939.    <input type="radio" id="layanan_435" value="435" name="layanan" data-type="diamond" required>
  940.    <label for="layanan_435" class="list-group-item h-100 px-0">
  941.                <div class="popular-tag-container2">
  942.                <div class="popular-tag-content">
  943.                    <span class="badge">
  944.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  945.                    </span>
  946.                </div>
  947.                <div class="popular-tag-overlay"></div>
  948.            </div>
  949.        <div class="row" style="padding-top: 20px;">
  950.    <div class="col">
  951.    <div class="row" style="justify-content: center;">
  952.              <img src="https://kointopup.com/assets/img/kategori/1726990212kuning.webp" style="width: 50px;" alt="">
  953.           </div>  
  954.    <div class="col nama-layanan-form text-center"><b>6B Chip Emas RD</b></div>
  955.    <div class="row">
  956.    <div class="col nominal-price text-center">
  957.    Rp 420.360    
  958.    
  959.    </div>
  960.    </div>
  961.    </div>
  962.    </div>
  963.    </label>
  964.    </div>
  965.    </div>
  966.  
  967.  
  968.                                      
  969.            
  970.              
  971.    <div class="card-populer">
  972.    <div class="list-group shadow h-100">
  973.    <input type="radio" id="layanan_436" value="436" name="layanan" data-type="diamond" required>
  974.    <label for="layanan_436" class="list-group-item h-100 px-0">
  975.                <div class="popular-tag-container2">
  976.                <div class="popular-tag-content">
  977.                    <span class="badge">
  978.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  979.                    </span>
  980.                </div>
  981.                <div class="popular-tag-overlay"></div>
  982.            </div>
  983.        <div class="row" style="padding-top: 20px;">
  984.    <div class="col">
  985.    <div class="row" style="justify-content: center;">
  986.              <img src="https://kointopup.com/assets/img/kategori/1726990292kuning.webp" style="width: 50px;" alt="">
  987.           </div>  
  988.    <div class="col nama-layanan-form text-center"><b>7B Chip Emas RD</b></div>
  989.    <div class="row">
  990.    <div class="col nominal-price text-center">
  991.    Rp 468.720    
  992.    
  993.    </div>
  994.    </div>
  995.    </div>
  996.    </div>
  997.    </label>
  998.    </div>
  999.    </div>
  1000.  
  1001.  
  1002.                                      
  1003.            
  1004.              
  1005.    <div class="card-populer">
  1006.    <div class="list-group shadow h-100">
  1007.    <input type="radio" id="layanan_437" value="437" name="layanan" data-type="diamond" required>
  1008.    <label for="layanan_437" class="list-group-item h-100 px-0">
  1009.                <div class="popular-tag-container2">
  1010.                <div class="popular-tag-content">
  1011.                    <span class="badge">
  1012.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1013.                    </span>
  1014.                </div>
  1015.                <div class="popular-tag-overlay"></div>
  1016.            </div>
  1017.        <div class="row" style="padding-top: 20px;">
  1018.    <div class="col">
  1019.    <div class="row" style="justify-content: center;">
  1020.              <img src="https://kointopup.com/assets/img/kategori/1726990448kuning.webp" style="width: 50px;" alt="">
  1021.           </div>  
  1022.    <div class="col nama-layanan-form text-center"><b>8B Chip Emas RD</b></div>
  1023.    <div class="row">
  1024.    <div class="col nominal-price text-center">
  1025.    Rp 535.680    
  1026.    
  1027.    </div>
  1028.    </div>
  1029.    </div>
  1030.    </div>
  1031.    </label>
  1032.    </div>
  1033.    </div>
  1034.  
  1035.  
  1036.                                      
  1037.            
  1038.              
  1039.    <div class="card-populer">
  1040.    <div class="list-group shadow h-100">
  1041.    <input type="radio" id="layanan_438" value="438" name="layanan" data-type="diamond" required>
  1042.    <label for="layanan_438" class="list-group-item h-100 px-0">
  1043.                <div class="popular-tag-container">
  1044.                <div class="popular-tag-content">
  1045.                    <div class="text-center" style="width: 100%;">
  1046.                        <span class="badge">
  1047.                            <i class="fas fa-fire"></i>
  1048.                            POPULER            
  1049.                        </span>
  1050.                    </div>
  1051.                </div>
  1052.                <div class="popular-tag-overlay"></div>
  1053.            </div>
  1054.        <!--</div>-->
  1055.        <div class="row" style="padding-top: 20px;">
  1056.    <div class="col">
  1057.    <div class="row" style="justify-content: center;">
  1058.              <img src="https://kointopup.com/assets/img/kategori/1726990524kuning.webp" style="width: 50px;" alt="">
  1059.           </div>  
  1060.    <div class="col nama-layanan-form text-center"><b>9B Chip Emas RD</b></div>
  1061.    <div class="row">
  1062.    <div class="col nominal-price text-center">
  1063.    Rp 602.640    
  1064.    
  1065.    </div>
  1066.    </div>
  1067.    </div>
  1068.    </div>
  1069.    </label>
  1070.    </div>
  1071.    </div>
  1072.  
  1073.  
  1074.                                      
  1075.            
  1076.              
  1077.    <div class="card-populer">
  1078.    <div class="list-group shadow h-100">
  1079.    <input type="radio" id="layanan_219" value="219" name="layanan" data-type="diamond" required>
  1080.    <label for="layanan_219" class="list-group-item h-100 px-0">
  1081.                <div class="popular-tag-container2">
  1082.                <div class="popular-tag-content">
  1083.                    <span class="badge">
  1084.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1085.                    </span>
  1086.                </div>
  1087.                <div class="popular-tag-overlay"></div>
  1088.            </div>
  1089.        <div class="row" style="padding-top: 20px;">
  1090.    <div class="col">
  1091.    <div class="row" style="justify-content: center;">
  1092.              <img src="https://kointopup.com/assets/img/kategori/1690996507kuning.png" style="width: 50px;" alt="">
  1093.           </div>  
  1094.    <div class="col nama-layanan-form text-center"><b>10B Chip Emas RD</b></div>
  1095.    <div class="row">
  1096.    <div class="col nominal-price text-center">
  1097.    Rp 662.330    
  1098.    
  1099.    </div>
  1100.    </div>
  1101.    </div>
  1102.    </div>
  1103.    </label>
  1104.    </div>
  1105.    </div>
  1106.  
  1107.  
  1108.                                      
  1109.            
  1110.              
  1111.    <div class="card-populer">
  1112.    <div class="list-group shadow h-100">
  1113.    <input type="radio" id="layanan_439" value="439" name="layanan" data-type="diamond" required>
  1114.    <label for="layanan_439" class="list-group-item h-100 px-0">
  1115.                <div class="popular-tag-container2">
  1116.                <div class="popular-tag-content">
  1117.                    <span class="badge">
  1118.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1119.                    </span>
  1120.                </div>
  1121.                <div class="popular-tag-overlay"></div>
  1122.            </div>
  1123.        <div class="row" style="padding-top: 20px;">
  1124.    <div class="col">
  1125.    <div class="row" style="justify-content: center;">
  1126.              <img src="https://kointopup.com/assets/img/kategori/1726990580kuning.webp" style="width: 50px;" alt="">
  1127.           </div>  
  1128.    <div class="col nama-layanan-form text-center"><b>15B Chip Emas RD</b></div>
  1129.    <div class="row">
  1130.    <div class="col nominal-price text-center">
  1131.    Rp 1.004.400    
  1132.    
  1133.    </div>
  1134.    </div>
  1135.    </div>
  1136.    </div>
  1137.    </label>
  1138.    </div>
  1139.    </div>
  1140.  
  1141.  
  1142.                                      
  1143.            
  1144.              
  1145.    <div class="card-populer">
  1146.    <div class="list-group shadow h-100">
  1147.    <input type="radio" id="layanan_220" value="220" name="layanan" data-type="diamond" required>
  1148.    <label for="layanan_220" class="list-group-item h-100 px-0">
  1149.                <div class="popular-tag-container2">
  1150.                <div class="popular-tag-content">
  1151.                    <span class="badge">
  1152.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1153.                    </span>
  1154.                </div>
  1155.                <div class="popular-tag-overlay"></div>
  1156.            </div>
  1157.        <div class="row" style="padding-top: 20px;">
  1158.    <div class="col">
  1159.    <div class="row" style="justify-content: center;">
  1160.              <img src="https://kointopup.com/assets/img/kategori/1690996558kuning.png" style="width: 50px;" alt="">
  1161.           </div>  
  1162.    <div class="col nama-layanan-form text-center"><b>20B Chip Emas RD</b></div>
  1163.    <div class="row">
  1164.    <div class="col nominal-price text-center">
  1165.    Rp 1.340.000    
  1166.    
  1167.    </div>
  1168.    </div>
  1169.    </div>
  1170.    </div>
  1171.    </label>
  1172.    </div>
  1173.    </div>
  1174.  
  1175.  
  1176.                                      
  1177.            
  1178.              
  1179.    <div class="card-populer">
  1180.    <div class="list-group shadow h-100">
  1181.    <input type="radio" id="layanan_440" value="440" name="layanan" data-type="diamond" required>
  1182.    <label for="layanan_440" class="list-group-item h-100 px-0">
  1183.                <div class="popular-tag-container2">
  1184.                <div class="popular-tag-content">
  1185.                    <span class="badge">
  1186.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1187.                    </span>
  1188.                </div>
  1189.                <div class="popular-tag-overlay"></div>
  1190.            </div>
  1191.        <div class="row" style="padding-top: 20px;">
  1192.    <div class="col">
  1193.    <div class="row" style="justify-content: center;">
  1194.              <img src="https://kointopup.com/assets/img/kategori/1726990840kuning.webp" style="width: 50px;" alt="">
  1195.           </div>  
  1196.    <div class="col nama-layanan-form text-center"><b>25B Chip Emas RD</b></div>
  1197.    <div class="row">
  1198.    <div class="col nominal-price text-center">
  1199.    Rp 1.675.000    
  1200.    
  1201.    </div>
  1202.    </div>
  1203.    </div>
  1204.    </div>
  1205.    </label>
  1206.    </div>
  1207.    </div>
  1208.  
  1209.  
  1210.                                      
  1211.            
  1212.              
  1213.    <div class="card-populer">
  1214.    <div class="list-group shadow h-100">
  1215.    <input type="radio" id="layanan_441" value="441" name="layanan" data-type="diamond" required>
  1216.    <label for="layanan_441" class="list-group-item h-100 px-0">
  1217.                <div class="popular-tag-container2">
  1218.                <div class="popular-tag-content">
  1219.                    <span class="badge">
  1220.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1221.                    </span>
  1222.                </div>
  1223.                <div class="popular-tag-overlay"></div>
  1224.            </div>
  1225.        <div class="row" style="padding-top: 20px;">
  1226.    <div class="col">
  1227.    <div class="row" style="justify-content: center;">
  1228.              <img src="https://kointopup.com/assets/img/kategori/1726990903kuning.webp" style="width: 50px;" alt="">
  1229.           </div>  
  1230.    <div class="col nama-layanan-form text-center"><b>30B Chip Emas RD</b></div>
  1231.    <div class="row">
  1232.    <div class="col nominal-price text-center">
  1233.    Rp 2.010.000    
  1234.    
  1235.    </div>
  1236.    </div>
  1237.    </div>
  1238.    </div>
  1239.    </label>
  1240.    </div>
  1241.    </div>
  1242.  
  1243.  
  1244.                                      
  1245.            
  1246.              
  1247.    <div class="card-populer">
  1248.    <div class="list-group shadow h-100">
  1249.    <input type="radio" id="layanan_442" value="442" name="layanan" data-type="diamond" required>
  1250.    <label for="layanan_442" class="list-group-item h-100 px-0">
  1251.                <div class="popular-tag-container2">
  1252.                <div class="popular-tag-content">
  1253.                    <span class="badge">
  1254.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1255.                    </span>
  1256.                </div>
  1257.                <div class="popular-tag-overlay"></div>
  1258.            </div>
  1259.        <div class="row" style="padding-top: 20px;">
  1260.    <div class="col">
  1261.    <div class="row" style="justify-content: center;">
  1262.              <img src="https://kointopup.com/assets/img/kategori/1726991008kuning.webp" style="width: 50px;" alt="">
  1263.           </div>  
  1264.    <div class="col nama-layanan-form text-center"><b>35B Chip Emas RD</b></div>
  1265.    <div class="row">
  1266.    <div class="col nominal-price text-center">
  1267.    Rp 2.345.000    
  1268.    
  1269.    </div>
  1270.    </div>
  1271.    </div>
  1272.    </div>
  1273.    </label>
  1274.    </div>
  1275.    </div>
  1276.  
  1277.  
  1278.                                      
  1279.            
  1280.              
  1281.    <div class="card-populer">
  1282.    <div class="list-group shadow h-100">
  1283.    <input type="radio" id="layanan_443" value="443" name="layanan" data-type="diamond" required>
  1284.    <label for="layanan_443" class="list-group-item h-100 px-0">
  1285.                <div class="popular-tag-container2">
  1286.                <div class="popular-tag-content">
  1287.                    <span class="badge">
  1288.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1289.                    </span>
  1290.                </div>
  1291.                <div class="popular-tag-overlay"></div>
  1292.            </div>
  1293.        <div class="row" style="padding-top: 20px;">
  1294.    <div class="col">
  1295.    <div class="row" style="justify-content: center;">
  1296.              <img src="https://kointopup.com/assets/img/kategori/1726991130kuning.webp" style="width: 50px;" alt="">
  1297.           </div>  
  1298.    <div class="col nama-layanan-form text-center"><b>40B Chip Emas RD</b></div>
  1299.    <div class="row">
  1300.    <div class="col nominal-price text-center">
  1301.    Rp 2.680.000    
  1302.    
  1303.    </div>
  1304.    </div>
  1305.    </div>
  1306.    </div>
  1307.    </label>
  1308.    </div>
  1309.    </div>
  1310.  
  1311.  
  1312.                                      
  1313.            
  1314.              
  1315.    <div class="card-populer">
  1316.    <div class="list-group shadow h-100">
  1317.    <input type="radio" id="layanan_444" value="444" name="layanan" data-type="diamond" required>
  1318.    <label for="layanan_444" class="list-group-item h-100 px-0">
  1319.                <div class="popular-tag-container2">
  1320.                <div class="popular-tag-content">
  1321.                    <span class="badge">
  1322.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1323.                    </span>
  1324.                </div>
  1325.                <div class="popular-tag-overlay"></div>
  1326.            </div>
  1327.        <div class="row" style="padding-top: 20px;">
  1328.    <div class="col">
  1329.    <div class="row" style="justify-content: center;">
  1330.              <img src="https://kointopup.com/assets/img/kategori/1726991599kuning.webp" style="width: 50px;" alt="">
  1331.           </div>  
  1332.    <div class="col nama-layanan-form text-center"><b>45B Chip Emas RD</b></div>
  1333.    <div class="row">
  1334.    <div class="col nominal-price text-center">
  1335.    Rp 3.015.000    
  1336.    
  1337.    </div>
  1338.    </div>
  1339.    </div>
  1340.    </div>
  1341.    </label>
  1342.    </div>
  1343.    </div>
  1344.  
  1345.  
  1346.                                      
  1347.            
  1348.              
  1349.    <div class="card-populer">
  1350.    <div class="list-group shadow h-100">
  1351.    <input type="radio" id="layanan_445" value="445" name="layanan" data-type="diamond" required>
  1352.    <label for="layanan_445" class="list-group-item h-100 px-0">
  1353.                <div class="popular-tag-container2">
  1354.                <div class="popular-tag-content">
  1355.                    <span class="badge">
  1356.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1357.                    </span>
  1358.                </div>
  1359.                <div class="popular-tag-overlay"></div>
  1360.            </div>
  1361.        <div class="row" style="padding-top: 20px;">
  1362.    <div class="col">
  1363.    <div class="row" style="justify-content: center;">
  1364.              <img src="https://kointopup.com/assets/img/kategori/1726991733kuning.webp" style="width: 50px;" alt="">
  1365.           </div>  
  1366.    <div class="col nama-layanan-form text-center"><b>50B Chip Emas RD</b></div>
  1367.    <div class="row">
  1368.    <div class="col nominal-price text-center">
  1369.    Rp 3.300.000    
  1370.    
  1371.    </div>
  1372.    </div>
  1373.    </div>
  1374.    </div>
  1375.    </label>
  1376.    </div>
  1377.    </div>
  1378.  
  1379.  
  1380.                                      
  1381.            
  1382.              
  1383.    <div class="card-populer">
  1384.    <div class="list-group shadow h-100">
  1385.    <input type="radio" id="layanan_446" value="446" name="layanan" data-type="diamond" required>
  1386.    <label for="layanan_446" class="list-group-item h-100 px-0">
  1387.                <div class="popular-tag-container2">
  1388.                <div class="popular-tag-content">
  1389.                    <span class="badge">
  1390.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1391.                    </span>
  1392.                </div>
  1393.                <div class="popular-tag-overlay"></div>
  1394.            </div>
  1395.        <div class="row" style="padding-top: 20px;">
  1396.    <div class="col">
  1397.    <div class="row" style="justify-content: center;">
  1398.              <img src="https://kointopup.com/assets/img/kategori/1726991779kuning.webp" style="width: 50px;" alt="">
  1399.           </div>  
  1400.    <div class="col nama-layanan-form text-center"><b>100B Chip Emas RD</b></div>
  1401.    <div class="row">
  1402.    <div class="col nominal-price text-center">
  1403.    Rp 6.600.000    
  1404.    
  1405.    </div>
  1406.    </div>
  1407.    </div>
  1408.    </div>
  1409.    </label>
  1410.    </div>
  1411.    </div>
  1412.  
  1413.  
  1414.                                      </div>
  1415.                                                                
  1416.                    
  1417.                                          <div class="flex flex-row h7 px-3"> Chip Orange</div>
  1418.                                                 <div class="grid grid-cols-2 md:grid-cols-3 gap-4 px-3 pb-3">
  1419.                      
  1420.            
  1421.              
  1422.    <div class="card-populer">
  1423.    <div class="list-group shadow h-100">
  1424.    <input type="radio" id="layanan_204" value="204" name="layanan" data-type="diamond" required>
  1425.    <label for="layanan_204" class="list-group-item h-100 px-0">
  1426.                <div class="popular-tag-container2">
  1427.                <div class="popular-tag-content">
  1428.                    <span class="badge">
  1429.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1430.                    </span>
  1431.                </div>
  1432.                <div class="popular-tag-overlay"></div>
  1433.            </div>
  1434.        <div class="row" style="padding-top: 20px;">
  1435.    <div class="col">
  1436.    <div class="row" style="justify-content: center;">
  1437.              <img src="https://kointopup.com/assets/img/kategori/1690992606orange.png" style="width: 50px;" alt="">
  1438.           </div>  
  1439.    <div class="col nama-layanan-form text-center"><b>120M Chip Orange</b></div>
  1440.    <div class="row">
  1441.    <div class="col nominal-price text-center">
  1442.    Rp 13.000    
  1443.    
  1444.    </div>
  1445.    </div>
  1446.    </div>
  1447.    </div>
  1448.    </label>
  1449.    </div>
  1450.    </div>
  1451.  
  1452.  
  1453.                                      
  1454.            
  1455.              
  1456.    <div class="card-populer">
  1457.    <div class="list-group shadow h-100">
  1458.    <input type="radio" id="layanan_205" value="205" name="layanan" data-type="diamond" required>
  1459.    <label for="layanan_205" class="list-group-item h-100 px-0">
  1460.                <div class="popular-tag-container2">
  1461.                <div class="popular-tag-content">
  1462.                    <span class="badge">
  1463.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1464.                    </span>
  1465.                </div>
  1466.                <div class="popular-tag-overlay"></div>
  1467.            </div>
  1468.        <div class="row" style="padding-top: 20px;">
  1469.    <div class="col">
  1470.    <div class="row" style="justify-content: center;">
  1471.              <img src="https://kointopup.com/assets/img/kategori/1690992805orange.png" style="width: 50px;" alt="">
  1472.           </div>  
  1473.    <div class="col nama-layanan-form text-center"><b>250M Chip Orange</b></div>
  1474.    <div class="row">
  1475.    <div class="col nominal-price text-center">
  1476.    Rp 24.000    
  1477.    
  1478.    </div>
  1479.    </div>
  1480.    </div>
  1481.    </div>
  1482.    </label>
  1483.    </div>
  1484.    </div>
  1485.  
  1486.  
  1487.                                      
  1488.            
  1489.              
  1490.    <div class="card-populer">
  1491.    <div class="list-group shadow h-100">
  1492.    <input type="radio" id="layanan_206" value="206" name="layanan" data-type="diamond" required>
  1493.    <label for="layanan_206" class="list-group-item h-100 px-0">
  1494.                <div class="popular-tag-container2">
  1495.                <div class="popular-tag-content">
  1496.                    <span class="badge">
  1497.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1498.                    </span>
  1499.                </div>
  1500.                <div class="popular-tag-overlay"></div>
  1501.            </div>
  1502.        <div class="row" style="padding-top: 20px;">
  1503.    <div class="col">
  1504.    <div class="row" style="justify-content: center;">
  1505.              <img src="https://kointopup.com/assets/img/kategori/1690992845orange.png" style="width: 50px;" alt="">
  1506.           </div>  
  1507.    <div class="col nama-layanan-form text-center"><b>500M Chip Orange</b></div>
  1508.    <div class="row">
  1509.    <div class="col nominal-price text-center">
  1510.    Rp 37.000    
  1511.    
  1512.    </div>
  1513.    </div>
  1514.    </div>
  1515.    </div>
  1516.    </label>
  1517.    </div>
  1518.    </div>
  1519.  
  1520.  
  1521.                                      
  1522.            
  1523.              
  1524.    <div class="card-populer">
  1525.    <div class="list-group shadow h-100">
  1526.    <input type="radio" id="layanan_207" value="207" name="layanan" data-type="diamond" required>
  1527.    <label for="layanan_207" class="list-group-item h-100 px-0">
  1528.                <div class="popular-tag-container">
  1529.                <div class="popular-tag-content">
  1530.                    <div class="text-center" style="width: 100%;">
  1531.                        <span class="badge">
  1532.                            <i class="fas fa-fire"></i>
  1533.                            POPULER            
  1534.                        </span>
  1535.                    </div>
  1536.                </div>
  1537.                <div class="popular-tag-overlay"></div>
  1538.            </div>
  1539.        <!--</div>-->
  1540.        <div class="row" style="padding-top: 20px;">
  1541.    <div class="col">
  1542.    <div class="row" style="justify-content: center;">
  1543.              <img src="https://kointopup.com/assets/img/kategori/1690992884orange.png" style="width: 50px;" alt="">
  1544.           </div>  
  1545.    <div class="col nama-layanan-form text-center"><b>1B Chip Orange</b></div>
  1546.    <div class="row">
  1547.    <div class="col nominal-price text-center">
  1548.    Rp 68.000    
  1549.    
  1550.    </div>
  1551.    </div>
  1552.    </div>
  1553.    </div>
  1554.    </label>
  1555.    </div>
  1556.    </div>
  1557.  
  1558.  
  1559.                                      
  1560.            
  1561.              
  1562.    <div class="card-populer">
  1563.    <div class="list-group shadow h-100">
  1564.    <input type="radio" id="layanan_428" value="428" name="layanan" data-type="diamond" required>
  1565.    <label for="layanan_428" class="list-group-item h-100 px-0">
  1566.                <div class="popular-tag-container2">
  1567.                <div class="popular-tag-content">
  1568.                    <span class="badge">
  1569.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1570.                    </span>
  1571.                </div>
  1572.                <div class="popular-tag-overlay"></div>
  1573.            </div>
  1574.        <div class="row" style="padding-top: 20px;">
  1575.    <div class="col">
  1576.    <div class="row" style="justify-content: center;">
  1577.              <img src="https://kointopup.com/assets/img/kategori/1709581572range.webp" style="width: 50px;" alt="">
  1578.           </div>  
  1579.    <div class="col nama-layanan-form text-center"><b>2B Chip Orange</b></div>
  1580.    <div class="row">
  1581.    <div class="col nominal-price text-center">
  1582.    Rp 135.000    
  1583.    
  1584.    </div>
  1585.    </div>
  1586.    </div>
  1587.    </div>
  1588.    </label>
  1589.    </div>
  1590.    </div>
  1591.  
  1592.  
  1593.                                      
  1594.            
  1595.              
  1596.    <div class="card-populer">
  1597.    <div class="list-group shadow h-100">
  1598.    <input type="radio" id="layanan_426" value="426" name="layanan" data-type="diamond" required>
  1599.    <label for="layanan_426" class="list-group-item h-100 px-0">
  1600.                <div class="popular-tag-container2">
  1601.                <div class="popular-tag-content">
  1602.                    <span class="badge">
  1603.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1604.                    </span>
  1605.                </div>
  1606.                <div class="popular-tag-overlay"></div>
  1607.            </div>
  1608.        <div class="row" style="padding-top: 20px;">
  1609.    <div class="col">
  1610.    <div class="row" style="justify-content: center;">
  1611.              <img src="https://kointopup.com/assets/img/kategori/1709581427range.webp" style="width: 50px;" alt="">
  1612.           </div>  
  1613.    <div class="col nama-layanan-form text-center"><b>3B Chip Orange</b></div>
  1614.    <div class="row">
  1615.    <div class="col nominal-price text-center">
  1616.    Rp 202.000    
  1617.    
  1618.    </div>
  1619.    </div>
  1620.    </div>
  1621.    </div>
  1622.    </label>
  1623.    </div>
  1624.    </div>
  1625.  
  1626.  
  1627.                                      
  1628.            
  1629.              
  1630.    <div class="card-populer">
  1631.    <div class="list-group shadow h-100">
  1632.    <input type="radio" id="layanan_427" value="427" name="layanan" data-type="diamond" required>
  1633.    <label for="layanan_427" class="list-group-item h-100 px-0">
  1634.                <div class="popular-tag-container2">
  1635.                <div class="popular-tag-content">
  1636.                    <span class="badge">
  1637.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1638.                    </span>
  1639.                </div>
  1640.                <div class="popular-tag-overlay"></div>
  1641.            </div>
  1642.        <div class="row" style="padding-top: 20px;">
  1643.    <div class="col">
  1644.    <div class="row" style="justify-content: center;">
  1645.              <img src="https://kointopup.com/assets/img/kategori/1709581489range.webp" style="width: 50px;" alt="">
  1646.           </div>  
  1647.    <div class="col nama-layanan-form text-center"><b>4B Chip Orange</b></div>
  1648.    <div class="row">
  1649.    <div class="col nominal-price text-center">
  1650.    Rp 269.000    
  1651.    
  1652.    </div>
  1653.    </div>
  1654.    </div>
  1655.    </div>
  1656.    </label>
  1657.    </div>
  1658.    </div>
  1659.  
  1660.  
  1661.                                      
  1662.            
  1663.              
  1664.    <div class="card-populer">
  1665.    <div class="list-group shadow h-100">
  1666.    <input type="radio" id="layanan_208" value="208" name="layanan" data-type="diamond" required>
  1667.    <label for="layanan_208" class="list-group-item h-100 px-0">
  1668.                <div class="popular-tag-container">
  1669.                <div class="popular-tag-content">
  1670.                    <div class="text-center" style="width: 100%;">
  1671.                        <span class="badge">
  1672.                            <i class="fas fa-fire"></i>
  1673.                            POPULER            
  1674.                        </span>
  1675.                    </div>
  1676.                </div>
  1677.                <div class="popular-tag-overlay"></div>
  1678.            </div>
  1679.        <!--</div>-->
  1680.        <div class="row" style="padding-top: 20px;">
  1681.    <div class="col">
  1682.    <div class="row" style="justify-content: center;">
  1683.              <img src="https://kointopup.com/assets/img/kategori/1690992935orange.png" style="width: 50px;" alt="">
  1684.           </div>  
  1685.    <div class="col nama-layanan-form text-center"><b>5B Chip Orange</b></div>
  1686.    <div class="row">
  1687.    <div class="col nominal-price text-center">
  1688.    Rp 340.000    
  1689.    
  1690.    </div>
  1691.    </div>
  1692.    </div>
  1693.    </div>
  1694.    </label>
  1695.    </div>
  1696.    </div>
  1697.  
  1698.  
  1699.                                      
  1700.            
  1701.              
  1702.    <div class="card-populer">
  1703.    <div class="list-group shadow h-100">
  1704.    <input type="radio" id="layanan_461" value="461" name="layanan" data-type="diamond" required>
  1705.    <label for="layanan_461" class="list-group-item h-100 px-0">
  1706.                <div class="popular-tag-container2">
  1707.                <div class="popular-tag-content">
  1708.                    <span class="badge">
  1709.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1710.                    </span>
  1711.                </div>
  1712.                <div class="popular-tag-overlay"></div>
  1713.            </div>
  1714.        <div class="row" style="padding-top: 20px;">
  1715.    <div class="col">
  1716.    <div class="row" style="justify-content: center;">
  1717.              <img src="https://kointopup.com/assets/img/kategori/1728370246range.webp" style="width: 50px;" alt="">
  1718.           </div>  
  1719.    <div class="col nama-layanan-form text-center"><b>6B Chip Orange</b></div>
  1720.    <div class="row">
  1721.    <div class="col nominal-price text-center">
  1722.    Rp 402.000    
  1723.    
  1724.    </div>
  1725.    </div>
  1726.    </div>
  1727.    </div>
  1728.    </label>
  1729.    </div>
  1730.    </div>
  1731.  
  1732.  
  1733.                                      
  1734.            
  1735.              
  1736.    <div class="card-populer">
  1737.    <div class="list-group shadow h-100">
  1738.    <input type="radio" id="layanan_462" value="462" name="layanan" data-type="diamond" required>
  1739.    <label for="layanan_462" class="list-group-item h-100 px-0">
  1740.                <div class="popular-tag-container2">
  1741.                <div class="popular-tag-content">
  1742.                    <span class="badge">
  1743.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1744.                    </span>
  1745.                </div>
  1746.                <div class="popular-tag-overlay"></div>
  1747.            </div>
  1748.        <div class="row" style="padding-top: 20px;">
  1749.    <div class="col">
  1750.    <div class="row" style="justify-content: center;">
  1751.              <img src="https://kointopup.com/assets/img/kategori/1728370292range.webp" style="width: 50px;" alt="">
  1752.           </div>  
  1753.    <div class="col nama-layanan-form text-center"><b>7B Chip Orange</b></div>
  1754.    <div class="row">
  1755.    <div class="col nominal-price text-center">
  1756.    Rp 469.000    
  1757.    
  1758.    </div>
  1759.    </div>
  1760.    </div>
  1761.    </div>
  1762.    </label>
  1763.    </div>
  1764.    </div>
  1765.  
  1766.  
  1767.                                      
  1768.            
  1769.              
  1770.    <div class="card-populer">
  1771.    <div class="list-group shadow h-100">
  1772.    <input type="radio" id="layanan_463" value="463" name="layanan" data-type="diamond" required>
  1773.    <label for="layanan_463" class="list-group-item h-100 px-0">
  1774.                <div class="popular-tag-container2">
  1775.                <div class="popular-tag-content">
  1776.                    <span class="badge">
  1777.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1778.                    </span>
  1779.                </div>
  1780.                <div class="popular-tag-overlay"></div>
  1781.            </div>
  1782.        <div class="row" style="padding-top: 20px;">
  1783.    <div class="col">
  1784.    <div class="row" style="justify-content: center;">
  1785.              <img src="https://kointopup.com/assets/img/kategori/1728370341range.webp" style="width: 50px;" alt="">
  1786.           </div>  
  1787.    <div class="col nama-layanan-form text-center"><b>8B Chip Orange</b></div>
  1788.    <div class="row">
  1789.    <div class="col nominal-price text-center">
  1790.    Rp 536.000    
  1791.    
  1792.    </div>
  1793.    </div>
  1794.    </div>
  1795.    </div>
  1796.    </label>
  1797.    </div>
  1798.    </div>
  1799.  
  1800.  
  1801.                                      
  1802.            
  1803.              
  1804.    <div class="card-populer">
  1805.    <div class="list-group shadow h-100">
  1806.    <input type="radio" id="layanan_464" value="464" name="layanan" data-type="diamond" required>
  1807.    <label for="layanan_464" class="list-group-item h-100 px-0">
  1808.                <div class="popular-tag-container2">
  1809.                <div class="popular-tag-content">
  1810.                    <span class="badge">
  1811.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1812.                    </span>
  1813.                </div>
  1814.                <div class="popular-tag-overlay"></div>
  1815.            </div>
  1816.        <div class="row" style="padding-top: 20px;">
  1817.    <div class="col">
  1818.    <div class="row" style="justify-content: center;">
  1819.              <img src="https://kointopup.com/assets/img/kategori/1728370390range.webp" style="width: 50px;" alt="">
  1820.           </div>  
  1821.    <div class="col nama-layanan-form text-center"><b>9B Chip Orange</b></div>
  1822.    <div class="row">
  1823.    <div class="col nominal-price text-center">
  1824.    Rp 603.000    
  1825.    
  1826.    </div>
  1827.    </div>
  1828.    </div>
  1829.    </div>
  1830.    </label>
  1831.    </div>
  1832.    </div>
  1833.  
  1834.  
  1835.                                      
  1836.            
  1837.              
  1838.    <div class="card-populer">
  1839.    <div class="list-group shadow h-100">
  1840.    <input type="radio" id="layanan_209" value="209" name="layanan" data-type="diamond" required>
  1841.    <label for="layanan_209" class="list-group-item h-100 px-0">
  1842.                <div class="popular-tag-container">
  1843.                <div class="popular-tag-content">
  1844.                    <div class="text-center" style="width: 100%;">
  1845.                        <span class="badge">
  1846.                            <i class="fas fa-fire"></i>
  1847.                            POPULER            
  1848.                        </span>
  1849.                    </div>
  1850.                </div>
  1851.                <div class="popular-tag-overlay"></div>
  1852.            </div>
  1853.        <!--</div>-->
  1854.        <div class="row" style="padding-top: 20px;">
  1855.    <div class="col">
  1856.    <div class="row" style="justify-content: center;">
  1857.              <img src="https://kointopup.com/assets/img/kategori/1690992980orange.png" style="width: 50px;" alt="">
  1858.           </div>  
  1859.    <div class="col nama-layanan-form text-center"><b>10B Chip Orange</b></div>
  1860.    <div class="row">
  1861.    <div class="col nominal-price text-center">
  1862.    Rp 670.000    
  1863.    
  1864.    </div>
  1865.    </div>
  1866.    </div>
  1867.    </div>
  1868.    </label>
  1869.    </div>
  1870.    </div>
  1871.  
  1872.  
  1873.                                      
  1874.            
  1875.              
  1876.    <div class="card-populer">
  1877.    <div class="list-group shadow h-100">
  1878.    <input type="radio" id="layanan_465" value="465" name="layanan" data-type="diamond" required>
  1879.    <label for="layanan_465" class="list-group-item h-100 px-0">
  1880.                <div class="popular-tag-container2">
  1881.                <div class="popular-tag-content">
  1882.                    <span class="badge">
  1883.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1884.                    </span>
  1885.                </div>
  1886.                <div class="popular-tag-overlay"></div>
  1887.            </div>
  1888.        <div class="row" style="padding-top: 20px;">
  1889.    <div class="col">
  1890.    <div class="row" style="justify-content: center;">
  1891.              <img src="https://kointopup.com/assets/img/kategori/1728370441range.webp" style="width: 50px;" alt="">
  1892.           </div>  
  1893.    <div class="col nama-layanan-form text-center"><b>15B Chip Orange</b></div>
  1894.    <div class="row">
  1895.    <div class="col nominal-price text-center">
  1896.    Rp 1.005.000    
  1897.    
  1898.    </div>
  1899.    </div>
  1900.    </div>
  1901.    </div>
  1902.    </label>
  1903.    </div>
  1904.    </div>
  1905.  
  1906.  
  1907.                                      
  1908.            
  1909.              
  1910.    <div class="card-populer">
  1911.    <div class="list-group shadow h-100">
  1912.    <input type="radio" id="layanan_466" value="466" name="layanan" data-type="diamond" required>
  1913.    <label for="layanan_466" class="list-group-item h-100 px-0">
  1914.                <div class="popular-tag-container2">
  1915.                <div class="popular-tag-content">
  1916.                    <span class="badge">
  1917.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1918.                    </span>
  1919.                </div>
  1920.                <div class="popular-tag-overlay"></div>
  1921.            </div>
  1922.        <div class="row" style="padding-top: 20px;">
  1923.    <div class="col">
  1924.    <div class="row" style="justify-content: center;">
  1925.              <img src="https://kointopup.com/assets/img/kategori/1728370561range.webp" style="width: 50px;" alt="">
  1926.           </div>  
  1927.    <div class="col nama-layanan-form text-center"><b>20B Chip Orange</b></div>
  1928.    <div class="row">
  1929.    <div class="col nominal-price text-center">
  1930.    Rp 1.340.000    
  1931.    
  1932.    </div>
  1933.    </div>
  1934.    </div>
  1935.    </div>
  1936.    </label>
  1937.    </div>
  1938.    </div>
  1939.  
  1940.  
  1941.                                      
  1942.            
  1943.              
  1944.    <div class="card-populer">
  1945.    <div class="list-group shadow h-100">
  1946.    <input type="radio" id="layanan_467" value="467" name="layanan" data-type="diamond" required>
  1947.    <label for="layanan_467" class="list-group-item h-100 px-0">
  1948.                <div class="popular-tag-container2">
  1949.                <div class="popular-tag-content">
  1950.                    <span class="badge">
  1951.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1952.                    </span>
  1953.                </div>
  1954.                <div class="popular-tag-overlay"></div>
  1955.            </div>
  1956.        <div class="row" style="padding-top: 20px;">
  1957.    <div class="col">
  1958.    <div class="row" style="justify-content: center;">
  1959.              <img src="https://kointopup.com/assets/img/kategori/1728370619range.webp" style="width: 50px;" alt="">
  1960.           </div>  
  1961.    <div class="col nama-layanan-form text-center"><b>25B Chip Orange</b></div>
  1962.    <div class="row">
  1963.    <div class="col nominal-price text-center">
  1964.    Rp 1.675.000    
  1965.    
  1966.    </div>
  1967.    </div>
  1968.    </div>
  1969.    </div>
  1970.    </label>
  1971.    </div>
  1972.    </div>
  1973.  
  1974.  
  1975.                                      
  1976.            
  1977.              
  1978.    <div class="card-populer">
  1979.    <div class="list-group shadow h-100">
  1980.    <input type="radio" id="layanan_468" value="468" name="layanan" data-type="diamond" required>
  1981.    <label for="layanan_468" class="list-group-item h-100 px-0">
  1982.                <div class="popular-tag-container2">
  1983.                <div class="popular-tag-content">
  1984.                    <span class="badge">
  1985.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  1986.                    </span>
  1987.                </div>
  1988.                <div class="popular-tag-overlay"></div>
  1989.            </div>
  1990.        <div class="row" style="padding-top: 20px;">
  1991.    <div class="col">
  1992.    <div class="row" style="justify-content: center;">
  1993.              <img src="https://kointopup.com/assets/img/kategori/1728370663range.webp" style="width: 50px;" alt="">
  1994.           </div>  
  1995.    <div class="col nama-layanan-form text-center"><b>30B Chip Orange</b></div>
  1996.    <div class="row">
  1997.    <div class="col nominal-price text-center">
  1998.    Rp 2.010.000    
  1999.    
  2000.    </div>
  2001.    </div>
  2002.    </div>
  2003.    </div>
  2004.    </label>
  2005.    </div>
  2006.    </div>
  2007.  
  2008.  
  2009.                                      
  2010.            
  2011.              
  2012.    <div class="card-populer">
  2013.    <div class="list-group shadow h-100">
  2014.    <input type="radio" id="layanan_469" value="469" name="layanan" data-type="diamond" required>
  2015.    <label for="layanan_469" class="list-group-item h-100 px-0">
  2016.                <div class="popular-tag-container2">
  2017.                <div class="popular-tag-content">
  2018.                    <span class="badge">
  2019.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  2020.                    </span>
  2021.                </div>
  2022.                <div class="popular-tag-overlay"></div>
  2023.            </div>
  2024.        <div class="row" style="padding-top: 20px;">
  2025.    <div class="col">
  2026.    <div class="row" style="justify-content: center;">
  2027.              <img src="https://kointopup.com/assets/img/kategori/1728370706range.webp" style="width: 50px;" alt="">
  2028.           </div>  
  2029.    <div class="col nama-layanan-form text-center"><b>35B Chip Orange</b></div>
  2030.    <div class="row">
  2031.    <div class="col nominal-price text-center">
  2032.    Rp 2.345.000    
  2033.    
  2034.    </div>
  2035.    </div>
  2036.    </div>
  2037.    </div>
  2038.    </label>
  2039.    </div>
  2040.    </div>
  2041.  
  2042.  
  2043.                                      
  2044.            
  2045.              
  2046.    <div class="card-populer">
  2047.    <div class="list-group shadow h-100">
  2048.    <input type="radio" id="layanan_470" value="470" name="layanan" data-type="diamond" required>
  2049.    <label for="layanan_470" class="list-group-item h-100 px-0">
  2050.                <div class="popular-tag-container2">
  2051.                <div class="popular-tag-content">
  2052.                    <span class="badge">
  2053.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  2054.                    </span>
  2055.                </div>
  2056.                <div class="popular-tag-overlay"></div>
  2057.            </div>
  2058.        <div class="row" style="padding-top: 20px;">
  2059.    <div class="col">
  2060.    <div class="row" style="justify-content: center;">
  2061.              <img src="https://kointopup.com/assets/img/kategori/1728370756range.webp" style="width: 50px;" alt="">
  2062.           </div>  
  2063.    <div class="col nama-layanan-form text-center"><b>40B Chip Orange</b></div>
  2064.    <div class="row">
  2065.    <div class="col nominal-price text-center">
  2066.    Rp 2.680.000    
  2067.    
  2068.    </div>
  2069.    </div>
  2070.    </div>
  2071.    </div>
  2072.    </label>
  2073.    </div>
  2074.    </div>
  2075.  
  2076.  
  2077.                                      
  2078.            
  2079.              
  2080.    <div class="card-populer">
  2081.    <div class="list-group shadow h-100">
  2082.    <input type="radio" id="layanan_471" value="471" name="layanan" data-type="diamond" required>
  2083.    <label for="layanan_471" class="list-group-item h-100 px-0">
  2084.                <div class="popular-tag-container2">
  2085.                <div class="popular-tag-content">
  2086.                    <span class="badge">
  2087.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  2088.                    </span>
  2089.                </div>
  2090.                <div class="popular-tag-overlay"></div>
  2091.            </div>
  2092.        <div class="row" style="padding-top: 20px;">
  2093.    <div class="col">
  2094.    <div class="row" style="justify-content: center;">
  2095.              <img src="https://kointopup.com/assets/img/kategori/1728370819range.webp" style="width: 50px;" alt="">
  2096.           </div>  
  2097.    <div class="col nama-layanan-form text-center"><b>45B Chip Orange</b></div>
  2098.    <div class="row">
  2099.    <div class="col nominal-price text-center">
  2100.    Rp 3.015.000    
  2101.    
  2102.    </div>
  2103.    </div>
  2104.    </div>
  2105.    </div>
  2106.    </label>
  2107.    </div>
  2108.    </div>
  2109.  
  2110.  
  2111.                                      
  2112.            
  2113.              
  2114.    <div class="card-populer">
  2115.    <div class="list-group shadow h-100">
  2116.    <input type="radio" id="layanan_472" value="472" name="layanan" data-type="diamond" required>
  2117.    <label for="layanan_472" class="list-group-item h-100 px-0">
  2118.                <div class="popular-tag-container2">
  2119.                <div class="popular-tag-content">
  2120.                    <span class="badge">
  2121.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  2122.                    </span>
  2123.                </div>
  2124.                <div class="popular-tag-overlay"></div>
  2125.            </div>
  2126.        <div class="row" style="padding-top: 20px;">
  2127.    <div class="col">
  2128.    <div class="row" style="justify-content: center;">
  2129.              <img src="https://kointopup.com/assets/img/kategori/1728370870range.webp" style="width: 50px;" alt="">
  2130.           </div>  
  2131.    <div class="col nama-layanan-form text-center"><b>50B Chip Orange</b></div>
  2132.    <div class="row">
  2133.    <div class="col nominal-price text-center">
  2134.    Rp 3.350.000    
  2135.    
  2136.    </div>
  2137.    </div>
  2138.    </div>
  2139.    </div>
  2140.    </label>
  2141.    </div>
  2142.    </div>
  2143.  
  2144.  
  2145.                                      
  2146.            
  2147.              
  2148.    <div class="card-populer">
  2149.    <div class="list-group shadow h-100">
  2150.    <input type="radio" id="layanan_473" value="473" name="layanan" data-type="diamond" required>
  2151.    <label for="layanan_473" class="list-group-item h-100 px-0">
  2152.                <div class="popular-tag-container2">
  2153.                <div class="popular-tag-content">
  2154.                    <span class="badge">
  2155.                        <i class="fas fa-check-circle" style="color: #f2ca28;"></i>
  2156.                    </span>
  2157.                </div>
  2158.                <div class="popular-tag-overlay"></div>
  2159.            </div>
  2160.        <div class="row" style="padding-top: 20px;">
  2161.    <div class="col">
  2162.    <div class="row" style="justify-content: center;">
  2163.              <img src="https://kointopup.com/assets/img/kategori/1728370968range.webp" style="width: 50px;" alt="">
  2164.           </div>  
  2165.    <div class="col nama-layanan-form text-center"><b>100B Chip Orange</b></div>
  2166.    <div class="row">
  2167.    <div class="col nominal-price text-center">
  2168.    Rp 6.700.000    
  2169.    
  2170.    </div>
  2171.    </div>
  2172.    </div>
  2173.    </div>
  2174.    </label>
  2175.    </div>
  2176.    </div>
  2177.  
  2178.  
  2179.                                      </div>
  2180.                                                                
  2181.                    
  2182.                                                                                        
  2183.                    
  2184.                                                                                        
  2185.                    
  2186.                                                                                        
  2187.                    
  2188.                                          <div class="flex flex-row h7 px-3"> Beli Chip Royal Domino</div>
  2189.                                                       </div>
  2190.          <div class="flex flex-col card">
  2191.    <div class="flex flex-row items-center">
  2192.        <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  2193.            3
  2194.        </div>
  2195.        <div class="flex h-10 w-full bg-secondary items-center px-3">
  2196.            <h2 class="text-sm/6 font-semibold">Pilih Pembayaran</h2>
  2197.        </div>
  2198.    </div>
  2199.    <div class="flex flex-col" id='PaymentNew'>
  2200.        <div class="card-body">
  2201.  
  2202. <div class="area-list-payment-method">
  2203.        <!--  JENIS PAYMENT -->
  2204.    <div class="child-box payment-drawwer shadow">
  2205.      <div class="header short-payment-support-info-head" onclick="PaymentCollapse(this)">
  2206.        <div class="left">
  2207.          <b class="text-dark">
  2208.            <i class="fas fa-university" style="color: black;">
  2209.            </i>
  2210.            Bank Transfer
  2211.          </b>
  2212.        </div>
  2213.      </div>
  2214.      <div class="button-action-payment" style="display: none;">
  2215.        <div class="row row-cols-2 row-cols-md-3 p-1">
  2216.            
  2217.            
  2218.            
  2219.                    
  2220.  
  2221.  
  2222.            <!-- PAYMENT -->
  2223.          <div class="col-12 col-lg-4 p-1">
  2224.            <div class="list-group1 h-100">
  2225.            <input required type="radio" id="method_64" class="radio-pembayaran" name="metode" value="64" data-name="BCA" onclick="rek_form(this.value); setPriceProduct(this);">
  2226.              <label for="method_64" class="list-group-item h-100">
  2227.                <div class="info-top">
  2228.                  <div>
  2229.                    <img src="https://kointopup.com/assets/img/1700571370.webp" alt="" height="20px">
  2230.                  </div>
  2231.                
  2232.                  <b class="" style="font-size: 11px;"><b id="BCA">Rp 0
  2233.                        </b>
  2234.                  </b>
  2235.                </div>
  2236.                <div class="info-bottom text-sm-left">
  2237.                BCA
  2238.                  <div class="">
  2239.                     <i></i>
  2240.                  </div>
  2241.                  
  2242.                                      </div>
  2243.              </label>
  2244.        
  2245.          </div>
  2246.     <!-- END PAYMENT -->
  2247.  
  2248.            </div>
  2249.          
  2250.          
  2251.              
  2252.    
  2253.        </div>
  2254.    
  2255.      </div>
  2256.          
  2257.      <div class="short-payment-support-info" onclick="PaymentCollapse(this)">
  2258.            
  2259.        <img src="https://kointopup.com/assets/img/1700571370.webp" height="13px">
  2260.        <!--<img src="https://kointopup.com/assets/img/jenis_bank.png?x">-->
  2261.        
  2262.        
  2263.        <a class="open-button-action-payment">
  2264.          <i class="fas fa-chevron-down">
  2265.          </i>
  2266.        </a>
  2267.      </div>
  2268.    
  2269.      
  2270.    </div>
  2271. <!-- END JENIS PAYMENT -->
  2272.  
  2273.  
  2274.  
  2275.  
  2276.    <!--  JENIS PAYMENT -->
  2277.    <div class="child-box payment-drawwer shadow">
  2278.      <div class="header short-payment-support-info-head" onclick="PaymentCollapse(this)">
  2279.        <div class="left">
  2280.          <b class="text-dark">
  2281.            <i class="fas fa-wallet" style="color: black;">
  2282.            </i>
  2283.            Ewallet
  2284.          </b>
  2285.        </div>
  2286.      </div>
  2287.      <div class="button-action-payment" style="display: none;">
  2288.        <div class="row row-cols-2 row-cols-md-3 p-1">
  2289.            
  2290.            
  2291.            
  2292.                    
  2293.  
  2294.  
  2295.            <!-- PAYMENT -->
  2296.          <div class="col-12 col-lg-4 p-1">
  2297.            <div class="list-group1 h-100">
  2298.            <input required type="radio" id="method_35" class="radio-pembayaran" name="metode" value="35" data-name="QRIS" onclick="rek_form(this.value); setPriceProduct(this);">
  2299.              <label for="method_35" class="list-group-item h-100">
  2300.                <div class="info-top">
  2301.                  <div>
  2302.                    <img src="https://kointopup.com/assets/img/1657303941opauy.png" alt="" height="20px">
  2303.                  </div>
  2304.                
  2305.                  <b class="" style="font-size: 11px;"><b id="QRIS">Rp 0
  2306.                        </b>
  2307.                  </b>
  2308.                </div>
  2309.                <div class="info-bottom text-sm-left">
  2310.                QRIS
  2311.                  <div class="">
  2312.                     <i></i>
  2313.                  </div>
  2314.                  
  2315.                                      </div>
  2316.              </label>
  2317.        
  2318.          </div>
  2319.     <!-- END PAYMENT -->
  2320.  
  2321.            </div>
  2322.          
  2323.          
  2324.              
  2325.        
  2326.  
  2327.  
  2328.            <!-- PAYMENT -->
  2329.          <div class="col-12 col-lg-4 p-1">
  2330.            <div class="list-group1 h-100">
  2331.            <input required type="radio" id="method_36" class="radio-pembayaran" name="metode" value="36" data-name="Dana" onclick="rek_form(this.value); setPriceProduct(this);">
  2332.              <label for="method_36" class="list-group-item h-100">
  2333.                <div class="info-top">
  2334.                  <div>
  2335.                    <img src="https://kointopup.com/assets/img/1634041092re.PNG" alt="" height="20px">
  2336.                  </div>
  2337.                
  2338.                  <b class="" style="font-size: 11px;"><b id="Dana">Rp 0
  2339.                        </b>
  2340.                  </b>
  2341.                </div>
  2342.                <div class="info-bottom text-sm-left">
  2343.                Dana
  2344.                  <div class="">
  2345.                     <i></i>
  2346.                  </div>
  2347.                  
  2348.                                      </div>
  2349.              </label>
  2350.        
  2351.          </div>
  2352.     <!-- END PAYMENT -->
  2353.  
  2354.            </div>
  2355.          
  2356.          
  2357.              
  2358.        
  2359.  
  2360.  
  2361.            <!-- PAYMENT -->
  2362.          <div class="col-12 col-lg-4 p-1">
  2363.            <div class="list-group1 h-100">
  2364.            <input required type="radio" id="method_37" class="radio-pembayaran" name="metode" value="37" data-name="OVO" onclick="rek_form(this.value); setPriceProduct(this);">
  2365.              <label for="method_37" class="list-group-item h-100">
  2366.                <div class="info-top">
  2367.                  <div>
  2368.                    <img src="https://kointopup.com/assets/img/1633963759ovo_purple.png" alt="" height="20px">
  2369.                  </div>
  2370.                
  2371.                  <b class="" style="font-size: 11px;"><b id="OVO">Rp 0
  2372.                        </b>
  2373.                  </b>
  2374.                </div>
  2375.                <div class="info-bottom text-sm-left">
  2376.                OVO
  2377.                  <div class="">
  2378.                     <i></i>
  2379.                  </div>
  2380.                  
  2381.                                      </div>
  2382.              </label>
  2383.        
  2384.          </div>
  2385.     <!-- END PAYMENT -->
  2386.  
  2387.            </div>
  2388.          
  2389.          
  2390.              
  2391.        
  2392.  
  2393.  
  2394.            <!-- PAYMENT -->
  2395.          <div class="col-12 col-lg-4 p-1">
  2396.            <div class="list-group1 h-100">
  2397.            <input required type="radio" id="method_38" class="radio-pembayaran" name="metode" value="38" data-name="ShopeePay" onclick="rek_form(this.value); setPriceProduct(this);">
  2398.              <label for="method_38" class="list-group-item h-100">
  2399.                <div class="info-top">
  2400.                  <div>
  2401.                    <img src="https://kointopup.com/assets/img/1634123452re.PNG" alt="" height="20px">
  2402.                  </div>
  2403.                
  2404.                  <b class="" style="font-size: 11px;"><b id="ShopeePay">Rp 0
  2405.                        </b>
  2406.                  </b>
  2407.                </div>
  2408.                <div class="info-bottom text-sm-left">
  2409.                ShopeePay
  2410.                  <div class="">
  2411.                     <i></i>
  2412.                  </div>
  2413.                  
  2414.                                      </div>
  2415.              </label>
  2416.        
  2417.          </div>
  2418.     <!-- END PAYMENT -->
  2419.  
  2420.            </div>
  2421.          
  2422.          
  2423.              
  2424.        
  2425.  
  2426.  
  2427.            <!-- PAYMENT -->
  2428.          <div class="col-12 col-lg-4 p-1">
  2429.            <div class="list-group1 h-100">
  2430.            <input required type="radio" id="method_41" class="radio-pembayaran" name="metode" value="41" data-name="Shopeepay_QRIS" onclick="rek_form(this.value); setPriceProduct(this);">
  2431.              <label for="method_41" class="list-group-item h-100">
  2432.                <div class="info-top">
  2433.                  <div>
  2434.                    <img src="https://kointopup.com/assets/img/1726225052.webp" alt="" height="20px">
  2435.                  </div>
  2436.                
  2437.                  <b class="" style="font-size: 11px;"><b id="Shopeepay_QRIS">Rp 0
  2438.                        </b>
  2439.                  </b>
  2440.                </div>
  2441.                <div class="info-bottom text-sm-left">
  2442.                Shopeepay QRIS
  2443.                  <div class="">
  2444.                     <i></i>
  2445.                  </div>
  2446.                  
  2447.                                      </div>
  2448.              </label>
  2449.        
  2450.          </div>
  2451.     <!-- END PAYMENT -->
  2452.  
  2453.            </div>
  2454.          
  2455.          
  2456.              
  2457.    
  2458.        </div>
  2459.    
  2460.      </div>
  2461.          
  2462.      <div class="short-payment-support-info" onclick="PaymentCollapse(this)">
  2463.            
  2464.        <img src="https://kointopup.com/assets/img/1657303941opauy.png" height="13px">
  2465.        <!--<img src="https://kointopup.com/assets/img/jenis_ewallet.png?x">-->
  2466.        
  2467.            
  2468.        <img src="https://kointopup.com/assets/img/1634041092re.PNG" height="13px">
  2469.        <!--<img src="https://kointopup.com/assets/img/jenis_ewallet.png?x">-->
  2470.        
  2471.            
  2472.        <img src="https://kointopup.com/assets/img/1633963759ovo_purple.png" height="13px">
  2473.        <!--<img src="https://kointopup.com/assets/img/jenis_ewallet.png?x">-->
  2474.        
  2475.            
  2476.        <img src="https://kointopup.com/assets/img/1634123452re.PNG" height="13px">
  2477.        <!--<img src="https://kointopup.com/assets/img/jenis_ewallet.png?x">-->
  2478.        
  2479.            
  2480.        <img src="https://kointopup.com/assets/img/1726225052.webp" height="13px">
  2481.        <!--<img src="https://kointopup.com/assets/img/jenis_ewallet.png?x">-->
  2482.        
  2483.        
  2484.        <a class="open-button-action-payment">
  2485.          <i class="fas fa-chevron-down">
  2486.          </i>
  2487.        </a>
  2488.      </div>
  2489.    
  2490.      
  2491.    </div>
  2492. <!-- END JENIS PAYMENT -->
  2493.  
  2494.  
  2495.  
  2496.  
  2497.    <!--  JENIS PAYMENT -->
  2498.    <div class="child-box payment-drawwer shadow">
  2499.      <div class="header short-payment-support-info-head" onclick="PaymentCollapse(this)">
  2500.        <div class="left">
  2501.          <b class="text-dark">
  2502.            <i class="fas fa-store" style="color: black;">
  2503.            </i>
  2504.            Retail
  2505.          </b>
  2506.        </div>
  2507.      </div>
  2508.      <div class="button-action-payment" style="display: none;">
  2509.        <div class="row row-cols-2 row-cols-md-3 p-1">
  2510.            
  2511.            
  2512.            
  2513.                    
  2514.  
  2515.  
  2516.            <!-- PAYMENT -->
  2517.          <div class="col-12 col-lg-4 p-1">
  2518.            <div class="list-group1 h-100">
  2519.            <input required type="radio" id="method_32" class="radio-pembayaran" name="metode" value="32" data-name="Alfamart" onclick="rek_form(this.value); setPriceProduct(this);">
  2520.              <label for="method_32" class="list-group-item h-100">
  2521.                <div class="info-top">
  2522.                  <div>
  2523.                    <img src="https://kointopup.com/assets/img/1633695920ART_LOGO_BARU.png" alt="" height="20px">
  2524.                  </div>
  2525.                
  2526.                  <b class="" style="font-size: 11px;"><b id="Alfamart">Rp 0
  2527.                        </b>
  2528.                  </b>
  2529.                </div>
  2530.                <div class="info-bottom text-sm-left">
  2531.                Alfamart
  2532.                  <div class="">
  2533.                     <i></i>
  2534.                  </div>
  2535.                  
  2536.                                      </div>
  2537.              </label>
  2538.        
  2539.          </div>
  2540.     <!-- END PAYMENT -->
  2541.  
  2542.            </div>
  2543.          
  2544.          
  2545.              
  2546.    
  2547.        </div>
  2548.    
  2549.      </div>
  2550.          
  2551.      <div class="short-payment-support-info" onclick="PaymentCollapse(this)">
  2552.            
  2553.        <img src="https://kointopup.com/assets/img/1633695920ART_LOGO_BARU.png" height="13px">
  2554.        <!--<img src="https://kointopup.com/assets/img/jenis_retail.png?x">-->
  2555.        
  2556.        
  2557.        <a class="open-button-action-payment">
  2558.          <i class="fas fa-chevron-down">
  2559.          </i>
  2560.        </a>
  2561.      </div>
  2562.    
  2563.      
  2564.    </div>
  2565. <!-- END JENIS PAYMENT -->
  2566.  
  2567.  
  2568.  
  2569.  
  2570.    <!--  JENIS PAYMENT -->
  2571.    <div class="child-box payment-drawwer shadow">
  2572.      <div class="header short-payment-support-info-head" onclick="PaymentCollapse(this)">
  2573.        <div class="left">
  2574.          <b class="text-dark">
  2575.            <i class="fas fa-credit-card" style="color: black;">
  2576.            </i>
  2577.            Virtual Account
  2578.          </b>
  2579.        </div>
  2580.      </div>
  2581.      <div class="button-action-payment" style="display: none;">
  2582.        <div class="row row-cols-2 row-cols-md-3 p-1">
  2583.            
  2584.            
  2585.            
  2586.                    
  2587.  
  2588.  
  2589.            <!-- PAYMENT -->
  2590.          <div class="col-12 col-lg-4 p-1">
  2591.            <div class="list-group1 h-100">
  2592.            <input required type="radio" id="method_23" class="radio-pembayaran" name="metode" value="23" data-name="ARTHA_GRAHA_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2593.              <label for="method_23" class="list-group-item h-100">
  2594.                <div class="info-top">
  2595.                  <div>
  2596.                    <img src="https://kointopup.com/assets/img/1689408093_Graha.JPG" alt="" height="20px">
  2597.                  </div>
  2598.                
  2599.                  <b class="" style="font-size: 11px;"><b id="ARTHA_GRAHA_VA">Rp 0
  2600.                        </b>
  2601.                  </b>
  2602.                </div>
  2603.                <div class="info-bottom text-sm-left">
  2604.                ARTHA GRAHA VA
  2605.                  <div class="">
  2606.                     <i></i>
  2607.                  </div>
  2608.                  
  2609.                                      </div>
  2610.              </label>
  2611.        
  2612.          </div>
  2613.     <!-- END PAYMENT -->
  2614.  
  2615.            </div>
  2616.          
  2617.          
  2618.              
  2619.        
  2620.  
  2621.  
  2622.            <!-- PAYMENT -->
  2623.          <div class="col-12 col-lg-4 p-1">
  2624.            <div class="list-group1 h-100">
  2625.            <input required type="radio" id="method_24" class="radio-pembayaran" name="metode" value="24" data-name="ATM_BERSAMA_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2626.              <label for="method_24" class="list-group-item h-100">
  2627.                <div class="info-top">
  2628.                  <div>
  2629.                    <img src="https://kointopup.com/assets/img/1679978590.png" alt="" height="20px">
  2630.                  </div>
  2631.                
  2632.                  <b class="" style="font-size: 11px;"><b id="ATM_BERSAMA_VA">Rp 0
  2633.                        </b>
  2634.                  </b>
  2635.                </div>
  2636.                <div class="info-bottom text-sm-left">
  2637.                ATM BERSAMA VA
  2638.                  <div class="">
  2639.                     <i></i>
  2640.                  </div>
  2641.                  
  2642.                                      </div>
  2643.              </label>
  2644.        
  2645.          </div>
  2646.     <!-- END PAYMENT -->
  2647.  
  2648.            </div>
  2649.          
  2650.          
  2651.              
  2652.        
  2653.  
  2654.  
  2655.            <!-- PAYMENT -->
  2656.          <div class="col-12 col-lg-4 p-1">
  2657.            <div class="list-group1 h-100">
  2658.            <input required type="radio" id="method_25" class="radio-pembayaran" name="metode" value="25" data-name="NEO_COMMERCE_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2659.              <label for="method_25" class="list-group-item h-100">
  2660.                <div class="info-top">
  2661.                  <div>
  2662.                    <img src="https://kointopup.com/assets/img/1739447502ointopup.webp" alt="" height="20px">
  2663.                  </div>
  2664.                
  2665.                  <b class="" style="font-size: 11px;"><b id="NEO_COMMERCE_VA">Rp 0
  2666.                        </b>
  2667.                  </b>
  2668.                </div>
  2669.                <div class="info-bottom text-sm-left">
  2670.                NEO COMMERCE VA
  2671.                  <div class="">
  2672.                     <i></i>
  2673.                  </div>
  2674.                  
  2675.                                      </div>
  2676.              </label>
  2677.        
  2678.          </div>
  2679.     <!-- END PAYMENT -->
  2680.  
  2681.            </div>
  2682.          
  2683.          
  2684.              
  2685.        
  2686.  
  2687.  
  2688.            <!-- PAYMENT -->
  2689.          <div class="col-12 col-lg-4 p-1">
  2690.            <div class="list-group1 h-100">
  2691.            <input required type="radio" id="method_26" class="radio-pembayaran" name="metode" value="26" data-name="BNI_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2692.              <label for="method_26" class="list-group-item h-100">
  2693.                <div class="info-top">
  2694.                  <div>
  2695.                    <img src="https://kointopup.com/assets/img/1689407472.png" alt="" height="20px">
  2696.                  </div>
  2697.                
  2698.                  <b class="" style="font-size: 11px;"><b id="BNI_VA">Rp 0
  2699.                        </b>
  2700.                  </b>
  2701.                </div>
  2702.                <div class="info-bottom text-sm-left">
  2703.                BNI VA
  2704.                  <div class="">
  2705.                     <i></i>
  2706.                  </div>
  2707.                  
  2708.                                      </div>
  2709.              </label>
  2710.        
  2711.          </div>
  2712.     <!-- END PAYMENT -->
  2713.  
  2714.            </div>
  2715.          
  2716.          
  2717.              
  2718.        
  2719.  
  2720.  
  2721.            <!-- PAYMENT -->
  2722.          <div class="col-12 col-lg-4 p-1">
  2723.            <div class="list-group1 h-100">
  2724.            <input required type="radio" id="method_27" class="radio-pembayaran" name="metode" value="27" data-name="BRI_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2725.              <label for="method_27" class="list-group-item h-100">
  2726.                <div class="info-top">
  2727.                  <div>
  2728.                    <img src="https://kointopup.com/assets/img/1689439374A_-_Payment.png" alt="" height="20px">
  2729.                  </div>
  2730.                
  2731.                  <b class="" style="font-size: 11px;"><b id="BRI_VA">Rp 0
  2732.                        </b>
  2733.                  </b>
  2734.                </div>
  2735.                <div class="info-bottom text-sm-left">
  2736.                BRI VA
  2737.                  <div class="">
  2738.                     <i></i>
  2739.                  </div>
  2740.                  
  2741.                                      </div>
  2742.              </label>
  2743.        
  2744.          </div>
  2745.     <!-- END PAYMENT -->
  2746.  
  2747.            </div>
  2748.          
  2749.          
  2750.              
  2751.        
  2752.  
  2753.  
  2754.            <!-- PAYMENT -->
  2755.          <div class="col-12 col-lg-4 p-1">
  2756.            <div class="list-group1 h-100">
  2757.            <input required type="radio" id="method_28" class="radio-pembayaran" name="metode" value="28" data-name="CIMB_NIAGA_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2758.              <label for="method_28" class="list-group-item h-100">
  2759.                <div class="info-top">
  2760.                  <div>
  2761.                    <img src="https://kointopup.com/assets/img/1701965217Niaga.webp" alt="" height="20px">
  2762.                  </div>
  2763.                
  2764.                  <b class="" style="font-size: 11px;"><b id="CIMB_NIAGA_VA">Rp 0
  2765.                        </b>
  2766.                  </b>
  2767.                </div>
  2768.                <div class="info-bottom text-sm-left">
  2769.                CIMB NIAGA VA
  2770.                  <div class="">
  2771.                     <i></i>
  2772.                  </div>
  2773.                  
  2774.                                      </div>
  2775.              </label>
  2776.        
  2777.          </div>
  2778.     <!-- END PAYMENT -->
  2779.  
  2780.            </div>
  2781.          
  2782.          
  2783.              
  2784.        
  2785.  
  2786.  
  2787.            <!-- PAYMENT -->
  2788.          <div class="col-12 col-lg-4 p-1">
  2789.            <div class="list-group1 h-100">
  2790.            <input required type="radio" id="method_29" class="radio-pembayaran" name="metode" value="29" data-name="MANDIRI_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2791.              <label for="method_29" class="list-group-item h-100">
  2792.                <div class="info-top">
  2793.                  <div>
  2794.                    <img src="https://kointopup.com/assets/img/16894078056556771126387425889450564ri.png" alt="" height="20px">
  2795.                  </div>
  2796.                
  2797.                  <b class="" style="font-size: 11px;"><b id="MANDIRI_VA">Rp 0
  2798.                        </b>
  2799.                  </b>
  2800.                </div>
  2801.                <div class="info-bottom text-sm-left">
  2802.                MANDIRI VA
  2803.                  <div class="">
  2804.                     <i></i>
  2805.                  </div>
  2806.                  
  2807.                                      </div>
  2808.              </label>
  2809.        
  2810.          </div>
  2811.     <!-- END PAYMENT -->
  2812.  
  2813.            </div>
  2814.          
  2815.          
  2816.              
  2817.        
  2818.  
  2819.  
  2820.            <!-- PAYMENT -->
  2821.          <div class="col-12 col-lg-4 p-1">
  2822.            <div class="list-group1 h-100">
  2823.            <input required type="radio" id="method_30" class="radio-pembayaran" name="metode" value="30" data-name="MAYBANK_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2824.              <label for="method_30" class="list-group-item h-100">
  2825.                <div class="info-top">
  2826.                  <div>
  2827.                    <img src="https://kointopup.com/assets/img/1739447338nk_kointopup.webp" alt="" height="20px">
  2828.                  </div>
  2829.                
  2830.                  <b class="" style="font-size: 11px;"><b id="MAYBANK_VA">Rp 0
  2831.                        </b>
  2832.                  </b>
  2833.                </div>
  2834.                <div class="info-bottom text-sm-left">
  2835.                MAYBANK VA
  2836.                  <div class="">
  2837.                     <i></i>
  2838.                  </div>
  2839.                  
  2840.                                      </div>
  2841.              </label>
  2842.        
  2843.          </div>
  2844.     <!-- END PAYMENT -->
  2845.  
  2846.            </div>
  2847.          
  2848.          
  2849.              
  2850.        
  2851.  
  2852.  
  2853.            <!-- PAYMENT -->
  2854.          <div class="col-12 col-lg-4 p-1">
  2855.            <div class="list-group1 h-100">
  2856.            <input required type="radio" id="method_31" class="radio-pembayaran" name="metode" value="31" data-name="PERMATA_VA" onclick="rek_form(this.value); setPriceProduct(this);">
  2857.              <label for="method_31" class="list-group-item h-100">
  2858.                <div class="info-top">
  2859.                  <div>
  2860.                    <img src="https://kointopup.com/assets/img/1689407865ta.png" alt="" height="20px">
  2861.                  </div>
  2862.                
  2863.                  <b class="" style="font-size: 11px;"><b id="PERMATA_VA">Rp 0
  2864.                        </b>
  2865.                  </b>
  2866.                </div>
  2867.                <div class="info-bottom text-sm-left">
  2868.                PERMATA VA
  2869.                  <div class="">
  2870.                     <i></i>
  2871.                  </div>
  2872.                  
  2873.                                      </div>
  2874.              </label>
  2875.        
  2876.          </div>
  2877.     <!-- END PAYMENT -->
  2878.  
  2879.            </div>
  2880.          
  2881.          
  2882.              
  2883.    
  2884.        </div>
  2885.    
  2886.      </div>
  2887.          
  2888.      <div class="short-payment-support-info" onclick="PaymentCollapse(this)">
  2889.            
  2890.        <img src="https://kointopup.com/assets/img/1689408093_Graha.JPG" height="13px">
  2891.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2892.        
  2893.            
  2894.        <img src="https://kointopup.com/assets/img/1679978590.png" height="13px">
  2895.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2896.        
  2897.            
  2898.        <img src="https://kointopup.com/assets/img/1739447502ointopup.webp" height="13px">
  2899.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2900.        
  2901.            
  2902.        <img src="https://kointopup.com/assets/img/1689407472.png" height="13px">
  2903.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2904.        
  2905.            
  2906.        <img src="https://kointopup.com/assets/img/1689439374A_-_Payment.png" height="13px">
  2907.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2908.        
  2909.            
  2910.        <img src="https://kointopup.com/assets/img/1701965217Niaga.webp" height="13px">
  2911.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2912.        
  2913.            
  2914.        <img src="https://kointopup.com/assets/img/16894078056556771126387425889450564ri.png" height="13px">
  2915.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2916.        
  2917.            
  2918.        <img src="https://kointopup.com/assets/img/1739447338nk_kointopup.webp" height="13px">
  2919.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2920.        
  2921.            
  2922.        <img src="https://kointopup.com/assets/img/1689407865ta.png" height="13px">
  2923.        <!--<img src="https://kointopup.com/assets/img/jenis_va.png?x">-->
  2924.        
  2925.        
  2926.        <a class="open-button-action-payment">
  2927.          <i class="fas fa-chevron-down">
  2928.          </i>
  2929.        </a>
  2930.      </div>
  2931.    
  2932.      
  2933.    </div>
  2934. <!-- END JENIS PAYMENT -->
  2935.  
  2936.  
  2937.  
  2938.  
  2939.    
  2940.                   <div class="child-box payment-drawwer shadow">
  2941.  <div class="header short-payment-support-info-head" onclick="PaymentCollapse(this)">
  2942.    <div class="left">
  2943.      <b>
  2944.        <i class="fas fa-wallet">
  2945.        </i>
  2946.       KoinTopupCredits
  2947.      </b>
  2948.    </div>
  2949.  </div>
  2950.  <div class="button-action-payment" style="display: none;">
  2951.  
  2952.    
  2953.                <!-- PAYMENT -->
  2954.          <div class="col-lg-4 p-1">
  2955.            <div class="list-group1 h-100">
  2956.     <input required type="radio" id="method_saldo" class="radio-pembayaran" name="metode" value="2"  data-name="Saldo" onclick="setPriceProduct(this);">
  2957.              <label for="method_saldo" class="list-group-item h-100">
  2958.                <div class="info-top">
  2959.                  <div>
  2960.                    <img src="https://kointopup.com/assets/img/isipay.png" alt="" height="20px">
  2961.                  </div>
  2962.                
  2963.                  <b class="" style="font-size: 11px;"><b id="Saldo">Rp 0
  2964.                        </b>
  2965.                  </b>
  2966.                </div>
  2967.                <div class="info-bottom text-sm-left">
  2968.               KoinTopupCredits
  2969.                  <div class="">
  2970.                     <i></i>
  2971.                  </div>
  2972.                  
  2973.        
  2974.                </div>
  2975.              </label>
  2976.        
  2977.          </div>
  2978.     <!-- END PAYMENT -->
  2979.  
  2980.            </div>
  2981.    
  2982.    
  2983.  </div>
  2984.  <div class="short-payment-support-info" onclick="PaymentCollapse(this)">
  2985.     <img src="https://kointopup.com/assets/img/isipay.png">
  2986.    <a class="open-button-action-payment">
  2987.      <i class="fas fa-chevron-down">
  2988.      </i>
  2989.    </a>
  2990.  </div>
  2991. </div>
  2992.                    
  2993.  </div>
  2994.  
  2995.      </div>
  2996.  </div>
  2997. </div>
  2998.  
  2999.              
  3000.              
  3001.              
  3002.              
  3003.                                                
  3004.              
  3005.              <div class="flex flex-col card">
  3006.                <div class="flex flex-row items-center">
  3007.                    <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  3008.                        5
  3009.                    </div>
  3010.                    <div class="flex h-10 w-full bg-secondary items-center px-3">
  3011.                        <h2 class="text-sm/6 font-semibold">Kontak</h2>
  3012.                    </div>
  3013.                </div>
  3014.                <div class="flex flex-row px-3 pt-2">
  3015.                    Nomor WhatsApp <i style="color:red;">* Wajib Diisi</i>
  3016.                </div>
  3017.                <div class="flex flex-row px-3 pt-2 pb-3">
  3018.                    <input required type="number" class="form-control" placeholder="62814XXXXXX" id="email"
  3019.                        name="kontak" value="">
  3020.                </div>
  3021.              </div>
  3022.              
  3023.              <div class="flex flex-col card">
  3024.                <div class="flex flex-row items-center">
  3025.                    <div class="flex h-10 w-10 items-center justify-center bg-primary font-semibold text-primary-foreground">
  3026.                        6
  3027.                    </div>
  3028.                    <div class="flex h-10 w-full bg-secondary items-center px-3">
  3029.                        <h2 class="text-sm/6 font-semibold">Detail Pembelian</h2>
  3030.                    </div>
  3031.                </div>
  3032.                <div class="flex flex-row px-3 pt-2">
  3033.                    <table class="w-100">
  3034.                        <tbody>
  3035.                            <tr>
  3036.                                <td>Harga</td>
  3037.                                <td class="text-right" id="priceProduct">Rp 0</td>
  3038.                            </tr>
  3039.                            <tr>
  3040.                                <td>Pembayaran</td>
  3041.                                <td class="text-right" id="paymentMethod"></td>
  3042.                            </tr>
  3043.                            <tr>
  3044.                                <td class="font-weight-bold">Total</td>
  3045.                                <td class="text-right font-weight-bold" id="total">Rp </td>
  3046.                            </tr>
  3047.                        </tbody>
  3048.                    </table>
  3049.                </div>
  3050.                    <div class="flex flex-row px-3 pt-2">
  3051.                      <span class="text-muted">Dengan membeli otomatis saya menyutujui <a
  3052.                          href="https://kointopup.com/terms">Ketentuan Layanan</a></span>
  3053.                    </div>
  3054.                    <div class="flex flex-row px-3 pt-2 pb-3 justify-center">
  3055.                      <input required class="btn btn-primary" id="btn_beli" type="button" value="Beli Sekarang">
  3056.                    </div>
  3057.                </div>
  3058.              </div>
  3059.              
  3060.                          </div>
  3061.          </form>
  3062.        </div>
  3063.      </div>
  3064.  </section>
  3065. </div>
  3066.  
  3067.  
  3068. <div class="modal fade" tabindex="-1" role="dialog" id="exampleModal">
  3069.  <div class="modal-dialog" role="document">
  3070.    <img src="https://kointopup.com/assets/img/idserver/" class="img-fluid" style="border-radius: 10px;"
  3071.      width="450px" height="100px">
  3072.  </div>
  3073. </div>
  3074. </div>
  3075.  
  3076. <div class="fab-container">
  3077.    <div class="fab">
  3078.        <i class="fa"></i>
  3079.        <img src="https://kointopup.com/assets/img/Koin 3.png" style="height: 100px;">
  3080.    </div>
  3081.    <ul class="fab-options">
  3082.        <li>
  3083.            <a href="https://instagram.com/" target="_blank">
  3084.                <div class="fab-icon-holder" style="background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);">
  3085.                    <i class="fab fa-instagram ml-0"></i>
  3086.                </div>
  3087.            </a>
  3088.        </li>
  3089.        <li>
  3090.            <a href="https://api.whatsapp.com/send?phone=6285150683547" target="_blank">
  3091.                <div class="fab-icon-holder" style="background-color: #25D366;">
  3092.                    <i class="fab fa-whatsapp ml-0"></i>
  3093.                </div>
  3094.            </a>
  3095.        </li>
  3096.        <li>
  3097.            <a href="https://www.facebook.com/#" target="_blank">
  3098.                <div class="fab-icon-holder" style="background-color: #3b5998;">
  3099.                    <i class="fab fa-facebook-f ml-0"></i>
  3100.                </div>
  3101.            </a>
  3102.        </li>
  3103.    </ul>
  3104.    <div href="#" class="act-btn-top bg-dark mt-2" onclick="toTop()" style="display: none; bottom: 19px;">
  3105.        <i class="fas fa-angle-up ml-0" style="font-size: 30px;"></i>
  3106.    </div>
  3107. </div>
  3108.  
  3109. </div>
  3110. </div>
  3111.  
  3112. <div class="footer">
  3113.    <div class="footer-clip"></div>
  3114.    
  3115.    <div class="container">
  3116.        <div class="row flex flex-col items-center">
  3117.            <!--<div class="col-md-2 col-4"></div>-->
  3118.            <div class="col-md-8">
  3119.               <h2 class="text-center"><img src="https://kointopup.com/assets/img/1738760016OPUP_4.webp" class="img-fluid mb-3" width="160px"></h2>
  3120.                <p class="text-center text-lg">TopUp Royal Dream semakin murah dan mudah bersama Koin TopUp<br>
  3121.                Jaminan 100% Aman & Legal
  3122.                </p>
  3123.            </div>
  3124.            <!--<div class="col-md-2 col-4"></div>-->
  3125.        </div>
  3126.        
  3127.        <div class="dotted"></div>
  3128.        
  3129.        <div class="row pt-3">
  3130.            <div class="col-md-4 flex flex-col items-center">
  3131.                <h6 class="text-center text-uppercase text-lg"><i>Ikuti Kami</i></h6>
  3132.                <div class="flex-col mt-2">
  3133.                    <a href="https://wa.me/6285150683547" style="text-decoration: none; color: #4da476" rel="noreferrer" target="_blank" data-cy="whatsapp-icon"><img src="https://kointopup.com/assets/img/contact/whatsapp.png" class="img-fluid" width="24px"></a>
  3134.                    <a href="https://instagram.com/" style="text-decoration: none;" rel="noreferrer" target="_blank" data-cy="instagram-icon"><img src="https://kointopup.com/assets/img/contact/instagram.png" class="img-fluid" width="24px"></a>
  3135.                    <a href="https://tiktok.com/" style="text-decoration: none;" rel="noreferrer" target="_blank" data-cy="tiktok-icon"><img src="https://kointopup.com/assets/img/contact/tiktok.png" class="img-fluid" width="24px"></a>
  3136.                    <a href="https://www.facebook.com/#" style="text-decoration: none;" rel="noreferrer" target="_blank" data-cy="facebook-icon"><img src="https://kointopup.com/assets/img/contact/facebook.png" class="img-fluid" width="24px"></a>
  3137.                </div>
  3138.                <div class="col mt-2">
  3139.                    <h2 class="text-center"><img src="https://kointopup.com/assets/img/1738760016OPUP_4.webp" class="img-fluid" width="160px"></h2>
  3140.                </div>
  3141.                    <a class="text-dark mt-2">Copyright © 2024 Koin Topup</a>
  3142.            </div>
  3143.            <div class="col-md-4 flex flex-col items-center">
  3144.                <h6 class="text-center text-uppercase text-lg"><i>Informasi</i></h6>
  3145.                    <a href="https://kointopup.com/about">Tentang</a>
  3146.                    <a href="https://kointopup.com/privacy">Kebijakan Privasi</a>
  3147.                    <a href="https://kointopup.com/faq">FAQ</a>
  3148.                    <a href="https://kointopup.com/terms">Ketentuan Layanan</a>
  3149.            </div>
  3150.            <div class="col-md-4 flex flex-col items-center">
  3151.                <h6 class="text-center text-uppercase text-lg"></b><i>Halaman Akun</i></h6>
  3152.                    <a href="https://kointopup.com/login" class="text-dark">Masuk</a>
  3153.                    <a href="https://kointopup.com/register" class="text-dark">Daftar Akun</a>
  3154.                        <!--<p class="h6 text-blue">D I D U K U N G &nbsp; D E N G A N</p>-->
  3155.                        <h6 class="text-center text-uppercase text-lg mt-1"></b><i>Metode Pembayaran</i></h6>
  3156.                    
  3157.        
  3158.                <ul id="cardpayment2" class="simply-scroll-list">
  3159.                
  3160.                    <li>
  3161.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1700571370.webp" alt="Icon Media" data-ll-status="loaded">
  3162.                    </li>
  3163.            
  3164.                
  3165.                    <li>
  3166.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1657303941opauy.png" alt="Icon Media" data-ll-status="loaded">
  3167.                    </li>
  3168.            
  3169.                
  3170.                    <li>
  3171.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1634041092re.PNG" alt="Icon Media" data-ll-status="loaded">
  3172.                    </li>
  3173.            
  3174.                
  3175.                    <li>
  3176.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1633963759ovo_purple.png" alt="Icon Media" data-ll-status="loaded">
  3177.                    </li>
  3178.            
  3179.                
  3180.                    <li>
  3181.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1634123452re.PNG" alt="Icon Media" data-ll-status="loaded">
  3182.                    </li>
  3183.            
  3184.                
  3185.                    <li>
  3186.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1726225052.webp" alt="Icon Media" data-ll-status="loaded">
  3187.                    </li>
  3188.            
  3189.                
  3190.                    <li>
  3191.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1633695920ART_LOGO_BARU.png" alt="Icon Media" data-ll-status="loaded">
  3192.                    </li>
  3193.            
  3194.                
  3195.                    <li>
  3196.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1689408093_Graha.JPG" alt="Icon Media" data-ll-status="loaded">
  3197.                    </li>
  3198.            
  3199.                
  3200.                    <li>
  3201.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1679978590.png" alt="Icon Media" data-ll-status="loaded">
  3202.                    </li>
  3203.            
  3204.                
  3205.                    <li>
  3206.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1739447502ointopup.webp" alt="Icon Media" data-ll-status="loaded">
  3207.                    </li>
  3208.            
  3209.                
  3210.                    <li>
  3211.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1689407472.png" alt="Icon Media" data-ll-status="loaded">
  3212.                    </li>
  3213.            
  3214.                
  3215.                    <li>
  3216.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1689439374A_-_Payment.png" alt="Icon Media" data-ll-status="loaded">
  3217.                    </li>
  3218.            
  3219.                
  3220.                    <li>
  3221.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1701965217Niaga.webp" alt="Icon Media" data-ll-status="loaded">
  3222.                    </li>
  3223.            
  3224.                
  3225.                    <li>
  3226.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/16894078056556771126387425889450564ri.png" alt="Icon Media" data-ll-status="loaded">
  3227.                    </li>
  3228.            
  3229.                
  3230.                    <li>
  3231.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1739447338nk_kointopup.webp" alt="Icon Media" data-ll-status="loaded">
  3232.                    </li>
  3233.            
  3234.                
  3235.                    <li>
  3236.                        <img class="img-fluid" style="height: 30px;" src="https://kointopup.com/assets/img/1689407865ta.png" alt="Icon Media" data-ll-status="loaded">
  3237.                    </li>
  3238.            
  3239.                        </ul>
  3240.            </div>
  3241.        </div>
  3242.    </div>
  3243.    
  3244.    <div class="footer-clip2"></div>
  3245. </div>
  3246.    <!-- General JS Scripts -->
  3247.    <script src="https://kointopup.com/assets/modules/jquery.min.js"></script>
  3248.    <script src="https://kointopup.com/assets/modules/jquery.simplyscroll.js"></script>
  3249.    <script src="https://kointopup.com/assets/modules/popper.js"></script>
  3250.    <script src="https://kointopup.com/assets/modules/tooltip.js"></script>
  3251.    <script src="https://kointopup.com/assets/modules/bootstrap/js/bootstrap.min.js"></script>
  3252.    <script src="https://kointopup.com/assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
  3253.    <script src="https://kointopup.com/assets/modules/moment.min.js"></script>
  3254.    <script src="https://kointopup.com/assets/js/stisla.js"></script>
  3255.  
  3256.    <!-- JS Libraies -->
  3257.    <script src="https://kointopup.com/assets/modules/datatables/datatables.min.js"></script>
  3258.    <script src="https://kointopup.com/assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js"></script>
  3259.    <script src="https://kointopup.com/assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js"></script>
  3260.    <script src="https://kointopup.com/assets/modules/jquery-ui/jquery-ui.min.js"></script>
  3261.    <script src="https://kointopup.com/assets/modules/sweetalert/sweetalert.min.js"></script>
  3262.    <script src="https://kointopup.com/assets/modules/bs-stepper/dist/js/bs-stepper.min.js"></script>
  3263.        <script src="https://kointopup.com/assets/modules/izitoast/js/iziToast.min.js"></script>
  3264.  
  3265.  
  3266.    <!-- Page Specific JS File -->
  3267.    <script src="https://kointopup.com/assets/js/page/modules-datatables.js"></script>
  3268. <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
  3269.    <!-- Template JS File -->
  3270.    <script src="https://kointopup.com/assets/js/scripts.js"></script>
  3271.    <script src="https://kointopup.com/assets/js/custom.js"></script>
  3272.        <script src="https://www.google.com/recaptcha/api.js"></script>
  3273.        <script>
  3274.        $(document).ready(function() {
  3275.            setTimeout(function() {
  3276.                $(".preloader").fadeOut();
  3277.            }, 200);
  3278.        });
  3279.    </script>
  3280.    <script>
  3281.        mybutton = document.querySelector(".act-btn-top");
  3282.        window.onscroll = function() {
  3283.            scrollFunc()
  3284.        };
  3285.  
  3286.        function scrollFunc() {
  3287.            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  3288.                mybutton.style.display = "block";
  3289.            } else {
  3290.                mybutton.style.display = "none";
  3291.            }
  3292.        }
  3293.  
  3294.        function toTop() {
  3295.            document.body.scrollTop = 0;
  3296.            document.documentElement.scrollTop = 0;
  3297.        }
  3298.      
  3299.  
  3300.    </script>
  3301.    
  3302.    <script>
  3303.        $(function() { //on DOM ready
  3304.         $("#cardpayment2").simplyScroll({
  3305.                    direction: 'backwards',
  3306.                    pauseOnHover: false,
  3307.                });
  3308.     });
  3309.    </script>
  3310.    </body>
  3311.  
  3312.    </html>
  3313. <script>
  3314.  $(document).ready(function() {
  3315.    $("input[name$='metode']").click(function() {
  3316.        var test = $(this).val();
  3317.        $("div.rek").hide();
  3318.        $("#rek_" + test).show();
  3319.    });
  3320.  });
  3321.  function rek_form(method_id) {
  3322.    $("[name='rek']").removeAttr("name");
  3323.    let rek_element = $("#rek_" + method_id);
  3324.    
  3325.    if(rek_element.length > 0) {
  3326.        rek_element.find("input").attr("name", "rek");
  3327.    }
  3328.  }
  3329.  function setPriceProduct(method) {
  3330.      let name = method.getAttribute('data-name');
  3331.  
  3332.      $("#priceProduct").html($("#"+name).html());
  3333.      $("#total").html($("#"+name).html());
  3334.      $("#paymentMethod").html(name);
  3335.  }
  3336.  function get_form() {
  3337.    $.ajax({
  3338.      type: "post",
  3339.      url: "https://kointopup.com/ajax/form_order_html?id=106",
  3340.      success: function (dataResult) {
  3341.        $('#form').html(dataResult);
  3342.        load_badge_num();
  3343.      },
  3344.      error: function (data) {
  3345.        swal('Gagal load form, refresh halaman', '', 'error');
  3346.      }
  3347.    });
  3348.  }
  3349.  get_form();
  3350.  $(document).ready(function () {
  3351.    $('input[type=radio][name=layanan]').change(function () {
  3352.      var layanan = $("input[name='layanan']:checked").val();
  3353.      //var qty = $('#quantity').val();
  3354.      if (layanan) {
  3355.          
  3356.            $('html,body').animate({scrollTop: $('#PaymentNew').offset().top - 200}, 400);
  3357.        $.ajax({
  3358.          url: "https://kointopup.com/ajax/price.php",
  3359.          type: "POST",
  3360.          dataType: 'json',
  3361.          data: {
  3362.            layanan: layanan,
  3363.            //qty: qty
  3364.          },
  3365.          success: function (data) {
  3366.            if (data.status == true) {
  3367.              $.each(data.data, function (i, item) {
  3368.                $('#' + item.nama).html(item.harga);
  3369.              });
  3370.            } else {
  3371.              $('#bca_price').html('');
  3372.              $('#ovo_price').html('');
  3373.              $('#gopay_price').html('');
  3374.            }
  3375.          },
  3376.          error: function (jqXHR, exception) {
  3377.            $('#bca_price').html('');
  3378.            $('#ovo_price').html('');
  3379.            $('#gopay_price').html('');
  3380.          }
  3381.        });
  3382.      }
  3383.    });
  3384.    $('#btn_beli').click(function () {
  3385.            var required = $('input,select').filter('[required]:visible');
  3386.      var allRequired = true;
  3387.      required.each(function () {
  3388.        if ($(this).val() == '') {
  3389.          allRequired = false;
  3390.        }
  3391.      });
  3392.      if (!allRequired) {
  3393.        swal('Form tidak lengkap', '', 'error');
  3394.      } else {
  3395.        $("#form_order").text(function () {
  3396.          var pdata = $(this).serialize();
  3397.          $.ajax({
  3398.            url: "https://kointopup.com/ajax/order_confirm.php",
  3399.            data: pdata,
  3400.            timeout: false,
  3401.            type: 'POST',
  3402.            dataType: 'json',
  3403.            success: function (data) {
  3404.              $("#btn_beli").val('Beli Sekarang');
  3405.              $("input").removeAttr("disabled", "disabled");
  3406.              if (data.status) {
  3407.                
  3408.                swal({
  3409.                  text: data.msg,
  3410.                  buttons: {
  3411.                    cancel: "Batal",
  3412.                    catch: "Lanjutkan",
  3413.                  },
  3414.                })
  3415.                .then((value) => {
  3416.                  switch (value) {
  3417.                    case "catch":
  3418.                      $('form').submit();
  3419.                      $(".preloader").fadeIn();
  3420.                      break;
  3421.                      
  3422.                    default:
  3423.                      break;
  3424.                  }
  3425.                });
  3426.              } else {
  3427.                swal(data.msg, '', 'error');
  3428.              }
  3429.            },
  3430.            error: function (a, b, c) {
  3431.              $("input").removeAttr("disabled", "disabled");
  3432.              $("#btn_beli").val('Beli Sekarang');
  3433.              swal('Kesalahan Sistem', '', 'error');
  3434.            },
  3435.            beforeSend: function () {
  3436.              $("input").attr("disabled", "disabled");
  3437.              $("#btn_beli").val('Please Wait');
  3438.            }
  3439.          });
  3440.        });
  3441.      }
  3442.    });
  3443.  });
  3444.  
  3445.  function load_badge_num() {
  3446.    var badge_num = 0;
  3447.    $(".badge-square").each(function (i, obj) {
  3448.      badge_num++;
  3449.      $(obj).html(badge_num);
  3450.    });
  3451.  }
  3452.  load_badge_num();
  3453.  
  3454.      function detail_promo(id) {
  3455.        var inputVal = document.getElementById("promo_voucher").value;
  3456.    $.ajax({
  3457.      url: "https://kointopup.com/ajax/validate_promo",
  3458.      data: 'id_kategori=106&kode_promo='+inputVal,
  3459.      timeout: false,
  3460.      type: 'POST',
  3461.      dataType: 'json',
  3462.      success: function (data) {
  3463.        $(".btn-pesanan").val('Detail');
  3464.        $("input").removeAttr("disabled", "disabled");
  3465.        $("button").removeAttr("disabled", "disabled");
  3466.        if (data.status) {
  3467.          swal({
  3468.            html:true,
  3469.            title: data.msg,
  3470.            icon: 'info',
  3471.            button: "OK"
  3472.          });
  3473.        } else {
  3474.          swal(data.msg, '', 'error');
  3475.        }
  3476.      },
  3477.      error: function (a, b, c) {
  3478.        $("input").removeAttr("disabled", "disabled");
  3479.        $("button").removeAttr("disabled", "disabled");
  3480.        $(".btn-pesanan").val('Detail');
  3481.        swal('Kesalahan Sistem', '', 'error');
  3482.      },
  3483.      beforeSend: function () {
  3484.        $("input").attr("disabled", "disabled");
  3485.        $("button").attr("disabled", "disabled");
  3486.        $(".btn-pesanan").val('  <i class="fas fa-spinner fa-pulse"></i>');
  3487.      }
  3488.    });
  3489.  }
  3490.      function PaymentCollapse(elem) {
  3491.    
  3492.                var $this = $(elem);
  3493.                if ($('input[type="radio"][name="layanan"]:checked').val() == null){
  3494.                    $('html,body').animate({scrollTop: $('#form_order').offset().top - 200}, 400);
  3495.                    //document.getElementById("method_saldo").disabled = true;
  3496.                      
  3497.              swal({
  3498.            html:true,
  3499.            title: 'Harap pilih layanan terlebih dahulu',
  3500.            icon: 'error',
  3501.            button: "OK"
  3502.          });
  3503.                    return;
  3504.                }
  3505.  
  3506.                $('.payment-drawwer').not(this).each(function() {
  3507.                    var $parents = $(this);
  3508.                    $parents.find('.button-action-payment').slideUp(function() {
  3509.                        $parents.removeClass('active');
  3510.                    });
  3511.  
  3512.                    $parents.find('.short-payment-support-info').find('img').slideDown();
  3513.                    $parents.find('.short-payment-support-info').find('i').removeClass('fa-chevron-up').addClass(
  3514.                        'fa-chevron-down');
  3515.                });
  3516.  
  3517.                var $parents = $this.parents('.child-box');
  3518.  
  3519.                if (!$parents.find('.button-action-payment').is(":hidden")) {
  3520.                    $parents.find('.button-action-payment').slideUp(function() {
  3521.                        $parents.removeClass('active');
  3522.                    });
  3523.  
  3524.                    $parents.find('.short-payment-support-info').find('img').slideDown();
  3525.                    $parents.find('.short-payment-support-info').find('.fa-chevron-up').removeClass('fa-chevron-up').addClass(
  3526.                        'fa-chevron-down');
  3527.  
  3528.                } else {
  3529.                    $parents.find('.button-action-payment').slideDown(function() {
  3530.                        $parents.addClass('active');
  3531.                    });
  3532.                    $parents.find('.short-payment-support-info').find('img').slideUp();
  3533.                    $parents.find('.short-payment-support-info').find('.fa-chevron-down').addClass('fa-chevron-up').removeClass(
  3534.                        'fa-chevron-down');
  3535.  
  3536.                }
  3537.            }
  3538.            
  3539.             function undisable() {
  3540.  document.getElementById("method_2").disabled = false;
  3541. }
  3542.  
  3543.  
  3544. </script>
  3545.    <script>
  3546.  //$(document).ready(function(){
  3547. //   let _tgl = new Date();
  3548. //    let hours = _tgl.getHours();
  3549.    //if (hours >= 23 || hours <= 1){
  3550.      
  3551.         //      iziToast.info({
  3552.        //    title: 'INFO',
  3553.        //    message: 'Pembayaran Transfer Bank BCA offline dari jam 23:00 - 05:00 WIB',
  3554.        //    position: 'topRight'
  3555.        //   });
  3556.          
  3557. //     }
  3558. //   });
  3559.  </script>
  3560.  
  3561. <style>
  3562. @media (max-width: 760px) {
  3563.    .responsive-testimonial-1 {
  3564.        display: none;
  3565.    }
  3566.  
  3567.    .responsive-testimonial-2 {
  3568.        display: block;
  3569.    }
  3570. }
  3571.  
  3572. @media (min-width: 760px) {
  3573.    .responsive-testimonial-1 {
  3574.        display: block;
  3575.    }
  3576.  
  3577.    .responsive-testimonial-2 {
  3578.        display: none;
  3579.    }
  3580. }
  3581.  
  3582. .h7 {
  3583.    font-size: 15px;
  3584.    font-weight: 800;
  3585. }
  3586.  
  3587. .collapsible {
  3588.  color: #000;
  3589.  border: none;
  3590.  position: relative;
  3591.  overflow: hidden;
  3592.  border-top-right-radius: 24px;
  3593.  border-top-left-radius: 8px;
  3594.  border-bottom-right-radius: 8px;
  3595.  border-bottom-left-radius: 24px;
  3596.  text-decoration: none;
  3597. }
  3598.  
  3599. .collapsible:after {
  3600.    font-size: 15px;
  3601.    float: right;
  3602.    /*color : black;*/
  3603. }
  3604.  
  3605. .coll-active:after {
  3606. }
  3607.  
  3608. .content-rating {
  3609.  padding: 0 18px;
  3610.  max-height: 0;
  3611.  overflow: hidden;
  3612.  transition: max-height 0.5s ease-out;
  3613.  background-color: transparent;
  3614. }
  3615.  
  3616. .content-deskripsi {
  3617.  max-height: 0;
  3618.  overflow: hidden;
  3619.  transition: max-height 0.5s ease-out;
  3620.  background-color: transparent;
  3621. }
  3622.  
  3623. .popular-tag-container {
  3624.  width: auto;
  3625.  left: 0px;
  3626.  position: absolute;
  3627.  top: 0px;
  3628.  background-image: linear-gradient(to right, #f2ca28, #dfb300);
  3629.  background-size: cover;
  3630.  border-radius: 9px 0px 10px 0px;
  3631. }
  3632.  
  3633. .popular-tag-container2 {
  3634.  width: auto;
  3635.  left: 0px;
  3636.  position: absolute;
  3637.  top: 0px;
  3638.  background-image: linear-gradient(to right, #D1D1D1, #D1D1D1);
  3639.  background-size: cover;
  3640.  border-radius: 9px 0px 10px 0px;
  3641. }
  3642.  
  3643. .popular-tag-content {
  3644.  color: #f9f9f9;
  3645.  position: relative;
  3646.  font-size: 10px;
  3647.  display: flex;
  3648.  align-items: center;
  3649. }
  3650.  
  3651. .popular-tag-overlay {
  3652.  position: absolute;
  3653.  top: 0;
  3654.  animation: cahaya 5s infinite;
  3655.  background: linear-gradient(90deg,rgba(254,255,201,0),rgba(254,255,201,.75) 50%,rgba(254,255,201,0));
  3656.  background-repeat: no-repeat;
  3657.  background-position: 0;
  3658.  background-size: 50% 100%;
  3659.  width: 90%;
  3660.  height: 100%;
  3661.  /*border-radius: 9px 0px 6px 0px;*/
  3662.  mix-blend-mode: overlay;
  3663. }
  3664.  
  3665. @keyframes cahaya {
  3666.  from {background-position: 0%;}
  3667.  to {background-position: 100%;}
  3668. }
  3669.  
  3670. </style>
  3671.  
  3672. <script>
  3673. var coll = document.getElementsByClassName("collapsible");
  3674. var i;
  3675.  
  3676. for (i = 0; i < coll.length; i++) {
  3677.  coll[i].addEventListener("click", function() {
  3678.    this.classList.toggle("coll-active");
  3679.    var content = this.nextElementSibling;
  3680.    if (content.style.maxHeight){
  3681.      content.style.maxHeight = null;
  3682.    } else {
  3683.      content.style.maxHeight = content.scrollHeight + "px";
  3684.    }
  3685.  });
  3686. }
  3687. </script>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda