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://agengim.com/id

  1. <!DOCTYPE html>
  2. <html lang="en"  class="biru" style="color-scheme: dark;">
  3. <head>
  4.    
  5. <!-- Google tag (gtag.js) -->
  6. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11347536808">
  7. </script>
  8. <script>
  9.  window.dataLayer = window.dataLayer || [];
  10.  function gtag(){dataLayer.push(arguments);}
  11.  gtag('js', new Date());
  12.  
  13.  gtag('config', 'AW-11347536808');
  14. </script>
  15. <!-- Event snippet for Pembelian conversion page -->
  16. <script>
  17.  gtag('event', 'conversion', {
  18.      'send_to': 'AW-11347536808/WmbHCO3Fy8saEKjX9qIq',
  19.      'value': 1.0,
  20.      'currency': 'IDR',
  21.      'transaction_id': ''
  22.  });
  23. </script>
  24. <!-- Google tag (gtag.js) -->
  25. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11347536808">
  26. </script>
  27. <script>
  28.  window.dataLayer = window.dataLayer || [];
  29.  function gtag(){dataLayer.push(arguments);}
  30.  gtag('js', new Date());
  31.  
  32.  gtag('config', 'AW-11347536808');
  33. </script>
  34. <!-- Event snippet for Pembelian conversion page -->
  35. <script>
  36.  gtag('event', 'conversion', {
  37.      'send_to': 'AW-11347536808/WmbHCO3Fy8saEKjX9qIq',
  38.      'value': 1.0,
  39.      'currency': 'IDR',
  40.      'transaction_id': ''
  41.  });
  42. </script>
  43.  
  44.  
  45.  
  46.    <meta charset="utf-8">
  47.    <meta name="viewport" content="width=device-width, initial-scale=1">
  48.    <meta name="csrf-token" content="a0W9LGUIoa4kGXvIjjqGmSQHcdFzlv3sV4b1IcJm">
  49.    
  50.    <meta name="robots" content="index, follow">
  51.    <meta name="theme-color" content="#1F1F1F" />
  52.    <meta content="desktop" name="device">
  53.    <meta name="author" content="AgenGim">
  54.    <meta name="coverage" content="Worldwide">
  55.    <link rel="shortcut icon" href="https://agengim.com/assets/logo/logobiru (12).png">
  56.        
  57.    <!--<title>AgenGim - Top Up Game Murah, Mudah dan Gratis Admin 100%</title>-->
  58.    <!--<meta name="title" content="AgenGim">-->
  59.    <!--<meta name="description" content="AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.">-->
  60.    <!--<meta property="og:type" content="website">-->
  61.    <!--<meta property="og:url" content="https://agengim.com">-->
  62.    <!--<meta property="og:title" content="AgenGim">-->
  63.    
  64.            <title>AgenGim - Top Up Game Murah, Mudah dan Gratis Admin 100%</title>
  65.        <meta name="title" content="AgenGim - Top Up Game Murah, Mudah dan Gratis Admin 100%">
  66.        <meta name="description" content="AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.">
  67.        <meta property="og:type" content="website">
  68.        <meta property="og:url" content="https://agengim.com">
  69.        <meta property="og:title" content="AgenGim - Top Up Game Murah, Mudah dan Gratis Admin 100%">
  70.        
  71.        <meta property="og:description" content="AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.">
  72.        <meta name="twitter:image" content="/assets/logo/LogoAgenGim (1).gif" />
  73.        <meta property="og:image" content="/assets/logo/LogoAgenGim (1).gif" />
  74.        <meta name="apple-mobile-web-app-title" content="AgenGim - Top Up Game Murah, Mudah dan Gratis Admin 100%">
  75.    
  76.            
  77.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
  78.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
  79.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
  80.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css">
  81.    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
  82.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
  83.    
  84.    <!-- Toastify CDN -->
  85. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  86. <!-- Font Awesome CDN (for loading icon) -->
  87. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  88. <!-- Toastify CDN -->
  89. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  90. <script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
  91.  
  92.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/><link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css"><meta name="theme-color" content="#1b2a63"><meta name="msapplication-navbutton-color" content="#1b2a63"><meta name="apple-mobile-web-app-status-bar-style" content="#1b2a63">
  93.    
  94.    <style>
  95.    @import    url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&display=swap");
  97.  
  98.  
  99.        :root {
  100.            --warna_1: #333c48;
  101.            --warna_2: #009bcf;
  102.            --warna_3: #29313d;
  103.            --warna_4: #4e4e4e;
  104.            --color_card : #003988;
  105.        }
  106.        textarea:hover,
  107.        input:hover,
  108.        textarea:active,
  109.        input:active,
  110.        textarea:focus,
  111.        input:focus,
  112.        button:focus,
  113.        button:active,
  114.        button:hover,
  115.        label:focus,
  116.        .btn:active,
  117.        .btn.active
  118.        {
  119.            outline:0px !important;
  120.            -webkit-appearance:none;
  121.            box-shadow: none !important;
  122.        }
  123.        
  124.        .btn-primary {
  125.    display: inline-flex;
  126.    align-items: center;
  127.    justify-content: center;
  128.    border-radius: 0.5rem; /* rounded-lg */
  129.    background: var(--warna_2) !important; /* Menggunakan variabel warna */
  130.    padding: 0.5rem 0.75rem; /* px-3 py-2 */
  131.    font-size: 0.875rem; /* text-sm */
  132.    font-weight: 500; /* font-medium */
  133.    color: #fff; /* text-primary-foreground */
  134.    transition: background-color 0.3s ease; /* duration-300 */
  135.    outline: none;
  136. }
  137.  
  138.  
  139. .btn-primary:hover {
  140.    background-color: rgba(255, 193, 7, 0.75); /* Slightly darker yellow color for hover */
  141. }
  142.  
  143.        
  144.        h1, h2, h3, h4, h5, h6 {
  145.          
  146.            
  147.        font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  148.          
  149.        }
  150.        
  151.        .custom-element {
  152.            
  153.            
  154.        font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  155.        }
  156.        
  157.    
  158.        body {
  159.            color: #fff;
  160.            background: var(--warna_1);
  161.            
  162.        font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  163.        font-size: 15px;
  164.        }
  165.    
  166.        .bg-primary {
  167.            background: var(--warna_2) !important;
  168.        }
  169.        .bg-secondary {
  170.            background: var(--warna_3) !important;
  171.        }
  172.        .bg-white-custom {
  173.            background: var(--warna_3) !important;
  174.        }
  175.        .bg-card {
  176.            color: #fff;
  177.            background: var(--warna_4);
  178.        }
  179.        
  180.        .navbar {
  181.            color: #fff;
  182.            background: var(--warna_3);
  183.        }
  184.        .navbar-toggler {
  185.            font-size: 32px;
  186.        }
  187.        .offcanvas.offcanvas-end {
  188.            background: var(--warna_2);
  189.        }
  190.        .navbar-nav .nav-link {
  191.            color: #fff;
  192.        }
  193.        .nav-link:hover {
  194.            color: #fff;
  195.        }
  196.        .btn-login {
  197.            color: #fff;
  198.            background: #0d6efd!important;
  199.        }
  200.        
  201.             .button-gradient-3d {
  202.            background-color: var(--warna_2) ;
  203.            border border-white ;
  204.            border-radius: 0.25rem;
  205.            cursor: pointer;
  206.            font-size: 0.875rem;
  207.            padding: 0.5rem 1rem;
  208.            transition: all 0.3s ease;
  209.        }
  210.        
  211.        .button-gradient-3d:hover {
  212.            background: linear-gradient(90deg, var(--warna_2), var(--warna_2), var(--warna_2));
  213.            border-color: var(--warna_2);
  214.            transform: translateY(-2px);
  215.        }
  216.        
  217.        .content-body {
  218.            padding: 0 5px;
  219.            padding-top: 80px;
  220.        }
  221.        @media (min-width: 576px){
  222.            .content-body {
  223.                margin: 0 auto;
  224.                max-width: 1140px;
  225.                padding-top: 80px;
  226.            }
  227.        }
  228.        
  229.        .resultsearch {
  230.            width: 100%;
  231.            inset: 0px auto auto 0px;
  232.            margin: 0px;
  233.            transform: translate(0px, 50px);
  234.            background-color: #000000;
  235.            border-color: rgba(0,0,0,.15);
  236.            color: #fff;
  237.            overflow-y: auto;
  238.            max-height: 500px;
  239.        }
  240.        @media (min-width: 768px) {
  241.            .resultsearch {
  242.                width: 50%;
  243.                max-height: 500px;
  244.                transform: translate(220px, 50px);
  245.            }
  246.        }
  247.        .resultsearch .dropdown-item:hover{
  248.           background-color: #000000;
  249.           color: #fff;
  250.       }
  251.       .search-bar input{
  252.        border: none;
  253.        color: rgb(156 163 175);
  254.        background: #ffffff;
  255.        border-radius: 9999px;
  256.    }
  257.    .search-bar span{
  258.        border: none;
  259.        border-radius: 9999px;
  260.        color: rgb(156 163 175);
  261.        background: #ffffff;
  262.    }
  263.    .search-bar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  264.      color: #878aad;
  265.      opacity: 1; /* Firefox */
  266.  }
  267.  .input-box:focus {
  268.    color: #000;
  269.    background: #ffffff;
  270. }
  271. .img-search{
  272.    padding-left: 15px;
  273. }
  274.  
  275. .swiper-container {
  276.  width: 100%;
  277.  overflow: hidden;
  278. }
  279.  
  280. .swiper-slide {
  281.  background-position: center;
  282.  background-size: cover;
  283.  width: 80%;
  284.  height: 100%;
  285. }
  286.  
  287. .swiper-slide img {
  288.  display: block;
  289.  width: 100%;
  290.  border-radius: 12px;
  291. }
  292. @media (max-width: 576px){
  293.    .swiper-slide img {
  294.      display: block;
  295.      width: 100%;
  296.      height: 100%!important;
  297.      border-radius: 12px;
  298.  }
  299. }
  300. .swiper-pagination {
  301.    margin-top: 30px!important;
  302. }
  303.  
  304. .content-body form input {
  305.    outline: none;
  306.    margin-top: -30px;
  307.    border: none !important;
  308.    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  309. }
  310.  
  311. .row {
  312.    --bs-gutter-x: 0.5rem;
  313. }
  314. .product .box{
  315.    margin-bottom:40px;
  316. }
  317.  
  318. @media (max-width: 576px){
  319.    .product .box {
  320.        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
  321.        border-radius: 0.75rem;
  322.        text-align: center;
  323.        background: #646464;
  324.        display: block;
  325.        text-decoration: none;
  326.        color: #fff;
  327.        height: 10rem;
  328.    }
  329. }
  330. @media (min-width: 576px){
  331.  .product .box {
  332.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
  333.    border-radius: 0.75rem;
  334.    text-align: center;
  335.    background: #646464;
  336.    display: block;
  337.    text-decoration: none;
  338.    color: #fff;
  339.    height: 15rem;
  340. }
  341. }
  342.  
  343. .card-product {
  344.    
  345.    margin-bottom: -30px;
  346.    gap: 0.5rem;
  347. }
  348.  
  349. @media (max-width: 576px) {
  350.    .product p {
  351.        font-size: 12px!important;
  352.    }
  353. }
  354.  
  355. .product .box img {
  356.    width: 100%;
  357.    height: 100%;
  358.    display: block;
  359.    margin: auto;
  360.    object-fit: cover;
  361.    border-radius: 0.75rem;
  362. }
  363.  
  364. .card {
  365.    cursor: pointer;
  366. }
  367.  
  368.  
  369.  
  370. .footer img {
  371.    padding-top: 2.5rem 0;
  372. }
  373. .text-copyright {
  374.    color: #718096;
  375.    font-size: 0.875rem;
  376. }
  377.  
  378. .sosmed {
  379.    margin-bottom: 20px;
  380. }
  381. .sosmed a {
  382.    margin: 0 10px;
  383.    text-decoration: none;
  384.    color: #fff;
  385. }
  386. .sosmed i {
  387.    font-size: 24px;
  388. }
  389.  
  390.  
  391. .item .metode {
  392.    margin: 5px 0;
  393.    background: #fff;
  394.    border-radius: 8px;
  395.    padding: 0.75rem;
  396.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  397. }
  398. .my-form label {
  399.    font-size: 1rem;
  400. }
  401. .my-form .form-control {
  402.    background: #fefefe;
  403.    margin-top: 6px;
  404.    border: 2px solid #fefefe !important;
  405. }
  406. .my-form .form-control:active, .my-form .form-control:focus {
  407.    border-color: #fefefe !important;
  408.    box-shadow: none !important;
  409.    outline: none !important;
  410. }
  411.  
  412. .method-list {
  413.    overflow: hidden;
  414.    cursor: pointer;
  415. }
  416. .method-list.active {
  417.    background-color: #fff!important;
  418. }
  419.  
  420. .method-list.active table {
  421.    margin-top: -53px;
  422. }
  423. .search-item {
  424.    width: 50%;
  425. }
  426. @media (min-width: 768px) {
  427.    .search-item {
  428.        width: 50%;
  429.        margin-left: 100px;
  430.    }
  431. }
  432.  
  433. .swal2-popup {
  434.    display: none;
  435.    position: relative;
  436.    box-sizing: border-box;
  437.    grid-template-columns: minmax(0, 100%);
  438.    width: 32em;
  439.    max-width: 100%;
  440.    padding: 0 0 1.25em;
  441.    border: none;
  442.    border-radius: 5px;
  443.    background: #292929!important;
  444.    color: #fff!important;
  445.    font-family: inherit;
  446.    font-size: 1rem;
  447. }
  448. .swal2-html-container {
  449.    z-index: 1;
  450.    justify-content: center;
  451.    margin: 1em 1.6em 0.3em;
  452.    padding: 0;
  453.    overflow: auto;
  454.    color: inherit;
  455.    font-size: 1.125em;
  456.    font-weight: normal;
  457.    line-height: normal;
  458.    text-align: left!important;
  459.    word-wrap: break-word;
  460.    word-break: break-word;
  461. }
  462. .flex-1 {
  463.    flex: 1 1 0%;
  464. }
  465.  
  466.  
  467. .fab-container {
  468.    position: fixed;
  469.    bottom: 70px;
  470.    right: 10px;
  471.    z-index: 999;
  472.    cursor: pointer;
  473. }
  474.  
  475. .fab-icon-holder {
  476.    width: 45px;
  477.    height: 45px;
  478.    bottom: 140px;
  479.    left: 10px;
  480.    color: #FFF;
  481.    background: #FFF;
  482.    /* padding: 1px; */
  483.    border-radius: 10px;
  484.    text-align: center;
  485.    font-size: 30px;
  486.    z-index: 99999;
  487. }
  488.  
  489. .fab-icon-holder:hover {
  490.    opacity: 0.8;
  491. }
  492.  
  493. .fab-icon-holder i {
  494.    display: flex;
  495.    align-items: center;
  496.    justify-content: center;
  497.    height: 100%;
  498.    font-size: 25px;
  499.    color: #ffffff;
  500. }
  501.  
  502. .fab-options {
  503.    list-style-type: none;
  504.    margin: 0;
  505.    position: absolute;
  506.    bottom: 48px;
  507.    left: -37px;
  508.    opacity: 0;
  509.    transition: all 0.3s ease;
  510.    transform: scale(0);
  511.    transform-origin: 85% bottom;
  512. }
  513.  
  514. .fab:hover+.fab-options,
  515. .fab-options:hover {
  516.    opacity: 1;
  517.    transform: scale(1);
  518. }
  519.  
  520. .fab-options li {
  521.    display: flex;
  522.    justify-content: flex-start;
  523.    padding: 5px;
  524. }
  525.  
  526.  
  527. /*kosweb*/
  528.  
  529.    *,
  530. :after,
  531. :before {
  532.    box-sizing: border-box;
  533.    border: 0 solid #e5e7eb;
  534. }
  535.  
  536. :after,
  537. :before {
  538.    --tw-content: "";
  539. }
  540.  
  541. html {
  542.    line-height: 1.5;
  543.    -webkit-text-size-adjust: 100%;
  544.    -moz-tab-size: 4;
  545.    -o-tab-size: 4;
  546.    tab-size: 4;
  547.    font-family: var(--font-primary), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  548.    font-feature-settings: normal;
  549. }
  550.  
  551. body {
  552.    margin: 0;
  553.    line-height: inherit;
  554. }
  555.  
  556. hr {
  557.    height: 0;
  558.    color: inherit;
  559.    border-top-width: 1px;
  560. }
  561.  
  562. abbr:where([title]) {
  563.    -webkit-text-decoration: underline dotted;
  564.    text-decoration: underline dotted;
  565. }
  566.  
  567. h1,
  568. h2,
  569. h3,
  570. h4,
  571. h5,
  572. h6 {
  573.    font-size: inherit;
  574.    font-weight: inherit;
  575. }
  576.  
  577. a {
  578.    color: inherit;
  579.    text-decoration: inherit;
  580. }
  581.  
  582. b,
  583. strong {
  584.    font-weight: bolder;
  585. }
  586.  
  587. code,
  588. kbd,
  589. pre,
  590. samp {
  591.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  592.    font-size: 1em;
  593. }
  594.  
  595. small {
  596.    font-size: 80%;
  597. }
  598.  
  599. sub,
  600. sup {
  601.    font-size: 75%;
  602.    line-height: 0;
  603.    position: relative;
  604.    vertical-align: baseline;
  605. }
  606.  
  607. sub {
  608.    bottom: -0.25em;
  609. }
  610.  
  611. sup {
  612.    top: -0.5em;
  613. }
  614.  
  615. table {
  616.    text-indent: 0;
  617.    border-color: inherit;
  618.    border-collapse: collapse;
  619. }
  620.  
  621. button,
  622. input,
  623. optgroup,
  624. select,
  625. textarea {
  626.    font-family: inherit;
  627.    font-size: 100%;
  628.    font-weight: inherit;
  629.    line-height: inherit;
  630.    color: inherit;
  631.    margin: 0;
  632.    padding: 0;
  633. }
  634.  
  635. button,
  636. select {
  637.    text-transform: none;
  638. }
  639.  
  640. [type="button"],
  641. [type="reset"],
  642. [type="submit"],
  643. button {
  644.    -webkit-appearance: button;
  645.    background-color: transparent;
  646.    background-image: none;
  647. }
  648.  
  649. :-moz-focusring {
  650.    outline: auto;
  651. }
  652.  
  653. :-moz-ui-invalid {
  654.    box-shadow: none;
  655. }
  656.  
  657. progress {
  658.    vertical-align: baseline;
  659. }
  660.  
  661. ::-webkit-inner-spin-button,
  662. ::-webkit-outer-spin-button {
  663.    height: auto;
  664. }
  665.  
  666. [type="search"] {
  667.    -webkit-appearance: textfield;
  668.    outline-offset: -2px;
  669. }
  670.  
  671. ::-webkit-search-decoration {
  672.    -webkit-appearance: none;
  673. }
  674.  
  675. ::-webkit-file-upload-button {
  676.    -webkit-appearance: button;
  677.    font: inherit;
  678. }
  679.  
  680. summary {
  681.    display: list-item;
  682. }
  683.  
  684. blockquote,
  685. dd,
  686. dl,
  687. figure,
  688. h1,
  689. h2,
  690. h3,
  691. h4,
  692. h5,
  693. h6,
  694. hr,
  695. p,
  696. pre {
  697.    margin: 0;
  698. }
  699.  
  700. fieldset {
  701.    margin: 0;
  702. }
  703.  
  704. fieldset,
  705. legend {
  706.    padding: 0;
  707. }
  708.  
  709. menu,
  710. ol,
  711. ul {
  712.    list-style: none;
  713.    margin: 0;
  714.    padding: 0;
  715. }
  716.  
  717. textarea {
  718.    resize: vertical;
  719. }
  720.  
  721. input::-moz-placeholder,
  722. textarea::-moz-placeholder {
  723.    color: #9ca3af;
  724. }
  725.  
  726. input::placeholder,
  727. textarea::placeholder {
  728.    color: #9ca3af;
  729. }
  730.  
  731. [role="button"],
  732. button {
  733.    cursor: pointer;
  734. }
  735.  
  736. :disabled {
  737.    cursor: default;
  738. }
  739.  
  740.  
  741. img,
  742. video {
  743.    max-width: 100%;
  744.    height: auto;
  745. }
  746.  
  747. audio,svg{
  748.    display: block;
  749.    vertical-align: middle
  750. }
  751.  
  752. [hidden] {
  753.    display: none;
  754. }
  755.  
  756.  
  757. html {
  758.    height: 100%;
  759.    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  760. }
  761.  
  762. body {
  763.    min-height: 100%;
  764. }
  765.  
  766. .hover\:ring-offset-murky-800:hover {
  767.    --tw-ring-offset-color: #202400;
  768. }
  769.  
  770. *,
  771. :after,
  772. :before {
  773.    --tw-border-spacing-x: 0;
  774.    --tw-border-spacing-y: 0;
  775.    --tw-translate-x: 0;
  776.    --tw-translate-y: 0;
  777.    --tw-rotate: 0;
  778.    --tw-skew-x: 0;
  779.    --tw-skew-y: 0;
  780.    --tw-scale-x: 1;
  781.    --tw-scale-y: 1;
  782.    --tw-pan-x: ;
  783.    --tw-pan-y: ;
  784.    --tw-pinch-zoom: ;
  785.    --tw-scroll-snap-strictness: proximity;
  786.    --tw-ordinal: ;
  787.    --tw-slashed-zero: ;
  788.    --tw-numeric-figure: ;
  789.    --tw-numeric-spacing: ;
  790.    --tw-numeric-fraction: ;
  791.    --tw-ring-inset: ;
  792.    --tw-ring-offset-width: 0px;
  793.    --tw-ring-offset-color: #fff;
  794.    --tw-ring-color: var(--warna_2);
  795.    --tw-ring-offset-shadow: 0 0 #0000;
  796.    --tw-ring-shadow: 0 0 #0000;
  797.    --tw-shadow: 0 0 #0000;
  798.    --tw-shadow-colored: 0 0 #0000;
  799.    --tw-blur: ;
  800.    --tw-brightness: ;
  801.    --tw-contrast: ;
  802.    --tw-grayscale: ;
  803.    --tw-hue-rotate: ;
  804.    --tw-invert: ;
  805.    --tw-saturate: ;
  806.    --tw-sepia: ;
  807.    --tw-drop-shadow: ;
  808.    --tw-backdrop-blur: ;
  809.    --tw-backdrop-brightness: ;
  810.    --tw-backdrop-contrast: ;
  811.    --tw-backdrop-grayscale: ;
  812.    --tw-backdrop-hue-rotate: ;
  813.    --tw-backdrop-invert: ;
  814.    --tw-backdrop-opacity: ;
  815.    --tw-backdrop-saturate: ;
  816.    --tw-backdrop-sepia: ;
  817. }
  818.  
  819. ::backdrop {
  820.    --tw-border-spacing-x: 0;
  821.    --tw-border-spacing-y: 0;
  822.    --tw-translate-x: 0;
  823.    --tw-translate-y: 0;
  824.    --tw-rotate: 0;
  825.    --tw-skew-x: 0;
  826.    --tw-skew-y: 0;
  827.    --tw-scale-x: 1;
  828.    --tw-scale-y: 1;
  829.    --tw-pan-x: ;
  830.    --tw-pan-y: ;
  831.    --tw-pinch-zoom: ;
  832.    --tw-scroll-snap-strictness: proximity;
  833.    --tw-ordinal: ;
  834.    --tw-slashed-zero: ;
  835.    --tw-numeric-figure: ;
  836.    --tw-numeric-spacing: ;
  837.    --tw-numeric-fraction: ;
  838.    --tw-ring-inset: ;
  839.    --tw-ring-offset-width: 0px;
  840.    --tw-ring-offset-color: #fff;
  841.    --tw-ring-color: var(--warna_2);
  842.    --tw-ring-offset-shadow: 0 0 #0000;
  843.    --tw-ring-shadow: 0 0 #0000;
  844.    --tw-shadow: 0 0 #0000;
  845.    --tw-shadow-colored: 0 0 #0000;
  846.    --tw-blur: ;
  847.    --tw-brightness: ;
  848.    --tw-contrast: ;
  849.    --tw-grayscale: ;
  850.    --tw-hue-rotate: ;
  851.    --tw-invert: ;
  852.    --tw-saturate: ;
  853.    --tw-sepia: ;
  854.    --tw-drop-shadow: ;
  855.    --tw-backdrop-blur: ;
  856.    --tw-backdrop-brightness: ;
  857.    --tw-backdrop-contrast: ;
  858.    --tw-backdrop-grayscale: ;
  859.    --tw-backdrop-hue-rotate: ;
  860.    --tw-backdrop-invert: ;
  861.    --tw-backdrop-opacity: ;
  862.    --tw-backdrop-saturate: ;
  863.    --tw-backdrop-sepia: ;
  864. }
  865.  
  866. html {
  867.    font-family: var(--font-inter-var);
  868. }
  869.  
  870. input::-webkit-inner-spin-button,
  871. input::-webkit-outer-spin-button {
  872.    -webkit-appearance: none;
  873.    margin: 0;
  874. }
  875.  
  876. input[type="number"] {
  877.    -moz-appearance: textfield;
  878. }
  879.  
  880. .hide-scrollbar {
  881.    -ms-overflow-style: none;
  882.    scrollbar-width: none;
  883. }
  884.  
  885. .hide-scrollbar::-webkit-scrollbar {
  886.    display: none;
  887. }
  888.  
  889. .grecaptcha-badge {
  890.    visibility: hidden;
  891.    background-color: transparent;
  892.    box-shadow: none !important;
  893. }
  894.  
  895. .swiper-button {
  896.    --tw-text-opacity: 1 !important;
  897.    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  898. }
  899.  
  900. .swiper-button-next:after,
  901. .swiper-button-prev:after,
  902. .swiper-rtl .swiper-button-next:after,
  903. .swiper-rtl .swiper-button-prev:after {
  904.    content: "" !important;
  905. }
  906.  
  907. .PhoneInput > :not([hidden]) ~ :not([hidden]) {
  908.    --tw-space-x-reverse: 0;
  909.    margin-right: calc(1rem * var(--tw-space-x-reverse));
  910.    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  911. }
  912.  
  913. .PhoneInput {
  914.    border-radius: 0.5rem;
  915.    border-width: 1px;
  916.    border-color: transparent;
  917.    padding-left: 1rem;
  918. }
  919.  
  920. .PhoneInput,
  921. .PhoneInputInput {
  922.    --tw-bg-opacity: 1;
  923.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  924.    font-size: 0.75rem;
  925.    line-height: 1rem;
  926. }
  927.  
  928. .PhoneInputInput {
  929.    display: block;
  930.    width: 100%;
  931.    min-width: 0;
  932.    flex: 1 1 0%;
  933.    border-top-right-radius: 0.5rem;
  934.    border-bottom-right-radius: 0.5rem;
  935.    border-width: 1px;
  936.    border-color: transparent;
  937.    --tw-text-opacity: 1;
  938.    color: rgb(52 55 59 / var(--tw-text-opacity));
  939.    outline: 2px solid transparent !important;
  940.    outline-offset: 2px !important;
  941. }
  942.  
  943. .PhoneInputInput::-moz-placeholder {
  944.    --tw-text-opacity: 1;
  945.    color: rgb(52 55 59 / var(--tw-text-opacity));
  946. }
  947.  
  948. .PhoneInputInput::placeholder {
  949.    --tw-text-opacity: 1;
  950.    color: rgb(52 55 59 / var(--tw-text-opacity));
  951. }
  952.  
  953. .PhoneInputInput:focus {
  954.    border-color: transparent;
  955.    outline: 2px solid transparent;
  956.    outline-offset: 2px;
  957.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  958.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  959.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  960.    --tw-ring-opacity: 1;
  961.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  962. }
  963.  
  964. .PhoneInputCountrySelectArrow {
  965.    display: none !important;
  966. }
  967.  
  968. .PhoneInputCountrySelect {
  969.    --tw-bg-opacity: 1;
  970.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  971.    font-size: 0.75rem;
  972.    line-height: 1rem;
  973. }
  974.  
  975. .bg-title-product {
  976.    --tw-bg-opacity: 1;
  977.    background-color: var(--warna_3)!important;
  978.    --tw-text-opacity: 1;
  979.    color: rgb(255 255 255 / var(--tw-text-opacity));
  980.    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  981.    background-repeat: repeat-x;
  982.    background-position: top;
  983.    background-size: clamp(60em, 100rem, 100em) auto, cover;
  984. }
  985.  
  986. .container {
  987.    width: 100%;
  988.    margin-right: auto;
  989.    margin-left: auto;
  990. }
  991.  
  992.  
  993. @media (min-width: 640px) {
  994.    .container {
  995.        max-width: 640px;
  996.    }
  997. }
  998.  
  999. @media (min-width: 768px) {
  1000.    .container {
  1001.        max-width: 768px;
  1002.    }
  1003. }
  1004.  
  1005. @media (min-width: 1024px) {
  1006.    .container {
  1007.        max-width: 1024px;
  1008.    }
  1009. }
  1010.  
  1011. @media (min-width: 1280px) {
  1012.    .container {
  1013.        max-width: 1280px;
  1014.    }
  1015. }
  1016.  
  1017. @media (min-width: 1536px) {
  1018.    .container {
  1019.        max-width: 1536px;
  1020.    }
  1021. }
  1022.  
  1023. .prose {
  1024.    color: #334155;
  1025.    max-width: none;
  1026. }
  1027.  
  1028. .prose :where(p):not(:where([class~="not-prose"] *)) {
  1029.    margin-top: 1.25em;
  1030.    margin-bottom: 1.25em;
  1031. }
  1032.  
  1033. .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  1034.    color: var(--tw-prose-lead);
  1035.    font-size: 1.25em;
  1036.    line-height: 1.6;
  1037.    margin-top: 1.2em;
  1038.    margin-bottom: 1.2em;
  1039. }
  1040.  
  1041. .prose :where(a):not(:where([class~="not-prose"] *)) {
  1042.    color: #fff;
  1043.    text-decoration: none;
  1044.    font-weight: 600;
  1045.    border-bottom: 1px solid var(--warna_2);
  1046. }
  1047.  
  1048. .prose :where(strong):not(:where([class~="not-prose"] *)) {
  1049.    color: #fff;
  1050.    font-weight: 600;
  1051. }
  1052.  
  1053. .prose :where(a strong):not(:where([class~="not-prose"] *)) {
  1054.    color: inherit;
  1055.    font-weight: inherit;
  1056. }
  1057.  
  1058. .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  1059.    color: inherit;
  1060. }
  1061.  
  1062. .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  1063.    color: inherit;
  1064. }
  1065.  
  1066. .prose :where(ol):not(:where([class~="not-prose"] *)) {
  1067.    list-style-type: decimal;
  1068.    margin-top: 1.25em;
  1069.    margin-bottom: 1.25em;
  1070.    padding-left: 1.625em;
  1071. }
  1072.  
  1073. .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  1074.    list-style-type: upper-alpha;
  1075. }
  1076.  
  1077. .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  1078.    list-style-type: lower-alpha;
  1079. }
  1080.  
  1081. .prose :where(ol[type="As"]):not(:where([class~="not-prose"] *)) {
  1082.    list-style-type: upper-alpha;
  1083. }
  1084.  
  1085. .prose :where(ol[type="as"]):not(:where([class~="not-prose"] *)) {
  1086.    list-style-type: lower-alpha;
  1087. }
  1088.  
  1089. .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  1090.    list-style-type: upper-roman;
  1091. }
  1092.  
  1093. .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  1094.    list-style-type: lower-roman;
  1095. }
  1096.  
  1097. .prose :where(ol[type="Is"]):not(:where([class~="not-prose"] *)) {
  1098.    list-style-type: upper-roman;
  1099. }
  1100.  
  1101. .prose :where(ol[type="is"]):not(:where([class~="not-prose"] *)) {
  1102.    list-style-type: lower-roman;
  1103. }
  1104.  
  1105. .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  1106.    list-style-type: decimal;
  1107. }
  1108.  
  1109. .prose :where(ul):not(:where([class~="not-prose"] *)) {
  1110.    list-style-type: none;
  1111.    margin-top: 1.25em;
  1112.    margin-bottom: 1.25em;
  1113.    padding-left: 0 !important;
  1114. }
  1115.  
  1116. .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  1117.    font-weight: 400;
  1118.    color: var(--warna_2)!important;
  1119. }
  1120.  
  1121. .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  1122.    color: var(--tw-prose-bullets);
  1123. }
  1124.  
  1125. .prose :where(hr):not(:where([class~="not-prose"] *)) {
  1126.    border-color: #f1f5f9;
  1127.    border-top-width: 1px;
  1128.    margin-top: 3em;
  1129.    margin-bottom: 3em;
  1130. }
  1131.  
  1132. .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  1133.    font-weight: 500;
  1134.    font-style: italic;
  1135.    color: var(--tw-prose-quotes);
  1136.    border-left-width: 0.25rem;
  1137.    border-left-color: var(--tw-prose-quote-borders);
  1138.    quotes: "\201C""\201D""\2018""\2019";
  1139.    margin-top: 1.6em;
  1140.    margin-bottom: 1.6em;
  1141.    padding-left: 1em;
  1142. }
  1143.  
  1144. .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *)):before {
  1145.    content: open-quote;
  1146. }
  1147.  
  1148. .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after {
  1149.    content: close-quote;
  1150. }
  1151.  
  1152. .prose :where(h1):not(:where([class~="not-prose"] *)) {
  1153.    color: var(--tw-prose-headings);
  1154.    font-weight: 800;
  1155.    font-size: 2.25em;
  1156.    margin-top: 0;
  1157.    margin-bottom: 0.8888889em;
  1158.    line-height: 1.1111111;
  1159. }
  1160.  
  1161. .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  1162.    font-weight: 900;
  1163.    color: inherit;
  1164. }
  1165.  
  1166. .prose :where(h2):not(:where([class~="not-prose"] *)) {
  1167.    color: var(--tw-prose-headings);
  1168.    font-weight: 700;
  1169.    font-size: 1.5em;
  1170.    margin-top: 2em;
  1171.    margin-bottom: 0.6666666666666666em;
  1172.    line-height: 1.3333333;
  1173. }
  1174.  
  1175. .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  1176.    font-weight: 800;
  1177.    color: inherit;
  1178. }
  1179.  
  1180. .prose :where(h3):not(:where([class~="not-prose"] *)) {
  1181.    color: var(--tw-prose-headings);
  1182.    font-weight: 600;
  1183.    font-size: 1.25em;
  1184.    margin-top: 2.4em;
  1185.    margin-bottom: 0.6em;
  1186.    line-height: 1.4;
  1187. }
  1188.  
  1189. .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  1190.    font-weight: 700;
  1191.    color: inherit;
  1192. }
  1193.  
  1194. .prose :where(h4):not(:where([class~="not-prose"] *)) {
  1195.    color: var(--tw-prose-headings);
  1196.    font-weight: 600;
  1197.    margin-top: 2em;
  1198.    margin-bottom: 0.5em;
  1199.    line-height: 1.5;
  1200.    font-size: 1.125em;
  1201. }
  1202.  
  1203. .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  1204.    font-weight: 700;
  1205.    color: inherit;
  1206. }
  1207.  
  1208. .prose :where(img):not(:where([class~="not-prose"] *)) {
  1209.    margin-top: 2em;
  1210.    margin-bottom: 2em;
  1211. }
  1212.  
  1213. .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  1214.    margin-top: 0;
  1215.    margin-bottom: 0;
  1216. }
  1217.  
  1218. .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  1219.    color: var(--tw-prose-captions);
  1220.    font-size: 0.875em;
  1221.    line-height: 1.4285714;
  1222.    margin-top: 0.8571429em;
  1223. }
  1224.  
  1225. .prose :where(code):not(:where([class~="not-prose"] *)) {
  1226.    color: var(--tw-prose-code);
  1227.    font-weight: 500;
  1228.    font-size: 0.875em;
  1229.    font-variant-ligatures: none;
  1230. }
  1231.  
  1232. .prose :where(code):not(:where([class~="not-prose"] *)):before {
  1233.    content: "`";
  1234. }
  1235.  
  1236. .prose :where(code):not(:where([class~="not-prose"] *)):after {
  1237.    content: "`";
  1238. }
  1239.  
  1240. .prose :where(a code):not(:where([class~="not-prose"] *)) {
  1241.    color: inherit;
  1242.    font-weight: inherit;
  1243. }
  1244.  
  1245. .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  1246.    color: inherit;
  1247. }
  1248.  
  1249. .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  1250.    color: inherit;
  1251.    font-size: 0.875em;
  1252. }
  1253.  
  1254. .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  1255.    color: inherit;
  1256.    font-size: 0.9em;
  1257. }
  1258.  
  1259. .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  1260.    color: inherit;
  1261. }
  1262.  
  1263. .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  1264.    color: inherit;
  1265. }
  1266.  
  1267. .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  1268.    color: inherit;
  1269. }
  1270.  
  1271. .prose :where(pre):not(:where([class~="not-prose"] *)) {
  1272.    color: #f8fafc;
  1273.    background-color: var(--tw-prose-pre-bg);
  1274.    overflow-x: auto;
  1275.    font-weight: 400;
  1276.    font-size: 0.875em;
  1277.    line-height: 1.7142857;
  1278.    margin-top: 1.4285714285714286em;
  1279.    margin-bottom: 2.2857142857142856em;
  1280.    border-radius: 0.75rem;
  1281.    padding: 1.25rem;
  1282.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  1283.    display: flex;
  1284. }
  1285.  
  1286. .prose :where(pre code):not(:where([class~="not-prose"] *)) {
  1287.    background-color: transparent;
  1288.    border-width: 0;
  1289.    border-radius: 0;
  1290.    padding: 0;
  1291.    font-weight: inherit;
  1292.    color: inherit;
  1293.    font-size: inherit;
  1294.    font-family: inherit;
  1295.    line-height: inherit;
  1296.    flex: none;
  1297.    min-width: 100%;
  1298. }
  1299.  
  1300. .prose :where(pre code):not(:where([class~="not-prose"] *)):before {
  1301.    content: none;
  1302. }
  1303.  
  1304. .prose :where(pre code):not(:where([class~="not-prose"] *)):after {
  1305.    content: none;
  1306. }
  1307.  
  1308. .prose :where(table):not(:where([class~="not-prose"] *)) {
  1309.    width: 100%;
  1310.    table-layout: auto;
  1311.    text-align: left;
  1312.    margin-top: 2em;
  1313.    margin-bottom: 2em;
  1314.    font-size: 0.875rem;
  1315.    line-height: 1.25rem;
  1316. }
  1317.  
  1318. .prose :where(thead):not(:where([class~="not-prose"] *)) {
  1319.    border-bottom-width: 1px;
  1320.    border-bottom-color: #e2e8f0;
  1321.    color: #334155;
  1322. }
  1323.  
  1324. .prose :where(thead th):not(:where([class~="not-prose"] *)) {
  1325.    color: var(--tw-prose-headings);
  1326.    font-weight: 600;
  1327.    vertical-align: bottom;
  1328.    padding: 0 0.5714286em 0.5714286em;
  1329. }
  1330.  
  1331. .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  1332.    border-bottom-width: 1px;
  1333.    border-bottom-color: #f1f5f9;
  1334. }
  1335.  
  1336. .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  1337.    border-bottom-width: 1px;
  1338. }
  1339.  
  1340. .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  1341.    vertical-align: baseline;
  1342. }
  1343.  
  1344. .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  1345.    border-top-width: 1px;
  1346.    border-top-color: var(--tw-prose-th-borders);
  1347. }
  1348.  
  1349. .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  1350.    vertical-align: top;
  1351. }
  1352.  
  1353. .prose {
  1354.    --tw-prose-body: #374151;
  1355.    --tw-prose-headings: #111827;
  1356.    --tw-prose-lead: #4b5563;
  1357.    --tw-prose-links: #111827;
  1358.    --tw-prose-bold: #111827;
  1359.    --tw-prose-counters: #6b7280;
  1360.    --tw-prose-bullets: #d1d5db;
  1361.    --tw-prose-hr: #e5e7eb;
  1362.    --tw-prose-quotes: #111827;
  1363.    --tw-prose-quote-borders: #e5e7eb;
  1364.    --tw-prose-captions: #6b7280;
  1365.    --tw-prose-code: #111827;
  1366.    --tw-prose-pre-code: #e5e7eb;
  1367.    --tw-prose-pre-bg: #1f2937;
  1368.    --tw-prose-th-borders: #d1d5db;
  1369.    --tw-prose-td-borders: #e5e7eb;
  1370.    --tw-prose-invert-body: #d1d5db;
  1371.    --tw-prose-invert-headings: #fff;
  1372.    --tw-prose-invert-lead: #9ca3af;
  1373.    --tw-prose-invert-links: #fff;
  1374.    --tw-prose-invert-bold: #fff;
  1375.    --tw-prose-invert-counters: #9ca3af;
  1376.    --tw-prose-invert-bullets: #4b5563;
  1377.    --tw-prose-invert-hr: #374151;
  1378.    --tw-prose-invert-quotes: #f3f4f6;
  1379.    --tw-prose-invert-quote-borders: #374151;
  1380.    --tw-prose-invert-captions: #9ca3af;
  1381.    --tw-prose-invert-code: #fff;
  1382.    --tw-prose-invert-pre-code: #d1d5db;
  1383.    --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  1384.    --tw-prose-invert-th-borders: #4b5563;
  1385.    --tw-prose-invert-td-borders: #374151;
  1386.    font-size: 1rem;
  1387.    line-height: 1.75;
  1388. }
  1389.  
  1390. .prose :where(video):not(:where([class~="not-prose"] *)) {
  1391.    margin-top: 2em;
  1392.    margin-bottom: 2em;
  1393. }
  1394.  
  1395. .prose :where(figure):not(:where([class~="not-prose"] *)) {
  1396.    margin-top: 2em;
  1397.    margin-bottom: 2em;
  1398. }
  1399.  
  1400. .prose :where(li):not(:where([class~="not-prose"] *)) {
  1401.    margin-top: 1rem;
  1402.    margin-bottom: 1rem;
  1403.    padding-left: 0.875rem;
  1404. }
  1405.  
  1406. .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  1407.    padding-left: 0.375em;
  1408. }
  1409.  
  1410. .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  1411.    padding-left: 16px !important;
  1412.    position: relative;
  1413. }
  1414.  
  1415. .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  1416.    margin-top: 0.75em;
  1417.    margin-bottom: 0.75em;
  1418. }
  1419.  
  1420. .prose :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  1421.    margin-top: 1.25em;
  1422. }
  1423.  
  1424. .prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  1425.    margin-bottom: 1.25em;
  1426. }
  1427.  
  1428. .prose :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  1429.    margin-top: 1.25em;
  1430. }
  1431.  
  1432. .prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  1433.    margin-bottom: 1.25em;
  1434. }
  1435.  
  1436. .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  1437.    margin-top: 0.75em;
  1438.    margin-bottom: 0.75em;
  1439. }
  1440.  
  1441. .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  1442.    margin-top: 0;
  1443. }
  1444.  
  1445. .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  1446.    margin-top: 0;
  1447. }
  1448.  
  1449. .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  1450.    margin-top: 0;
  1451. }
  1452.  
  1453. .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  1454.    margin-top: 0;
  1455. }
  1456.  
  1457. .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  1458.    padding-left: 0;
  1459. }
  1460.  
  1461. .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  1462.    padding-right: 0;
  1463. }
  1464.  
  1465. .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  1466.    padding: 0.5714286em;
  1467. }
  1468.  
  1469. .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  1470.    padding-left: 0;
  1471. }
  1472.  
  1473. .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  1474.    padding-right: 0;
  1475. }
  1476.  
  1477. .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  1478.    margin-top: 0;
  1479. }
  1480.  
  1481. .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  1482.    margin-bottom: 0;
  1483. }
  1484.  
  1485. .prose :where(h1, h2, h3):not(:where([class~="not-prose"] *)) {
  1486.    letter-spacing: -0.025em;
  1487. }
  1488.  
  1489. .prose :where(h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
  1490.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  1491.    color: #64748b;
  1492.    font-weight: 500;
  1493. }
  1494.  
  1495. .prose :where(h2 small):not(:where([class~="not-prose"] *)) {
  1496.    font-size: 1.125rem;
  1497.    line-height: 1.75rem;
  1498. }
  1499.  
  1500. .prose :where(h3 small):not(:where([class~="not-prose"] *)) {
  1501.    font-size: 1rem;
  1502.    line-height: 1.5rem;
  1503. }
  1504.  
  1505. .prose :where(h4 small):not(:where([class~="not-prose"] *)) {
  1506.    font-size: 0.875rem;
  1507.    line-height: 1.25rem;
  1508. }
  1509.  
  1510. .prose :where(h2, h3, h4):not(:where([class~="not-prose"] *)) {
  1511.    scroll-margin-top: var(--scroll-mt);
  1512. }
  1513.  
  1514. .prose :where(ul, ol):not(:where([class~="not-prose"] *)) {
  1515.    padding-left: 0;
  1516. }
  1517.  
  1518. .prose :where(li):not(:where([class~="not-prose"] *))::marker {
  1519.    font-size: 0.875rem;
  1520.    font-weight: 600;
  1521.    margin-left: 100px;
  1522. }
  1523.  
  1524. .prose :where(li :is(ol, ul)):not(:where([class~="not-prose"] *)) {
  1525.    margin-top: 1rem;
  1526.    margin-bottom: 1rem;
  1527. }
  1528.  
  1529. .prose :where(li :is(li, p)):not(:where([class~="not-prose"] *)) {
  1530.    margin-top: 0.75rem;
  1531.    margin-bottom: 0.75rem;
  1532. }
  1533.  
  1534. .prose :where(ul > li):not(:where([class~="not-prose"] *)):before {
  1535.    content: "";
  1536.    width: 0.75em;
  1537.    height: 0.125em;
  1538.    position: absolute;
  1539.    top: 5.75px;
  1540.    left: 0;
  1541.    border-radius: 999px;
  1542.    background-color: #f97316;
  1543. }
  1544.  
  1545. .prose :where(a:hover):not(:where([class~="not-prose"] *)) {
  1546.    border-bottom-width: 2px;
  1547. }
  1548.  
  1549. .prose :where(p + pre):not(:where([class~="not-prose"] *)) {
  1550.    margin-top: -0.2857142857142857em;
  1551. }
  1552.  
  1553. .prose :where(pre + pre):not(:where([class~="not-prose"] *)) {
  1554.    margin-top: -1.1428571428571428em;
  1555. }
  1556.  
  1557. .prose :where(tbody code):not(:where([class~="not-prose"] *)) {
  1558.    font-size: 0.75rem;
  1559. }
  1560.  
  1561. .prose :where(figure figcaption):not(:where([class~="not-prose"] *)) {
  1562.    text-align: center;
  1563.    font-style: italic;
  1564. }
  1565.  
  1566. .prose :where(figure > figcaption):not(:where([class~="not-prose"] *)) {
  1567.    margin-top: 0.8571428571428571em;
  1568. }
  1569.  
  1570. .prose-sm {
  1571.    font-size: 0.875rem;
  1572.    line-height: 1.7142857;
  1573. }
  1574.  
  1575. .prose-sm :where(p):not(:where([class~="not-prose"] *)) {
  1576.    margin-top: 1.1428571em;
  1577.    margin-bottom: 1.1428571em;
  1578. }
  1579.  
  1580. .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  1581.    font-size: 1.2857143em;
  1582.    line-height: 1.5555556;
  1583.    margin-top: 0.8888889em;
  1584.    margin-bottom: 0.8888889em;
  1585. }
  1586.  
  1587. .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
  1588.    margin-top: 1.3333333em;
  1589.    margin-bottom: 1.3333333em;
  1590.    padding-left: 1.1111111em;
  1591. }
  1592.  
  1593. .prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
  1594.    font-size: 2.1428571em;
  1595.    margin-top: 0;
  1596.    margin-bottom: 0.8em;
  1597.    line-height: 1.2;
  1598. }
  1599.  
  1600. .prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
  1601.    font-size: 1.4285714em;
  1602.    margin-top: 1.6em;
  1603.    margin-bottom: 0.8em;
  1604.    line-height: 1.4;
  1605. }
  1606.  
  1607. .prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
  1608.    font-size: 1.2857143em;
  1609.    margin-top: 1.5555556em;
  1610.    margin-bottom: 0.4444444em;
  1611.    line-height: 1.5555556;
  1612. }
  1613.  
  1614. .prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
  1615.    margin-top: 1.4285714em;
  1616.    margin-bottom: 0.5714286em;
  1617.    line-height: 1.4285714;
  1618. }
  1619.  
  1620. .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
  1621.    margin-top: 1.7142857em;
  1622.    margin-bottom: 1.7142857em;
  1623. }
  1624.  
  1625. .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
  1626.    margin-top: 1.7142857em;
  1627.    margin-bottom: 1.7142857em;
  1628. }
  1629.  
  1630. .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
  1631.    margin-top: 1.7142857em;
  1632.    margin-bottom: 1.7142857em;
  1633. }
  1634.  
  1635. .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
  1636.    margin-top: 0;
  1637.    margin-bottom: 0;
  1638. }
  1639.  
  1640. .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
  1641.    font-size: 0.8571429em;
  1642.    line-height: 1.3333333;
  1643.    margin-top: 0.6666667em;
  1644. }
  1645.  
  1646. .prose-sm :where(code):not(:where([class~="not-prose"] *)) {
  1647.    font-size: 0.8571429em;
  1648. }
  1649.  
  1650. .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
  1651.    font-size: 0.9em;
  1652. }
  1653.  
  1654. .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
  1655.    font-size: 0.8888889em;
  1656. }
  1657.  
  1658. .prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
  1659.    font-size: 0.8571429em;
  1660.    line-height: 1.6666667;
  1661.    margin-top: 1.6666667em;
  1662.    margin-bottom: 1.6666667em;
  1663.    border-radius: 0.25rem;
  1664.    padding: 0.6666667em 1em;
  1665. }
  1666.  
  1667. .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
  1668.    margin-top: 1.1428571em;
  1669.    margin-bottom: 1.1428571em;
  1670.    padding-left: 1.5714286em;
  1671. }
  1672.  
  1673. .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
  1674.    margin-top: 1.1428571em;
  1675.    margin-bottom: 1.1428571em;
  1676.    padding-left: 1.5714286em;
  1677. }
  1678.  
  1679. .prose-sm :where(li):not(:where([class~="not-prose"] *)) {
  1680.    margin-top: 0.2857143em;
  1681.    margin-bottom: 0.2857143em;
  1682. }
  1683.  
  1684. .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
  1685.    padding-left: 0.4285714em;
  1686. }
  1687.  
  1688. .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
  1689.    padding-left: 0.4285714em;
  1690. }
  1691.  
  1692. .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
  1693.    margin-top: 0.5714286em;
  1694.    margin-bottom: 0.5714286em;
  1695. }
  1696.  
  1697. .prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  1698.    margin-top: 1.1428571em;
  1699. }
  1700.  
  1701. .prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  1702.    margin-bottom: 1.1428571em;
  1703. }
  1704.  
  1705. .prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  1706.    margin-top: 1.1428571em;
  1707. }
  1708.  
  1709. .prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  1710.    margin-bottom: 1.1428571em;
  1711. }
  1712.  
  1713. .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  1714.    margin-top: 0.5714286em;
  1715.    margin-bottom: 0.5714286em;
  1716. }
  1717.  
  1718. .prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
  1719.    margin-top: 2.8571429em;
  1720.    margin-bottom: 2.8571429em;
  1721. }
  1722.  
  1723. .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
  1724.    margin-top: 0;
  1725. }
  1726.  
  1727. .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
  1728.    margin-top: 0;
  1729. }
  1730.  
  1731. .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
  1732.    margin-top: 0;
  1733. }
  1734.  
  1735. .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
  1736.    margin-top: 0;
  1737. }
  1738.  
  1739. .prose-sm :where(table):not(:where([class~="not-prose"] *)) {
  1740.    font-size: 0.8571429em;
  1741.    line-height: 1.5;
  1742. }
  1743.  
  1744. .prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
  1745.    padding-right: 1em;
  1746.    padding-bottom: 0.6666667em;
  1747.    padding-left: 1em;
  1748. }
  1749.  
  1750. .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  1751.    padding-left: 0;
  1752. }
  1753.  
  1754. .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  1755.    padding-right: 0;
  1756. }
  1757.  
  1758. .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  1759.    padding: 0.6666667em 1em;
  1760. }
  1761.  
  1762. .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  1763.    padding-left: 0;
  1764. }
  1765.  
  1766. .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  1767.    padding-right: 0;
  1768. }
  1769.  
  1770. .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
  1771.    margin-top: 0;
  1772. }
  1773.  
  1774. .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
  1775.    margin-bottom: 0;
  1776. }
  1777.  
  1778. .container {
  1779.    max-width: none;
  1780. }
  1781.  
  1782. @media (min-width: 768px) {
  1783.    .container {
  1784.        max-width: 48rem;
  1785.    }
  1786. }
  1787.  
  1788. @media (min-width: 1024px) {
  1789.    .container {
  1790.        max-width: 64rem;
  1791.    }
  1792. }
  1793.  
  1794. @media (min-width: 1280px) {
  1795.    .container {
  1796.        max-width: 80rem;
  1797.    }
  1798. }
  1799.  
  1800. .sr-only {
  1801.    position: absolute;
  1802.    width: 1px;
  1803.    height: 1px;
  1804.    padding: 0;
  1805.    margin: -1px;
  1806.    overflow: hidden;
  1807.    clip: rect(0, 0, 0, 0);
  1808.    white-space: nowrap;
  1809.    border-width: 0;
  1810. }
  1811.  
  1812. .pointer-events-none {
  1813.    pointer-events: none;
  1814. }
  1815.  
  1816. .pointer-events-auto {
  1817.    pointer-events: auto;
  1818. }
  1819.  
  1820. .visible {
  1821.    visibility: visible;
  1822. }
  1823.  
  1824. .invisible {
  1825.    visibility: hidden;
  1826. }
  1827.  
  1828. .static {
  1829.    position: static;
  1830. }
  1831.  
  1832. .fixed {
  1833.    position: fixed;
  1834. }
  1835.  
  1836. .absolute {
  1837.    position: absolute;
  1838. }
  1839.  
  1840. .relative {
  1841.    position: relative;
  1842. }
  1843.  
  1844. .sticky {
  1845.    position: sticky;
  1846. }
  1847.  
  1848. .inset-0 {
  1849.    top: 0;
  1850.    bottom: 0;
  1851. }
  1852.  
  1853. .inset-0,
  1854. .inset-x-0 {
  1855.    right: 0;
  1856.    left: 0;
  1857. }
  1858.  
  1859. .inset-y-0 {
  1860.    top: 0;
  1861.    bottom: 0;
  1862. }
  1863.  
  1864. .-bottom-10 {
  1865.    bottom: -2.5rem;
  1866. }
  1867.  
  1868. .-bottom-6 {
  1869.    bottom: -1.5rem;
  1870. }
  1871.  
  1872. .-bottom-\[9px\] {
  1873.    bottom: -9px;
  1874. }
  1875.  
  1876. .-left-\[9px\] {
  1877.    left: -9px;
  1878. }
  1879.  
  1880. .-right-\[9px\] {
  1881.    right: -9px;
  1882. }
  1883.  
  1884. .-top-\[9px\] {
  1885.    top: -9px;
  1886. }
  1887.  
  1888. .bottom-0 {
  1889.    bottom: 0;
  1890. }
  1891.  
  1892. .bottom-4 {
  1893.    bottom: 1rem;
  1894. }
  1895.  
  1896. .left-0 {
  1897.    left: 0;
  1898. }
  1899.  
  1900. .left-1\/2 {
  1901.    left: 50%;
  1902. }
  1903.  
  1904. .left-4 {
  1905.    left: 1rem;
  1906. }
  1907.  
  1908. .left-\[100\%\] {
  1909.    left: 100%;
  1910. }
  1911.  
  1912. .left-\[38\%\] {
  1913.    left: 38%;
  1914. }
  1915.  
  1916. .left-\[63\%\] {
  1917.    left: 63%;
  1918. }
  1919.  
  1920. .right-0 {
  1921.    right: 0;
  1922. }
  1923.  
  1924. .right-4 {
  1925.    right: 1rem;
  1926. }
  1927.  
  1928. .top-0 {
  1929.    top: 0;
  1930. }
  1931.  
  1932. .top-1\/2 {
  1933.    top: 50%;
  1934. }
  1935.  
  1936. .top-10 {
  1937.    top: 2.5rem;
  1938. }
  1939.  
  1940. .top-20 {
  1941.    top: 5rem;
  1942. }
  1943.  
  1944. .top-24 {
  1945.    top: 6rem;
  1946. }
  1947.  
  1948. .top-3 {
  1949.    top: 0.75rem;
  1950. }
  1951.  
  1952. .top-3\.5 {
  1953.    top: 0.875rem;
  1954. }
  1955.  
  1956. .top-4 {
  1957.    top: 1rem;
  1958. }
  1959.  
  1960. .-z-10 {
  1961.    z-index: -10;
  1962. }
  1963.  
  1964. .z-10 {
  1965.    z-index: 10;
  1966. }
  1967.  
  1968. .z-20 {
  1969.    z-index: 20;
  1970. }
  1971.  
  1972. .z-30 {
  1973.    z-index: 30;
  1974. }
  1975.  
  1976. .z-40 {
  1977.    z-index: 40;
  1978. }
  1979.  
  1980. .z-50 {
  1981.    z-index: 50;
  1982. }
  1983.  
  1984. .col-span-1 {
  1985.    grid-column: span 1 / span 1;
  1986. }
  1987.  
  1988. .col-span-2 {
  1989.    grid-column: span 2 / span 2;
  1990. }
  1991.  
  1992. .col-span-3 {
  1993.    grid-column: span 3 / span 3;
  1994. }
  1995.  
  1996. .col-span-5 {
  1997.    grid-column: span 5 / span 5;
  1998. }
  1999.  
  2000. .col-span-8 {
  2001.    grid-column: span 8 / span 8;
  2002. }
  2003.  
  2004. .col-span-full {
  2005.    grid-column: 1/-1;
  2006. }
  2007.  
  2008. .col-start-1 {
  2009.    grid-column-start: 1;
  2010. }
  2011.  
  2012. .row-span-3 {
  2013.    grid-row: span 3 / span 3;
  2014. }
  2015.  
  2016. .row-start-2 {
  2017.    grid-row-start: 2;
  2018. }
  2019.  
  2020. .-m-2 {
  2021.    margin: -0.5rem;
  2022. }
  2023.  
  2024. .-m-3 {
  2025.    margin: -0.75rem;
  2026. }
  2027.  
  2028. .-mx-4 {
  2029.    margin-left: -1rem;
  2030.    margin-right: -1rem;
  2031. }
  2032.  
  2033. .-my-6 {
  2034.    margin-top: -1.5rem;
  2035.    margin-bottom: -1.5rem;
  2036. }
  2037.  
  2038. .mx-auto {
  2039.    margin-left: auto;
  2040.    margin-right: auto;
  2041. }
  2042.  
  2043. .my-4 {
  2044.    margin-top: 1rem;
  2045.    margin-bottom: 1rem;
  2046. }
  2047.  
  2048. .my-8 {
  2049.    margin-top: 2rem;
  2050.    margin-bottom: 2rem;
  2051. }
  2052.  
  2053. .\!ml-2 {
  2054.    margin-left: 0.5rem !important;
  2055. }
  2056.  
  2057. .\!mt-0 {
  2058.    margin-top: 0 !important;
  2059. }
  2060.  
  2061. .-mb-14 {
  2062.    margin-bottom: -3.5rem;
  2063. }
  2064.  
  2065. .-mb-px {
  2066.    margin-bottom: -23px;
  2067. }
  2068.  
  2069. .-ml-1 {
  2070.    margin-left: -0.25rem;
  2071. }
  2072.  
  2073. .-ml-2 {
  2074.    margin-left: -0.5rem;
  2075. }
  2076.  
  2077. .-mr-1 {
  2078.    margin-right: -0.25rem;
  2079. }
  2080.  
  2081. .-mr-2 {
  2082.    margin-right: -0.5rem;
  2083. }
  2084.  
  2085. .-mt-16 {
  2086.    margin-top: -4rem;
  2087. }
  2088.  
  2089. .-mt-2 {
  2090.    margin-top: -0.5rem;
  2091. }
  2092.  
  2093. .-mt-3 {
  2094.    margin-top: -0.75rem;
  2095. }
  2096.  
  2097. .-mt-4 {
  2098.    margin-top: -1rem;
  2099. }
  2100.  
  2101. .-mt-8 {
  2102.    margin-top: -2rem;
  2103. }
  2104.  
  2105. .-mt-\[60px\] {
  2106.    margin-top: -60px;
  2107. }
  2108.  
  2109. .mb-2 {
  2110.    margin-bottom: 0.5rem;
  2111. }
  2112.  
  2113. .mb-2\.5 {
  2114.    margin-bottom: 0.625rem;
  2115. }
  2116.  
  2117. .mb-3 {
  2118.    margin-bottom: 0.75rem;
  2119. }
  2120.  
  2121. .mb-4 {
  2122.    margin-bottom: 1rem;
  2123. }
  2124.  
  2125. .mb-6 {
  2126.    margin-bottom: 1.5rem;
  2127. }
  2128.  
  2129. .mb-8 {
  2130.    margin-bottom: 2rem;
  2131. }
  2132.  
  2133. .ml-2 {
  2134.    margin-left: 0.5rem;
  2135. }
  2136.  
  2137. .ml-3 {
  2138.    margin-left: 0.75rem;
  2139. }
  2140.  
  2141. .ml-4 {
  2142.    margin-left: 1rem;
  2143. }
  2144.  
  2145. .ml-6 {
  2146.    margin-left: 1.5rem;
  2147. }
  2148.  
  2149. .ml-8 {
  2150.    margin-left: 2rem;
  2151. }
  2152.  
  2153. .ml-\[8\.5rem\] {
  2154.    margin-left: 8.5rem;
  2155. }
  2156.  
  2157. .ml-auto {
  2158.    margin-left: auto;
  2159. }
  2160.  
  2161. .mr-1 {
  2162.    margin-right: 0.25rem;
  2163. }
  2164.  
  2165. .mr-3 {
  2166.    margin-right: 0.75rem;
  2167. }
  2168.  
  2169. .mt-0 {
  2170.    margin-top: 0;
  2171. }
  2172.  
  2173. .mt-0\.5 {
  2174.    margin-top: 0.125rem;
  2175. }
  2176.  
  2177. .mt-1 {
  2178.    margin-top: 0.25rem;
  2179. }
  2180.  
  2181. .mt-10 {
  2182.    margin-top: 2.5rem;
  2183. }
  2184.  
  2185. .mt-12 {
  2186.    margin-top: 3rem;
  2187. }
  2188.  
  2189. .mt-16 {
  2190.    margin-top: 4rem;
  2191. }
  2192.  
  2193. .mt-2 {
  2194.    margin-top: 0.5rem;
  2195. }
  2196.  
  2197. .mt-3 {
  2198.    margin-top: 0.75rem;
  2199. }
  2200.  
  2201. .mt-4 {
  2202.    margin-top: 1rem;
  2203. }
  2204.  
  2205. .mt-5 {
  2206.    margin-top: 1.25rem;
  2207. }
  2208.  
  2209. .mt-6 {
  2210.    margin-top: 1.5rem;
  2211. }
  2212.  
  2213. .mt-8 {
  2214.    margin-top: 2rem;
  2215. }
  2216.  
  2217. .mt-\[4\.25rem\] {
  2218.    margin-top: 4.25rem;
  2219. }
  2220.  
  2221. .block {
  2222.    display: block;
  2223. }
  2224.  
  2225. .inline-block {
  2226.    display: inline-block;
  2227. }
  2228.  
  2229. .flex {
  2230.    display: flex;
  2231. }
  2232.  
  2233. .inline-flex {
  2234.    display: inline-flex;
  2235. }
  2236.  
  2237. .\!table {
  2238.    display: table !important;
  2239. }
  2240.  
  2241. .table {
  2242.    display: table;
  2243. }
  2244.  
  2245. .table-cell {
  2246.    display: table-cell;
  2247. }
  2248.  
  2249. .flow-root {
  2250.    display: flow-root;
  2251. }
  2252.  
  2253. .grid {
  2254.    display: grid;
  2255. }
  2256.  
  2257. .contents {
  2258.    display: contents;
  2259. }
  2260.  
  2261. .hidden {
  2262.    display: none;
  2263. }
  2264.  
  2265. .aspect-\[1080\/424\] {
  2266.    aspect-ratio: 1080/424;
  2267. }
  2268.  
  2269. .aspect-\[4\/6\] {
  2270.    aspect-ratio: 4/6;
  2271. }
  2272.  
  2273. .aspect-\[6\/2\] {
  2274.    aspect-ratio: 6/2;
  2275. }
  2276.  
  2277. .aspect-square {
  2278.    aspect-ratio: 1/1;
  2279. }
  2280.  
  2281. .h-1 {
  2282.    height: 0.25rem;
  2283. }
  2284.  
  2285. .h-1\.5 {
  2286.    height: 0.375rem;
  2287. }
  2288.  
  2289. .h-10 {
  2290.    height: 2.5rem;
  2291. }
  2292.  
  2293. .h-12 {
  2294.    height: 3rem;
  2295. }
  2296.  
  2297. .h-14 {
  2298.    height: 3.5rem;
  2299. }
  2300.  
  2301. .h-16 {
  2302.    height: 4rem;
  2303. }
  2304.  
  2305. .h-2 {
  2306.    height: 0.5rem;
  2307. }
  2308.  
  2309. .h-2\.5 {
  2310.    height: 0.625rem;
  2311. }
  2312.  
  2313. .h-3 {
  2314.    height: 0.75rem;
  2315. }
  2316.  
  2317. .h-3\.5 {
  2318.    height: 0.875rem;
  2319. }
  2320.  
  2321. .h-32 {
  2322.    height: 8rem;
  2323. }
  2324.  
  2325. .h-4 {
  2326.    height: 1rem;
  2327. }
  2328.  
  2329. .h-44 {
  2330.    height: 11rem;
  2331. }
  2332.  
  2333. .h-5 {
  2334.    height: 1.25rem;
  2335. }
  2336.  
  2337. .h-56 {
  2338.    height: 14rem;
  2339. }
  2340.  
  2341. .h-6 {
  2342.    height: 1.5rem;
  2343. }
  2344.  
  2345. .h-64 {
  2346.    height: 16rem;
  2347. }
  2348.  
  2349. .h-7 {
  2350.    height: 1.75rem;
  2351. }
  2352.  
  2353. .h-8 {
  2354.    height: 2rem;
  2355. }
  2356.  
  2357. .h-9 {
  2358.    height: 2.25rem;
  2359. }
  2360.  
  2361. .h-\[265px\] {
  2362.    height: 265px;
  2363. }
  2364.  
  2365. .h-\[30rem\] {
  2366.    height: 30rem;
  2367. }
  2368.  
  2369. .h-\[4\.25rem\] {
  2370.    height: 4.25rem;
  2371. }
  2372.  
  2373. .h-\[60px\] {
  2374.    height: 60px;
  2375. }
  2376.  
  2377. .h-full {
  2378.    height: 100%;
  2379. }
  2380.  
  2381. .h-px {
  2382.    height: 1px;
  2383. }
  2384.  
  2385. .h-screen {
  2386.    height: 100vh;
  2387. }
  2388.  
  2389. .max-h-0 {
  2390.    max-height: 0;
  2391. }
  2392.  
  2393. .max-h-80 {
  2394.    max-height: 20rem;
  2395. }
  2396.  
  2397. .max-h-screen {
  2398.    max-height: 100vh;
  2399. }
  2400.  
  2401. .min-h-\[120px\] {
  2402.    min-height: 120px;
  2403. }
  2404.  
  2405. .min-h-full {
  2406.    min-height: 100%;
  2407. }
  2408.  
  2409. .min-h-screen {
  2410.    min-height: 100vh;
  2411. }
  2412.  
  2413. .w-0 {
  2414.    width: 0;
  2415. }
  2416.  
  2417. .w-1 {
  2418.    width: 0.25rem;
  2419. }
  2420.  
  2421. .w-1\.5 {
  2422.    width: 0.375rem;
  2423. }
  2424.  
  2425. .w-1\/2 {
  2426.    width: 50%;
  2427. }
  2428.  
  2429. .w-1\/4 {
  2430.    width: 25%;
  2431. }
  2432.  
  2433. .w-10 {
  2434.    width: 2.5rem;
  2435. }
  2436.  
  2437. .w-12 {
  2438.    width: 3rem;
  2439. }
  2440.  
  2441. .w-14 {
  2442.    width: 3.5rem;
  2443. }
  2444.  
  2445. .w-2 {
  2446.    width: 0.5rem;
  2447. }
  2448.  
  2449. .w-24 {
  2450.    width: 6rem;
  2451. }
  2452.  
  2453. .w-28 {
  2454.    width: 7rem;
  2455. }
  2456.  
  2457. .w-3 {
  2458.    width: 0.75rem;
  2459. }
  2460.  
  2461. .w-3\.5 {
  2462.    width: 0.875rem;
  2463. }
  2464.  
  2465. .w-32 {
  2466.    width: 8rem;
  2467. }
  2468.  
  2469. .w-36 {
  2470.    width: 9rem;
  2471. }
  2472.  
  2473. .w-4 {
  2474.    width: 1rem;
  2475. }
  2476.  
  2477. .w-48 {
  2478.    width: 12rem;
  2479. }
  2480.  
  2481. .w-5 {
  2482.    width: 1.25rem;
  2483. }
  2484.  
  2485. .w-56 {
  2486.    width: 14rem;
  2487. }
  2488.  
  2489. .w-6 {
  2490.    width: 1.5rem;
  2491. }
  2492.  
  2493. .w-64 {
  2494.    width: 16rem;
  2495. }
  2496.  
  2497. .w-7 {
  2498.    width: 1.75rem;
  2499. }
  2500.  
  2501. .w-8 {
  2502.    width: 2rem;
  2503. }
  2504.  
  2505. .w-9 {
  2506.    width: 2.25rem;
  2507. }
  2508.  
  2509. .w-\[4rem\] {
  2510.    width: 4rem;
  2511. }
  2512.  
  2513. .w-auto {
  2514.    width: auto;
  2515. }
  2516.  
  2517. .w-full {
  2518.    width: 100%;
  2519. }
  2520.  
  2521. .w-px {
  2522.    width: 1px;
  2523. }
  2524.  
  2525. .w-screen {
  2526.    width: 100vw;
  2527. }
  2528.  
  2529. .w-square-diagonal {
  2530.    width: 141.42%;
  2531. }
  2532.  
  2533. .min-w-full {
  2534.    min-width: 100%;
  2535. }
  2536.  
  2537. .\!max-w-\[8rem\] {
  2538.    max-width: 8rem !important;
  2539. }
  2540.  
  2541. .max-w-2xl {
  2542.    max-width: 42rem;
  2543. }
  2544.  
  2545. .max-w-3xl {
  2546.    max-width: 48rem;
  2547. }
  2548.  
  2549. .max-w-5xl {
  2550.    max-width: 64rem;
  2551. }
  2552.  
  2553. .max-w-\[172px\] {
  2554.    max-width: 172px;
  2555. }
  2556.  
  2557. .max-w-\[360px\] {
  2558.    max-width: 360px;
  2559. }
  2560.  
  2561. .max-w-\[calc\(100\%-50px\)\] {
  2562.    max-width: calc(100% - 50px);
  2563. }
  2564.  
  2565. .max-w-md {
  2566.    max-width: 28rem;
  2567. }
  2568.  
  2569. .max-w-xl {
  2570.    max-width: 36rem;
  2571. }
  2572.  
  2573. .max-w-xs {
  2574.    max-width: 20rem;
  2575. }
  2576.  
  2577. .flex-1 {
  2578.    flex: 1 1 0%;
  2579. }
  2580.  
  2581. .flex-auto {
  2582.    flex: 1 1 auto;
  2583. }
  2584.  
  2585. .flex-none {
  2586.    flex: none;
  2587. }
  2588.  
  2589. .flex-shrink-0 {
  2590.    flex-shrink: 0;
  2591. }
  2592.  
  2593. .grow {
  2594.    flex-grow: 1;
  2595. }
  2596.  
  2597. .origin-bottom-left {
  2598.    transform-origin: bottom left;
  2599. }
  2600.  
  2601. .origin-bottom-right {
  2602.    transform-origin: bottom right;
  2603. }
  2604.  
  2605. .origin-top-left {
  2606.    transform-origin: top left;
  2607. }
  2608.  
  2609. .origin-top-right {
  2610.    transform-origin: top right;
  2611. }
  2612.  
  2613. .-translate-x-1\/2 {
  2614.    --tw-translate-x: -50%;
  2615. }
  2616.  
  2617. .-translate-x-1\/2,
  2618. .-translate-x-full {
  2619.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2620. }
  2621.  
  2622. .-translate-x-full {
  2623.    --tw-translate-x: -100%;
  2624. }
  2625.  
  2626. .translate-x-0 {
  2627.    --tw-translate-x: 0px;
  2628. }
  2629.  
  2630. .translate-x-0,
  2631. .translate-y-0 {
  2632.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2633. }
  2634.  
  2635. .translate-y-0 {
  2636.    --tw-translate-y: 0px;
  2637. }
  2638.  
  2639. .translate-y-1 {
  2640.    --tw-translate-y: 0.25rem;
  2641. }
  2642.  
  2643. .translate-y-1,
  2644. .translate-y-4 {
  2645.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2646. }
  2647.  
  2648. .translate-y-4 {
  2649.    --tw-translate-y: 1rem;
  2650. }
  2651.  
  2652. .-rotate-45 {
  2653.    --tw-rotate: -45deg;
  2654. }
  2655.  
  2656. .-rotate-45,
  2657. .rotate-180 {
  2658.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2659. }
  2660.  
  2661. .rotate-180 {
  2662.    --tw-rotate: 180deg;
  2663. }
  2664.  
  2665. .rotate-45 {
  2666.    --tw-rotate: 45deg;
  2667. }
  2668.  
  2669. .rotate-45,
  2670. .rotate-90 {
  2671.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2672. }
  2673.  
  2674. .rotate-90 {
  2675.    --tw-rotate: 90deg;
  2676. }
  2677.  
  2678. .scale-100 {
  2679.    --tw-scale-x: 1;
  2680.    --tw-scale-y: 1;
  2681. }
  2682.  
  2683. .scale-100,
  2684. .scale-75 {
  2685.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2686. }
  2687.  
  2688. .scale-75 {
  2689.    --tw-scale-x: 0.75;
  2690.    --tw-scale-y: 0.75;
  2691. }
  2692.  
  2693. .scale-95 {
  2694.    --tw-scale-x: 0.95;
  2695.    --tw-scale-y: 0.95;
  2696. }
  2697.  
  2698. .scale-95,
  2699. .transform {
  2700.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2701. }
  2702.  
  2703. @keyframes  enter {
  2704.    0% {
  2705.        transform: scale(0.9);
  2706.        opacity: 0;
  2707.    }
  2708.  
  2709.    to {
  2710.        transform: scale(1);
  2711.        opacity: 1;
  2712.    }
  2713. }
  2714.  
  2715. .animate-enter {
  2716.    animation: enter 0.2s ease-out;
  2717. }
  2718.  
  2719. @keyframes  leave {
  2720.    0% {
  2721.        transform: scale(1);
  2722.        opacity: 1;
  2723.    }
  2724.  
  2725.    to {
  2726.        transform: scale(0.9);
  2727.        opacity: 0;
  2728.    }
  2729. }
  2730.  
  2731. .animate-leave {
  2732.    animation: leave 0.15s ease-in forwards;
  2733. }
  2734.  
  2735. @keyframes  pulse {
  2736.    50% {
  2737.        opacity: 0.5;
  2738.    }
  2739. }
  2740.  
  2741. .animate-pulse {
  2742.    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  2743. }
  2744.  
  2745. @keyframes  spin {
  2746.    to {
  2747.        transform: rotate(1turn);
  2748.    }
  2749. }
  2750.  
  2751. .animate-spin {
  2752.    animation: spin 1s linear infinite;
  2753. }
  2754.  
  2755. .\!cursor-pointer {
  2756.    cursor: pointer !important;
  2757. }
  2758.  
  2759. .cursor-default {
  2760.    cursor: default;
  2761. }
  2762.  
  2763. .cursor-pointer {
  2764.    cursor: pointer;
  2765. }
  2766.  
  2767. .select-none {
  2768.    -webkit-user-select: none;
  2769.    -moz-user-select: none;
  2770.    user-select: none;
  2771. }
  2772.  
  2773. .scroll-py-2 {
  2774.    scroll-padding-top: 0.5rem;
  2775.    scroll-padding-bottom: 0.5rem;
  2776. }
  2777.  
  2778. .list-\[\'\2705\'\] {
  2779.    list-style-type: "✅";
  2780. }
  2781. .list-disc {
  2782.    list-style-type: disc;
  2783. }
  2784. .appearance-none {
  2785.    -webkit-appearance: none;
  2786.    -moz-appearance: none;
  2787.    appearance: none;
  2788. }
  2789. .grid-cols-1 {
  2790.    grid-template-columns: repeat(1, minmax(0, 1fr));
  2791. }
  2792. .grid-cols-2 {
  2793.    grid-template-columns: repeat(2, minmax(0, 1fr));
  2794. }
  2795. .grid-cols-3 {
  2796.    grid-template-columns: repeat(3, minmax(0, 1fr));
  2797. }
  2798. .grid-cols-4 {
  2799.    grid-template-columns: repeat(4, minmax(0, 1fr));
  2800. }
  2801. .grid-cols-8 {
  2802.    grid-template-columns: repeat(8, minmax(0, 1fr));
  2803. }
  2804. .flex-row-reverse {
  2805.    flex-direction: row-reverse;
  2806. }
  2807. .flex-col {
  2808.    flex-direction: column;
  2809. }
  2810. .flex-col-reverse {
  2811.    flex-direction: column-reverse;
  2812. }
  2813. .place-items-center {
  2814.    place-items: center;
  2815. }
  2816. .content-start {
  2817.    align-content: flex-start;
  2818. }
  2819. .items-start {
  2820.    align-items: flex-start;
  2821. }
  2822. .items-end {
  2823.    align-items: flex-end;
  2824. }
  2825. .items-center {
  2826.    align-items: center;
  2827. }
  2828. .justify-start {
  2829.    justify-content: flex-start;
  2830. }
  2831. .justify-end {
  2832.    justify-content: flex-end;
  2833. }
  2834. .justify-center {
  2835.    justify-content: center;
  2836. }
  2837. .justify-between {
  2838.    justify-content: space-between;
  2839. }
  2840. .gap-1 {
  2841.    gap: 0.25rem;
  2842. }
  2843. .gap-2 {
  2844.    gap: 0.5rem;
  2845. }
  2846. .gap-3 {
  2847.    gap: 0.75rem;
  2848. }
  2849. .gap-4 {
  2850.    gap: 1rem;
  2851. }
  2852. .gap-6 {
  2853.    gap: 1.5rem;
  2854. }
  2855. .gap-8 {
  2856.    gap: 2rem;
  2857. }
  2858. .gap-x-1 {
  2859.    -moz-column-gap: 0.25rem;
  2860.    column-gap: 0.25rem;
  2861. }
  2862. .gap-x-1\.5 {
  2863.    -moz-column-gap: 0.375rem;
  2864.    column-gap: 0.375rem;
  2865. }
  2866. .gap-x-2 {
  2867.    -moz-column-gap: 0.5rem;
  2868.    column-gap: 0.5rem;
  2869. }
  2870. .gap-x-4 {
  2871.    -moz-column-gap: 1rem;
  2872.    column-gap: 1rem;
  2873. }
  2874. .gap-x-6 {
  2875.    -moz-column-gap: 1.5rem;
  2876.    column-gap: 1.5rem;
  2877. }
  2878. .gap-x-8 {
  2879.    -moz-column-gap: 2rem;
  2880.    column-gap: 2rem;
  2881. }
  2882. .gap-y-2 {
  2883.    row-gap: 0.5rem;
  2884. }
  2885. .gap-y-3 {
  2886.    row-gap: 0.75rem;
  2887. }
  2888. .gap-y-8 {
  2889.    row-gap: 2rem;
  2890. }
  2891. .-space-y-px > :not([hidden]) ~ :not([hidden]) {
  2892.    --tw-space-y-reverse: 0;
  2893.    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  2894.    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  2895. }
  2896. .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  2897.    --tw-space-x-reverse: 0;
  2898.    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  2899.    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  2900. }
  2901. .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  2902.    --tw-space-x-reverse: 0;
  2903.    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  2904.    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  2905. }
  2906. .space-x-3 > :not([hidden]) ~ :not([hidden]) {
  2907.    --tw-space-x-reverse: 0;
  2908.    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  2909.    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  2910. }
  2911. .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  2912.    --tw-space-x-reverse: 0;
  2913.    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  2914.    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  2915. }
  2916. .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  2917.    --tw-space-x-reverse: 0;
  2918.    margin-right: calc(1rem * var(--tw-space-x-reverse));
  2919.    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  2920. }
  2921. .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  2922.    --tw-space-x-reverse: 0;
  2923.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  2924.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  2925. }
  2926. .space-x-8 > :not([hidden]) ~ :not([hidden]) {
  2927.    --tw-space-x-reverse: 0;
  2928.    margin-right: calc(2rem * var(--tw-space-x-reverse));
  2929.    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  2930. }
  2931. .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  2932.    --tw-space-y-reverse: 0;
  2933.    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  2934.    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  2935. }
  2936. .space-y-12 > :not([hidden]) ~ :not([hidden]) {
  2937.    --tw-space-y-reverse: 0;
  2938.    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  2939.    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  2940. }
  2941. .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  2942.    --tw-space-y-reverse: 0;
  2943.    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  2944.    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  2945. }
  2946. .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  2947.    --tw-space-y-reverse: 0;
  2948.    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  2949.    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  2950. }
  2951. .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  2952.    --tw-space-y-reverse: 0;
  2953.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  2954.    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  2955. }
  2956. .space-y-6 > :not([hidden]) ~ :not([hidden]) {
  2957.    --tw-space-y-reverse: 0;
  2958.    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  2959.    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  2960. }
  2961. .space-y-8 > :not([hidden]) ~ :not([hidden]) {
  2962.    --tw-space-y-reverse: 0;
  2963.    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  2964.    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  2965. }
  2966. .divide-x > :not([hidden]) ~ :not([hidden]) {
  2967.    --tw-divide-x-reverse: 0;
  2968.    border-right-width: calc(1px * var(--tw-divide-x-reverse));
  2969.    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  2970. }
  2971. .divide-y > :not([hidden]) ~ :not([hidden]) {
  2972.    --tw-divide-y-reverse: 0;
  2973.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  2974.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  2975. }
  2976. .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  2977.    --tw-divide-opacity: 1;
  2978.    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
  2979. }
  2980. .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  2981.    --tw-divide-opacity: 1;
  2982.    border-color: rgb(107 114 128 / var(--tw-divide-opacity));
  2983. }
  2984. .divide-murky-500 > :not([hidden]) ~ :not([hidden]) {
  2985.    --tw-divide-opacity: 1;
  2986.    border-color: rgb(94 102 110 / var(--tw-divide-opacity));
  2987. }
  2988. .divide-murky-600 > :not([hidden]) ~ :not([hidden]) {
  2989.    --tw-divide-opacity: 1;
  2990.    border-color: rgb(74 81 87 / var(--tw-divide-opacity));
  2991. }
  2992. .divide-murky-800 > :not([hidden]) ~ :not([hidden]) {
  2993.    --tw-divide-opacity: 1;
  2994.    border-color: rgb(52 55 59 / var(--tw-divide-opacity));
  2995. }
  2996. .divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
  2997.    --tw-divide-opacity: 0.1;
  2998. }
  2999. .overflow-auto {
  3000.    overflow: auto;
  3001. }
  3002. .overflow-hidden {
  3003.    overflow: hidden;
  3004. }
  3005. .overflow-x-auto {
  3006.    overflow-x: auto;
  3007. }
  3008. .overflow-y-auto {
  3009.    overflow-y: auto;
  3010. }
  3011. .truncate {
  3012.    overflow: hidden;
  3013.    text-overflow: ellipsis;
  3014. }
  3015. .truncate,
  3016. .whitespace-nowrap {
  3017.    white-space: nowrap;
  3018. }
  3019. .whitespace-pre {
  3020.    white-space: pre;
  3021. }
  3022. .break-words {
  3023.    overflow-wrap: break-word;
  3024. }
  3025. .\!rounded-2xl {
  3026.    border-radius: 1rem !important;
  3027. }
  3028. .\!rounded-md {
  3029.    border-radius: 0.375rem !important;
  3030. }
  3031. .rounded {
  3032.    border-radius: 0.25rem;
  3033. }
  3034. .rounded-2xl {
  3035.    border-radius: 1rem;
  3036. }
  3037. .rounded-3xl {
  3038.    border-radius: 1.5rem;
  3039. }
  3040. .rounded-full {
  3041.    border-radius: 9999px;
  3042. }
  3043. .rounded-lg {
  3044.    border-radius: 0.5rem;
  3045. }
  3046. .rounded-md {
  3047.    border-radius: 0.375rem;
  3048. }
  3049. .rounded-none {
  3050.    border-radius: 0;
  3051. }
  3052. .rounded-sm {
  3053.    border-radius: 0.125rem;
  3054. }
  3055. .rounded-xl {
  3056.    border-radius: 0.75rem;
  3057. }
  3058. .rounded-b-lg {
  3059.    border-bottom-right-radius: 0.5rem;
  3060.    border-bottom-left-radius: 0.5rem;
  3061. }
  3062. .rounded-b-md {
  3063.    border-bottom-right-radius: 0.375rem;
  3064.    border-bottom-left-radius: 0.375rem;
  3065. }
  3066. .rounded-r-lg {
  3067.    border-bottom-right-radius: 0.5rem;
  3068. }
  3069. .rounded-r-lg,
  3070. .rounded-t-lg {
  3071.    border-top-right-radius: 0.5rem;
  3072. }
  3073. .rounded-t-lg {
  3074.    border-top-left-radius: 0.5rem;
  3075. }
  3076. .rounded-tl-xl {
  3077.    border-top-left-radius: 0.75rem;
  3078. }
  3079. .rounded-tr-xl {
  3080.    border-top-right-radius: 0.75rem;
  3081. }
  3082. .\!border-0 {
  3083.    border-width: 0 !important;
  3084. }
  3085. .border {
  3086.    border-width: 1px;
  3087. }
  3088. .border-0 {
  3089.    border-width: 0;
  3090. }
  3091. .border-y {
  3092.    border-top-width: 1px;
  3093. }
  3094. .border-b,
  3095. .border-y {
  3096.    border-bottom-width: 1px;
  3097. }
  3098. .border-b-2 {
  3099.    border-bottom-width: 2px;
  3100. }
  3101. .border-l {
  3102.    border-left-width: 1px;
  3103. }
  3104. .border-l-4 {
  3105.    border-left-width: 4px;
  3106. }
  3107. .border-t {
  3108.    border-top-width: 1px;
  3109. }
  3110. .border-dashed {
  3111.    border-style: dashed;
  3112. }
  3113. .border-cyan-400 {
  3114.    --tw-border-opacity: 1;
  3115.    border-color: rgb(34 211 238 / var(--tw-border-opacity));
  3116. }
  3117. .border-murky-100 {
  3118.    --tw-border-opacity: 1;
  3119.    border-color: rgb(225 228 230 / var(--tw-border-opacity));
  3120. }
  3121. .border-murky-400 {
  3122.    --tw-border-opacity: 1;
  3123.    border-color: rgb(120 129 137 / var(--tw-border-opacity));
  3124. }
  3125. .border-murky-500 {
  3126.    --tw-border-opacity: 1;
  3127.    border-color: rgb(94 102 110 / var(--tw-border-opacity));
  3128. }
  3129. .border-murky-600 {
  3130.    --tw-border-opacity: 1;
  3131.    border-color: rgb(74 81 87 / var(--tw-border-opacity));
  3132. }
  3133. .border-murky-700 {
  3134.    --tw-border-opacity: 1;
  3135.    border-color: rgb(61 67 72 / var(--tw-border-opacity));
  3136. }
  3137. .border-murky-800 {
  3138.    --tw-border-opacity: 1;
  3139.    border-color: rgb(52 55 59 / var(--tw-border-opacity));
  3140. }
  3141. .border-primary-500 {
  3142.    --tw-border-opacity: 1;
  3143.    border-color: #577dff;
  3144. }
  3145. .border-transparent {
  3146.    border-color: transparent;
  3147. }
  3148. .border-yellow-300 {
  3149.    --tw-border-opacity: 1;
  3150.    border-color: rgb(253 224 71 / var(--tw-border-opacity));
  3151. }
  3152. .border-yellow-400 {
  3153.    --tw-border-opacity: 1;
  3154.    border-color: rgb(250 204 21 / var(--tw-border-opacity));
  3155. }
  3156. .\!bg-murky-200 {
  3157.    --tw-bg-opacity: 1 !important;
  3158.    background-color: rgb(195 201 204 / var(--tw-bg-opacity)) !important;
  3159. }
  3160. .\!bg-murky-700 {
  3161.    --tw-bg-opacity: 1 !important;
  3162.    background-color: rgb(61 67 72 / var(--tw-bg-opacity)) !important;
  3163. }
  3164. .bg-amber-300 {
  3165.    --tw-bg-opacity: 1;
  3166.    background-color: rgb(252 211 77 / var(--tw-bg-opacity));
  3167. }
  3168. .bg-amber-500 {
  3169.    --tw-bg-opacity: 1;
  3170.    background-color: rgb(245 158 11 / var(--tw-bg-opacity));
  3171. }
  3172. .bg-black\/25 {
  3173.    background-color: rgba(0, 0, 0, 0.25);
  3174. }
  3175. .bg-blue-400\/10 {
  3176.    background-color: rgba(96, 165, 250, 0.1);
  3177. }
  3178. .bg-blue-50 {
  3179.    --tw-bg-opacity: 1;
  3180.    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
  3181. }
  3182. .bg-cyan-100 {
  3183.    --tw-bg-opacity: 1;
  3184.    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
  3185. }
  3186. .bg-cyan-300 {
  3187.    --tw-bg-opacity: 1;
  3188.    background-color: rgb(103 232 249 / var(--tw-bg-opacity));
  3189. }
  3190. .bg-cyan-500 {
  3191.    --tw-bg-opacity: 1;
  3192.    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  3193. }
  3194. .bg-emerald-200 {
  3195.    --tw-bg-opacity: 1;
  3196.    background-color: rgb(167 243 208 / var(--tw-bg-opacity));
  3197. }
  3198. .bg-emerald-500 {
  3199.    --tw-bg-opacity: 1;
  3200.    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
  3201. }
  3202. .bg-emerald-700 {
  3203.    --tw-bg-opacity: 1;
  3204.    background-color: rgb(4 120 87 / var(--tw-bg-opacity));
  3205. }
  3206. .bg-energy-yellow-400\/10 {
  3207.    background-color: rgba(243, 195, 44, 0.1);
  3208. }
  3209. .bg-gray-500 {
  3210.    --tw-bg-opacity: 1;
  3211.    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  3212. }
  3213. .bg-green-300 {
  3214.    --tw-bg-opacity: 1;
  3215.    background-color: rgb(134 239 172 / var(--tw-bg-opacity));
  3216. }
  3217. .bg-green-50 {
  3218.    --tw-bg-opacity: 1;
  3219.    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
  3220. }
  3221. .bg-green-500 {
  3222.    --tw-bg-opacity: 1;
  3223.    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  3224. }
  3225. .bg-murky-200 {
  3226.    --tw-bg-opacity: 1;
  3227.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  3228. }
  3229. .bg-murky-300 {
  3230.    --tw-bg-opacity: 1;
  3231.    background-color: rgb(157 165 171 / var(--tw-bg-opacity));
  3232. }
  3233. .bg-murky-400 {
  3234.    --tw-bg-opacity: 1;
  3235.    background-color: rgb(120 129 137 / var(--tw-bg-opacity));
  3236. }
  3237. .bg-murky-500 {
  3238.    --tw-bg-opacity: 1;
  3239.    background-color: rgb(94 102 110 / var(--tw-bg-opacity));
  3240. }
  3241. .bg-murky-500\/75 {
  3242.    background-color: rgba(94, 102, 110, 0.75);
  3243. }
  3244. .bg-murky-600 {
  3245.    --tw-bg-opacity: 1;
  3246.    background-color: rgb(74 81 87 / var(--tw-bg-opacity));
  3247. }
  3248. .bg-murky-700 {
  3249.    --tw-bg-opacity: 1;
  3250.    background-color: rgb(61 67 72 / var(--tw-bg-opacity));
  3251. }
  3252. .bg-murky-700\/75 {
  3253.    background-color: rgba(61, 67, 72, 0.75);
  3254. }
  3255. .bg-murky-800 {
  3256.    --tw-bg-opacity: 1;
  3257.    background-color: rgb(52 55 59 / var(--tw-bg-opacity));
  3258. }
  3259. .bg-murky-900 {
  3260.    --tw-bg-opacity: 1;
  3261.    background-color: rgb(30 32 34 / var(--tw-bg-opacity));
  3262. }
  3263. .bg-orange-500 {
  3264.    --tw-bg-opacity: 1;
  3265.    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  3266. }
  3267. .bg-orange-700 {
  3268.    --tw-bg-opacity: 1;
  3269.    background-color: rgb(194 65 12 / var(--tw-bg-opacity));
  3270. }
  3271. .bg-primary-100 {
  3272.    --tw-bg-opacity: 1;
  3273.    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  3274. }
  3275. .bg-primary-400\/10 {
  3276.    background-color: rgba(251, 146, 60, 0.1);
  3277. }
  3278. .bg-primary-500 {
  3279.    --tw-bg-opacity: 1;
  3280.    background-color:var(--warna_2) !important;
  3281. }
  3282. .bg-purple-300 {
  3283.    --tw-bg-opacity: 1;
  3284.    background-color: rgb(216 180 254 / var(--tw-bg-opacity));
  3285. }
  3286. .bg-purple-500 {
  3287.    --tw-bg-opacity: 1;
  3288.    background-color: rgb(168 85 247 / var(--tw-bg-opacity));
  3289. }
  3290. .bg-rose-300 {
  3291.    --tw-bg-opacity: 1;
  3292.    background-color: rgb(253 164 175 / var(--tw-bg-opacity));
  3293. }
  3294. .bg-rose-500 {
  3295.    --tw-bg-opacity: 1;
  3296.    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  3297. }
  3298. .bg-sky-600 {
  3299.    --tw-bg-opacity: 1;
  3300.    background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  3301. }
  3302. .bg-slate-100 {
  3303.    --tw-bg-opacity: 1;
  3304.    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  3305. }
  3306. .bg-slate-400\/10 {
  3307.    background-color: rgba(148, 163, 184, 0.1);
  3308. }
  3309. .bg-transparent {
  3310.    background-color: transparent;
  3311. }
  3312. .bg-white {
  3313.    --tw-bg-opacity: 1;
  3314.    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  3315. }
  3316. .bg-yellow-100 {
  3317.    --tw-bg-opacity: 1;
  3318.    background-color: rgb(254 249 195 / var(--tw-bg-opacity));
  3319. }
  3320. .bg-yellow-300 {
  3321.    --tw-bg-opacity: 1;
  3322.    background-color: rgb(253 224 71 / var(--tw-bg-opacity));
  3323. }
  3324. .bg-yellow-50 {
  3325.    --tw-bg-opacity: 1;
  3326.    background-color: rgb(254 252 232 / var(--tw-bg-opacity));
  3327. }
  3328. .bg-opacity-25 {
  3329.    --tw-bg-opacity: 0.25;
  3330. }
  3331. .bg-opacity-5 {
  3332.    --tw-bg-opacity: 0.05;
  3333. }
  3334. .bg-opacity-75 {
  3335.    --tw-bg-opacity: 0.75;
  3336. }
  3337. .bg-opacity-80 {
  3338.    --tw-bg-opacity: 0.8;
  3339. }
  3340. .bg-gradient-to-b {
  3341.    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  3342. }
  3343. .bg-gradient-to-r {
  3344.    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  3345. }
  3346. .bg-gradient-to-t {
  3347.    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  3348. }
  3349. .bg-gradient-to-tr {
  3350.    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  3351. }
  3352. .from-murky-400 {
  3353.    --tw-gradient-from: #788189;
  3354.    --tw-gradient-to: hsla(208, 7%, 50%, 0);
  3355.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3356. }
  3357. .from-murky-700 {
  3358.    --tw-gradient-from: #3d4348;
  3359.    --tw-gradient-to: rgba(61, 67, 72, 0);
  3360.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3361. }
  3362. .from-murky-800 {
  3363.    --tw-gradient-from: #34373b;
  3364.    --tw-gradient-to: rgba(52, 55, 59, 0);
  3365.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3366. }
  3367. .from-primary-400 {
  3368.    --tw-gradient-from: #fb923c;
  3369.    --tw-gradient-to: rgba(251, 146, 60, 0);
  3370.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3371. }
  3372. .from-primary-500 {
  3373.    --tw-gradient-from: #f97316;
  3374.    --tw-gradient-to: rgba(249, 115, 22, 0);
  3375.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3376. }
  3377. .from-transparent {
  3378.    --tw-gradient-from: transparent;
  3379.    --tw-gradient-to: transparent;
  3380.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3381. }
  3382. .via-murky-800\/75 {
  3383.    --tw-gradient-to: rgba(52, 55, 59, 0);
  3384.    --tw-gradient-stops: var(--tw-gradient-from), rgba(52, 55, 59, 0.75), var(--tw-gradient-to);
  3385. }
  3386. .to-murky-600 {
  3387.    --tw-gradient-to: #4a5157;
  3388. }
  3389. .to-murky-800 {
  3390.    --tw-gradient-to: var(--warna_3);
  3391. }
  3392. .to-murky-800\/75 {
  3393.     --tw-gradient-to: rgba(52, 55, 59, 0.75);
  3394. }
  3395. .to-primary-600 {
  3396.    --tw-gradient-to: #ea580c;
  3397. }
  3398. .to-transparent {
  3399.    --tw-gradient-to: transparent;
  3400. }
  3401. .object-contain {
  3402.    -o-object-fit: contain;
  3403.    object-fit: contain;
  3404. }
  3405. .object-cover {
  3406.    -o-object-fit: cover;
  3407.    object-fit: cover;
  3408. }
  3409. .object-scale-down {
  3410.    -o-object-fit: scale-down;
  3411.    object-fit: scale-down;
  3412. }
  3413. .object-center {
  3414.    -o-object-position: center;
  3415.    object-position: center;
  3416. }
  3417. .object-right {
  3418.    -o-object-position: right;
  3419.    object-position: right;
  3420. }
  3421. .\!p-2 {
  3422.    padding: 0.5rem !important;
  3423. }
  3424. .p-1 {
  3425.    padding: 0.25rem;
  3426. }
  3427. .p-1\.5 {
  3428.    padding: 0.375rem;
  3429. }
  3430. .p-2 {
  3431.    padding: 0.5rem;
  3432. }
  3433. .p-2\.5 {
  3434.    padding: 0.625rem;
  3435. }
  3436. .p-3 {
  3437.    padding: 0.75rem;
  3438. }
  3439. .p-4 {
  3440.    padding: 1rem;
  3441. }
  3442. .p-6 {
  3443.    padding: 1.5rem;
  3444. }
  3445. .p-8 {
  3446.    padding: 2rem;
  3447. }
  3448. .px-0 {
  3449.    padding-left: 0;
  3450.    padding-right: 0;
  3451. }
  3452. .px-2 {
  3453.    padding-left: 0.5rem;
  3454.    padding-right: 0.5rem;
  3455. }
  3456. .px-2\.5 {
  3457.    padding-left: 0.625rem;
  3458.    padding-right: 0.625rem;
  3459. }
  3460. .px-3 {
  3461.    padding-left: 0.75rem;
  3462.    padding-right: 0.75rem;
  3463. }
  3464. .px-3\.5 {
  3465.    padding-left: 0.875rem;
  3466.    padding-right: 0.875rem;
  3467. }
  3468. .px-4 {
  3469.    padding-left: 1rem;
  3470.    padding-right: 1rem;
  3471. }
  3472. .px-6 {
  3473.    padding-left: 1.5rem;
  3474.    padding-right: 1.5rem;
  3475. }
  3476. .px-8 {
  3477.    padding-left: 2rem;
  3478.    padding-right: 2rem;
  3479. }
  3480. .py-0 {
  3481.    padding-top: 0;
  3482.    padding-bottom: 0;
  3483. }
  3484. .py-0\.5 {
  3485.    padding-top: 0.125rem;
  3486.    padding-bottom: 0.125rem;
  3487. }
  3488. .py-1 {
  3489.    padding-top: 0.25rem;
  3490.    padding-bottom: 0.25rem;
  3491. }
  3492. .py-1\.5 {
  3493.    padding-top: 0.375rem;
  3494.    padding-bottom: 0.375rem;
  3495. }
  3496. .py-12 {
  3497.    padding-top: 3rem;
  3498.    padding-bottom: 3rem;
  3499. }
  3500. .py-14 {
  3501.    padding-top: 3.5rem;
  3502.    padding-bottom: 3.5rem;
  3503. }
  3504. .py-16 {
  3505.    padding-top: 4rem;
  3506.    padding-bottom: 4rem;
  3507. }
  3508. .py-2 {
  3509.    padding-top: 0.5rem;
  3510.    padding-bottom: 0.5rem;
  3511. }
  3512. .py-2\.5 {
  3513.    padding-top: 0.625rem;
  3514.    padding-bottom: 0.625rem;
  3515. }
  3516. .py-20 {
  3517.    padding-top: 5rem;
  3518.    padding-bottom: 5rem;
  3519. }
  3520. .py-24 {
  3521.    padding-top: 6rem;
  3522.    padding-bottom: 6rem;
  3523. }
  3524. .py-3 {
  3525.    padding-top: 0.75rem;
  3526.    padding-bottom: 0.75rem;
  3527. }
  3528. .py-3\.5 {
  3529.    padding-top: 0.875rem;
  3530.    padding-bottom: 0.875rem;
  3531. }
  3532. .py-4 {
  3533.    padding-top: 1rem;
  3534.    padding-bottom: 1rem;
  3535. }
  3536. .py-6 {
  3537.    padding-top: 1.5rem;
  3538.    padding-bottom: 1.5rem;
  3539. }
  3540. .py-8 {
  3541.    padding-top: 2rem;
  3542.    padding-bottom: 2rem;
  3543. }
  3544. .\!pl-3 {
  3545.    padding-left: 0.75rem !important;
  3546. }
  3547. .\!pr-4 {
  3548.    padding-right: 1rem !important;
  3549. }
  3550. .pb-0 {
  3551.    padding-bottom: 0;
  3552. }
  3553. .pb-0\.5 {
  3554.    padding-bottom: 0.125rem;
  3555. }
  3556. .pb-1 {
  3557.    padding-bottom: 0.25rem;
  3558. }
  3559. .pb-12 {
  3560.    padding-bottom: 3rem;
  3561. }
  3562. .pb-16 {
  3563.    padding-bottom: 4rem;
  3564. }
  3565. .pb-2 {
  3566.    padding-bottom: 0.5rem;
  3567. }
  3568. .pb-24 {
  3569.    padding-bottom: 6rem;
  3570. }
  3571. .pb-4 {
  3572.    padding-bottom: 1rem;
  3573. }
  3574. .pb-48 {
  3575.    padding-bottom: 12rem;
  3576. }
  3577. .pb-6 {
  3578.    padding-bottom: 1.5rem;
  3579. }
  3580. .pb-8 {
  3581.    padding-bottom: 2rem;
  3582. }
  3583. .pl-1 {
  3584.    padding-left: 0.25rem;
  3585. }
  3586. .pl-11 {
  3587.    padding-left: 2.75rem;
  3588. }
  3589. .pl-3 {
  3590.    padding-left: 0.75rem;
  3591. }
  3592. .pl-4 {
  3593.    padding-left: 1rem;
  3594. }
  3595. .pr-3 {
  3596.    padding-right: 0.75rem;
  3597. }
  3598. .pr-4 {
  3599.    padding-right: 1rem;
  3600. }
  3601. .pt-0 {
  3602.    padding-top: 0;
  3603. }
  3604. .pt-0\.5 {
  3605.    padding-top: 0.125rem;
  3606. }
  3607. .pt-1 {
  3608.    padding-top: 0.25rem;
  3609. }
  3610. .pt-12 {
  3611.    padding-top: 3rem;
  3612. }
  3613. .pt-2 {
  3614.    padding-top: 0.5rem;
  3615. }
  3616. .pt-24 {
  3617.    padding-top: 6rem;
  3618. }
  3619. .pt-3 {
  3620.    padding-top: 0.75rem;
  3621. }
  3622. .pt-4 {
  3623.    padding-top: 1rem;
  3624. }
  3625. .pt-5 {
  3626.    padding-top: 1.25rem;
  3627. }
  3628. .pt-6 {
  3629.    padding-top: 1.5rem;
  3630. }
  3631. .pt-8 {
  3632.    padding-top: 2rem;
  3633. }
  3634. .pt-px {
  3635.    padding-top: 1px;
  3636. }
  3637. .text-left {
  3638.    text-align: left;
  3639. }
  3640. .text-center {
  3641.    text-align: center;
  3642. }
  3643. .text-right {
  3644.    text-align: right;
  3645. }
  3646. .font-sans {
  3647.    font-family: var(--font-primary), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  3648. }
  3649. .\!text-sm {
  3650.    font-size: 0.875rem !important;
  3651.    line-height: 1.25rem !important;
  3652. }
  3653. .\!text-xs {
  3654.    font-size: 0.75rem !important;
  3655.    line-height: 1rem !important;
  3656. }
  3657. .\!text-xxs {
  3658.    font-size: 0.625rem !important;
  3659. }
  3660. .text-2xl {
  3661.    font-size: 1.5rem;
  3662.    line-height: 2rem;
  3663. }
  3664. .text-3xl {
  3665.    font-size: 1.875rem;
  3666.    line-height: 2.25rem;
  3667. }
  3668. .text-4xl {
  3669.    font-size: 2.25rem;
  3670.    line-height: 2.5rem;
  3671. }
  3672. .text-\[10px\] {
  3673.    font-size: 10px;
  3674. }
  3675. .text-\[24px\] {
  3676.    font-size: 24px;
  3677. }
  3678. .text-base {
  3679.    font-size: 1rem;
  3680.    line-height: 1.5rem;
  3681. }
  3682. .text-lg {
  3683.    font-size: 1.125rem;
  3684.    line-height: 1.75rem;
  3685. }
  3686. .text-sm {
  3687.    font-size: 0.875rem;
  3688.    line-height: 1.25rem;
  3689. }
  3690. .text-xl {
  3691.    font-size: 1.25rem;
  3692.    line-height: 1.75rem;
  3693. }
  3694. .text-xs {
  3695.    font-size: 0.75rem;
  3696.    line-height: 1rem;
  3697. }
  3698. .text-xxs {
  3699.    font-size: 0.625rem;
  3700. }
  3701. .font-bold {
  3702.    font-weight: 700;
  3703. }
  3704. .font-medium {
  3705.    font-weight: 500;
  3706. }
  3707. .font-semibold {
  3708.    font-weight: 600;
  3709. }
  3710. .uppercase {
  3711.    text-transform: uppercase;
  3712. }
  3713. .capitalize {
  3714.    text-transform: capitalize;
  3715. }
  3716. .italic {
  3717.    font-style: italic;
  3718. }
  3719. .leading-4 {
  3720.    line-height: 1rem;
  3721. }
  3722. .leading-5 {
  3723.    line-height: 1.25rem;
  3724. }
  3725. .leading-6 {
  3726.    line-height: 1.5rem;
  3727. }
  3728. .leading-7 {
  3729.    line-height: 1.75rem;
  3730. }
  3731. .leading-8 {
  3732.    line-height: 2rem;
  3733. }
  3734. .leading-relaxed {
  3735.    line-height: 1.625;
  3736. }
  3737. .tracking-tight {
  3738.    letter-spacing: -0.025em;
  3739. }
  3740. .tracking-wider {
  3741.    letter-spacing: 0.05em;
  3742. }
  3743. .\!text-murky-800 {
  3744.    --tw-text-opacity: 1 !important;
  3745.    color: rgb(52 55 59 / var(--tw-text-opacity)) !important;
  3746. }
  3747. .\!text-primary-500 {
  3748.    --tw-text-opacity: 1 !important;
  3749.    color: rgb(249 115 22 / var(--tw-text-opacity)) !important;
  3750. }
  3751. .text-amber-800 {
  3752.    --tw-text-opacity: 1;
  3753.    color: rgb(146 64 14 / var(--tw-text-opacity));
  3754. }
  3755. .text-blue-400 {
  3756.    --tw-text-opacity: 1;
  3757.    color: rgb(96 165 250 / var(--tw-text-opacity));
  3758. }
  3759. .text-blue-700 {
  3760.    --tw-text-opacity: 1;
  3761.    color: rgb(29 78 216 / var(--tw-text-opacity));
  3762. }
  3763. .text-cyan-500 {
  3764.    --tw-text-opacity: 1;
  3765.    color: rgb(6 182 212 / var(--tw-text-opacity));
  3766. }
  3767. .text-cyan-800 {
  3768.    --tw-text-opacity: 1;
  3769.    color: rgb(21 94 117 / var(--tw-text-opacity));
  3770. }
  3771. .text-cyan-900 {
  3772.    --tw-text-opacity: 1;
  3773.    color: rgb(22 78 99 / var(--tw-text-opacity));
  3774. }
  3775. .text-emerald-400 {
  3776.    --tw-text-opacity: 1;
  3777.    color: rgb(52 211 153 / var(--tw-text-opacity));
  3778. }
  3779. .text-emerald-500 {
  3780.    --tw-text-opacity: 1;
  3781.    color: rgb(16 185 129 / var(--tw-text-opacity));
  3782. }
  3783. .text-emerald-900 {
  3784.    --tw-text-opacity: 1;
  3785.    color: rgb(6 78 59 / var(--tw-text-opacity));
  3786. }
  3787. .text-energy-yellow-300 {
  3788.    --tw-text-opacity: 1;
  3789.    color: rgb(246 215 89 / var(--tw-text-opacity));
  3790. }
  3791. .text-energy-yellow-400 {
  3792.    --tw-text-opacity: 1;
  3793.    color: rgb(243 195 44 / var(--tw-text-opacity));
  3794. }
  3795. .text-energy-yellow-500 {
  3796.    --tw-text-opacity: 1;
  3797.    color: rgb(237 164 19 / var(--tw-text-opacity));
  3798. }
  3799. .text-gray-300 {
  3800.    --tw-text-opacity: 1;
  3801.    color: rgb(209 213 219 / var(--tw-text-opacity));
  3802. }
  3803. .text-gray-400 {
  3804.    --tw-text-opacity: 1;
  3805.    color: rgb(156 163 175 / var(--tw-text-opacity));
  3806. }
  3807. .text-gray-500 {
  3808.    --tw-text-opacity: 1;
  3809.    color: rgb(107 114 128 / var(--tw-text-opacity));
  3810. }
  3811. .text-green-400 {
  3812.    --tw-text-opacity: 1;
  3813.    color: rgb(74 222 128 / var(--tw-text-opacity));
  3814. }
  3815. .text-green-500 {
  3816.    --tw-text-opacity: 1;
  3817.    color: rgb(34 197 94 / var(--tw-text-opacity));
  3818. }
  3819. .text-green-800 {
  3820.    --tw-text-opacity: 1;
  3821.    color: rgb(22 101 52 / var(--tw-text-opacity));
  3822. }
  3823. .text-murky-100 {
  3824.    --tw-text-opacity: 1;
  3825.    color: rgb(225 228 230 / var(--tw-text-opacity));
  3826. }
  3827. .text-murky-200 {
  3828.    --tw-text-opacity: 1;
  3829.    color: rgb(195 201 204 / var(--tw-text-opacity));
  3830. }
  3831. .text-murky-300 {
  3832.    --tw-text-opacity: 1;
  3833.    color: rgb(157 165 171 / var(--tw-text-opacity));
  3834. }
  3835. .text-murky-400 {
  3836.    --tw-text-opacity: 1;
  3837.    color: rgb(120 129 137 / var(--tw-text-opacity));
  3838. }
  3839. .text-murky-500 {
  3840.    --tw-text-opacity: 1;
  3841.    color: rgb(94 102 110 / var(--tw-text-opacity));
  3842. }
  3843. .text-murky-600 {
  3844.    --tw-text-opacity: 1;
  3845.    color: rgb(74 81 87 / var(--tw-text-opacity));
  3846. }
  3847. .text-murky-700 {
  3848.    --tw-text-opacity: 1;
  3849.    color: rgb(61 67 72 / var(--tw-text-opacity));
  3850. }
  3851. .text-murky-800 {
  3852.    --tw-text-opacity: 1;
  3853.    color: rgb(52 55 59 / var(--tw-text-opacity));
  3854. }
  3855. .text-murky-900 {
  3856.    --tw-text-opacity: 1;
  3857.    color: rgb(30 32 34 / var(--tw-text-opacity));
  3858. }
  3859. .text-primary-400 {
  3860.    --tw-text-opacity: 1;
  3861.    color: rgb(251 146 60 / var(--tw-text-opacity));
  3862. }
  3863. .text-primary-500 {
  3864.    --tw-text-opacity: 1;
  3865.    color: #b7c5ff;
  3866. }
  3867. .text-primary-600 {
  3868.    --tw-text-opacity: 1;
  3869.    color: rgb(234 88 12 / var(--tw-text-opacity));
  3870. }
  3871. .text-purple-800 {
  3872.    --tw-text-opacity: 1;
  3873.    color: rgb(107 33 168 / var(--tw-text-opacity));
  3874. }
  3875. .text-red-500 {
  3876.    --tw-text-opacity: 1;
  3877.    color: rgb(239 68 68 / var(--tw-text-opacity));
  3878. }
  3879. .text-rose-500 {
  3880.    --tw-text-opacity: 1;
  3881.    color: rgb(244 63 94 / var(--tw-text-opacity));
  3882. }
  3883. .text-rose-800 {
  3884.    --tw-text-opacity: 1;
  3885.    color: rgb(159 18 57 / var(--tw-text-opacity));
  3886. }
  3887. .text-slate-400 {
  3888.    --tw-text-opacity: 1;
  3889.    color: rgb(148 163 184 / var(--tw-text-opacity));
  3890. }
  3891. .text-white {
  3892.    --tw-text-opacity: 1;
  3893.    color: rgb(255 255 255 / var(--tw-text-opacity));
  3894. }
  3895. .text-white\/50 {
  3896.    color: hsla(0, 0%, 100%, 0.5);
  3897. }
  3898. .text-yellow-300 {
  3899.    --tw-text-opacity: 1;
  3900.    color: rgb(253 224 71 / var(--tw-text-opacity));
  3901. }
  3902. .text-yellow-400 {
  3903.    --tw-text-opacity: 1;
  3904.    color: rgb(250 204 21 / var(--tw-text-opacity));
  3905. }
  3906. .text-yellow-500 {
  3907.    --tw-text-opacity: 1;
  3908.    color: rgb(234 179 8 / var(--tw-text-opacity));
  3909. }
  3910. .text-yellow-700 {
  3911.    --tw-text-opacity: 1;
  3912.    color: rgb(161 98 7 / var(--tw-text-opacity));
  3913. }
  3914. .text-yellow-800 {
  3915.    --tw-text-opacity: 1;
  3916.    color: rgb(133 77 14 / var(--tw-text-opacity));
  3917. }
  3918. .text-opacity-40 {
  3919.    --tw-text-opacity: 0.4;
  3920. }
  3921. .underline {
  3922.    text-decoration-line: underline;
  3923. }
  3924. .line-through {
  3925.    text-decoration-line: line-through;
  3926. }
  3927. .decoration-murky-500 {
  3928.    text-decoration-color: #5e666e;
  3929. }
  3930. .decoration-primary-500 {
  3931.    text-decoration-color: #f97316;
  3932. }
  3933. .decoration-rose-500 {
  3934.    text-decoration-color: #f43f5e;
  3935. }
  3936. .decoration-\[0\.9px\] {
  3937.    text-decoration-thickness: 0.9px;
  3938. }
  3939. .underline-offset-2 {
  3940.    text-underline-offset: 2px;
  3941. }
  3942. .antialiased {
  3943.    -webkit-font-smoothing: antialiased;
  3944.    -moz-osx-font-smoothing: grayscale;
  3945. }
  3946. .\!placeholder-murky-800::-moz-placeholder {
  3947.    --tw-placeholder-opacity: 1 !important;
  3948.    color: rgb(52 55 59 / var(--tw-placeholder-opacity)) !important;
  3949. }
  3950. .\!placeholder-murky-800::placeholder {
  3951.    --tw-placeholder-opacity: 1 !important;
  3952.    color: rgb(52 55 59 / var(--tw-placeholder-opacity)) !important;
  3953. }
  3954. .placeholder-murky-200::-moz-placeholder {
  3955.    --tw-placeholder-opacity: 1;
  3956.    color: rgb(195 201 204 / var(--tw-placeholder-opacity));
  3957. }
  3958. .placeholder-murky-200::placeholder {
  3959.    --tw-placeholder-opacity: 1;
  3960.    color: rgb(195 201 204 / var(--tw-placeholder-opacity));
  3961. }
  3962. .accent-murky-800 {
  3963.    accent-color: #34373b;
  3964. }
  3965. .accent-primary-500 {
  3966.    accent-color: #f97316;
  3967. }
  3968. .opacity-0 {
  3969.    opacity: 0;
  3970. }
  3971. .opacity-100 {
  3972.    opacity: 1;
  3973. }
  3974. .opacity-25 {
  3975.    opacity: 0.25;
  3976. }
  3977. .opacity-50 {
  3978.    opacity: 0.5;
  3979. }
  3980. .opacity-75 {
  3981.    opacity: 0.75;
  3982. }
  3983. .shadow {
  3984.    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  3985.    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  3986. }
  3987. .shadow,
  3988. .shadow-2xl {
  3989.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  3990. }
  3991. .shadow-2xl {
  3992.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  3993.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  3994. }
  3995. .shadow-lg {
  3996.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  3997.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  3998. }
  3999. .shadow-lg,
  4000. .shadow-sm {
  4001.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4002. }
  4003. .shadow-sm {
  4004.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  4005.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  4006. }
  4007. .shadow-xl {
  4008.    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  4009.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  4010.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4011. }
  4012. .outline-none {
  4013.    outline: 2px solid transparent;
  4014.    outline-offset: 2px;
  4015. }
  4016. .outline {
  4017.    outline-style: solid;
  4018. }
  4019. .\!ring-0 {
  4020.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  4021.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  4022.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  4023. }
  4024. .ring-1 {
  4025.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4026.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4027. }
  4028. .ring-1,
  4029. .ring-2 {
  4030.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4031. }
  4032. .ring-2 {
  4033.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4034.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4035. }
  4036. .ring-4 {
  4037.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4038.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4039.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4040. }
  4041. .ring-inset {
  4042.    --tw-ring-inset: inset;
  4043. }
  4044. .ring-black {
  4045.    --tw-ring-opacity: 1;
  4046.    --tw-ring-color:var(--warna_3);
  4047. }
  4048. .ring-blue-400\/30 {
  4049.    --tw-ring-color: rgba(96, 165, 250, 0.3);
  4050. }
  4051. .ring-energy-yellow-400\/20 {
  4052.    --tw-ring-color: rgba(243, 195, 44, 0.2);
  4053. }
  4054. .ring-murky-200 {
  4055.    --tw-ring-opacity: 1;
  4056.    --tw-ring-color: rgb(195 201 204 / var(--tw-ring-opacity));
  4057. }
  4058. .ring-murky-500 {
  4059.    --tw-ring-opacity: 1;
  4060.    --tw-ring-color: rgb(94 102 110 / var(--tw-ring-opacity));
  4061. }
  4062. .ring-murky-600 {
  4063.    --tw-ring-opacity: 1;
  4064.    --tw-ring-color: rgb(74 81 87 / var(--tw-ring-opacity));
  4065. }
  4066. .ring-murky-900\/5 {
  4067.    --tw-ring-color: rgba(30, 32, 34, 0.05);
  4068. }
  4069. .ring-orange-200\/20 {
  4070.    --tw-ring-color: hsla(32, 98%, 83%, 0.2);
  4071. }
  4072. .ring-primary-400\/20 {
  4073.    --tw-ring-color: #fff;
  4074. }
  4075. .ring-primary-500 {
  4076.    --tw-ring-opacity: 1;
  4077.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4078. }
  4079. .ring-slate-400\/20 {
  4080.    --tw-ring-color: rgba(148, 163, 184, 0.2);
  4081. }
  4082. .ring-transparent {
  4083.    --tw-ring-color: transparent;
  4084. }
  4085. .ring-opacity-5 {
  4086.    --tw-ring-opacity: 0.05;
  4087. }
  4088. .blur {
  4089.    --tw-blur: blur(8px);
  4090. }
  4091. .blur,
  4092. .grayscale {
  4093.    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  4094. }
  4095. .grayscale {
  4096.    --tw-grayscale: grayscale(100%);
  4097. }
  4098. .filter {
  4099.    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  4100. }
  4101. .backdrop-blur {
  4102.    --tw-backdrop-blur: blur(8px);
  4103. }
  4104. .backdrop-blur,
  4105. .backdrop-blur-sm {
  4106.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  4107.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4108.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  4109.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4110. }
  4111. .backdrop-blur-sm {
  4112.    --tw-backdrop-blur: blur(4px);
  4113. }
  4114. .backdrop-filter {
  4115.    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  4116.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4117.    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
  4118.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4119. }
  4120. .transition {
  4121.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  4122.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  4123.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  4124.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4125.    transition-duration: 0.15s;
  4126. }
  4127. .transition-\[max-height\] {
  4128.    transition-property: max-height;
  4129.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4130.    transition-duration: 0.15s;
  4131. }
  4132. .transition-all {
  4133.    transition-property: all;
  4134.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4135.    transition-duration: 0.15s;
  4136. }
  4137. .transition-colors {
  4138.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  4139.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4140.    transition-duration: 0.15s;
  4141. }
  4142. .transition-opacity {
  4143.    transition-property: opacity;
  4144.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4145.    transition-duration: 0.15s;
  4146. }
  4147. .delay-150 {
  4148.    transition-delay: 0.15s;
  4149. }
  4150. .duration-100 {
  4151.    transition-duration: 0.1s;
  4152. }
  4153. .duration-150 {
  4154.    transition-duration: 0.15s;
  4155. }
  4156. .duration-200 {
  4157.    transition-duration: 0.2s;
  4158. }
  4159. .duration-300 {
  4160.    transition-duration: 0.3s;
  4161. }
  4162. .duration-700 {
  4163.    transition-duration: 0.7s;
  4164. }
  4165. .duration-75 {
  4166.    transition-duration: 75ms;
  4167. }
  4168. .ease-in {
  4169.    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  4170. }
  4171. .ease-in-out {
  4172.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4173. }
  4174. .ease-linear {
  4175.    transition-timing-function: linear;
  4176. }
  4177. .ease-out {
  4178.    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  4179. }
  4180. .bj-shadow {
  4181.    --tw-shadow: 0px 0px 14px 4px hsla(0, 0%, 82%, 0.4);
  4182.    --tw-shadow-colored: 0px 0px 14px 4px var(--tw-shadow-color);
  4183. }
  4184. .bj-shadow,
  4185. .btn-order {
  4186.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4187. }
  4188. .btn-order {
  4189.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  4190.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  4191. }
  4192. .btn-order:after {
  4193.    --tw-skew-x: -12deg;
  4194.    animation: hightlight 5s ease-in infinite forwards;
  4195.    background-color: hsla(200, 8%, 78%, 0.5);
  4196.    --tw-content: "";
  4197.    content: var(--tw-content);
  4198. }
  4199. .btn-order:after,
  4200. .selected-item:after {
  4201.    position: absolute;
  4202.    top: 0;
  4203.    z-index: 10;
  4204.    display: block;
  4205.    height: 100%;
  4206.    width: 1em;
  4207.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  4208. }
  4209. .selected-item:after {
  4210.    --tw-skew-x: -12deg;
  4211. }
  4212. @keyframes  hightlight {
  4213.    0% {
  4214.        left: -400%;
  4215.    }
  4216.    to {
  4217.        left: 100%;
  4218.    }
  4219. }
  4220. .selected-item:after {
  4221.    animation: hightlight 5s ease-in infinite forwards;
  4222.    background-color: hsla(204, 9%, 89%, 0.5);
  4223.    --tw-content: "";
  4224.    content: var(--tw-content);
  4225. }
  4226. .product-thumbnail-container {
  4227.    perspective: 25em;
  4228. }
  4229. .product-thumbnail-container img {
  4230.    position: relative;
  4231.    transform: rotateY(20deg) rotateX(-4deg) !important;
  4232.    transform-origin: left center;
  4233. }
  4234. .area {
  4235.    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  4236.    --tw-gradient-from: var(--warna_3);
  4237.    --tw-gradient-to: rgba(30, 32, 34, 0);
  4238.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4239.    --tw-gradient-to: rgba(94, 102, 110, 0);
  4240.    --tw-gradient-stops: var(--tw-gradient-from), #919191, var(--tw-gradient-to);
  4241.    --tw-gradient-to: var(--warna_3);
  4242.    position: relative;
  4243. }
  4244. .area,
  4245. .circles {
  4246.    width: 100%;
  4247.    height: 100%;
  4248. }
  4249. .circles {
  4250.    position: absolute;
  4251.    top: 0;
  4252.    left: 0;
  4253.    overflow: hidden;
  4254. }
  4255. .circles li {
  4256.    position: absolute;
  4257.    display: block;
  4258.    list-style: none;
  4259.    width: 20px;
  4260.    height: 20px;
  4261.    background: hsla(0, 0%, 100%, 0.2);
  4262.    animation: animate 25s linear infinite;
  4263.    bottom: -150px;
  4264. }
  4265. .circles li:first-child {
  4266.    left: 25%;
  4267.    width: 80px;
  4268.    height: 80px;
  4269.    animation-delay: 0s;
  4270. }
  4271. .circles li:nth-child(2) {
  4272.    left: 10%;
  4273.    width: 20px;
  4274.    height: 20px;
  4275.    animation-delay: 2s;
  4276.    animation-duration: 12s;
  4277. }
  4278. .circles li:nth-child(3) {
  4279.    left: 70%;
  4280.    width: 20px;
  4281.    height: 20px;
  4282.    animation-delay: 4s;
  4283. }
  4284. .circles li:nth-child(4) {
  4285.    left: 40%;
  4286.    width: 60px;
  4287.    height: 60px;
  4288.    animation-delay: 0s;
  4289.    animation-duration: 18s;
  4290. }
  4291. .circles li:nth-child(5) {
  4292.    left: 65%;
  4293.    width: 20px;
  4294.    height: 20px;
  4295.    animation-delay: 0s;
  4296. }
  4297. .circles li:nth-child(6) {
  4298.    left: 75%;
  4299.    width: 110px;
  4300.    height: 110px;
  4301.    animation-delay: 3s;
  4302. }
  4303. .circles li:nth-child(7) {
  4304.    left: 35%;
  4305.    width: 150px;
  4306.    height: 150px;
  4307.    animation-delay: 7s;
  4308. }
  4309. .circles li:nth-child(8) {
  4310.    left: 50%;
  4311.    width: 25px;
  4312.    height: 25px;
  4313.    animation-delay: 10s;
  4314.    animation-duration: 45s;
  4315. }
  4316. .circles li:nth-child(9) {
  4317.    left: 20%;
  4318.    width: 15px;
  4319.    height: 15px;
  4320.    animation-delay: 2s;
  4321.    animation-duration: 35s;
  4322. }
  4323. .circles li:nth-child(10) {
  4324.    left: 85%;
  4325.    width: 150px;
  4326.    height: 150px;
  4327.    animation-delay: 0s;
  4328.    animation-duration: 11s;
  4329. }
  4330. .rectangle {
  4331.    position: absolute;
  4332.    top: 0;
  4333.    left: 0;
  4334.    width: 100%;
  4335.    height: 100%;
  4336.    overflow: hidden;
  4337. }
  4338. .rectangle li {
  4339.    position: absolute;
  4340.    display: block;
  4341.    list-style: none;
  4342.    width: 20px;
  4343.    height: 80px;
  4344.    background: hsla(0, 0%, 100%, 0.2);
  4345.    animation: animate-persegi-panjang 25s linear infinite;
  4346.    bottom: -250px;
  4347. }
  4348. .rectangle li:first-child {
  4349.    left: 25%;
  4350.    width: 80px;
  4351.    height: 80px;
  4352.    animation-delay: 0s;
  4353. }
  4354. .rectangle li:nth-child(2) {
  4355.    left: 10%;
  4356.    width: 20px;
  4357.    height: 80px;
  4358.    animation-delay: 2s;
  4359.    animation-duration: 12s;
  4360. }
  4361. .rectangle li:nth-child(3) {
  4362.    left: 70%;
  4363.    width: 20px;
  4364.    height: 80px;
  4365.    animation-delay: 4s;
  4366. }
  4367. .rectangle li:nth-child(4) {
  4368.    left: 40%;
  4369.    width: 60px;
  4370.    height: 120px;
  4371.    animation-delay: 0s;
  4372.    animation-duration: 18s;
  4373. }
  4374. .rectangle li:nth-child(5) {
  4375.    left: 65%;
  4376.    width: 20px;
  4377.    height: 80px;
  4378.    animation-delay: 0s;
  4379. }
  4380. .rectangle li:nth-child(6) {
  4381.    left: 75%;
  4382.    width: 110px;
  4383.    height: 170px;
  4384.    animation-delay: 3s;
  4385. }
  4386. .rectangle li:nth-child(7) {
  4387.    left: 35%;
  4388.    width: 150px;
  4389.    height: 240px;
  4390.    animation-delay: 7s;
  4391. }
  4392. .rectangle li:nth-child(8) {
  4393.    left: 50%;
  4394.    width: 25px;
  4395.    height: 25px;
  4396.    animation-delay: 10s;
  4397.    animation-duration: 45s;
  4398. }
  4399. .rectangle li:nth-child(9) {
  4400.    left: 20%;
  4401.    width: 15px;
  4402.    height: 40px;
  4403.    animation-delay: 2s;
  4404.    animation-duration: 35s;
  4405. }
  4406. .rectangle li:nth-child(10) {
  4407.    left: 85%;
  4408.    width: 150px;
  4409.    height: 270px;
  4410.    animation-delay: 0s;
  4411.    animation-duration: 11s;
  4412. }
  4413. @keyframes  animate {
  4414.    0% {
  4415.        transform: translateY(0) rotate(0deg);
  4416.        opacity: 1;
  4417.        border-radius: 0;
  4418.    }
  4419.    to {
  4420.        transform: translateY(-1000px) rotate(2turn);
  4421.        opacity: 0;
  4422.        border-radius: 50%;
  4423.    }
  4424. }
  4425. @keyframes  animate-persegi-panjang {
  4426.    0% {
  4427.        transform: translateY(0) rotate(0deg);
  4428.        opacity: 1;
  4429.        border-radius: 0;
  4430.    }
  4431.    to {
  4432.        transform: translateY(-1000px) rotate(2turn);
  4433.        opacity: 0;
  4434.        border-radius: 5%;
  4435.    }
  4436. }
  4437. .placeholder\:text-xs::-moz-placeholder {
  4438.    font-size: 0.75rem;
  4439.    line-height: 1rem;
  4440. }
  4441. .placeholder\:text-xs::placeholder {
  4442.    font-size: 0.75rem;
  4443.    line-height: 1rem;
  4444. }
  4445. .placeholder\:text-murky-400::-moz-placeholder {
  4446.    --tw-text-opacity: 1;
  4447.    color: rgb(120 129 137 / var(--tw-text-opacity));
  4448. }
  4449. .placeholder\:text-murky-400::placeholder {
  4450.    --tw-text-opacity: 1;
  4451.    color: rgb(120 129 137 / var(--tw-text-opacity));
  4452. }
  4453. .first\:table-cell:first-child {
  4454.    display: table-cell;
  4455. }
  4456. .first\:pl-4:first-child {
  4457.    padding-left: 1rem;
  4458. }
  4459. .first\:pr-4:first-child {
  4460.    padding-right: 1rem;
  4461. }
  4462. .first\:text-left:first-child {
  4463.    text-align: left;
  4464. }
  4465. .last\:relative:last-child {
  4466.    position: relative;
  4467. }
  4468. .last\:table-cell:last-child {
  4469.    display: table-cell;
  4470. }
  4471. .last\:text-right:last-child {
  4472.    text-align: right;
  4473. }
  4474. .even\:bg-murky-600\/50:nth-child(2n) {
  4475.    background-color: rgba(74, 81, 87, 0.5);
  4476. }
  4477. .hover\:border-primary-500:hover {
  4478.    --tw-border-opacity: 1;
  4479.    border-color: rgb(249 115 22 / var(--tw-border-opacity));
  4480. }
  4481. .hover\:\!bg-murky-600:hover {
  4482.    --tw-bg-opacity: 1 !important;
  4483.    background-color: rgb(74 81 87 / var(--tw-bg-opacity)) !important;
  4484. }
  4485. .hover\:\!bg-murky-800:hover {
  4486.    --tw-bg-opacity: 1 !important;
  4487.    background-color: rgb(52 55 59 / var(--tw-bg-opacity)) !important;
  4488. }
  4489. .hover\:bg-murky-50:hover {
  4490.    --tw-bg-opacity: 1;
  4491.    background-color: rgb(246 246 247 / var(--tw-bg-opacity));
  4492. }
  4493. .hover\:bg-murky-500:hover {
  4494.    --tw-bg-opacity: 1;
  4495.    background-color: rgb(94 102 110 / var(--tw-bg-opacity));
  4496. }
  4497. .hover\:bg-murky-600:hover {
  4498.    --tw-bg-opacity: 1;
  4499.    background-color: rgb(74 81 87 / var(--tw-bg-opacity));
  4500. }
  4501. .hover\:bg-murky-700:hover {
  4502.    --tw-bg-opacity: 1;
  4503.    background-color: rgb(61 67 72 / var(--tw-bg-opacity));
  4504. }
  4505. .hover\:bg-murky-800:hover {
  4506.    --tw-bg-opacity: 1;
  4507.    background-color: rgb(52 55 59 / var(--tw-bg-opacity));
  4508. }
  4509. .hover\:bg-orange-400:hover,
  4510. .hover\:bg-primary-400:hover {
  4511.    --tw-bg-opacity: 1;
  4512.    background-color: rgb(251 146 60 / var(--tw-bg-opacity));
  4513. }
  4514. .hover\:bg-primary-600:hover {
  4515.    --tw-bg-opacity: 1;
  4516.    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  4517. }
  4518. .hover\:from-murky-700:hover {
  4519.    --tw-gradient-from: #3d4348;
  4520.    --tw-gradient-to: rgba(61, 67, 72, 0);
  4521.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4522. }
  4523. .hover\:text-murky-500:hover {
  4524.    --tw-text-opacity: 1;
  4525.    color: rgb(94 102 110 / var(--tw-text-opacity));
  4526. }
  4527. .hover\:text-murky-800:hover {
  4528.    --tw-text-opacity: 1;
  4529.    color: rgb(52 55 59 / var(--tw-text-opacity));
  4530. }
  4531. .hover\:text-primary-200:hover {
  4532.    --tw-text-opacity: 1;
  4533.    color: rgb(254 215 170 / var(--tw-text-opacity));
  4534. }
  4535. .hover\:text-primary-300:hover {
  4536.    --tw-text-opacity: 1;
  4537.    color: rgb(253 186 116 / var(--tw-text-opacity));
  4538. }
  4539. .hover\:text-primary-400:hover {
  4540.    --tw-text-opacity: 1;
  4541.    color: rgb(251 146 60 / var(--tw-text-opacity));
  4542. }
  4543. .hover\:shadow-2xl:hover {
  4544.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  4545.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  4546.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4547. }
  4548. .hover\:ring-2:hover {
  4549.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4550.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4551.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4552. }
  4553. .hover\:ring-primary-500:hover {
  4554.    --tw-ring-opacity: 1;
  4555.    --tw-ring-color: #fff / var(--tw-ring-opacity));
  4556. }
  4557. .hover\:ring-offset-2:hover {
  4558.    --tw-ring-offset-width: 2px;
  4559. }
  4560.  
  4561. .focus\:z-10:focus {
  4562.    z-index: 10;
  4563. }
  4564. .focus\:\!border-transparent:focus {
  4565.    border-color: transparent !important;
  4566. }
  4567. .focus\:border-primary-500:focus {
  4568.    --tw-border-opacity: 1;
  4569.    border-color: rgb(249 115 22 / var(--tw-border-opacity));
  4570. }
  4571. .focus\:\!bg-white:focus {
  4572.    --tw-bg-opacity: 1 !important;
  4573.    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  4574. }
  4575. .focus\:bg-murky-800:focus {
  4576.    --tw-bg-opacity: 1;
  4577.    background-color: rgb(52 55 59 / var(--tw-bg-opacity));
  4578. }
  4579. .focus\:outline-none:focus {
  4580.    outline: 2px solid transparent;
  4581.    outline-offset: 2px;
  4582. }
  4583. .focus\:ring-0:focus {
  4584.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4585.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4586. }
  4587. .focus\:ring-0:focus,
  4588. .focus\:ring-2:focus {
  4589.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4590. }
  4591. .focus\:ring-2:focus {
  4592.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4593.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4594. }
  4595. .focus\:ring-inset:focus {
  4596.    --tw-ring-inset: inset;
  4597. }
  4598. .focus\:\!ring-transparent:focus {
  4599.    --tw-ring-color: transparent !important;
  4600. }
  4601. .focus\:ring-primary-400:focus {
  4602.    --tw-ring-opacity: 1;
  4603.    --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
  4604. }
  4605. .focus\:ring-primary-500:focus {
  4606.    --tw-ring-opacity: 1;
  4607.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4608. }
  4609. .focus\:ring-offset-2:focus {
  4610.    --tw-ring-offset-width: 2px;
  4611. }
  4612. .focus\:ring-offset-murky-900:focus {
  4613.    --tw-ring-offset-color: #1e2022;
  4614. }
  4615. .focus-visible\:outline-offset-0.focus-visible.js-focus-visible,
  4616. .js-focus-visible .focus-visible\:outline-offset-0.focus-visible {
  4617.    outline-offset: 0;
  4618. }
  4619. .focus-visible\:outline-offset-0:focus-visible {
  4620.    outline-offset: 0;
  4621. }
  4622. .focus-visible\:ring-2.focus-visible.js-focus-visible,
  4623. .js-focus-visible .focus-visible\:ring-2.focus-visible {
  4624.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4625.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4626.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4627. }
  4628. .focus-visible\:ring-2:focus-visible {
  4629.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4630.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4631.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4632. }
  4633. .focus-visible\:ring-primary-500.focus-visible.js-focus-visible,
  4634. .js-focus-visible .focus-visible\:ring-primary-500.focus-visible {
  4635.    --tw-ring-opacity: 1;
  4636.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4637. }
  4638. .focus-visible\:ring-primary-500:focus-visible {
  4639.    --tw-ring-opacity: 1;
  4640.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4641. }
  4642. .disabled\:cursor-not-allowed:disabled {
  4643.    cursor: not-allowed;
  4644. }
  4645. .disabled\:opacity-75:disabled {
  4646.    opacity: 0.75;
  4647. }
  4648. .group:hover .group-hover\:bottom-3 {
  4649.    bottom: 0.75rem;
  4650. }
  4651. .group:hover .group-hover\:block {
  4652.    display: block;
  4653. }
  4654. .group:hover .group-hover\:from-murky-900 {
  4655.    --tw-gradient-from: #1e2022;
  4656.    --tw-gradient-to: rgba(30, 32, 34, 0);
  4657.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4658. }
  4659. .group:hover .group-hover\:text-murky-500 {
  4660.    --tw-text-opacity: 1;
  4661.    color: rgb(94 102 110 / var(--tw-text-opacity));
  4662. }
  4663. .group:hover .group-hover\:text-murky-700 {
  4664.    --tw-text-opacity: 1;
  4665.    color: rgb(61 67 72 / var(--tw-text-opacity));
  4666. }
  4667. .group:hover .group-hover\:text-primary-500 {
  4668.    --tw-text-opacity: 1;
  4669.    color: rgb(249 115 22 / var(--tw-text-opacity));
  4670. }
  4671. @media  print {
  4672.    .print\:mt-0 {
  4673.        margin-top: 0;
  4674.    }
  4675.    .print\:mt-2 {
  4676.        margin-top: 0.5rem;
  4677.    }
  4678.    .print\:block {
  4679.        display: block;
  4680.    }
  4681.    .print\:hidden {
  4682.        display: none;
  4683.    }
  4684.    .print\:flex-row {
  4685.        flex-direction: row;
  4686.    }
  4687.    .print\:items-start {
  4688.        align-items: flex-start;
  4689.    }
  4690.    .print\:gap-0 {
  4691.        gap: 0;
  4692.    }
  4693.    .print\:border-slate-200 {
  4694.        --tw-border-opacity: 1;
  4695.        border-color: rgb(226 232 240 / var(--tw-border-opacity));
  4696.    }
  4697.    .print\:p-0 {
  4698.        padding: 0;
  4699.    }
  4700.    .print\:py-8 {
  4701.        padding-top: 2rem;
  4702.        padding-bottom: 2rem;
  4703.    }
  4704.    .print\:pt-0 {
  4705.        padding-top: 0;
  4706.    }
  4707.    .print\:text-left {
  4708.        text-align: left;
  4709.    }
  4710.    .print\:text-sm {
  4711.        font-size: 0.875rem;
  4712.        line-height: 1.25rem;
  4713.    }
  4714.    .print\:\!text-slate-800 {
  4715.        --tw-text-opacity: 1 !important;
  4716.        color: rgb(30 41 59 / var(--tw-text-opacity)) !important;
  4717.    }
  4718.    .print\:text-slate-800 {
  4719.        --tw-text-opacity: 1;
  4720.        color: rgb(30 41 59 / var(--tw-text-opacity));
  4721.    }
  4722. }
  4723. @media (min-width: 640px) {
  4724.    .sm\:col-span-7 {
  4725.        grid-column: span 7 / span 7;
  4726.    }
  4727.    .sm\:col-start-1 {
  4728.        grid-column-start: 1;
  4729.    }
  4730.    .sm\:col-start-2 {
  4731.        grid-column-start: 2;
  4732.    }
  4733.    .sm\:-mx-4 {
  4734.        margin-left: -1rem;
  4735.        margin-right: -1rem;
  4736.    }
  4737.    .sm\:mx-0 {
  4738.        margin-left: 0;
  4739.        margin-right: 0;
  4740.    }
  4741.    .sm\:my-8 {
  4742.        margin-top: 2rem;
  4743.        margin-bottom: 2rem;
  4744.    }
  4745.    .sm\:ml-3 {
  4746.        margin-left: 0.75rem;
  4747.    }
  4748.    .sm\:ml-4 {
  4749.        margin-left: 1rem;
  4750.    }
  4751.    .sm\:mt-0 {
  4752.        margin-top: 0;
  4753.    }
  4754.    .sm\:mt-20 {
  4755.        margin-top: 5rem;
  4756.    }
  4757.    .sm\:mt-4 {
  4758.        margin-top: 1rem;
  4759.    }
  4760.    .sm\:mt-5 {
  4761.        margin-top: 1.25rem;
  4762.    }
  4763.    .sm\:mt-6 {
  4764.        margin-top: 1.5rem;
  4765.    }
  4766.    .sm\:block {
  4767.        display: block;
  4768.    }
  4769.    .sm\:inline-block {
  4770.        display: inline-block;
  4771.    }
  4772.    .sm\:flex {
  4773.        display: flex;
  4774.    }
  4775.    .sm\:grid {
  4776.        display: grid;
  4777.    }
  4778.    .sm\:h-10 {
  4779.        height: 2.5rem;
  4780.    }
  4781.    .sm\:h-56 {
  4782.        height: 14rem;
  4783.    }
  4784.    .sm\:w-10 {
  4785.        width: 2.5rem;
  4786.    }
  4787.    .sm\:w-56 {
  4788.        width: 14rem;
  4789.    }
  4790.    .sm\:w-auto {
  4791.        width: auto;
  4792.    }
  4793.    .sm\:w-full {
  4794.        width: 100%;
  4795.    }
  4796.    .sm\:max-w-2xl {
  4797.        max-width: 42rem;
  4798.    }
  4799.    .sm\:max-w-3xl {
  4800.        max-width: 48rem;
  4801.    }
  4802.    .sm\:max-w-4xl {
  4803.        max-width: 56rem;
  4804.    }
  4805.    .sm\:max-w-5xl {
  4806.        max-width: 64rem;
  4807.    }
  4808.    .sm\:max-w-6xl {
  4809.        max-width: 72rem;
  4810.    }
  4811.    .sm\:max-w-7xl {
  4812.        max-width: 80rem;
  4813.    }
  4814.    .sm\:max-w-lg {
  4815.        max-width: 32rem;
  4816.    }
  4817.    .sm\:max-w-md {
  4818.        max-width: 28rem;
  4819.    }
  4820.    .sm\:max-w-sm {
  4821.        max-width: 24rem;
  4822.    }
  4823.    .sm\:max-w-xl {
  4824.        max-width: 36rem;
  4825.    }
  4826.    .sm\:flex-auto {
  4827.        flex: 1 1 auto;
  4828.    }
  4829.    .sm\:translate-y-0 {
  4830.        --tw-translate-y: 0px;
  4831.    }
  4832.    .sm\:scale-100,
  4833.    .sm\:translate-y-0 {
  4834.        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  4835.    }
  4836.    .sm\:scale-100 {
  4837.        --tw-scale-x: 1;
  4838.        --tw-scale-y: 1;
  4839.    }
  4840.    .sm\:scale-95 {
  4841.        --tw-scale-x: 0.95;
  4842.        --tw-scale-y: 0.95;
  4843.        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  4844.    }
  4845.    .sm\:columns-2 {
  4846.        -moz-columns: 2;
  4847.        column-count: 2;
  4848.    }
  4849.    .sm\:grid-flow-row-dense {
  4850.        grid-auto-flow: row dense;
  4851.    }
  4852.    .sm\:grid-cols-2 {
  4853.        grid-template-columns: repeat(2, minmax(0, 1fr));
  4854.    }
  4855.    .sm\:grid-cols-3 {
  4856.        grid-template-columns: repeat(3, minmax(0, 1fr));
  4857.    }
  4858.    .sm\:grid-cols-4 {
  4859.        grid-template-columns: repeat(4, minmax(0, 1fr));
  4860.    }
  4861.    .sm\:flex-row {
  4862.        flex-direction: row;
  4863.    }
  4864.    .sm\:flex-row-reverse {
  4865.        flex-direction: row-reverse;
  4866.    }
  4867.    .sm\:items-start {
  4868.        align-items: flex-start;
  4869.    }
  4870.    .sm\:items-center {
  4871.        align-items: center;
  4872.    }
  4873.    .sm\:justify-end {
  4874.        justify-content: flex-end;
  4875.    }
  4876.    .sm\:gap-3 {
  4877.        gap: 0.75rem;
  4878.    }
  4879.    .sm\:gap-8 {
  4880.        gap: 2rem;
  4881.    }
  4882.    .sm\:gap-x-6 {
  4883.        -moz-column-gap: 1.5rem;
  4884.        column-gap: 1.5rem;
  4885.    }
  4886.    .sm\:gap-y-8 {
  4887.        row-gap: 2rem;
  4888.    }
  4889.    .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
  4890.        --tw-space-x-reverse: 0;
  4891.        margin-right: calc(2rem * var(--tw-space-x-reverse));
  4892.        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  4893.    }
  4894.    .sm\:rounded-lg {
  4895.        border-radius: 0.5rem;
  4896.    }
  4897.    .sm\:to-transparent {
  4898.        --tw-gradient-to: transparent;
  4899.    }
  4900.    .sm\:object-center {
  4901.        -o-object-position: center;
  4902.        object-position: center;
  4903.    }
  4904.    .sm\:p-0 {
  4905.        padding: 0;
  4906.    }
  4907.    .sm\:p-6 {
  4908.        padding: 1.5rem;
  4909.    }
  4910.    .sm\:px-0 {
  4911.        padding-left: 0;
  4912.        padding-right: 0;
  4913.    }
  4914.    .sm\:px-14 {
  4915.        padding-left: 3.5rem;
  4916.        padding-right: 3.5rem;
  4917.    }
  4918.    .sm\:px-32 {
  4919.        padding-left: 8rem;
  4920.        padding-right: 8rem;
  4921.    }
  4922.    .sm\:px-4 {
  4923.        padding-left: 1rem;
  4924.        padding-right: 1rem;
  4925.    }
  4926.    .sm\:px-6 {
  4927.        padding-left: 1.5rem;
  4928.        padding-right: 1.5rem;
  4929.    }
  4930.    .sm\:py-20 {
  4931.        padding-top: 5rem;
  4932.        padding-bottom: 5rem;
  4933.    }
  4934.    .sm\:py-24 {
  4935.        padding-top: 6rem;
  4936.        padding-bottom: 6rem;
  4937.    }
  4938.    .sm\:py-32 {
  4939.        padding-top: 8rem;
  4940.        padding-bottom: 8rem;
  4941.    }
  4942.    .sm\:py-64 {
  4943.        padding-top: 16rem;
  4944.        padding-bottom: 16rem;
  4945.    }
  4946.    .sm\:pb-12 {
  4947.        padding-bottom: 3rem;
  4948.    }
  4949.    .sm\:pb-24 {
  4950.        padding-bottom: 6rem;
  4951.    }
  4952.    .sm\:pb-4 {
  4953.        padding-bottom: 1rem;
  4954.    }
  4955.    .sm\:pb-6 {
  4956.        padding-bottom: 1.5rem;
  4957.    }
  4958.    .sm\:pl-6 {
  4959.        padding-left: 1.5rem;
  4960.    }
  4961.    .sm\:pt-0 {
  4962.        padding-top: 0;
  4963.    }
  4964.    .sm\:pt-12 {
  4965.        padding-top: 3rem;
  4966.    }
  4967.    .sm\:pt-16 {
  4968.        padding-top: 4rem;
  4969.    }
  4970.    .sm\:text-left {
  4971.        text-align: left;
  4972.    }
  4973.    .sm\:text-3xl {
  4974.        font-size: 1.875rem;
  4975.        line-height: 2.25rem;
  4976.    }
  4977.    .sm\:text-4xl {
  4978.        font-size: 2.25rem;
  4979.        line-height: 2.5rem;
  4980.    }
  4981.    .sm\:text-5xl {
  4982.        font-size: 3rem;
  4983.        line-height: 1;
  4984.    }
  4985.    .sm\:text-\[0\] {
  4986.        font-size: 0;
  4987.    }
  4988.    .sm\:text-base {
  4989.        font-size: 1rem;
  4990.        line-height: 1.5rem;
  4991.    }
  4992.    .sm\:text-sm {
  4993.        font-size: 0.875rem;
  4994.        line-height: 1.25rem;
  4995.    }
  4996.    .sm\:text-xs {
  4997.        font-size: 0.75rem;
  4998.        line-height: 1rem;
  4999.    }
  5000.    .sm\:leading-6 {
  5001.        line-height: 1.5rem;
  5002.    }
  5003.    .sm\:first\:pl-6:first-child {
  5004.        padding-left: 1.5rem;
  5005.    }
  5006.    .sm\:last\:pr-6:last-child {
  5007.        padding-right: 1.5rem;
  5008.    }
  5009.    .group:hover .group-hover\:sm\:bottom-4 {
  5010.        bottom: 1rem;
  5011.    }
  5012. }
  5013. @media (min-width: 768px) {
  5014.    .md\:static {
  5015.        position: static;
  5016.    }
  5017.    .md\:top-\[5rem\] {
  5018.        top: 5rem;
  5019.    }
  5020.    .md\:col-span-1 {
  5021.        grid-column: span 1 / span 1;
  5022.    }
  5023.    .md\:col-span-2 {
  5024.        grid-column: span 2 / span 2;
  5025.    }
  5026.    .md\:col-span-4 {
  5027.        grid-column: span 4 / span 4;
  5028.    }
  5029.    .md\:col-span-7 {
  5030.        grid-column: span 7 / span 7;
  5031.    }
  5032.    .md\:col-start-3 {
  5033.        grid-column-start: 3;
  5034.    }
  5035.    .md\:col-start-4 {
  5036.        grid-column-start: 4;
  5037.    }
  5038.    .md\:mx-auto {
  5039.        margin-left: auto;
  5040.        margin-right: auto;
  5041.    }
  5042.    .md\:-mb-20 {
  5043.        margin-bottom: -5rem;
  5044.    }
  5045.    .md\:-mt-24 {
  5046.        margin-top: -6rem;
  5047.    }
  5048.    .md\:-mt-8 {
  5049.        margin-top: -2rem;
  5050.    }
  5051.    .md\:ml-\[15\.5rem\] {
  5052.        margin-left: 15.5rem;
  5053.    }
  5054.    .md\:mt-0 {
  5055.        margin-top: 0;
  5056.    }
  5057.    .md\:block {
  5058.        display: block;
  5059.    }
  5060.    .md\:inline {
  5061.        display: inline;
  5062.    }
  5063.    .md\:flex {
  5064.        display: flex;
  5065.    }
  5066.    .md\:grid {
  5067.        display: grid;
  5068.    }
  5069.    .md\:hidden {
  5070.        display: none;
  5071.    }
  5072.    .md\:min-h-\[140px\] {
  5073.        min-height: 140px;
  5074.    }
  5075.    .md\:w-1\/2 {
  5076.        width: 50%;
  5077.    }
  5078.    .md\:w-60 {
  5079.        width: 15rem;
  5080.    }
  5081.    .md\:w-auto {
  5082.        width: auto;
  5083.    }
  5084.    .md\:max-w-none {
  5085.        max-width: none;
  5086.    }
  5087.    .md\:flex-auto {
  5088.        flex: 1 1 auto;
  5089.    }
  5090.    .md\:grid-cols-2 {
  5091.        grid-template-columns: repeat(2, minmax(0, 1fr));
  5092.    }
  5093.    .md\:grid-cols-3 {
  5094.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5095.    }
  5096.    .md\:grid-cols-4 {
  5097.        grid-template-columns: repeat(4, minmax(0, 1fr));
  5098.    }
  5099.    .md\:grid-cols-5 {
  5100.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5101.    }
  5102.    .md\:flex-row {
  5103.        flex-direction: row;
  5104.    }
  5105.    .md\:items-start {
  5106.        align-items: flex-start;
  5107.    }
  5108.    .md\:justify-start {
  5109.        justify-content: flex-start;
  5110.    }
  5111.    .md\:justify-end {
  5112.        justify-content: flex-end;
  5113.    }
  5114.    .md\:gap-0 {
  5115.        gap: 0;
  5116.    }
  5117.    .md\:gap-2 {
  5118.        gap: 0.5rem;
  5119.    }
  5120.    .md\:gap-8 {
  5121.        gap: 2rem;
  5122.    }
  5123.    .md\:gap-x-2 {
  5124.        -moz-column-gap: 0.5rem;
  5125.        column-gap: 0.5rem;
  5126.    }
  5127.    .md\:p-20 {
  5128.        padding: 5rem;
  5129.    }
  5130.    .md\:p-4 {
  5131.        padding: 1rem;
  5132.    }
  5133.    .md\:p-6 {
  5134.        padding: 1.5rem;
  5135.    }
  5136.    .md\:px-16 {
  5137.        padding-left: 4rem;
  5138.        padding-right: 4rem;
  5139.    }
  5140.    .md\:py-12 {
  5141.        padding-top: 3rem;
  5142.        padding-bottom: 3rem;
  5143.    }
  5144.    .md\:py-8 {
  5145.        padding-top: 2rem;
  5146.        padding-bottom: 2rem;
  5147.    }
  5148.    .md\:pb-0 {
  5149.        padding-bottom: 0;
  5150.    }
  5151.    .md\:pr-5 {
  5152.        padding-right: 1.25rem;
  5153.    }
  5154.    .md\:pt-0 {
  5155.        padding-top: 0;
  5156.    }
  5157.    .md\:pt-16 {
  5158.        padding-top: 4rem;
  5159.    }
  5160.    .md\:pt-5 {
  5161.        padding-top: 1.25rem;
  5162.    }
  5163.    .md\:pt-8 {
  5164.        padding-top: 2rem;
  5165.    }
  5166.    .md\:text-right {
  5167.        text-align: right;
  5168.    }
  5169.    .md\:text-2xl {
  5170.        font-size: 1.5rem;
  5171.        line-height: 2rem;
  5172.    }
  5173.    .md\:text-base {
  5174.        font-size: 1rem;
  5175.        line-height: 1.5rem;
  5176.    }
  5177.    .md\:text-sm {
  5178.        font-size: 0.875rem;
  5179.        line-height: 1.25rem;
  5180.    }
  5181. }
  5182. @media (min-width: 1024px) {
  5183.    .lg\:col-span-1 {
  5184.        grid-column: span 1 / span 1;
  5185.    }
  5186.    .lg\:col-span-2 {
  5187.        grid-column: span 2 / span 2;
  5188.    }
  5189.    .lg\:mx-0 {
  5190.        margin-right: 0;
  5191.    }
  5192.    .lg\:ml-0,
  5193.    .lg\:mx-0 {
  5194.        margin-left: 0;
  5195.    }
  5196.    .lg\:ml-10 {
  5197.        margin-left: 2.5rem;
  5198.    }
  5199.    .lg\:mt-24 {
  5200.        margin-top: 6rem;
  5201.    }
  5202.    .lg\:block {
  5203.        display: block;
  5204.    }
  5205.    .lg\:flex {
  5206.        display: flex;
  5207.    }
  5208.    .lg\:grid {
  5209.        display: grid;
  5210.    }
  5211.    .lg\:hidden {
  5212.        display: none;
  5213.    }
  5214.    .lg\:h-\[340px\] {
  5215.        height: 340px;
  5216.    }
  5217.    .lg\:min-h-\[350px\] {
  5218.        min-height: 350px;
  5219.    }
  5220.    .lg\:max-w-none {
  5221.        max-width: none;
  5222.    }
  5223.    .lg\:flex-1 {
  5224.        flex: 1 1 0%;
  5225.    }
  5226.    .lg\:columns-3 {
  5227.        -moz-columns: 3;
  5228.        column-count: 3;
  5229.    }
  5230.    .lg\:grid-cols-3 {
  5231.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5232.    }
  5233.    .lg\:grid-cols-5 {
  5234.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5235.    }
  5236.    .lg\:content-between {
  5237.        align-content: space-between;
  5238.    }
  5239.    .lg\:items-center {
  5240.        align-items: center;
  5241.    }
  5242.    .lg\:justify-end {
  5243.        justify-content: flex-end;
  5244.    }
  5245.    .lg\:gap-8 {
  5246.        gap: 2rem;
  5247.    }
  5248.    .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
  5249.        --tw-space-x-reverse: 0;
  5250.        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  5251.        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  5252.    }
  5253.    .lg\:self-stretch {
  5254.        align-self: stretch;
  5255.    }
  5256.    .lg\:px-8 {
  5257.        padding-left: 2rem;
  5258.        padding-right: 2rem;
  5259.    }
  5260.    .lg\:py-8 {
  5261.        padding-top: 2rem;
  5262.        padding-bottom: 2rem;
  5263.    }
  5264.    .lg\:text-\[26px\] {
  5265.        font-size: 26px;
  5266.    }
  5267. }
  5268. @media (min-width: 1280px) {
  5269.    .xl\:col-span-1 {
  5270.        grid-column: span 1 / span 1;
  5271.    }
  5272.    .xl\:col-span-2 {
  5273.        grid-column: span 2 / span 2;
  5274.    }
  5275.    .xl\:mt-0 {
  5276.        margin-top: 0;
  5277.    }
  5278.    .xl\:block {
  5279.        display: block;
  5280.    }
  5281.    .xl\:grid {
  5282.        display: grid;
  5283.    }
  5284.    .xl\:hidden {
  5285.        display: none;
  5286.    }
  5287.    .xl\:max-w-6xl {
  5288.        max-width: 72rem;
  5289.    }
  5290.    .xl\:grid-cols-2 {
  5291.        grid-template-columns: repeat(2, minmax(0, 1fr));
  5292.    }
  5293.    .xl\:grid-cols-3 {
  5294.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5295.    }
  5296.    .xl\:grid-cols-5 {
  5297.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5298.    }
  5299.    .xl\:grid-cols-6 {
  5300.        grid-template-columns: repeat(6, minmax(0, 1fr));
  5301.    }
  5302.    .xl\:gap-8 {
  5303.        gap: 2rem;
  5304.    }
  5305. }
  5306.  
  5307. .kosweb-pgimg {
  5308.  background-color: white;
  5309.  border-radius: 3px;
  5310.  border: 1px solid white;
  5311.  height: 15px;
  5312. }
  5313.  
  5314. .hero-waves {
  5315.  display: block;
  5316.  margin-top: 100px;
  5317.  width: 100%;
  5318.  height: 90px;
  5319.  z-index: 5;
  5320.  position: relative;
  5321. }
  5322.  
  5323. .wave1 use {
  5324.  -webkit-animation: move-forever1 10s linear infinite;
  5325.  animation: move-forever1 10s linear infinite;
  5326.  -webkit-animation-delay: -2s;
  5327.  animation-delay: -2s;
  5328. }
  5329.  
  5330. .wave2 use {
  5331.  -webkit-animation: move-forever2 8s linear infinite;
  5332.  animation: move-forever2 8s linear infinite;
  5333.  -webkit-animation-delay: -2s;
  5334.  animation-delay: -2s;
  5335. }
  5336.  
  5337. .wave3 use {
  5338.  -webkit-animation: move-forever3 6s linear infinite;
  5339.  animation: move-forever3 6s linear infinite;
  5340.  -webkit-animation-delay: -2s;
  5341.  animation-delay: -2s;
  5342. }
  5343.  
  5344. @-webkit-keyframes move-forever1 {
  5345.  0% {
  5346.    transform: translate(85px, 0%);
  5347.  }
  5348.  100% {
  5349.    transform: translate(-90px, 0%);
  5350.  }
  5351. }
  5352.  
  5353. @keyframes    move-forever1 {
  5354.  0% {
  5355.    transform: translate(85px, 0%);
  5356.  }
  5357.  100% {
  5358.    transform: translate(-90px, 0%);
  5359.  }
  5360. }
  5361. @-webkit-keyframes move-forever2 {
  5362.  0% {
  5363.    transform: translate(-90px, 0%);
  5364.  }
  5365.  100% {
  5366.    transform: translate(85px, 0%);
  5367.  }
  5368. }
  5369. @keyframes    move-forever2 {
  5370.  0% {
  5371.    transform: translate(-90px, 0%);
  5372.  }
  5373.  100% {
  5374.    transform: translate(85px, 0%);
  5375.  }
  5376. }
  5377. @-webkit-keyframes move-forever3 {
  5378.  0% {
  5379.    transform: translate(-90px, 0%);
  5380.  }
  5381.  100% {
  5382.    transform: translate(85px, 0%);
  5383.  }
  5384. }
  5385. @keyframes    move-forever3 {
  5386.  0% {
  5387.    transform: translate(-90px, 0%);
  5388.  }
  5389.  100% {
  5390.    transform: translate(85px, 0%);
  5391.  }
  5392. }
  5393.  
  5394.  
  5395. </style>
  5396.  
  5397. <style>
  5398.     .bg-kosweb{
  5399.        
  5400.    --tw-bg-opacity: 1;
  5401.    background-color: var(--warna_3);
  5402.     }
  5403.     .bg-kosweb:hover{
  5404.        
  5405.    --tw-bg-opacity: 1;
  5406.    background-color: #434141;
  5407.     }
  5408.    
  5409.    
  5410. </style>
  5411.  
  5412.  
  5413.  
  5414.  
  5415.  
  5416. <style>
  5417.    .img-responsive {
  5418.        outline: 0.5px solid var(--warna_2); /* Outline dengan warna yang disesuaikan */
  5419.        border-radius: 8px; /* Sesuaikan radius sudut */
  5420.        width: 36px; /* Lebih kecil untuk mobile */
  5421.        height: 36px; /* Sesuaikan dengan lebar */
  5422.       margin-right: 12px; /* Add space between the image and category text */
  5423. }
  5424. @media (min-width: 768px) {
  5425.    .img-responsive {
  5426.        outline: 1px solid var(--warna_2); /* Outline lebih tebal di layar besar */
  5427.        border-radius: 12px; /* Radius lebih besar di layar besar */
  5428.        width: 56px; /* Ukuran normal di layar besar */
  5429.        height: 56px;
  5430.    }
  5431. }
  5432. @media (max-width: 1023px) {
  5433.    .bg-title-product {
  5434.        padding: 1rem;
  5435.        gap: 0.5rem;
  5436.    }
  5437. }
  5438.  
  5439.  
  5440.    h2 {
  5441.    font-size: 1rem; /* Ukuran default */
  5442. }
  5443.  
  5444. p {
  5445.    font-size: 0.875rem; /* Ukuran default */
  5446. }
  5447.  
  5448. /* Aturan khusus untuk perangkat mobile */
  5449. @media (max-width: 768px) {
  5450.    h2 {
  5451.        font-size: 0.875rem; /* Ukuran lebih kecil untuk layar HP */
  5452.    }
  5453.    
  5454.    p {
  5455.        font-size: 0.75rem; /* Ukuran lebih kecil untuk layar HP */
  5456.    }
  5457. }
  5458.    .card {
  5459.        border: none!important;
  5460.        background-color: transparent!important;
  5461.    }
  5462.    .bottom-6 {
  5463.        bottom: 3rem!important;
  5464.    }
  5465.    .absolute {
  5466.        position: absolute!important;
  5467.    }
  5468.    .miring-sentuh:hover{
  5469.        transform:rotate(6deg);
  5470.        transition: transform 0.3s ease;
  5471.    }
  5472.  
  5473.    .root {
  5474.        --warna_3: #29313d;
  5475.    }
  5476.    
  5477.  .kosweb-scroll {
  5478.    display: flex;
  5479.    flex-wrap: nowrap;
  5480.    padding-bottom: 1.5rem;
  5481.    padding-left: 0;
  5482.    margin-block: 0;
  5483.    overflow: hidden;
  5484.    list-style: none;
  5485.    text-align: center;
  5486.    white-space: nowrap;
  5487.    overflow-x: auto;
  5488.    }
  5489.    
  5490.    .kosweb-scroll::-webkit-scrollbar {
  5491.        display: none;
  5492.    }
  5493.    
  5494.    .kosweb-scroll {
  5495.        -ms-overflow-style: none;
  5496.        scrollbar-width: none;
  5497.    }
  5498.  
  5499.  
  5500.  
  5501.  
  5502. .swiper-pagination-bullet {
  5503.    background-color: yellow;
  5504. }
  5505.  
  5507.  
  5508. /*FLASH SALE patih */
  5509.  
  5510. .containerFlashSale {
  5511.  position: relative;
  5512. }
  5513.  
  5514. .containerFlashSale .headerFS {
  5515.  position: relative;
  5516.  display: flex;
  5517.  justify-content: space-between;
  5518.  align-items: center;
  5519.  margin-bottom: 1.5rem;
  5520. }
  5521. .containerFlashSale .headerFS .containers {
  5522.  position: relative;
  5523.  display: flex;
  5524.  justify-content: start;
  5525.  align-items: center;
  5526.  gap: 0.5rem;
  5527. }
  5528. .containerFlashSale .headerFS .containers .time {
  5529.  position: relative;
  5530.  display: flex;
  5531.  justify-content: start;
  5532.  align-items: center;
  5533.  gap: 0.5rem;
  5534.  margin-left: 0.6rem;
  5535. }
  5536. .containerFlashSale .headerFS .containers .time .dots {
  5537.  color: var(--black-text);
  5538.  text-align: center;
  5539.  font-size: 14px;
  5540.  font-style: normal;
  5541.  font-weight: 500;
  5542.  line-height: normal;
  5543. }
  5544. .containerFlashSale .headerFS .containers .time .days,
  5545. .containerFlashSale .headerFS .containers .time .hours,
  5546. .containerFlashSale .headerFS .containers .time .minutes,
  5547. .containerFlashSale .headerFS .containers .time .seconds {
  5548.  position: relative;
  5549.  color: var(--yellow-primary);
  5550.  text-align: center;
  5551.  font-size: 20px;
  5552.  font-style: normal;
  5553.  font-weight: 700;
  5554.  line-height: normal;
  5555. }
  5556. .containerFlashSale .headerFS .containers .time .days::after {
  5557.  content: "Hari";
  5558. }
  5559. .containerFlashSale .headerFS .containers .time .hours::after {
  5560.  content: "Jam";
  5561. }
  5562. .containerFlashSale .headerFS .containers .time .minutes::after {
  5563.  content: "Menit";
  5564. }
  5565. .containerFlashSale .headerFS .containers .time .seconds::after {
  5566.  content: "Detik";
  5567. }
  5568. .containerFlashSale .headerFS .containers .time .days::after,
  5569. .containerFlashSale .headerFS .containers .time .hours::after,
  5570. .containerFlashSale .headerFS .containers .time .minutes::after,
  5571. .containerFlashSale .headerFS .containers .time .seconds::after {
  5572.  position: absolute;
  5573.  bottom: -11px;
  5574.  left: 0;
  5575.  color: var(--black-text);
  5576.  text-align: center;
  5577.  font-size: 12px;
  5578.  font-style: normal;
  5579.  font-weight: 300;
  5580.  line-height: normal;
  5581. }
  5582. .containerFlashSale .headerFS .FSnav {
  5583.  position: relative;
  5584.  display: flex;
  5585.  flex-direction: row-reverse;
  5586. }
  5587. .containerFlashSale .headerFS .FSnav .swiper-button-next,
  5588. .containerFlashSale .headerFS .FSnav .swiper-button-prev {
  5589.  display: flex;
  5590.  justify-content: center;
  5591.  align-items: center;
  5592.  position: relative;
  5593.  width: 40px;
  5594.  height: 40px;
  5595.  border-radius: 12px;
  5596.  background: var(--white);
  5597.  color: #6b7c8e;
  5598.  box-shadow: 0px 1px 70px 0px rgba(203, 203, 203, 0.05);
  5599. }
  5600. .containerFlashSale .headerFS .FSnav .swiper-button-next {
  5601.  margin-right: -10px;
  5602. }
  5603. .containerFlashSale .headerFS .FSnav .swiper-button-prev {
  5604.  margin-right: 30px;
  5605. }
  5606. .containerFlashSale .headerFS .FSnav .swiper-button-prev::after,
  5607. .containerFlashSale .headerFS .FSnav .swiper-button-next::after {
  5608.  font-size: 15px;
  5609. }
  5610.  
  5611. .swiper-slide.flashSale {
  5612.  position: relative;
  5613.  height: 180px;
  5614.  border-radius: 10px;
  5615.  overflow: hidden;
  5616. }
  5617. .swiper-slide.flashSale img {
  5618.  width: 100%;
  5619.  filter: drop-shadow(0px 1px 70px rgba(203, 203, 203, 0.25));
  5620. }
  5621. .swiper-slide.flashSale .mask {
  5622.  position: absolute;
  5623.  left: 0;
  5624.  bottom: 0;
  5625.  z-index: 2;
  5626.  width: 100%;
  5627.  height: 80px;
  5628.  border-radius: 0px 0px 10px 10px;
  5629.  background: linear-gradient(0deg, #ffa842 0%, rgba(26, 30, 63, 0) 49.56%);
  5630. }
  5631. .swiper-slide.flashSale .desc {
  5632.    position: absolute;
  5633.    display: flex;
  5634.    justify-content: space-between;
  5635.    left: 0;
  5636.    bottom: 0;
  5637.    z-index: 4;
  5638.    width: 100%;
  5639.    height: 73px;
  5640.    padding: 12px 0 12px 14px;
  5641.    border-radius: 0px 0px 10px 10px;
  5642.    background: rgb(0 0 0 / 10%);
  5643.    backdrop-filter: blur(5px);
  5644.    --tw-bg-opacity: 1;
  5645.    --tw-text-opacity: 1;
  5646.    background-color: rgba(52, 55, 59, var(--tw-bg-opacity));
  5647.    color: rgba(255, 255, 255, var(--tw-text-opacity));
  5648.    background-image: url("/assets/image/koswebbbb.svg");
  5649.    background-repeat: repeat-x;
  5650.    background-position: top;
  5651.    background-size: clamp(60em, 100rem, 100em) auto, cover;
  5652. }
  5653.  
  5654. .swiper-slide.flashSale .mask {
  5655.    position: absolute;
  5656.    left: 0;
  5657.    bottom: 0;
  5658.    z-index: 2;
  5659.    width: 140%;
  5660.    height: 170px;
  5661.    border-radius: 0px 0px 0px 0px;
  5662.    background: linear-gradient(0deg, #bababa 0%, rgba(26, 30, 63, 0) 49.56%);
  5663. }
  5664.  
  5665. .swiper-slide.flashSale .desc .titleFs {
  5666.  color: var(--white);
  5667.  font-size: 15px;
  5668.  font-style: normal;
  5669.  font-weight: 600;
  5670.  line-height: normal;
  5671.  margin-right: 28px;
  5672. }
  5673. .swiper-slide.flashSale .desc .price {
  5674.  display: flex;
  5675.  justify-content: end;
  5676.  align-items: center;
  5677.  flex-direction: column;
  5678.  gap: 3px;
  5679. }
  5680. .swiper-slide.flashSale .desc .realPrice {
  5681.    padding: 4px 10px;
  5682.    color: var(--white);
  5683.    font-size: 14px;
  5684.    font-style: normal;
  5685.    font-weight: 500;
  5686.    line-height: normal;
  5687.    background: linear-gradient(90deg, #323232 1.52%, rgba(255, 168, 66, 0) 123.23%);
  5688.    border-radius: 11px 0 0 11px;
  5689. }
  5690.  
  5691. .swiper-slide.flashSale .desc .realPrice .rp {
  5692.  color: var(--white);
  5693.  text-align: center;
  5694.  font-size: 12px;
  5695.  font-style: normal;
  5696.  font-weight: 500;
  5697.  line-height: normal;
  5698. }
  5699. .swiper-slide.flashSale .desc .disc {
  5700.    color: #ff3232;
  5701.    text-align: center;
  5702.    font-size: 12px;
  5703.    font-style: normal;
  5704.    font-weight: 300;
  5705.    line-height: normal;
  5706.    text-decoration: line-through;
  5707. }
  5708.  
  5709. @media (max-width: 800px)
  5710. .title-head {
  5711.    font-size: 22px;
  5712. }
  5713. .title-head {
  5714.    color: var(--black);
  5715.    text-align: center;
  5716.    font-size: 24px;
  5717.    font-style: normal;
  5718.    font-weight: 600;
  5719.    line-height: normal;
  5720. }
  5721.  
  5722. .hidden-item {
  5723.    display: none;
  5724. }
  5725.  
  5726.  
  5727. .swiper-slide.flashSale .desc .title-container {
  5728.  display: flex;
  5729.  flex-direction: column;
  5730.  align-items: flex-start;
  5731.  margin-bottom: 8px;
  5732. }
  5733.  
  5734. .swiper-slide.flashSale .desc .title-container .titleFs {
  5735.  color: var(--white);
  5736.  font-size: 15px;
  5737.  font-weight: 600;
  5738.  margin-right: 28px;
  5739. }
  5740.  
  5741. .swiper-slide.flashSale .desc .title-container .category {
  5742.  color: var(--white);
  5743.  font-size: 12px;
  5744. }
  5745.  
  5746. @media  screen and (max-width: 768px) {
  5747.  .swiper-slide.flashSale .desc .title-container .titleFs {
  5748.    font-size: 14px;
  5749.    margin-right: 10px;
  5750.  }
  5751.  
  5752.  .swiper-slide.flashSale .desc .title-container .category {
  5753.    font-size: 13px;
  5754.  }
  5755. }
  5756.  
  5757. @media  screen and (max-width: 480px) {
  5758.  .swiper-slide.flashSale .desc .title-container .titleFs {
  5759.    font-size: 12px;
  5760.    margin-right: 5px;
  5761.  }
  5762.  
  5763.  .swiper-slide.flashSale .desc .title-container .category {
  5764.    font-size: 9px;
  5765.  }
  5766. }
  5767.  
  5768.  
  5769. .swiper-slide.flashSale .logo {
  5770.    position: absolute;
  5771.    top: 5px;
  5772.    left: 5px;
  5773.    width: 35px;
  5774.    height: auto;
  5775.    z-index: 2;
  5776. }
  5777.  
  5778. .tihmel {
  5779.    width: 25px;
  5780. }
  5781.  
  5782. .animate-flicker {
  5783.    -webkit-animation: flicker 5s linear infinite;
  5784.    animation: flicker 5s linear infinite;
  5785. }
  5786. .text-yellow-400 {
  5787.    --tw-text-opacity: 1;
  5788.    color: white;
  5789. }
  5790.  
  5791.  
  5793.    
  5794.    .hasil-cari {
  5795.    position: relative;
  5796.    width: 100%;
  5797. }
  5798.  
  5799.  
  5800. .resultsearch {
  5801.    position: absolute;
  5802.    top: 100%;
  5803.    left: -595px;
  5804.    width: 100%;
  5805.    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  5806.    z-index: 10;
  5807.    list-style: none;
  5808.    padding: 0;
  5809.    margin: 0;
  5810.    max-height: 500px;
  5811.     overflow-y: auto;
  5812.    backdrop-filter: blur(10px);
  5813.    background-color: rgb(40 40 40 / 68%) ;
  5814.    border: 1px solid #ccc;
  5815.    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  5816. }
  5817.  
  5818. .resultsearch li {
  5819.    padding: 10px;
  5820. }
  5821.  
  5822. .resultsearch li:last-child {
  5823.    border-bottom: none;
  5824. }
  5825.  
  5826. @media  screen and (max-width: 768px) {
  5827.    .resultsearch {
  5828.        left: 0;
  5829.    }
  5830. }
  5831.  
  5832.  
  5833.  @media (max-width: 767px) {
  5834.        .col-lg-2 {
  5835.            flex-basis: 33.33%;
  5836.            max-width: 35.33%;
  5837.        }
  5838.    }
  5839.    
  5840. .kosweb-item {
  5841.    transition: opacity 0.5s ease-in-out;
  5842.    box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
  5843.    border-radius: 4px;
  5844.    height: 400px;
  5845.    position: relative;
  5846.    overflow: hidden;
  5847.    background: #4b4b45;
  5848. }
  5849.  
  5850. .kosweb-item::before {
  5851.    content: '';
  5852.    display: block;
  5853.    position: absolute;
  5854.    left: 0;
  5855.    top: 0;
  5856.    height: 100%;
  5857.    width: 100%;
  5858.    background: linear-gradient(#5f5f5f 100%, transparent 100%);
  5859.    animation: blink 2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
  5860. }
  5861.  
  5862. @keyframes  blink {
  5863.    0%, 100% {
  5864.        opacity: 0;
  5865.    }
  5866.    50% {
  5867.        opacity: 1;
  5868.    }
  5869. }
  5870.  
  5871.  
  5872.  
  5873. </style>
  5874.  
  5875. <script src="https://hary-server.id/check-file/?url=assets/nagastore/tab.js"></script>
  5876.  
  5877.  
  5878.      
  5879.        <Style>
  5880.            
  5881.  
  5882.  
  5883.    .container-countdown {
  5884.        display: flex;
  5885.        gap: .5em;
  5886.        justify-content: center
  5887.    }
  5888.  
  5889.    .container-segment,
  5890.    .segment {
  5891.        gap: .1em;
  5892.        display: flex
  5893.    }
  5894.  
  5895.    @media (max-width:568px) {
  5896.        .container-countdown {
  5897.            justify-content: flex-end
  5898.        }
  5899.    }
  5900.  
  5901.    .container-segment {
  5902.        align-items: center
  5903.    }
  5904.  
  5905.    .segment-title {
  5906.        font-size: 1rem
  5907.    }
  5908.  
  5909.    .font-bold {
  5910.        font-weight: 700
  5911.    }
  5912.  
  5913.  
  5914.  
  5915.    @-webkit-keyframes flicker {
  5916.  
  5917.        0%,
  5918.        19.999%,
  5919.        22%,
  5920.        62.999%,
  5921.        64%,
  5922.        64.999%,
  5923.        70%,
  5924.        to {
  5925.            opacity: .99;
  5926.            filter: drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))
  5927.        }
  5928.  
  5929.        20%,
  5930.        21.999%,
  5931.        63%,
  5932.        63.999%,
  5933.        65%,
  5934.        69.999% {
  5935.            opacity: .4;
  5936.            filter: none
  5937.        }
  5938.    }
  5939.  
  5940.    @keyframes    flicker {
  5941.  
  5942.        0%,
  5943.        19.999%,
  5944.        22%,
  5945.        62.999%,
  5946.        64%,
  5947.        64.999%,
  5948.        70%,
  5949.        to {
  5950.            opacity: .99;
  5951.            filter: drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))
  5952.        }
  5953.  
  5954.        20%,
  5955.        21.999%,
  5956.        63%,
  5957.        63.999%,
  5958.        65%,
  5959.        69.999% {
  5960.            opacity: .4;
  5961.            filter: none
  5962.        }
  5963.    }
  5964.  
  5965. .flip-card {
  5966.  position: relative;
  5967.  display: inline-flex;
  5968.  flex-direction: column;
  5969.  border-radius: 0.15em 0.15em 0 0;
  5970.  font-family: Arial, Helvetica, sans-serif;
  5971.  font-size: 15px;
  5972. }
  5973.  
  5974. .top,
  5975. .bottom,
  5976. .flip-card .top-flip,
  5977. .flip-card .bottom-flip {
  5978.  height: .75em;
  5979.  line-height: 1;
  5980.  padding: .25em;
  5981.  overflow: hidden;
  5982. }
  5983.  
  5984. .top,
  5985. .flip-card .top-flip {
  5986.  background-color: #c21010!important;
  5987.  border-top-right-radius: .1em;
  5988.  border-top-left-radius: .1em;
  5989.  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  5990.  color: #ccc;
  5991.  border-radius: 0.25em 0.25em 0 0;
  5992. }
  5993.  
  5994. .bottom,
  5995. .flip-card .bottom-flip {
  5996.  background-color: #e64848!important;
  5997.  display: flex;
  5998.  align-items: flex-end;
  5999.  border-bottom-right-radius: .1em;
  6000.  border-bottom-left-radius: .1em;
  6001.  color: #fff;
  6002.  border-radius: 0 0 0.25em 0.25em;
  6003. }
  6004.  
  6005. .flip-card .top-flip {
  6006.  position: absolute;
  6007.  width: 100%;
  6008.  animation: flip-top 250ms ease-in;
  6009.  transform-origin: bottom;
  6010.  background-color: #e64848!important;
  6011. }
  6012.  
  6013. @keyframes    flip-top {
  6014.  100% {
  6015.    transform: rotateX(90deg);
  6016.  }
  6017. }
  6018.  
  6019. .flip-card .bottom-flip {
  6020.  position: absolute;
  6021.  bottom: 0;
  6022.  width: 100%;
  6023.  animation: flip-bottom 250ms ease-out 250ms;
  6024.  transform-origin: top;
  6025.  transform: rotateX(90deg);
  6026. }
  6027.  
  6028. @keyframes    flip-bottom {
  6029.  100% {
  6030.    transform: rotateX(0deg);
  6031.  }
  6032. }
  6033.  
  6034.  
  6035. .container-segment {
  6036.  display: flex;
  6037.  flex-direction: column;
  6038.  gap: .1em;
  6039.  align-items: center;
  6040. }
  6041.  
  6042. .segment {
  6043.  display: flex;
  6044.  gap: .1em;
  6045. }
  6046.  
  6047. .segment-title {
  6048.  font-size: 1rem;
  6049. }
  6050.  
  6051.  
  6052.  
  6053. .btn-rounded-3d:hover {
  6054.  transform: translateY(-3px);
  6055. }
  6056.  
  6057.  
  6058. .btn-rounded-3d {
  6059.    background-color:var(--warna_3);
  6060.    background-image: url(/assets/image/koswebbbb.svg);
  6061.    background-repeat: repeat-x;
  6062.    background-position: top;
  6063.    background-size: clamp(60em, 100rem, 100em) auto, cover;
  6064.    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  6065.    transition: transform 0.3s ease-in-out;
  6066. }
  6067.  
  6068.  
  6069. .navbar-nav a {
  6070.  color: white !important;
  6071. }
  6072.  
  6073. .navbar-nav a:hover {
  6074.  color: #abcdef !important;
  6075. }
  6076.  
  6077. </style>
  6078.        
  6079.        
  6080.        
  6081.  
  6082.  
  6083.  
  6084.  
  6085. <body>
  6086.  
  6087.    
  6088.        <style>
  6089.  
  6090.  
  6091.  
  6092.  
  6093. .dropdown-menu .dropdown-item:hover {
  6094.    background-color: var(--warna_3);
  6095.    color: white; /* Sesuaikan jika ingin mengubah warna teks saat di-hover */
  6096. }
  6097.  
  6098. .nav-item.dropdown:hover .nav-link {
  6099.    color: var(--warna_2); /* Text color transitions to var(--warna_2) */
  6100. }
  6101.  
  6102. .nav-item.dropdown {
  6103.    transition: border-color 0.3s ease, color 0.3s ease;
  6104. }
  6105.  
  6106. .nav-item.dropdown:hover {
  6107.    border-bottom-color: var(--warna_2); /* Border color transitions to var(--warna_2) */
  6108. }
  6109.  
  6110. a:hover {
  6111.    transition: color 0.3s ease, border-color 0.3s ease;
  6112.    color: var(--warna_2);
  6113.    border-color: var(--warna_2);
  6114. }
  6115.  
  6116. .dropdown-menu-left {
  6117.    left: 0 !important;
  6118.    right: auto !important;
  6119.    text-decoration: none;
  6120.    background-color: var(--warna_1);
  6121. }
  6122. </style>
  6123.  
  6124.    <nav class="sticky top-0 z-40 w-full flex-none border-b border-border/50 bg-secondary/50 backdrop-blur print:hidden" style="background-color: var(--warna_3);">
  6125.            <div class="container">
  6126.                <div class="flex h-[60px] items-center justify-between">
  6127.                    <button type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" class="md:hidden rounded-md bg-product p-1.5 text-white lg:hidden openMenu"><span class="sr-only">Open menu</span>
  6128.                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
  6129.                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
  6130.                        </svg>
  6131.                    </button>
  6132.                    <div class="mx-2">
  6133.                        <a style="outline:none" href="/">
  6134.                            <span class="sr-only"></span>
  6135.                            <img alt="" fetchpriority="high" width="150" style="color:transparent" src="https://agengim.com/assets/logo/LogoAgenGim (1).gif"/>
  6136.                        </a>
  6137.                    </div>
  6138.                  
  6139.                  
  6140.                    <div class="hidden md:block lg:ml-10 lg:block lg:self-stretch">
  6141.                    <div class="flex h-full space-x-6">
  6142.                        <!-- Beranda -->
  6143.                        <a class="relative z-10 flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-[var(--warna_2)] hover:text-[var(--warna_2)]" style="outline:none" href="https://agengim.com">
  6144.                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
  6145.                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"></path>
  6146.                            </svg>
  6147.                            <span>Beranda</span>
  6148.                        </a>
  6149.  
  6150.                        <!-- Cek Transaksi -->
  6151.                        <a class="relative z-10 flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-[var(--warna_2)] hover:text-[var(--warna_2)]" style="outline:none" href="https://agengim.com/cari">
  6152.                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
  6153.                                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
  6154.                            </svg>
  6155.                            <span>Cek Transaksi</span>
  6156.                        </a>
  6157.  
  6158.                        <!-- Leaderboard -->
  6159.                        <a class="relative z-10 flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-[var(--warna_2)] hover:text-[var(--warna_2)]" style="outline:none" href="https://agengim.com/leaderboard">
  6160.                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
  6161.                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"></path>
  6162.                            </svg>
  6163.                            <span>Leaderboard</span>
  6164.                        </a>
  6165.  
  6166.                        <!-- Kalkulator -->
  6167.                        <div class="relative z-10 nav-item dropdown flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:text-[var(--warna_2)] hover:border-[var(--warna_2)]">
  6168.                            <a href="#" class="nav-link dropdown-toggle flex items-center space-x-2 transition-colors duration-200 ease-out" id="dropdownMenuButton1" role="button" data-bs-toggle="dropdown" aria-expanded="false" onclick="togglePanel()">
  6169.                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-5 w-5">
  6170.                            <rect width="16" height="20" x="4" y="2" rx="2"></rect>
  6171.                            <line x1="8" x2="16" y1="6" y2="6"></line>
  6172.                            <line x1="16" x2="16" y1="14" y2="18"></line>
  6173.                            <path d="M16 10h.01"></path>
  6174.                            <path d="M12 10h.01"></path>
  6175.                            <path d="M8 10h.01"></path>
  6176.                            <path d="M12 14h.01"></path>
  6177.                            <path d="M8 14h.01"></path>
  6178.                            <path d="M12 18h.01"></path>
  6179.                            <path d="M8 18h.01"></path>
  6180.                        </svg>
  6181.                        <span>Kalkulator ML</span>
  6182.                    </a>
  6183.                </div>
  6184.                
  6185.                    <div class="absolute left-1/2 z-10 mt-[4.25rem] w-screen max-w-[360px] -translate-x-1/2 transform px-2 sm:px-0 opacity-100 translate-y-0" id="headlessui-popover-panel-cal" tabindex="-1" data-headlessui-state="" style="display:none;">
  6186.                    <div class="overflow-hidden rounded-lg shadow-lg">
  6187.                        <div class="relative grid gap-6 px-2 py-3 backdrop-blur-sm sm:gap-8 sm:p-6" style="background-color: var(--warna_3);">
  6188.                
  6189.                                <a class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" data-headlessui-state="open" href="/hitungwr" style="outline: none;">
  6190.                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-6 w-6 flex-shrink-0 text-primary"
  6191.                                    aria-hidden="true">
  6192.                                        <rect width="16" height="20" x="4" y="2" rx="2"></rect>
  6193.                                        <line x1="8" x2="16" y1="6" y2="6"></line>
  6194.                                        <line x1="16" x2="16" y1="14" y2="18"></line>
  6195.                                        <path d="M16 10h.01"></path>
  6196.                                        <path d="M12 10h.01"></path>
  6197.                                        <path d="M8 10h.01"></path>
  6198.                                        <path d="M12 14h.01"></path>
  6199.                                        <path d="M8 14h.01"></path>
  6200.                                        <path d="M12 18h.01"></path>
  6201.                                        <path d="M8 18h.01"></path>
  6202.                                    </svg>
  6203.                                    <div class="ml-4">
  6204.                                        <p class="text-base font-medium text-muted-foreground">Win Rate</p>
  6205.                                        <p class="mt-1 text-sm text-muted-foreground">Digunakan untuk menghitung total jumlah pertandingan yang harus diambil untuk mencapai target tingkat kemenangan yang diinginkan.</p>
  6206.                                    </div>
  6207.                                </a>
  6208.                                <a class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" data-headlessui-state="open" href="/hitungpointmw" style="outline: none;">
  6209.                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-6 w-6 flex-shrink-0 text-primary"
  6210.                                    aria-hidden="true">
  6211.                                        <rect width="16" height="20" x="4" y="2" rx="2"></rect>
  6212.                                        <line x1="8" x2="16" y1="6" y2="6"></line>
  6213.                                        <line x1="16" x2="16" y1="14" y2="18"></line>
  6214.                                        <path d="M16 10h.01"></path>
  6215.                                        <path d="M12 10h.01"></path>
  6216.                                        <path d="M8 10h.01"></path>
  6217.                                        <path d="M12 14h.01"></path>
  6218.                                        <path d="M8 14h.01"></path>
  6219.                                        <path d="M12 18h.01"></path>
  6220.                                        <path d="M8 18h.01"></path>
  6221.                                    </svg>
  6222.                                    <div class="ml-4">
  6223.                                        <p class="text-base font-medium text-muted-foreground">Magic Wheel</p>
  6224.                                        <p class="mt-1 text-sm text-muted-foreground">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Legends.</p>
  6225.                                    </div>
  6226.                                </a>
  6227.                                <a class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" data-headlessui-state="open" href="/hitungpointzodiac" style="outline: none;">
  6228.                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-6 w-6 flex-shrink-0 text-primary"
  6229.                                    aria-hidden="true">
  6230.                                        <rect width="16" height="20" x="4" y="2" rx="2"></rect>
  6231.                                        <line x1="8" x2="16" y1="6" y2="6"></line>
  6232.                                        <line x1="16" x2="16" y1="14" y2="18"></line>
  6233.                                        <path d="M16 10h.01"></path>
  6234.                                        <path d="M12 10h.01"></path>
  6235.                                        <path d="M8 10h.01"></path>
  6236.                                        <path d="M12 14h.01"></path>
  6237.                                        <path d="M8 14h.01"></path>
  6238.                                        <path d="M12 18h.01"></path>
  6239.                                        <path d="M8 18h.01"></path>
  6240.                                    </svg>
  6241.                                    <div class="ml-4">
  6242.                                        <p class="text-base font-medium text-muted-foreground">Zodiac</p>
  6243.                                        <p class="mt-1 text-sm text-muted-foreground">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Zodiac.</p>
  6244.                                        
  6245.                                    </div>
  6246.                                </a>
  6247.                            </div>
  6248.                        </div>
  6249.                        </div>
  6250.  
  6251.  
  6252.                        <script>
  6253.                               function togglePanel() {
  6254.                            const panel = document.getElementById('headlessui-popover-panel-cal');
  6255.                    const btncal = document.getElementById('headlessui-popover-button-cal');
  6256.                    panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
  6257.                    if (panel.style.display == 'block') {
  6258.                      btncal.className = ''; // Remove all existing classes
  6259.                      btncal.classList.add('relative', 'z-10', '-mb-px', 'flex', 'items-center', 'space-x-2', 'border-b-2', 'pt-px', 'text-sm', 'font-medium', 'transition-colors', 'duration-200', 'ease-out', 'border-primary', 'text-primary');
  6260.                    } else {
  6261.                      btncal.className = ''; // Remove all existing classes
  6262.                     btncal.classList.add('relative', 'z-10', '-mb-px', 'flex', 'items-center', 'space-x-2', 'border-b-2', 'pt-px', 'text-sm', 'font-medium', 'text-secondary-foreground', 'transition-colors', 'duration-200', 'ease-out', 'hover:text-primary-300', 'border-transparent', 'hover:border-primary');
  6263.                    }
  6264.                    panel.classList.toggle('opacity-100');
  6265.                            
  6266.                    document.addEventListener('click', function(event) {
  6267.                      const panel = document.getElementById('headlessui-popover-panel-cal');
  6268.                      const btncal = document.getElementById('headlessui-popover-button-cal');
  6269.                      if (!panel.contains(event.target) && !btncal.contains(event.target)) {
  6270.                        panel.style.display = 'none';
  6271.                        panel.classList.remove('opacity-100');
  6272.                         btncal.className = '';
  6273.                        btncal.classList.add('relative', 'z-10', '-mb-px', 'flex', 'items-center', 'space-x-2', 'border-b-2', 'pt-px', 'text-sm', 'font-medium', 'text-secondary-foreground', 'transition-colors', 'duration-200', 'ease-out', 'hover:text-primary-300', 'border-transparent', 'hover:border-primary');
  6274.                      }
  6275.                    });
  6276.                        }
  6277.                    </script>
  6278.                    
  6279.                    <style>
  6280.                      #headlessui-popover-panel-cal {
  6281.                            transition: opacity 0.3s ease-in-out;
  6282.                        }
  6283.                        #headlessui-popover-panel-cal.opacity-100 {
  6284.                            opacity: 1;
  6285.                        }
  6286.                    </style>
  6287.  
  6288.  
  6289.                        </div>
  6290.                    </div>
  6291.                    
  6292.                    <!----NEW DEPAN------->
  6293.  
  6294.                    <div class="ml-auto flex h-full items-center space-x-4">
  6295.                    <div class="md:hidden lg:flex lg:items-center lg:justify-end lg:space-x-6">
  6296.                    <button id="cari" type="button" class="inline-flex w-full items-center justify-center gap-2 rounded-lg border border-border/50 bg-transparent px-2 py-2 text-sm font-semibold text-foreground duration-300 ease-in-out hover:bg-muted/50 sm:pl-3 sm:pr-4">
  6297.                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 sm:h-4 sm:w-4">
  6298.                                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
  6299.                            </svg>
  6300.                            <span class="hidden text-sm lg:block">Search&nbsp;</span>
  6301.                        </button>
  6302.                                        </div>
  6303.                                  
  6304.                          <div class="flex items-center justify-center">
  6305.                    <div class="btn-group">
  6306.                        <button type="button" class="inline-flex w-full items-center justify-center gap-x-2 rounded-lg border border-border/50 bg-transparent p-1.5 text-sm font-semibold uppercase text-secondary-foreground duration-300 ease-in-out hover:bg-muted/50 hover:text-muted-foreground" data-bs-toggle="dropdown" aria-expanded="false" id="dropdownMenuButton1">
  6307.                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  6308.                                <g clip-path="url(#clip0_2722_24355)">
  6309.                                    <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
  6310.                                    <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
  6311.                                </g>
  6312.                                <defs>
  6313.                                    <clipPath id="clip0_2722_24355">
  6314.                                        <rect width="24" height="24" fill="white"></rect>
  6315.                                    </clipPath>
  6316.                                </defs>
  6317.                            </svg>
  6318.                        </button>
  6319.                
  6320.                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1" style="background-color: var(--warna_1); padding: 6px; width: 200px;">
  6321.                <li>
  6322.                    <a class="dropdown-item flex items-center" href="#" style="color: white; font-size: 14px; padding: 8px 16px;">
  6323.                        <img src="https://purecatamphetamine.github.io/country-flag-icons/3x2/ID.svg" alt="Indonesia Flag" style="width: 25px; height: auto; margin-right: 10px;">
  6324.                        Indonesia
  6325.                    </a>
  6326.                </li>
  6327.            </ul>
  6328.                            
  6329.                <div class="btn-group hidden">
  6330.                        <button class="inline-flex items-center justify-center rounded-lg border border-border/50 px-3 py-2 text-sm font-medium text-foreground duration-300 ease-in-out hover:bg-muted/75" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" style="width: auto;">
  6331.                        ID&nbsp;
  6332.                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-4 w-4">
  6333.                            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
  6334.                        </svg>
  6335.                    </button>
  6336.                    
  6337.                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
  6338.                        <li>
  6339.                            <a class="dropdown-item text-sm flex items-center" href="#">
  6340.                                <img src="https://purecatamphetamine.github.io/country-flag-icons/3x2/ID.svg" alt="Indonesia Flag" style="width: 20px; height: auto; margin-right: 8px;">
  6341.                                Indonesia
  6342.                            </a>
  6343.                        </li>
  6344.                </li>
  6345.            </ul>
  6346.                    </div>
  6347.                    </div>
  6348.                  
  6349.                    <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-2">
  6350.  
  6351.                  <a class="inline-flex items-center justify-center rounded-lg border border-border/50 px-3 py-2 text-sm font-medium text-foreground duration-300 ease-in-out hover:bg-muted/75" href="/login" style="outline: none;">Masuk</a>
  6352.                  &nbsp;
  6353.                  &nbsp;
  6354.                  <a class="inline-flex items-center justify-center rounded-lg bg-primary-500 px-3 py-2 text-sm font-medium text-primary-foreground duration-300 hover:bg-primary/75" href="https://agengim.com/register" style="outline: none;">Daftar</a>
  6355.                </div>
  6356.                         </div>
  6357.  
  6358.                            </div>
  6359.                </div>
  6360.            </div>
  6361.        </nav>
  6362.        <!-- NAV MOBILE -->
  6363. <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel" style="width: 85%; background-color: var(--warna_1);">
  6364.    <div class="offcanvas-header py-3 d-flex justify-content-between align-items-center">
  6365.        <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">
  6366.            <img src="https://agengim.com/assets/logo/LogoAgenGim (1).gif" alt="" class="h-10">
  6367.        </h5>
  6368.        <button type="button" data-bs-dismiss="offcanvas" aria-label="Close" class="inline-flex items-center justify-center rounded-md bg-murky-800 p-1.5 text-sm font-medium text-white hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800" tabindex="0">
  6369.            <span class="sr-only">Close menu</span>
  6370.            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
  6371.                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
  6372.            </svg>
  6373.        </button>    
  6374.    </div>
  6375.    <hr>
  6376.    <div class="offcanvas-body d-lg-none">
  6377.        <ul class="navbar-nav justify-content-end flex-grow-1 text-base">
  6378.            <li class="nav-item py-2">
  6379.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com" style="color: white;">
  6380.                    <span class="flex items-center">
  6381.                        Beranda
  6382.                    </span>
  6383.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
  6384.                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"></path>
  6385.                            </svg>
  6386.                </a>
  6387.            </li>
  6388.            <li class="nav-item py-2">
  6389.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com/cari" style="color: white;">
  6390.                    <span class="flex items-center">
  6391.                        Cek Transaksi
  6392.                    </span>
  6393.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
  6394.                                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
  6395.                            </svg>
  6396.                </a>
  6397.            </li>
  6398.            <li class="nav-item py-2">
  6399.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com/leaderboard" style="color: white;">
  6400.                    <span class="flex items-center">
  6401.                        Leaderboard
  6402.                    </span>
  6403.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
  6404.                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"></path>
  6405.                    </svg>
  6406.                </a>
  6407.            </li>
  6408.            <!-- Kalkulator Menu -->
  6409.            <li class="nav-item py-2">
  6410.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="#" id="dropdownMenuButton1" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="color: white;">
  6411.                    <span class="flex items-center">
  6412.                        Kalkulator ML
  6413.                    </span>
  6414.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-5 w-5">
  6415.                            <rect width="16" height="20" x="4" y="2" rx="2"></rect>
  6416.                            <line x1="8" x2="16" y1="6" y2="6"></line>
  6417.                            <line x1="16" x2="16" y1="14" y2="18"></line>
  6418.                            <path d="M16 10h.01"></path>
  6419.                            <path d="M12 10h.01"></path>
  6420.                            <path d="M8 10h.01"></path>
  6421.                            <path d="M12 14h.01"></path>
  6422.                            <path d="M8 14h.01"></path>
  6423.                            <path d="M12 18h.01"></path>
  6424.                            <path d="M8 18h.01"></path>
  6425.                        </svg>
  6426.                </a>
  6427.                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1" style="background-color: var(--warna_3); width: 90%; max-width: 300px; margin-left: auto; margin-right: auto;">
  6428.                    <li>
  6429.                        <a class="dropdown-item p-3" href="/hitungwr" style="color: white;">
  6430.                            <div>
  6431.                                <p class="text-base font-medium text-muted-foreground" style="color: white;">Win Rate</p>
  6432.                                <p class="mt-1 text-sm text-muted-foreground" style="text-wrap: auto; color: white;">Digunakan untuk menghitung total jumlah pertandingan yang harus diambil untuk mencapai target tingkat kemenangan yang diinginkan.</p>
  6433.                            </div>
  6434.                        </a>
  6435.                    </li>
  6436.                    <li>
  6437.                        <a class="dropdown-item p-3" href="/hitungpointmw" style="color: white;">
  6438.                            <div>
  6439.                                <p class="text-base font-medium text-muted-foreground" style="color: white;">Magic Wheel</p>
  6440.                                <p class="mt-1 text-sm text-muted-foreground" style="text-wrap: auto; color: white;">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Legends.</p>
  6441.                            </div>
  6442.                        </a>
  6443.                    </li>
  6444.                    <li>
  6445.                        <a class="dropdown-item p-3" href="/hitungpointzodiac" style="color: white;">
  6446.                            <div>
  6447.                                <p class="text-base font-medium text-muted-foreground" style="color: white;">Zodiac</p>
  6448.                                <p class="mt-1 text-sm text-muted-foreground" style="text-wrap: auto; color: white;">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Zodiac.</p>
  6449.                            </div>
  6450.                        </a>
  6451.                    </li>
  6452.                </ul>
  6453.            </li>
  6454.            <!-- End Kalkulator Menu -->
  6455.            
  6456.            <li class="nav-item py-2">
  6457.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com/daftar-harga" style="color: white;">
  6458.                    <span class="flex items-center">
  6459.                        Daftar Harga
  6460.                    </span>
  6461.                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 group-hover:block" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  6462.                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 7h.01M3 3h6l12 12-6 6L3 9V3z" />
  6463.                    </svg>
  6464.                </a>
  6465.            </li>
  6466.            <hr>
  6467.            <li class="nav-item py-2">
  6468.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com/login" style="color: white;">
  6469.                    <span class="flex items-center">
  6470.                        Masuk Akun
  6471.                    </span>
  6472.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
  6473.                        <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
  6474.                    </svg>
  6475.                </a>
  6476.            </li>
  6477.            <li class="nav-item py-2">
  6478.                <a class="group flex items-center justify-between rounded-md px-4 py-2 font-medium text-foreground hover:bg-muted" href="https://agengim.com/register" style="color: white;">
  6479.                    <span class="flex items-center">
  6480.                        Daftar Akun
  6481.                    </span>
  6482.                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
  6483.                        <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
  6484.                    </svg>
  6485.                </a>
  6486.            </li>
  6487.        </ul>
  6488.    </div>
  6489. </div>
  6490.  
  6491.  
  6492. <script>
  6493.  
  6494. document.addEventListener('keydown', function(event) {
  6495.    if (event.key === "F12") {
  6496.        var offcanvasElement = document.getElementById('offcanvasDarkNavbar');
  6497.        var offcanvasInstance = bootstrap.Offcanvas.getInstance(offcanvasElement);
  6498.  
  6499.        if (offcanvasInstance) {
  6500.            offcanvasInstance.hide();
  6501.        }
  6502.    }
  6503. });
  6504.                            
  6505.  const dialogPanel = document.getElementById("headlessui-dialog-panel-:r4b:");
  6506.  document.getElementById('search-button').addEventListener('click', function() {
  6507.    document.getElementById('popup').hidden = false;
  6508.  });
  6509.  
  6510.  document.addEventListener('mousedown', function(event) {
  6511.    if (event.target.id !== 'popup' && !event.target.closest('#popup') && !event.target.closest('#search-button')) {
  6512.      document.getElementById('popup').hidden = true;
  6513.    }
  6514.  });
  6515.  
  6516.  document.addEventListener('focusout', function(event) {
  6517.    if (event.target.id !== 'popup' && !event.relatedTarget || !event.relatedTarget.closest('#popup')) {
  6518.      document.getElementById('popup').hidden = true;
  6519.    }
  6520.  });
  6521. </script>
  6522.  
  6523.  
  6524.        <section class="relative mb-0 bg-transparent shadow-2xl lg:min-h-[340px]">
  6525.    <div class="pb-3 swiper-container swiper-initialized swiper-horizontal container swiper-backface-hidden">
  6526.        <div class="swiper-wrapper" id="swiper">
  6527.                        <div class="swiper-slide">
  6528.                <a href="#" style="outline: none;">
  6529.                    <div class="relative">
  6530.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/GocaGameGamePNG (2).png" style="width: 100%;">
  6531.                    </div>
  6532.                </a>
  6533.            </div>
  6534.                        <div class="swiper-slide">
  6535.                <a href="#" style="outline: none;">
  6536.                    <div class="relative">
  6537.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/GocaGameGamePNG (3).png" style="width: 100%;">
  6538.                    </div>
  6539.                </a>
  6540.            </div>
  6541.                        <div class="swiper-slide">
  6542.                <a href="https://agengim.com/id/mobile-legends" style="outline: none;">
  6543.                    <div class="relative">
  6544.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (1).png" style="width: 100%;">
  6545.                    </div>
  6546.                </a>
  6547.            </div>
  6548.                        <div class="swiper-slide">
  6549.                <a href="https://agengim.com/id/free-fire" style="outline: none;">
  6550.                    <div class="relative">
  6551.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (2).png" style="width: 100%;">
  6552.                    </div>
  6553.                </a>
  6554.            </div>
  6555.                        <div class="swiper-slide">
  6556.                <a href="https://agengim.com/id/roblox" style="outline: none;">
  6557.                    <div class="relative">
  6558.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (3).png" style="width: 100%;">
  6559.                    </div>
  6560.                </a>
  6561.            </div>
  6562.                        <div class="swiper-slide">
  6563.                <a href="https://agengim.com/id/honor-of-kings" style="outline: none;">
  6564.                    <div class="relative">
  6565.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (4).png" style="width: 100%;">
  6566.                    </div>
  6567.                </a>
  6568.            </div>
  6569.                        <div class="swiper-slide">
  6570.                <a href="https://agengim.com/id/pubg-mobile" style="outline: none;">
  6571.                    <div class="relative">
  6572.                        <img alt="Supplier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="border border-white banner-image rounded-3xl rounded-2.5 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (5).png" style="width: 100%;">
  6573.                    </div>
  6574.                </a>
  6575.            </div>
  6576.                    </div>
  6577.    </div>
  6578.    
  6579.    <!-- link rel="stylesheet" type="text/css" href="https://hary-server.id/check-file/?url=assets/nagastore/populer.css">
  6580.   <section class="relative mb-0 bg-transparent shadow-2xl lg:min-h-[340px]">
  6581.        <div class="pb-3 swiper-container swiper-initialized swiper-horizontal container swiper-backface-hidden">
  6582.            <div class="swiper-wrapper" id="swiper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
  6583.            
  6584.                        <div class="swiper-slide">
  6585.                <a href="/" style="outline: none;">
  6586.                    <div class="relative">
  6587.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/GocaGameGamePNG (2).png" style="width: 100%;">
  6588.                    </div>
  6589.                </a>
  6590.            </div>
  6591.                        <div class="swiper-slide">
  6592.                <a href="/" style="outline: none;">
  6593.                    <div class="relative">
  6594.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/GocaGameGamePNG (3).png" style="width: 100%;">
  6595.                    </div>
  6596.                </a>
  6597.            </div>
  6598.                        <div class="swiper-slide">
  6599.                <a href="/" style="outline: none;">
  6600.                    <div class="relative">
  6601.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (1).png" style="width: 100%;">
  6602.                    </div>
  6603.                </a>
  6604.            </div>
  6605.                        <div class="swiper-slide">
  6606.                <a href="/" style="outline: none;">
  6607.                    <div class="relative">
  6608.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (2).png" style="width: 100%;">
  6609.                    </div>
  6610.                </a>
  6611.            </div>
  6612.                        <div class="swiper-slide">
  6613.                <a href="/" style="outline: none;">
  6614.                    <div class="relative">
  6615.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (3).png" style="width: 100%;">
  6616.                    </div>
  6617.                </a>
  6618.            </div>
  6619.                        <div class="swiper-slide">
  6620.                <a href="/" style="outline: none;">
  6621.                    <div class="relative">
  6622.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (4).png" style="width: 100%;">
  6623.                    </div>
  6624.                </a>
  6625.            </div>
  6626.                        <div class="swiper-slide">
  6627.                <a href="/" style="outline: none;">
  6628.                    <div class="relative">
  6629.                        <img alt="Suppier Top Up Game Murah" fetchpriority="high" decoding="async" data-nimg="fill" class="rounded-3xl rounded-4 mt-3" sizes="100vw" src="/assets/banner/AgenGimBannerProduk (5).png" style="width: 100%;">
  6630.                    </div>
  6631.                </a>
  6632.            </div>
  6633.                        </div>
  6634.        </div -->
  6635.  
  6636.    <div class="absolute inset-0 -z-10">
  6637.        <div class="area">
  6638.            <section id="subnav" class="g779" data-hue="{&quot;RGB&quot;: &quot;0x5d6e8a&quot;}" style="--r:93;--g:110;--b:138;--h:217;--s:19%;--l:45%;--hex: #64686e;">
  6639.                <div class="inner">
  6640.                    <ul class="circles">
  6641.                        <li></li>
  6642.                        <li></li>
  6643.                        <li></li>
  6644.                        <li></li>
  6645.                        <li></li>
  6646.                        <li></li>
  6647.                        <li></li>
  6648.                        <li></li>
  6649.                        <li></li>
  6650.                        <li></li>
  6651.                        <li></li>
  6652.                        <li></li>
  6653.                    </ul>
  6654.                </div>
  6655.            </section>
  6656.        </div>
  6657.    </div>
  6658. </section>
  6659.  
  6660.  
  6661.  
  6662.            <div class="col-span-full md:col-span-2">
  6663.                <div class="hasil-cari">
  6664.                    <ul class="resultsearch shadow dropdown-menu" aria-labelledby="dropsearchdown"></ul>
  6665.                </div>
  6666.            </div>
  6667.        </div>
  6668.    </div>
  6669. </div>
  6670.  
  6671.  
  6672.  
  6673. <!--flashale-->
  6674.  
  6675.  
  6676. <style>
  6677.    .progress-container {
  6678.        width: 100%;
  6679.        height: 15px;
  6680.        background-color: #ddd;
  6681.        margin-top: 4px;
  6682.        position: relative;
  6683.        border-radius: 10px;
  6684.        margin-left: auto;
  6685.        margin-right: auto;
  6686.    }
  6687.  
  6688.    .progress-bar {
  6689.        height: 100%;
  6690.        background-color: red;
  6691.        border-radius: 10px;
  6692.    }
  6693. </style>
  6694.  
  6695.  
  6696. <!======================================================= Okedimers Group INC ======================================================================>
  6697.  
  6698.  
  6699.  
  6700.  
  6701.  
  6702.  
  6703.  
  6704.  
  6705.  
  6706.  
  6707.  
  6708.  
  6709.  
  6710.  
  6711.  
  6712.  
  6713.  
  6714.  
  6715.  
  6716.  
  6717.  
  6718.  
  6719.  
  6720.  
  6721.  
  6722. <!======================================================= Okedimers Group INC ======================================================================>
  6723.  
  6724.  
  6725.  
  6726.  
  6727.  
  6728.  
  6729.  
  6730.  
  6731. <div class="container mt-4">
  6732. <link rel="stylesheet" type="text/css" href=" ">
  6733.  
  6734.  
  6735.  
  6736.  
  6737.  
  6738.  
  6740.  
  6741.    </div>
  6742. </div>
  6743.  
  6744.  
  6745.  
  6746.  
  6747.  
  6748.  
  6749.  
  6750.  
  6751.  
  6752.  
  6753.  
  6754.  
  6755.  
  6756.  
  6757.  
  6758.  
  6759.  
  6760.  
  6761.  
  6762.  
  6763.  
  6764.  
  6765.  
  6766.  
  6767.  
  6768. </div>
  6769.  
  6770.  
  6771.  
  6772.  
  6773.  
  6774.  
  6775. <div class="container mt-4">
  6776.    
  6777. <h3 class="mb-6 font-semibold uppercase leading-relaxed tracking-wider">
  6778.        <h3 class="text-lg font-semibold leading-relaxed tracking-wider flex">
  6779.             🔥 LAYANAN PILIHAN!
  6780.        </h3>
  6781.        <p class="pl-6 text-xs">Beberapa produk yang paling populer saat ini.</p>
  6782.  
  6783. &nbsp;
  6784.    <!-- ul class="grid grid-cols-2 gap-4 rounded-3xl bg-muted/50 p-3 md:grid-cols-3 lg:min-h-[120px]" style="opacity: 1; transform: none;" --->
  6785. <div class="grid grid-cols-2 gap-2 md:gap-4 lg:grid-cols-3">
  6786.            <a href="https://agengim.com/order/mobile-legends" style="outline: none;">
  6787.    <div
  6788.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6789.    >
  6790.       <img
  6791.            alt="MOBILE LEGENDS"
  6792.            fetchpriority="high"
  6793.            width="56"
  6794.            height="56"
  6795.            decoding="async"
  6796.            data-nimg="1"
  6797.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6798.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6799.            src="/assets/thumbnail/mlm.webp"
  6800.            style="color: transparent; transform: scale(1.3);"
  6801.        />
  6802.  
  6803.        <div class="relative flex w-full flex-col">
  6804.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6805.                MOBILE LEGENDS
  6806.            </h2>
  6807.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6808.                Moonton
  6809.            </p>
  6810.        </div>
  6811.    </div>
  6812. </a>
  6813.  
  6814.  
  6815.                                                <a href="https://agengim.com/order/free-fire" style="outline: none;">
  6816.    <div
  6817.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6818.    >
  6819.       <img
  6820.            alt="FREE FIRE"
  6821.            fetchpriority="high"
  6822.            width="56"
  6823.            height="56"
  6824.            decoding="async"
  6825.            data-nimg="1"
  6826.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6827.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6828.            src="/assets/thumbnail/123.webp"
  6829.            style="color: transparent; transform: scale(1.3);"
  6830.        />
  6831.  
  6832.        <div class="relative flex w-full flex-col">
  6833.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6834.                FREE FIRE
  6835.            </h2>
  6836.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6837.                Garena
  6838.            </p>
  6839.        </div>
  6840.    </div>
  6841. </a>
  6842.  
  6843.  
  6844.                                                <a href="https://agengim.com/order/pubg-mobile-vc" style="outline: none;">
  6845.    <div
  6846.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6847.    >
  6848.       <img
  6849.            alt="PUBG MOBILE"
  6850.            fetchpriority="high"
  6851.            width="56"
  6852.            height="56"
  6853.            decoding="async"
  6854.            data-nimg="1"
  6855.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6856.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6857.            src="/assets/thumbnail/pubgm.webp"
  6858.            style="color: transparent; transform: scale(1.3);"
  6859.        />
  6860.  
  6861.        <div class="relative flex w-full flex-col">
  6862.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6863.                PUBG MOBILE
  6864.            </h2>
  6865.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6866.                Tencent
  6867.            </p>
  6868.        </div>
  6869.    </div>
  6870. </a>
  6871.  
  6872.  
  6873.                                                <a href="https://agengim.com/order/genshin-impact" style="outline: none;">
  6874.    <div
  6875.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6876.    >
  6877.       <img
  6878.            alt="Genshin Impact"
  6879.            fetchpriority="high"
  6880.            width="56"
  6881.            height="56"
  6882.            decoding="async"
  6883.            data-nimg="1"
  6884.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6885.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6886.            src="/assets/thumbnail/genmp.webp"
  6887.            style="color: transparent; transform: scale(1.3);"
  6888.        />
  6889.  
  6890.        <div class="relative flex w-full flex-col">
  6891.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6892.                Genshin Impact
  6893.            </h2>
  6894.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6895.                HoyoVerse
  6896.            </p>
  6897.        </div>
  6898.    </div>
  6899. </a>
  6900.  
  6901.  
  6902.                                                <a href="https://agengim.com/order/free-fire-max" style="outline: none;">
  6903.    <div
  6904.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6905.    >
  6906.       <img
  6907.            alt="Free Fire Max"
  6908.            fetchpriority="high"
  6909.            width="56"
  6910.            height="56"
  6911.            decoding="async"
  6912.            data-nimg="1"
  6913.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6914.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6915.            src="/assets/thumbnail/ffmax.webp"
  6916.            style="color: transparent; transform: scale(1.3);"
  6917.        />
  6918.  
  6919.        <div class="relative flex w-full flex-col">
  6920.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6921.                Free Fire Max
  6922.            </h2>
  6923.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6924.                Garena
  6925.            </p>
  6926.        </div>
  6927.    </div>
  6928. </a>
  6929.  
  6930.  
  6931.                                                <a href="https://agengim.com/order/honor-of-kings-vc" style="outline: none;">
  6932.    <div
  6933.        class="border border-white bg-title-product flex items-center gap-x-4 rounded-xl bg-murky-600 p-3 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-6 md:rounded-2xl md:p-4 bg-murky-800"
  6934.    >
  6935.       <img
  6936.            alt="Honor of Kings"
  6937.            fetchpriority="high"
  6938.            width="56"
  6939.            height="56"
  6940.            decoding="async"
  6941.            data-nimg="1"
  6942.            class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-[0.5px] ring-murky-600 md:h-20 md:w-20 md:rounded-xl img-responsive"
  6943.            sizes="(max-width: 768px) 40px, (min-width: 768px) 80px"
  6944.            src="/assets/thumbnail/hokv1.webp"
  6945.            style="color: transparent; transform: scale(1.3);"
  6946.        />
  6947.  
  6948.        <div class="relative flex w-full flex-col">
  6949.            <h2 class="w-auto truncate font-semibold text-[10px] sm:text-[12px] md:text-base lg:text-lg text-white">
  6950.                Honor of Kings
  6951.            </h2>
  6952.            <p class="w-auto truncate text-[8px] sm:text-[10px] md:text-sm lg:text-base text-white-400">
  6953.                Tencent Games
  6954.            </p>
  6955.        </div>
  6956.    </div>
  6957. </a>
  6958.  
  6959.  
  6960.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  6961.                    </div>
  6962.  
  6963.  
  6964.  
  6965.  
  6966.  
  6967.            <!--end populer-->
  6968.            
  6969.            
  6970. <div class="container mt-3">
  6971.    <div class="block ">
  6972.        
  6973.  
  6974.        <nav class="-mb-px flex text-center text-sm font-medium" aria-label="Tabs">
  6975.        
  6976.  
  6977.  
  6978.  
  6979.  
  6980. <link rel="stylesheet" type="text/css" href="https://hary-server.id/check-file/?url=assets/nagastore/tab.css">
  6981.  
  6982.  
  6983.                      <div class="block lg:hidden">
  6984.  
  6985.        </div>
  6986.  
  6987.        <ul class="nav nav-pills justify-content-left kosweb-scroll" id="myTab" role="tablist">
  6988.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  6989.        <button
  6990.            class="rounded-3 button-gradient-3d btn-sm btn-category active flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  6991.            id="game-tab" data-bs-toggle="tab" data-bs-target="#game" type="button" role="tab" aria-controls="game" aria-selected="true">
  6992.            <small>Semua Game</small>
  6993.        </button>
  6994.    </li>
  6995.    
  6996.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  6997.        <button
  6998.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  6999.            id="freefire-tab" data-bs-toggle="tab" data-bs-target="#freefire" type="button" role="tab" aria-controls="freefire" aria-selected="true">
  7000.            <small>Free Fire</small>
  7001.        </button>
  7002.    </li>
  7003.    
  7004.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7005.        <button
  7006.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7007.            id="mlbb-tab" data-bs-toggle="tab" data-bs-target="#mlbb" type="button" role="tab" aria-controls="mlbb" aria-selected="true">
  7008.            <small>Mobile Legends</small>
  7009.        </button>
  7010.    </li>
  7011.    
  7012.  
  7013.    
  7014.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7015.        <button
  7016.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7017.            id="streaming-tab" data-bs-toggle="tab" data-bs-target="#streaming" type="button" role="tab" aria-controls="streaming" aria-selected="true">
  7018.            <small>Streaming</small>
  7019.        </button>
  7020.    </li>
  7021.    
  7022.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7023.        <button
  7024.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7025.            id="voucher-tab" data-bs-toggle="tab" data-bs-target="#voucher" type="button" role="tab" aria-controls="voucher" aria-selected="true">
  7026.            <small>Voucher</small>
  7027.        </button>
  7028.    </li>
  7029.    
  7030.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7031.        <button
  7032.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7033.            id="pulsa-tab" data-bs-toggle="tab" data-bs-target="#pulsa" type="button" role="tab" aria-controls="pulsa" aria-selected="true">
  7034.            <small>Pulsa & PLN</small>
  7035.        </button>
  7036.    </li>
  7037.  
  7038.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7039.        <button
  7040.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7041.            id="emoney-tab" data-bs-toggle="tab" data-bs-target="#emoney" type="button" aria-controls="emoney" aria-selected="true">
  7042.            <small>E-Money</small>
  7043.        </button>
  7044.    </li>
  7045.    
  7046.    <li class="nav-item me-1 mt-1 nav-tab" role="presentation" style="margin-left: 10px;">
  7047.        <button
  7048.            class="rounded-3 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border border-white py-2 px-3 text-sm font-medium outline-none border border-white bg-gradient-to-t from-murky-700 to-murky-800"
  7049.            id="joki-tab" data-bs-toggle="tab" data-bs-target="#joki" type="button" role="tab" aria-controls="joki" aria-selected="true">
  7050.            <small>Jasa Joki</small>
  7051.        </button>
  7052.    </li >
  7053.  
  7054.  
  7055.    
  7056.  
  7057.    
  7058.  
  7059.    
  7060. </ul>
  7061.  
  7062.  
  7063.          
  7064.        </nav>
  7065.        
  7066.    </div>
  7067. </div>
  7068. <!-- End Tab -->
  7069.  
  7070. <style>
  7071. .nav-tab button:hover {
  7072.    background-color: #fff;
  7073.    color: #FFFFFF;
  7074.    border-bottom-color: #3f3f3f;
  7075. }
  7076.  
  7077. </style>
  7078.  
  7079.  
  7080.  
  7081. <div class="container mt-4">
  7082.    <div class="tab-content" id="myTabContent">
  7083.        
  7084.        <div class="tab-pane active" id="game" role="tabpanel" aria-labelledby="game-tab">
  7085.            <div class="grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  7086.          
  7087.          
  7088.            <a
  7089.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7090.            href="https://agengim.com/order/mobile-legends"
  7091.            style="outline: none;"
  7092.        >
  7093.            <div class="blur-sharp">
  7094.                <img
  7095.                    alt="MOBILE LEGENDS"
  7096.                    fetchpriority="high"
  7097.                    width="192"
  7098.                    height="88"
  7099.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7100.                    sizes="100vw"
  7101.                    src="/assets/thumbnail/mlm.webp"
  7102.                    style="color: transparent;"
  7103.                />
  7104.            </div>
  7105.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7106.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS</h2>
  7107.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  7108.            </article>
  7109.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7110.                <div class="mdigital-item-container"></div>
  7111.            </div>
  7112.        </a>
  7113.                <a
  7114.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7115.            href="https://agengim.com/order/free-fire"
  7116.            style="outline: none;"
  7117.        >
  7118.            <div class="blur-sharp">
  7119.                <img
  7120.                    alt="FREE FIRE"
  7121.                    fetchpriority="high"
  7122.                    width="192"
  7123.                    height="88"
  7124.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7125.                    sizes="100vw"
  7126.                    src="/assets/thumbnail/123.webp"
  7127.                    style="color: transparent;"
  7128.                />
  7129.            </div>
  7130.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7131.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">FREE FIRE</h2>
  7132.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  7133.            </article>
  7134.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7135.                <div class="mdigital-item-container"></div>
  7136.            </div>
  7137.        </a>
  7138.                <a
  7139.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7140.            href="https://agengim.com/order/pubg-mobile-vc"
  7141.            style="outline: none;"
  7142.        >
  7143.            <div class="blur-sharp">
  7144.                <img
  7145.                    alt="PUBG MOBILE"
  7146.                    fetchpriority="high"
  7147.                    width="192"
  7148.                    height="88"
  7149.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7150.                    sizes="100vw"
  7151.                    src="/assets/thumbnail/pubgm.webp"
  7152.                    style="color: transparent;"
  7153.                />
  7154.            </div>
  7155.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7156.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">PUBG MOBILE</h2>
  7157.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Tencent</p>
  7158.            </article>
  7159.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7160.                <div class="mdigital-item-container"></div>
  7161.            </div>
  7162.        </a>
  7163.                <a
  7164.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7165.            href="https://agengim.com/order/genshin-impact"
  7166.            style="outline: none;"
  7167.        >
  7168.            <div class="blur-sharp">
  7169.                <img
  7170.                    alt="Genshin Impact"
  7171.                    fetchpriority="high"
  7172.                    width="192"
  7173.                    height="88"
  7174.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7175.                    sizes="100vw"
  7176.                    src="/assets/thumbnail/genmp.webp"
  7177.                    style="color: transparent;"
  7178.                />
  7179.            </div>
  7180.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7181.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Genshin Impact</h2>
  7182.                <p class="truncate text-xxs text-murky-400 sm:text-xs">HoyoVerse</p>
  7183.            </article>
  7184.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7185.                <div class="mdigital-item-container"></div>
  7186.            </div>
  7187.        </a>
  7188.                <a
  7189.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7190.            href="https://agengim.com/order/free-fire-max"
  7191.            style="outline: none;"
  7192.        >
  7193.            <div class="blur-sharp">
  7194.                <img
  7195.                    alt="Free Fire Max"
  7196.                    fetchpriority="high"
  7197.                    width="192"
  7198.                    height="88"
  7199.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7200.                    sizes="100vw"
  7201.                    src="/assets/thumbnail/ffmax.webp"
  7202.                    style="color: transparent;"
  7203.                />
  7204.            </div>
  7205.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7206.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Free Fire Max</h2>
  7207.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  7208.            </article>
  7209.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7210.                <div class="mdigital-item-container"></div>
  7211.            </div>
  7212.        </a>
  7213.                <a
  7214.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7215.            href="https://agengim.com/order/honor-of-kings-vc"
  7216.            style="outline: none;"
  7217.        >
  7218.            <div class="blur-sharp">
  7219.                <img
  7220.                    alt="Honor of Kings"
  7221.                    fetchpriority="high"
  7222.                    width="192"
  7223.                    height="88"
  7224.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7225.                    sizes="100vw"
  7226.                    src="/assets/thumbnail/hokv1.webp"
  7227.                    style="color: transparent;"
  7228.                />
  7229.            </div>
  7230.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7231.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Honor of Kings</h2>
  7232.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Tencent Games</p>
  7233.            </article>
  7234.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7235.                <div class="mdigital-item-container"></div>
  7236.            </div>
  7237.        </a>
  7238.                                                        <a
  7239.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7240.            href="https://agengim.com/order/island-king"
  7241.            style="outline: none;"
  7242.        >
  7243.            <div class="blur-sharp">
  7244.                <img
  7245.                    alt="ISLAND KING"
  7246.                    fetchpriority="high"
  7247.                    width="192"
  7248.                    height="88"
  7249.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7250.                    sizes="100vw"
  7251.                    src="/assets/thumbnail/3681.webp"
  7252.                    style="color: transparent;"
  7253.                />
  7254.            </div>
  7255.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7256.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">ISLAND KING</h2>
  7257.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Forever9 Games</p>
  7258.            </article>
  7259.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7260.                <div class="mdigital-item-container"></div>
  7261.            </div>
  7262.        </a>
  7263.                <a
  7264.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7265.            href="https://agengim.com/order/call-of-duty-mobile"
  7266.            style="outline: none;"
  7267.        >
  7268.            <div class="blur-sharp">
  7269.                <img
  7270.                    alt="Call of Duty MOBILE"
  7271.                    fetchpriority="high"
  7272.                    width="192"
  7273.                    height="88"
  7274.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7275.                    sizes="100vw"
  7276.                    src="/assets/thumbnail/cod.webp"
  7277.                    style="color: transparent;"
  7278.                />
  7279.            </div>
  7280.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7281.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Call of Duty MOBILE</h2>
  7282.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  7283.            </article>
  7284.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7285.                <div class="mdigital-item-container"></div>
  7286.            </div>
  7287.        </a>
  7288.                <a
  7289.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7290.            href="https://agengim.com/order/point-blank"
  7291.            style="outline: none;"
  7292.        >
  7293.            <div class="blur-sharp">
  7294.                <img
  7295.                    alt="POINT BLANK"
  7296.                    fetchpriority="high"
  7297.                    width="192"
  7298.                    height="88"
  7299.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7300.                    sizes="100vw"
  7301.                    src="/assets/thumbnail/1555.webp"
  7302.                    style="color: transparent;"
  7303.                />
  7304.            </div>
  7305.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7306.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">POINT BLANK</h2>
  7307.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Zepetto</p>
  7308.            </article>
  7309.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7310.                <div class="mdigital-item-container"></div>
  7311.            </div>
  7312.        </a>
  7313.                <a
  7314.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7315.            href="https://agengim.com/order/sausage-man"
  7316.            style="outline: none;"
  7317.        >
  7318.            <div class="blur-sharp">
  7319.                <img
  7320.                    alt="Sausage Man"
  7321.                    fetchpriority="high"
  7322.                    width="192"
  7323.                    height="88"
  7324.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7325.                    sizes="100vw"
  7326.                    src="/assets/thumbnail/3922.webp"
  7327.                    style="color: transparent;"
  7328.                />
  7329.            </div>
  7330.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7331.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Sausage Man</h2>
  7332.                <p class="truncate text-xxs text-murky-400 sm:text-xs">SEA</p>
  7333.            </article>
  7334.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7335.                <div class="mdigital-item-container"></div>
  7336.            </div>
  7337.        </a>
  7338.                <a
  7339.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7340.            href="https://agengim.com/order/honkai-impact-3"
  7341.            style="outline: none;"
  7342.        >
  7343.            <div class="blur-sharp">
  7344.                <img
  7345.                    alt="Honkai Impact 3"
  7346.                    fetchpriority="high"
  7347.                    width="192"
  7348.                    height="88"
  7349.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7350.                    sizes="100vw"
  7351.                    src="/assets/thumbnail/3163.webp"
  7352.                    style="color: transparent;"
  7353.                />
  7354.            </div>
  7355.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7356.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Honkai Impact 3</h2>
  7357.                <p class="truncate text-xxs text-murky-400 sm:text-xs">HoyoVerse</p>
  7358.            </article>
  7359.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7360.                <div class="mdigital-item-container"></div>
  7361.            </div>
  7362.        </a>
  7363.                <a
  7364.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7365.            href="https://agengim.com/order/honkai-star-rail"
  7366.            style="outline: none;"
  7367.        >
  7368.            <div class="blur-sharp">
  7369.                <img
  7370.                    alt="Honkai Star Rail"
  7371.                    fetchpriority="high"
  7372.                    width="192"
  7373.                    height="88"
  7374.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7375.                    sizes="100vw"
  7376.                    src="/assets/thumbnail/1942.webp"
  7377.                    style="color: transparent;"
  7378.                />
  7379.            </div>
  7380.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7381.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Honkai Star Rail</h2>
  7382.                <p class="truncate text-xxs text-murky-400 sm:text-xs">miHoYo</p>
  7383.            </article>
  7384.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7385.                <div class="mdigital-item-container"></div>
  7386.            </div>
  7387.        </a>
  7388.                    <a
  7389.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7390.            href="https://agengim.com/order/love-and-deepspace"
  7391.            style="outline: none;"
  7392.        >
  7393.            <div class="blur-sharp">
  7394.                <img
  7395.                    alt="Love and Deepspace"
  7396.                    fetchpriority="high"
  7397.                    width="192"
  7398.                    height="88"
  7399.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7400.                    sizes="100vw"
  7401.                    src="/assets/thumbnail/2557.webp"
  7402.                    style="color: transparent;"
  7403.                />
  7404.            </div>
  7405.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7406.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Love and Deepspace</h2>
  7407.                <p class="truncate text-xxs text-murky-400 sm:text-xs">INFOLD PTE. LTD</p>
  7408.            </article>
  7409.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7410.                <div class="mdigital-item-container"></div>
  7411.            </div>
  7412.        </a>
  7413.                                                            <a
  7414.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7415.            href="https://agengim.com/order/zenless-zone-zero"
  7416.            style="outline: none;"
  7417.        >
  7418.            <div class="blur-sharp">
  7419.                <img
  7420.                    alt="Zenless Zone Zero"
  7421.                    fetchpriority="high"
  7422.                    width="192"
  7423.                    height="88"
  7424.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7425.                    sizes="100vw"
  7426.                    src="/assets/thumbnail/4514.webp"
  7427.                    style="color: transparent;"
  7428.                />
  7429.            </div>
  7430.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7431.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Zenless Zone Zero</h2>
  7432.                <p class="truncate text-xxs text-murky-400 sm:text-xs">miHoYo</p>
  7433.            </article>
  7434.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7435.                <div class="mdigital-item-container"></div>
  7436.            </div>
  7437.        </a>
  7438.                <a
  7439.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7440.            href="https://agengim.com/order/wuthering-waves"
  7441.            style="outline: none;"
  7442.        >
  7443.            <div class="blur-sharp">
  7444.                <img
  7445.                    alt="Wuthering Waves"
  7446.                    fetchpriority="high"
  7447.                    width="192"
  7448.                    height="88"
  7449.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7450.                    sizes="100vw"
  7451.                    src="/assets/thumbnail/2938.webp"
  7452.                    style="color: transparent;"
  7453.                />
  7454.            </div>
  7455.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7456.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Wuthering Waves</h2>
  7457.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Kuro Games</p>
  7458.            </article>
  7459.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7460.                <div class="mdigital-item-container"></div>
  7461.            </div>
  7462.        </a>
  7463.                <a
  7464.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7465.            href="https://agengim.com/order/ea-sports-fc-mobile"
  7466.            style="outline: none;"
  7467.        >
  7468.            <div class="blur-sharp">
  7469.                <img
  7470.                    alt="FC Mobile"
  7471.                    fetchpriority="high"
  7472.                    width="192"
  7473.                    height="88"
  7474.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7475.                    sizes="100vw"
  7476.                    src="/assets/thumbnail/1963.webp"
  7477.                    style="color: transparent;"
  7478.                />
  7479.            </div>
  7480.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7481.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">FC Mobile</h2>
  7482.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EA Sports</p>
  7483.            </article>
  7484.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7485.                <div class="mdigital-item-container"></div>
  7486.            </div>
  7487.        </a>
  7488.                            <a
  7489.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7490.            href="https://agengim.com/order/t3-arena"
  7491.            style="outline: none;"
  7492.        >
  7493.            <div class="blur-sharp">
  7494.                <img
  7495.                    alt="T3 Arena"
  7496.                    fetchpriority="high"
  7497.                    width="192"
  7498.                    height="88"
  7499.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7500.                    sizes="100vw"
  7501.                    src="/assets/thumbnail/1558.webp"
  7502.                    style="color: transparent;"
  7503.                />
  7504.            </div>
  7505.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7506.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">T3 Arena</h2>
  7507.                <p class="truncate text-xxs text-murky-400 sm:text-xs">XD Entertainment Pte Ltd</p>
  7508.            </article>
  7509.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7510.                <div class="mdigital-item-container"></div>
  7511.            </div>
  7512.        </a>
  7513.                <a
  7514.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7515.            href="https://agengim.com/order/racing-master"
  7516.            style="outline: none;"
  7517.        >
  7518.            <div class="blur-sharp">
  7519.                <img
  7520.                    alt="Racing Master"
  7521.                    fetchpriority="high"
  7522.                    width="192"
  7523.                    height="88"
  7524.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7525.                    sizes="100vw"
  7526.                    src="/assets/thumbnail/5163.webp"
  7527.                    style="color: transparent;"
  7528.                />
  7529.            </div>
  7530.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7531.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Racing Master</h2>
  7532.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Exptional Global</p>
  7533.            </article>
  7534.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7535.                <div class="mdigital-item-container"></div>
  7536.            </div>
  7537.        </a>
  7538.                <a
  7539.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7540.            href="https://agengim.com/order/war-robots"
  7541.            style="outline: none;"
  7542.        >
  7543.            <div class="blur-sharp">
  7544.                <img
  7545.                    alt="War Robots"
  7546.                    fetchpriority="high"
  7547.                    width="192"
  7548.                    height="88"
  7549.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7550.                    sizes="100vw"
  7551.                    src="/assets/thumbnail/3576.webp"
  7552.                    style="color: transparent;"
  7553.                />
  7554.            </div>
  7555.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7556.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">War Robots</h2>
  7557.                <p class="truncate text-xxs text-murky-400 sm:text-xs">MY.GAMES HOLDINGS LTD</p>
  7558.            </article>
  7559.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7560.                <div class="mdigital-item-container"></div>
  7561.            </div>
  7562.        </a>
  7563.                <a
  7564.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7565.            href="https://agengim.com/order/ragnarok-idle-adventure-plus"
  7566.            style="outline: none;"
  7567.        >
  7568.            <div class="blur-sharp">
  7569.                <img
  7570.                    alt="Ragnarok Idle Adventure Plus"
  7571.                    fetchpriority="high"
  7572.                    width="192"
  7573.                    height="88"
  7574.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7575.                    sizes="100vw"
  7576.                    src="/assets/thumbnail/2838.webp"
  7577.                    style="color: transparent;"
  7578.                />
  7579.            </div>
  7580.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7581.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ragnarok Idle Adventure Plus</h2>
  7582.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Gravity Game Hub PTE. LTD.</p>
  7583.            </article>
  7584.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7585.                <div class="mdigital-item-container"></div>
  7586.            </div>
  7587.        </a>
  7588.                <a
  7589.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7590.            href="https://agengim.com/order/the-lord-of-the-rings-rise-to-war"
  7591.            style="outline: none;"
  7592.        >
  7593.            <div class="blur-sharp">
  7594.                <img
  7595.                    alt="The Lord of the Rings"
  7596.                    fetchpriority="high"
  7597.                    width="192"
  7598.                    height="88"
  7599.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7600.                    sizes="100vw"
  7601.                    src="/assets/thumbnail/3371.webp"
  7602.                    style="color: transparent;"
  7603.                />
  7604.            </div>
  7605.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7606.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">The Lord of the Rings</h2>
  7607.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Exptional Global</p>
  7608.            </article>
  7609.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7610.                <div class="mdigital-item-container"></div>
  7611.            </div>
  7612.        </a>
  7613.                <a
  7614.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7615.            href="https://agengim.com/order/ragnarok-m-classic"
  7616.            style="outline: none;"
  7617.        >
  7618.            <div class="blur-sharp">
  7619.                <img
  7620.                    alt="Ragnarok M Classic"
  7621.                    fetchpriority="high"
  7622.                    width="192"
  7623.                    height="88"
  7624.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7625.                    sizes="100vw"
  7626.                    src="/assets/thumbnail/2702.webp"
  7627.                    style="color: transparent;"
  7628.                />
  7629.            </div>
  7630.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7631.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ragnarok M Classic</h2>
  7632.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Gravity Interactive, Inc.</p>
  7633.            </article>
  7634.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7635.                <div class="mdigital-item-container"></div>
  7636.            </div>
  7637.        </a>
  7638.                <a
  7639.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7640.            href="https://agengim.com/order/culinary-tour"
  7641.            style="outline: none;"
  7642.        >
  7643.            <div class="blur-sharp">
  7644.                <img
  7645.                    alt="Culinary Tour"
  7646.                    fetchpriority="high"
  7647.                    width="192"
  7648.                    height="88"
  7649.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7650.                    sizes="100vw"
  7651.                    src="/assets/thumbnail/2795.webp"
  7652.                    style="color: transparent;"
  7653.                />
  7654.            </div>
  7655.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7656.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Culinary Tour</h2>
  7657.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EYOUGAME(US)</p>
  7658.            </article>
  7659.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7660.                <div class="mdigital-item-container"></div>
  7661.            </div>
  7662.        </a>
  7663.                <a
  7664.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7665.            href="https://agengim.com/order/marvel-rivals"
  7666.            style="outline: none;"
  7667.        >
  7668.            <div class="blur-sharp">
  7669.                <img
  7670.                    alt="Marvel Rivals"
  7671.                    fetchpriority="high"
  7672.                    width="192"
  7673.                    height="88"
  7674.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7675.                    sizes="100vw"
  7676.                    src="/assets/thumbnail/2705.webp"
  7677.                    style="color: transparent;"
  7678.                />
  7679.            </div>
  7680.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7681.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Marvel Rivals</h2>
  7682.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  7683.            </article>
  7684.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7685.                <div class="mdigital-item-container"></div>
  7686.            </div>
  7687.        </a>
  7688.                <a
  7689.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7690.            href="https://agengim.com/order/forsakenworld-2"
  7691.            style="outline: none;"
  7692.        >
  7693.            <div class="blur-sharp">
  7694.                <img
  7695.                    alt="Forsaken World 2"
  7696.                    fetchpriority="high"
  7697.                    width="192"
  7698.                    height="88"
  7699.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7700.                    sizes="100vw"
  7701.                    src="/assets/thumbnail/2583.webp"
  7702.                    style="color: transparent;"
  7703.                />
  7704.            </div>
  7705.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7706.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Forsaken World 2</h2>
  7707.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNG Game Publishing</p>
  7708.            </article>
  7709.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7710.                <div class="mdigital-item-container"></div>
  7711.            </div>
  7712.        </a>
  7713.                <a
  7714.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7715.            href="https://agengim.com/order/naruto-shippuden"
  7716.            style="outline: none;"
  7717.        >
  7718.            <div class="blur-sharp">
  7719.                <img
  7720.                    alt="Naruto Shippuden"
  7721.                    fetchpriority="high"
  7722.                    width="192"
  7723.                    height="88"
  7724.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7725.                    sizes="100vw"
  7726.                    src="/assets/thumbnail/unnamed (24).png"
  7727.                    style="color: transparent;"
  7728.                />
  7729.            </div>
  7730.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7731.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Naruto Shippuden</h2>
  7732.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NAR Game</p>
  7733.            </article>
  7734.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7735.                <div class="mdigital-item-container"></div>
  7736.            </div>
  7737.        </a>
  7738.                <a
  7739.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7740.            href="https://agengim.com/order/heaven-burns-red"
  7741.            style="outline: none;"
  7742.        >
  7743.            <div class="blur-sharp">
  7744.                <img
  7745.                    alt="Heaven Burns Red"
  7746.                    fetchpriority="high"
  7747.                    width="192"
  7748.                    height="88"
  7749.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7750.                    sizes="100vw"
  7751.                    src="/assets/thumbnail/5796.webp"
  7752.                    style="color: transparent;"
  7753.                />
  7754.            </div>
  7755.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7756.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Heaven Burns Red</h2>
  7757.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Yostar Limited.</p>
  7758.            </article>
  7759.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7760.                <div class="mdigital-item-container"></div>
  7761.            </div>
  7762.        </a>
  7763.                <a
  7764.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7765.            href="https://agengim.com/order/gran-saga"
  7766.            style="outline: none;"
  7767.        >
  7768.            <div class="blur-sharp">
  7769.                <img
  7770.                    alt="Gran Saga"
  7771.                    fetchpriority="high"
  7772.                    width="192"
  7773.                    height="88"
  7774.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7775.                    sizes="100vw"
  7776.                    src="/assets/thumbnail/5794.webp"
  7777.                    style="color: transparent;"
  7778.                />
  7779.            </div>
  7780.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7781.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Gran Saga</h2>
  7782.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NPIXEL</p>
  7783.            </article>
  7784.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7785.                <div class="mdigital-item-container"></div>
  7786.            </div>
  7787.        </a>
  7788.                <a
  7789.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7790.            href="https://agengim.com/order/destiny-m"
  7791.            style="outline: none;"
  7792.        >
  7793.            <div class="blur-sharp">
  7794.                <img
  7795.                    alt="Destiny M"
  7796.                    fetchpriority="high"
  7797.                    width="192"
  7798.                    height="88"
  7799.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7800.                    sizes="100vw"
  7801.                    src="/assets/thumbnail/5790.webp"
  7802.                    style="color: transparent;"
  7803.                />
  7804.            </div>
  7805.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7806.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Destiny M</h2>
  7807.                <p class="truncate text-xxs text-murky-400 sm:text-xs">YUAN PLAY</p>
  7808.            </article>
  7809.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7810.                <div class="mdigital-item-container"></div>
  7811.            </div>
  7812.        </a>
  7813.                <a
  7814.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7815.            href="https://agengim.com/order/delta-force"
  7816.            style="outline: none;"
  7817.        >
  7818.            <div class="blur-sharp">
  7819.                <img
  7820.                    alt="Delta Force"
  7821.                    fetchpriority="high"
  7822.                    width="192"
  7823.                    height="88"
  7824.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7825.                    sizes="100vw"
  7826.                    src="/assets/thumbnail/5804.webp"
  7827.                    style="color: transparent;"
  7828.                />
  7829.            </div>
  7830.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7831.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Delta Force</h2>
  7832.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  7833.            </article>
  7834.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7835.                <div class="mdigital-item-container"></div>
  7836.            </div>
  7837.        </a>
  7838.                <a
  7839.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7840.            href="https://agengim.com/order/isekai-feast-tales-of-recipes"
  7841.            style="outline: none;"
  7842.        >
  7843.            <div class="blur-sharp">
  7844.                <img
  7845.                    alt="Isekai Feast"
  7846.                    fetchpriority="high"
  7847.                    width="192"
  7848.                    height="88"
  7849.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7850.                    sizes="100vw"
  7851.                    src="/assets/thumbnail/5571.webp"
  7852.                    style="color: transparent;"
  7853.                />
  7854.            </div>
  7855.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7856.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Isekai Feast</h2>
  7857.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EYOUGAME(US)</p>
  7858.            </article>
  7859.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7860.                <div class="mdigital-item-container"></div>
  7861.            </div>
  7862.        </a>
  7863.                <a
  7864.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7865.            href="https://agengim.com/order/soul-land-new-world"
  7866.            style="outline: none;"
  7867.        >
  7868.            <div class="blur-sharp">
  7869.                <img
  7870.                    alt="Soul Land New World"
  7871.                    fetchpriority="high"
  7872.                    width="192"
  7873.                    height="88"
  7874.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7875.                    sizes="100vw"
  7876.                    src="/assets/thumbnail/5704.webp"
  7877.                    style="color: transparent;"
  7878.                />
  7879.            </div>
  7880.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7881.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Soul Land New World</h2>
  7882.                <p class="truncate text-xxs text-murky-400 sm:text-xs">LING CHAI (HONG KONG) LIMITED</p>
  7883.            </article>
  7884.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7885.                <div class="mdigital-item-container"></div>
  7886.            </div>
  7887.        </a>
  7888.                <a
  7889.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7890.            href="https://agengim.com/order/nba-infinite"
  7891.            style="outline: none;"
  7892.        >
  7893.            <div class="blur-sharp">
  7894.                <img
  7895.                    alt="NBA Infinite"
  7896.                    fetchpriority="high"
  7897.                    width="192"
  7898.                    height="88"
  7899.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7900.                    sizes="100vw"
  7901.                    src="/assets/thumbnail/5361.webp"
  7902.                    style="color: transparent;"
  7903.                />
  7904.            </div>
  7905.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7906.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">NBA Infinite</h2>
  7907.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  7908.            </article>
  7909.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7910.                <div class="mdigital-item-container"></div>
  7911.            </div>
  7912.        </a>
  7913.                <a
  7914.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7915.            href="https://agengim.com/order/captain-tsubasa-dream-team"
  7916.            style="outline: none;"
  7917.        >
  7918.            <div class="blur-sharp">
  7919.                <img
  7920.                    alt="Captain Tsubasa Ace"
  7921.                    fetchpriority="high"
  7922.                    width="192"
  7923.                    height="88"
  7924.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7925.                    sizes="100vw"
  7926.                    src="/assets/thumbnail/5348.webp"
  7927.                    style="color: transparent;"
  7928.                />
  7929.            </div>
  7930.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7931.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Captain Tsubasa Ace</h2>
  7932.                <p class="truncate text-xxs text-murky-400 sm:text-xs">蝌蚪互動娛樂科技有限公司</p>
  7933.            </article>
  7934.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7935.                <div class="mdigital-item-container"></div>
  7936.            </div>
  7937.        </a>
  7938.                <a
  7939.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7940.            href="https://agengim.com/order/astra-knights-of-veda"
  7941.            style="outline: none;"
  7942.        >
  7943.            <div class="blur-sharp">
  7944.                <img
  7945.                    alt="Astra Knights of Veda"
  7946.                    fetchpriority="high"
  7947.                    width="192"
  7948.                    height="88"
  7949.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7950.                    sizes="100vw"
  7951.                    src="/assets/thumbnail/5422.webp"
  7952.                    style="color: transparent;"
  7953.                />
  7954.            </div>
  7955.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7956.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Astra Knights of Veda</h2>
  7957.                <p class="truncate text-xxs text-murky-400 sm:text-xs">HYBE IM Co., Ltd.</p>
  7958.            </article>
  7959.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7960.                <div class="mdigital-item-container"></div>
  7961.            </div>
  7962.        </a>
  7963.                <a
  7964.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7965.            href="https://agengim.com/order/afk-journey"
  7966.            style="outline: none;"
  7967.        >
  7968.            <div class="blur-sharp">
  7969.                <img
  7970.                    alt="AFK Journey"
  7971.                    fetchpriority="high"
  7972.                    width="192"
  7973.                    height="88"
  7974.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  7975.                    sizes="100vw"
  7976.                    src="/assets/thumbnail/5399.webp"
  7977.                    style="color: transparent;"
  7978.                />
  7979.            </div>
  7980.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  7981.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">AFK Journey</h2>
  7982.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FARLIGHT</p>
  7983.            </article>
  7984.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  7985.                <div class="mdigital-item-container"></div>
  7986.            </div>
  7987.        </a>
  7988.                <a
  7989.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  7990.            href="https://agengim.com/order/melojam"
  7991.            style="outline: none;"
  7992.        >
  7993.            <div class="blur-sharp">
  7994.                <img
  7995.                    alt="Melojam"
  7996.                    fetchpriority="high"
  7997.                    width="192"
  7998.                    height="88"
  7999.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8000.                    sizes="100vw"
  8001.                    src="/assets/thumbnail/5785.webp"
  8002.                    style="color: transparent;"
  8003.                />
  8004.            </div>
  8005.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8006.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Melojam</h2>
  8007.                <p class="truncate text-xxs text-murky-400 sm:text-xs">PLAYPARK</p>
  8008.            </article>
  8009.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8010.                <div class="mdigital-item-container"></div>
  8011.            </div>
  8012.        </a>
  8013.                <a
  8014.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8015.            href="https://agengim.com/order/mob-rush"
  8016.            style="outline: none;"
  8017.        >
  8018.            <div class="blur-sharp">
  8019.                <img
  8020.                    alt="Mob Rush"
  8021.                    fetchpriority="high"
  8022.                    width="192"
  8023.                    height="88"
  8024.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8025.                    sizes="100vw"
  8026.                    src="/assets/thumbnail/mob rush-43e10-original.webp"
  8027.                    style="color: transparent;"
  8028.                />
  8029.            </div>
  8030.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8031.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Mob Rush</h2>
  8032.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Vizta Games</p>
  8033.            </article>
  8034.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8035.                <div class="mdigital-item-container"></div>
  8036.            </div>
  8037.        </a>
  8038.                <a
  8039.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8040.            href="https://agengim.com/order/magic-chess-go-go"
  8041.            style="outline: none;"
  8042.        >
  8043.            <div class="blur-sharp">
  8044.                <img
  8045.                    alt="Magic Chess Go Go"
  8046.                    fetchpriority="high"
  8047.                    width="192"
  8048.                    height="88"
  8049.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8050.                    sizes="100vw"
  8051.                    src="/assets/thumbnail/5713.webp"
  8052.                    style="color: transparent;"
  8053.                />
  8054.            </div>
  8055.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8056.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Magic Chess Go Go</h2>
  8057.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Vizta Games</p>
  8058.            </article>
  8059.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8060.                <div class="mdigital-item-container"></div>
  8061.            </div>
  8062.        </a>
  8063.                <a
  8064.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8065.            href="https://agengim.com/order/gamesmax-booster-pokemon-unite-dg"
  8066.            style="outline: none;"
  8067.        >
  8068.            <div class="blur-sharp">
  8069.                <img
  8070.                    alt="Pokemon Unite"
  8071.                    fetchpriority="high"
  8072.                    width="192"
  8073.                    height="88"
  8074.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8075.                    sizes="100vw"
  8076.                    src="/assets/thumbnail/3270.webp"
  8077.                    style="color: transparent;"
  8078.                />
  8079.            </div>
  8080.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8081.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Pokemon Unite</h2>
  8082.                <p class="truncate text-xxs text-murky-400 sm:text-xs">The Pokémon Company</p>
  8083.            </article>
  8084.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8085.                <div class="mdigital-item-container"></div>
  8086.            </div>
  8087.        </a>
  8088.                <a
  8089.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8090.            href="https://agengim.com/order/age-of-empires-mobile"
  8091.            style="outline: none;"
  8092.        >
  8093.            <div class="blur-sharp">
  8094.                <img
  8095.                    alt="Age of Empires Mobile"
  8096.                    fetchpriority="high"
  8097.                    width="192"
  8098.                    height="88"
  8099.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8100.                    sizes="100vw"
  8101.                    src="/assets/thumbnail/5413.webp"
  8102.                    style="color: transparent;"
  8103.                />
  8104.            </div>
  8105.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8106.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Age of Empires Mobile</h2>
  8107.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  8108.            </article>
  8109.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8110.                <div class="mdigital-item-container"></div>
  8111.            </div>
  8112.        </a>
  8113.                <a
  8114.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8115.            href="https://agengim.com/order/pubg-mobile-lite"
  8116.            style="outline: none;"
  8117.        >
  8118.            <div class="blur-sharp">
  8119.                <img
  8120.                    alt="PUBG Mobile Lite"
  8121.                    fetchpriority="high"
  8122.                    width="192"
  8123.                    height="88"
  8124.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8125.                    sizes="100vw"
  8126.                    src="/assets/thumbnail/3159.webp"
  8127.                    style="color: transparent;"
  8128.                />
  8129.            </div>
  8130.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8131.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">PUBG Mobile Lite</h2>
  8132.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  8133.            </article>
  8134.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8135.                <div class="mdigital-item-container"></div>
  8136.            </div>
  8137.        </a>
  8138.                <a
  8139.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8140.            href="https://agengim.com/order/onmyoji-arena"
  8141.            style="outline: none;"
  8142.        >
  8143.            <div class="blur-sharp">
  8144.                <img
  8145.                    alt="Onmyoji Arena"
  8146.                    fetchpriority="high"
  8147.                    width="192"
  8148.                    height="88"
  8149.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8150.                    sizes="100vw"
  8151.                    src="/assets/thumbnail/3897.webp"
  8152.                    style="color: transparent;"
  8153.                />
  8154.            </div>
  8155.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8156.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Onmyoji Arena</h2>
  8157.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  8158.            </article>
  8159.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8160.                <div class="mdigital-item-container"></div>
  8161.            </div>
  8162.        </a>
  8163.                <a
  8164.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8165.            href="https://agengim.com/order/path-to-nowhere"
  8166.            style="outline: none;"
  8167.        >
  8168.            <div class="blur-sharp">
  8169.                <img
  8170.                    alt="Path to Nowhere"
  8171.                    fetchpriority="high"
  8172.                    width="192"
  8173.                    height="88"
  8174.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8175.                    sizes="100vw"
  8176.                    src="/assets/thumbnail/4697.webp"
  8177.                    style="color: transparent;"
  8178.                />
  8179.            </div>
  8180.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8181.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Path to Nowhere</h2>
  8182.                <p class="truncate text-xxs text-murky-400 sm:text-xs">AISNO Games</p>
  8183.            </article>
  8184.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8185.                <div class="mdigital-item-container"></div>
  8186.            </div>
  8187.        </a>
  8188.                <a
  8189.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8190.            href="https://agengim.com/order/colorbang"
  8191.            style="outline: none;"
  8192.        >
  8193.            <div class="blur-sharp">
  8194.                <img
  8195.                    alt="Colorbang"
  8196.                    fetchpriority="high"
  8197.                    width="192"
  8198.                    height="88"
  8199.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8200.                    sizes="100vw"
  8201.                    src="/assets/thumbnail/5685.webp"
  8202.                    style="color: transparent;"
  8203.                />
  8204.            </div>
  8205.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8206.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Colorbang</h2>
  8207.                <p class="truncate text-xxs text-murky-400 sm:text-xs">N2 Entertainment</p>
  8208.            </article>
  8209.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8210.                <div class="mdigital-item-container"></div>
  8211.            </div>
  8212.        </a>
  8213.                <a
  8214.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8215.            href="https://agengim.com/order/super-mecha-champions"
  8216.            style="outline: none;"
  8217.        >
  8218.            <div class="blur-sharp">
  8219.                <img
  8220.                    alt="Super Mecha Champions"
  8221.                    fetchpriority="high"
  8222.                    width="192"
  8223.                    height="88"
  8224.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8225.                    sizes="100vw"
  8226.                    src="/assets/thumbnail/3166.webp"
  8227.                    style="color: transparent;"
  8228.                />
  8229.            </div>
  8230.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8231.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Super Mecha Champions</h2>
  8232.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  8233.            </article>
  8234.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8235.                <div class="mdigital-item-container"></div>
  8236.            </div>
  8237.        </a>
  8238.                                                <a
  8239.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8240.            href="https://agengim.com/order/ghost-story-love-destiny"
  8241.            style="outline: none;"
  8242.        >
  8243.            <div class="blur-sharp">
  8244.                <img
  8245.                    alt="Ghost Story"
  8246.                    fetchpriority="high"
  8247.                    width="192"
  8248.                    height="88"
  8249.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8250.                    sizes="100vw"
  8251.                    src="/assets/thumbnail/5620.webp"
  8252.                    style="color: transparent;"
  8253.                />
  8254.            </div>
  8255.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8256.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ghost Story</h2>
  8257.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNG Corporation</p>
  8258.            </article>
  8259.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8260.                <div class="mdigital-item-container"></div>
  8261.            </div>
  8262.        </a>
  8263.                <a
  8264.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8265.            href="https://agengim.com/order/draconia-saga"
  8266.            style="outline: none;"
  8267.        >
  8268.            <div class="blur-sharp">
  8269.                <img
  8270.                    alt="Draconia Saga"
  8271.                    fetchpriority="high"
  8272.                    width="192"
  8273.                    height="88"
  8274.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8275.                    sizes="100vw"
  8276.                    src="/assets/thumbnail/5509.webp"
  8277.                    style="color: transparent;"
  8278.                />
  8279.            </div>
  8280.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8281.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Draconia Saga</h2>
  8282.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Sugarfun Game</p>
  8283.            </article>
  8284.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8285.                <div class="mdigital-item-container"></div>
  8286.            </div>
  8287.        </a>
  8288.                <a
  8289.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8290.            href="https://agengim.com/order/alchemy-stars"
  8291.            style="outline: none;"
  8292.        >
  8293.            <div class="blur-sharp">
  8294.                <img
  8295.                    alt="Alchemy Stars"
  8296.                    fetchpriority="high"
  8297.                    width="192"
  8298.                    height="88"
  8299.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8300.                    sizes="100vw"
  8301.                    src="/assets/thumbnail/3375.webp"
  8302.                    style="color: transparent;"
  8303.                />
  8304.            </div>
  8305.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8306.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Alchemy Stars</h2>
  8307.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Tencent Games</p>
  8308.            </article>
  8309.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8310.                <div class="mdigital-item-container"></div>
  8311.            </div>
  8312.        </a>
  8313.                <a
  8314.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8315.            href="https://agengim.com/order/king-of-avalon"
  8316.            style="outline: none;"
  8317.        >
  8318.            <div class="blur-sharp">
  8319.                <img
  8320.                    alt="King of Avalon"
  8321.                    fetchpriority="high"
  8322.                    width="192"
  8323.                    height="88"
  8324.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8325.                    sizes="100vw"
  8326.                    src="/assets/thumbnail/gametiles_com.funplus.kingofavalon.jpg"
  8327.                    style="color: transparent;"
  8328.                />
  8329.            </div>
  8330.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8331.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">King of Avalon</h2>
  8332.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FunPlus International AG</p>
  8333.            </article>
  8334.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8335.                <div class="mdigital-item-container"></div>
  8336.            </div>
  8337.        </a>
  8338.                <a
  8339.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8340.            href="https://agengim.com/order/smash-legends"
  8341.            style="outline: none;"
  8342.        >
  8343.            <div class="blur-sharp">
  8344.                <img
  8345.                    alt="Smash Legends"
  8346.                    fetchpriority="high"
  8347.                    width="192"
  8348.                    height="88"
  8349.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8350.                    sizes="100vw"
  8351.                    src="/assets/thumbnail/3325.webp"
  8352.                    style="color: transparent;"
  8353.                />
  8354.            </div>
  8355.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8356.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Smash Legends</h2>
  8357.                <p class="truncate text-xxs text-murky-400 sm:text-xs">5minlab Corp.</p>
  8358.            </article>
  8359.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8360.                <div class="mdigital-item-container"></div>
  8361.            </div>
  8362.        </a>
  8363.                <a
  8364.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8365.            href="https://agengim.com/order/guns-of-glory"
  8366.            style="outline: none;"
  8367.        >
  8368.            <div class="blur-sharp">
  8369.                <img
  8370.                    alt="Guns of Glory"
  8371.                    fetchpriority="high"
  8372.                    width="192"
  8373.                    height="88"
  8374.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8375.                    sizes="100vw"
  8376.                    src="/assets/thumbnail/gametiles_com.diandian.gog.jpg"
  8377.                    style="color: transparent;"
  8378.                />
  8379.            </div>
  8380.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8381.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Guns of Glory</h2>
  8382.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FunPlus International AG</p>
  8383.            </article>
  8384.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8385.                <div class="mdigital-item-container"></div>
  8386.            </div>
  8387.        </a>
  8388.                <a
  8389.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8390.            href="https://agengim.com/order/tarisland"
  8391.            style="outline: none;"
  8392.        >
  8393.            <div class="blur-sharp">
  8394.                <img
  8395.                    alt="Tarisland"
  8396.                    fetchpriority="high"
  8397.                    width="192"
  8398.                    height="88"
  8399.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8400.                    sizes="100vw"
  8401.                    src="/assets/thumbnail/5169.webp"
  8402.                    style="color: transparent;"
  8403.                />
  8404.            </div>
  8405.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8406.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Tarisland</h2>
  8407.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  8408.            </article>
  8409.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8410.                <div class="mdigital-item-container"></div>
  8411.            </div>
  8412.        </a>
  8413.                <a
  8414.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8415.            href="https://agengim.com/order/kings-choice"
  8416.            style="outline: none;"
  8417.        >
  8418.            <div class="blur-sharp">
  8419.                <img
  8420.                    alt="Kings Choice"
  8421.                    fetchpriority="high"
  8422.                    width="192"
  8423.                    height="88"
  8424.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8425.                    sizes="100vw"
  8426.                    src="/assets/thumbnail/5111.webp"
  8427.                    style="color: transparent;"
  8428.                />
  8429.            </div>
  8430.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8431.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Kings Choice</h2>
  8432.                <p class="truncate text-xxs text-murky-400 sm:text-xs">ONEMT SGP</p>
  8433.            </article>
  8434.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8435.                <div class="mdigital-item-container"></div>
  8436.            </div>
  8437.        </a>
  8438.                <a
  8439.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8440.            href="https://agengim.com/order/the-ants-underground-kingdom"
  8441.            style="outline: none;"
  8442.        >
  8443.            <div class="blur-sharp">
  8444.                <img
  8445.                    alt="The Ants Underground Kingdom"
  8446.                    fetchpriority="high"
  8447.                    width="192"
  8448.                    height="88"
  8449.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8450.                    sizes="100vw"
  8451.                    src="/assets/thumbnail/3994.webp"
  8452.                    style="color: transparent;"
  8453.                />
  8454.            </div>
  8455.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8456.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">The Ants Underground Kingdom</h2>
  8457.                <p class="truncate text-xxs text-murky-400 sm:text-xs">StarUnion</p>
  8458.            </article>
  8459.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8460.                <div class="mdigital-item-container"></div>
  8461.            </div>
  8462.        </a>
  8463.                <a
  8464.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8465.            href="https://agengim.com/order/zepeto"
  8466.            style="outline: none;"
  8467.        >
  8468.            <div class="blur-sharp">
  8469.                <img
  8470.                    alt="Zepeto"
  8471.                    fetchpriority="high"
  8472.                    width="192"
  8473.                    height="88"
  8474.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8475.                    sizes="100vw"
  8476.                    src="/assets/thumbnail/3838.webp"
  8477.                    style="color: transparent;"
  8478.                />
  8479.            </div>
  8480.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8481.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Zepeto</h2>
  8482.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Naver Z Corporation</p>
  8483.            </article>
  8484.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8485.                <div class="mdigital-item-container"></div>
  8486.            </div>
  8487.        </a>
  8488.                <a
  8489.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8490.            href="https://agengim.com/order/Teamfight-tactics-mobile"
  8491.            style="outline: none;"
  8492.        >
  8493.            <div class="blur-sharp">
  8494.                <img
  8495.                    alt="Teamfight Tactics"
  8496.                    fetchpriority="high"
  8497.                    width="192"
  8498.                    height="88"
  8499.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8500.                    sizes="100vw"
  8501.                    src="/assets/thumbnail/5358.webp"
  8502.                    style="color: transparent;"
  8503.                />
  8504.            </div>
  8505.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8506.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Teamfight Tactics</h2>
  8507.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Riot Games, Inc</p>
  8508.            </article>
  8509.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8510.                <div class="mdigital-item-container"></div>
  8511.            </div>
  8512.        </a>
  8513.                <a
  8514.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8515.            href="https://agengim.com/order/once-human"
  8516.            style="outline: none;"
  8517.        >
  8518.            <div class="blur-sharp">
  8519.                <img
  8520.                    alt="Once Human"
  8521.                    fetchpriority="high"
  8522.                    width="192"
  8523.                    height="88"
  8524.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8525.                    sizes="100vw"
  8526.                    src="/assets/thumbnail/5417.webp"
  8527.                    style="color: transparent;"
  8528.                />
  8529.            </div>
  8530.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8531.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Once Human</h2>
  8532.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Exptional Global</p>
  8533.            </article>
  8534.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8535.                <div class="mdigital-item-container"></div>
  8536.            </div>
  8537.        </a>
  8538.                <a
  8539.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8540.            href="https://agengim.com/order/8-ball-pool"
  8541.            style="outline: none;"
  8542.        >
  8543.            <div class="blur-sharp">
  8544.                <img
  8545.                    alt="8 Ball Pool"
  8546.                    fetchpriority="high"
  8547.                    width="192"
  8548.                    height="88"
  8549.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8550.                    sizes="100vw"
  8551.                    src="/assets/thumbnail/1802.webp"
  8552.                    style="color: transparent;"
  8553.                />
  8554.            </div>
  8555.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8556.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">8 Ball Pool</h2>
  8557.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Miniclip</p>
  8558.            </article>
  8559.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8560.                <div class="mdigital-item-container"></div>
  8561.            </div>
  8562.        </a>
  8563.                <a
  8564.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8565.            href="https://agengim.com/order/moonlight-blade-m"
  8566.            style="outline: none;"
  8567.        >
  8568.            <div class="blur-sharp">
  8569.                <img
  8570.                    alt="Moonlight Blade M"
  8571.                    fetchpriority="high"
  8572.                    width="192"
  8573.                    height="88"
  8574.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8575.                    sizes="100vw"
  8576.                    src="/assets/thumbnail/5461.webp"
  8577.                    style="color: transparent;"
  8578.                />
  8579.            </div>
  8580.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8581.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Moonlight Blade M</h2>
  8582.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNGGames</p>
  8583.            </article>
  8584.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8585.                <div class="mdigital-item-container"></div>
  8586.            </div>
  8587.        </a>
  8588.                <a
  8589.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8590.            href="https://agengim.com/order/wesing"
  8591.            style="outline: none;"
  8592.        >
  8593.            <div class="blur-sharp">
  8594.                <img
  8595.                    alt="WeSing"
  8596.                    fetchpriority="high"
  8597.                    width="192"
  8598.                    height="88"
  8599.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8600.                    sizes="100vw"
  8601.                    src="/assets/thumbnail/3939.webp"
  8602.                    style="color: transparent;"
  8603.                />
  8604.            </div>
  8605.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8606.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">WeSing</h2>
  8607.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Tencent Music Entertainment Hong Kong Limited</p>
  8608.            </article>
  8609.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8610.                <div class="mdigital-item-container"></div>
  8611.            </div>
  8612.        </a>
  8613.                <a
  8614.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8615.            href="https://agengim.com/order/world-war-heroes"
  8616.            style="outline: none;"
  8617.        >
  8618.            <div class="blur-sharp">
  8619.                <img
  8620.                    alt="World War Heroes"
  8621.                    fetchpriority="high"
  8622.                    width="192"
  8623.                    height="88"
  8624.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8625.                    sizes="100vw"
  8626.                    src="/assets/thumbnail/images (11).jpg"
  8627.                    style="color: transparent;"
  8628.                />
  8629.            </div>
  8630.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8631.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">World War Heroes</h2>
  8632.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Azur Interactive Games Limited</p>
  8633.            </article>
  8634.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8635.                <div class="mdigital-item-container"></div>
  8636.            </div>
  8637.        </a>
  8638.                <a
  8639.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8640.            href="https://agengim.com/order/aether-gazer"
  8641.            style="outline: none;"
  8642.        >
  8643.            <div class="blur-sharp">
  8644.                <img
  8645.                    alt="Aether Gazer"
  8646.                    fetchpriority="high"
  8647.                    width="192"
  8648.                    height="88"
  8649.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8650.                    sizes="100vw"
  8651.                    src="/assets/thumbnail/4038.webp"
  8652.                    style="color: transparent;"
  8653.                />
  8654.            </div>
  8655.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8656.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Aether Gazer</h2>
  8657.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Yostar Games</p>
  8658.            </article>
  8659.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8660.                <div class="mdigital-item-container"></div>
  8661.            </div>
  8662.        </a>
  8663.                <a
  8664.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8665.            href="https://agengim.com/order/heroic-uncle-kim-idle-rpg"
  8666.            style="outline: none;"
  8667.        >
  8668.            <div class="blur-sharp">
  8669.                <img
  8670.                    alt="Heroic Uncle Kim"
  8671.                    fetchpriority="high"
  8672.                    width="192"
  8673.                    height="88"
  8674.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8675.                    sizes="100vw"
  8676.                    src="/assets/thumbnail/5911.webp"
  8677.                    style="color: transparent;"
  8678.                />
  8679.            </div>
  8680.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8681.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Heroic Uncle Kim</h2>
  8682.                <p class="truncate text-xxs text-murky-400 sm:text-xs">GA Studio Inc.</p>
  8683.            </article>
  8684.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8685.                <div class="mdigital-item-container"></div>
  8686.            </div>
  8687.        </a>
  8688.                <a
  8689.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8690.            href="https://agengim.com/order/girls-connect"
  8691.            style="outline: none;"
  8692.        >
  8693.            <div class="blur-sharp">
  8694.                <img
  8695.                    alt="Girls Connect"
  8696.                    fetchpriority="high"
  8697.                    width="192"
  8698.                    height="88"
  8699.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8700.                    sizes="100vw"
  8701.                    src="/assets/thumbnail/4816.webp"
  8702.                    style="color: transparent;"
  8703.                />
  8704.            </div>
  8705.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8706.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Girls Connect</h2>
  8707.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Forever Entertainment Limited</p>
  8708.            </article>
  8709.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8710.                <div class="mdigital-item-container"></div>
  8711.            </div>
  8712.        </a>
  8713.                                                    <a
  8714.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8715.            href="https://agengim.com/order/the-legend-of-neverland-dg"
  8716.            style="outline: none;"
  8717.        >
  8718.            <div class="blur-sharp">
  8719.                <img
  8720.                    alt="The Legend of Neverland"
  8721.                    fetchpriority="high"
  8722.                    width="192"
  8723.                    height="88"
  8724.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8725.                    sizes="100vw"
  8726.                    src="/assets/thumbnail/3331 (1).png"
  8727.                    style="color: transparent;"
  8728.                />
  8729.            </div>
  8730.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8731.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">The Legend of Neverland</h2>
  8732.                <p class="truncate text-xxs text-murky-400 sm:text-xs">SKYWORK AI Pte.Ltd.</p>
  8733.            </article>
  8734.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8735.                <div class="mdigital-item-container"></div>
  8736.            </div>
  8737.        </a>
  8738.                <a
  8739.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8740.            href="https://agengim.com/order/pixel-gun-3d"
  8741.            style="outline: none;"
  8742.        >
  8743.            <div class="blur-sharp">
  8744.                <img
  8745.                    alt="Pixel Gun 3D"
  8746.                    fetchpriority="high"
  8747.                    width="192"
  8748.                    height="88"
  8749.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8750.                    sizes="100vw"
  8751.                    src="/assets/thumbnail/5467.webp"
  8752.                    style="color: transparent;"
  8753.                />
  8754.            </div>
  8755.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8756.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Pixel Gun 3D</h2>
  8757.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Cubic Games Studio</p>
  8758.            </article>
  8759.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8760.                <div class="mdigital-item-container"></div>
  8761.            </div>
  8762.        </a>
  8763.                <a
  8764.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8765.            href="https://agengim.com/order/octopath-traveler-cotc"
  8766.            style="outline: none;"
  8767.        >
  8768.            <div class="blur-sharp">
  8769.                <img
  8770.                    alt="Octopath Traveler"
  8771.                    fetchpriority="high"
  8772.                    width="192"
  8773.                    height="88"
  8774.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8775.                    sizes="100vw"
  8776.                    src="/assets/thumbnail/4115.webp"
  8777.                    style="color: transparent;"
  8778.                />
  8779.            </div>
  8780.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8781.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Octopath Traveler</h2>
  8782.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Square Enix</p>
  8783.            </article>
  8784.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8785.                <div class="mdigital-item-container"></div>
  8786.            </div>
  8787.        </a>
  8788.                                                                                <a
  8789.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8790.            href="https://agengim.com/order/punishing-gray-raven"
  8791.            style="outline: none;"
  8792.        >
  8793.            <div class="blur-sharp">
  8794.                <img
  8795.                    alt="Punishing Gray Raven"
  8796.                    fetchpriority="high"
  8797.                    width="192"
  8798.                    height="88"
  8799.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8800.                    sizes="100vw"
  8801.                    src="/assets/thumbnail/3497.webp"
  8802.                    style="color: transparent;"
  8803.                />
  8804.            </div>
  8805.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8806.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Punishing Gray Raven</h2>
  8807.                <p class="truncate text-xxs text-murky-400 sm:text-xs">KURO TECHNOLOGY (HONG KONG) CO., LIMITED</p>
  8808.            </article>
  8809.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8810.                <div class="mdigital-item-container"></div>
  8811.            </div>
  8812.        </a>
  8813.                <a
  8814.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8815.            href="https://agengim.com/order/black-clover-m"
  8816.            style="outline: none;"
  8817.        >
  8818.            <div class="blur-sharp">
  8819.                <img
  8820.                    alt="Black Clover M"
  8821.                    fetchpriority="high"
  8822.                    width="192"
  8823.                    height="88"
  8824.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8825.                    sizes="100vw"
  8826.                    src="/assets/thumbnail/5261.webp"
  8827.                    style="color: transparent;"
  8828.                />
  8829.            </div>
  8830.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8831.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Black Clover M</h2>
  8832.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena International II</p>
  8833.            </article>
  8834.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8835.                <div class="mdigital-item-container"></div>
  8836.            </div>
  8837.        </a>
  8838.                <a
  8839.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8840.            href="https://agengim.com/order/blood-strike"
  8841.            style="outline: none;"
  8842.        >
  8843.            <div class="blur-sharp">
  8844.                <img
  8845.                    alt="Blood Strike"
  8846.                    fetchpriority="high"
  8847.                    width="192"
  8848.                    height="88"
  8849.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8850.                    sizes="100vw"
  8851.                    src="/assets/thumbnail/5285.webp"
  8852.                    style="color: transparent;"
  8853.                />
  8854.            </div>
  8855.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8856.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Blood Strike</h2>
  8857.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  8858.            </article>
  8859.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8860.                <div class="mdigital-item-container"></div>
  8861.            </div>
  8862.        </a>
  8863.                <a
  8864.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8865.            href="https://agengim.com/order/dead-by-daylight-mobile-sea"
  8866.            style="outline: none;"
  8867.        >
  8868.            <div class="blur-sharp">
  8869.                <img
  8870.                    alt="Dead By Daylight Mobile SEA"
  8871.                    fetchpriority="high"
  8872.                    width="192"
  8873.                    height="88"
  8874.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8875.                    sizes="100vw"
  8876.                    src="/assets/thumbnail/4101.webp"
  8877.                    style="color: transparent;"
  8878.                />
  8879.            </div>
  8880.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8881.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Dead By Daylight Mobile SEA</h2>
  8882.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Behaviour Interactive</p>
  8883.            </article>
  8884.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8885.                <div class="mdigital-item-container"></div>
  8886.            </div>
  8887.        </a>
  8888.                <a
  8889.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8890.            href="https://agengim.com/order/asphalt-9-legends"
  8891.            style="outline: none;"
  8892.        >
  8893.            <div class="blur-sharp">
  8894.                <img
  8895.                    alt="Asphalt 9"
  8896.                    fetchpriority="high"
  8897.                    width="192"
  8898.                    height="88"
  8899.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8900.                    sizes="100vw"
  8901.                    src="/assets/thumbnail/3582.webp"
  8902.                    style="color: transparent;"
  8903.                />
  8904.            </div>
  8905.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8906.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Asphalt 9</h2>
  8907.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Gameloft Iberica S.A.U.</p>
  8908.            </article>
  8909.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8910.                <div class="mdigital-item-container"></div>
  8911.            </div>
  8912.        </a>
  8913.                                        <a
  8914.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8915.            href="https://agengim.com/order/dragonheir-silent-gods"
  8916.            style="outline: none;"
  8917.        >
  8918.            <div class="blur-sharp">
  8919.                <img
  8920.                    alt="Dragonheir Silent Gods"
  8921.                    fetchpriority="high"
  8922.                    width="192"
  8923.                    height="88"
  8924.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8925.                    sizes="100vw"
  8926.                    src="/assets/thumbnail/5143.webp"
  8927.                    style="color: transparent;"
  8928.                />
  8929.            </div>
  8930.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8931.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Dragonheir Silent Gods</h2>
  8932.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  8933.            </article>
  8934.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8935.                <div class="mdigital-item-container"></div>
  8936.            </div>
  8937.        </a>
  8938.                <a
  8939.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8940.            href="https://agengim.com/order/watcher-of-realms"
  8941.            style="outline: none;"
  8942.        >
  8943.            <div class="blur-sharp">
  8944.                <img
  8945.                    alt="Watcher of Realms"
  8946.                    fetchpriority="high"
  8947.                    width="192"
  8948.                    height="88"
  8949.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8950.                    sizes="100vw"
  8951.                    src="/assets/thumbnail/5160.webp"
  8952.                    style="color: transparent;"
  8953.                />
  8954.            </div>
  8955.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8956.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Watcher of Realms</h2>
  8957.                <p class="truncate text-xxs text-murky-400 sm:text-xs">MOONTON</p>
  8958.            </article>
  8959.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8960.                <div class="mdigital-item-container"></div>
  8961.            </div>
  8962.        </a>
  8963.                <a
  8964.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8965.            href="https://agengim.com/order/hatsune-miku-colorful-stage"
  8966.            style="outline: none;"
  8967.        >
  8968.            <div class="blur-sharp">
  8969.                <img
  8970.                    alt="Hatsune Miku Colorful Stage"
  8971.                    fetchpriority="high"
  8972.                    width="192"
  8973.                    height="88"
  8974.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  8975.                    sizes="100vw"
  8976.                    src="/assets/thumbnail/2001.webp"
  8977.                    style="color: transparent;"
  8978.                />
  8979.            </div>
  8980.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  8981.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Hatsune Miku Colorful Stage</h2>
  8982.                <p class="truncate text-xxs text-murky-400 sm:text-xs">SEGA CORPORATION</p>
  8983.            </article>
  8984.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  8985.                <div class="mdigital-item-container"></div>
  8986.            </div>
  8987.        </a>
  8988.                <a
  8989.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  8990.            href="https://agengim.com/order/league-of-legends-pc"
  8991.            style="outline: none;"
  8992.        >
  8993.            <div class="blur-sharp">
  8994.                <img
  8995.                    alt="League of Legends PC"
  8996.                    fetchpriority="high"
  8997.                    width="192"
  8998.                    height="88"
  8999.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9000.                    sizes="100vw"
  9001.                    src="/assets/thumbnail/2084.webp"
  9002.                    style="color: transparent;"
  9003.                />
  9004.            </div>
  9005.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9006.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">League of Legends PC</h2>
  9007.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Riot Games</p>
  9008.            </article>
  9009.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9010.                <div class="mdigital-item-container"></div>
  9011.            </div>
  9012.        </a>
  9013.                <a
  9014.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9015.            href="https://agengim.com/order/snowbreak-containment-zone"
  9016.            style="outline: none;"
  9017.        >
  9018.            <div class="blur-sharp">
  9019.                <img
  9020.                    alt="Snowbreak Containment Zone"
  9021.                    fetchpriority="high"
  9022.                    width="192"
  9023.                    height="88"
  9024.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9025.                    sizes="100vw"
  9026.                    src="/assets/thumbnail/5183.webp"
  9027.                    style="color: transparent;"
  9028.                />
  9029.            </div>
  9030.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9031.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Snowbreak Containment Zone</h2>
  9032.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Seasun Games Pte. Ltd.</p>
  9033.            </article>
  9034.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9035.                <div class="mdigital-item-container"></div>
  9036.            </div>
  9037.        </a>
  9038.                <a
  9039.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9040.            href="https://agengim.com/order/pubg-new-state-mobile"
  9041.            style="outline: none;"
  9042.        >
  9043.            <div class="blur-sharp">
  9044.                <img
  9045.                    alt="PUBG New State Mobile"
  9046.                    fetchpriority="high"
  9047.                    width="192"
  9048.                    height="88"
  9049.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9050.                    sizes="100vw"
  9051.                    src="/assets/thumbnail/3266.webp"
  9052.                    style="color: transparent;"
  9053.                />
  9054.            </div>
  9055.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9056.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">PUBG New State Mobile</h2>
  9057.                <p class="truncate text-xxs text-murky-400 sm:text-xs">KRAFTON, Inc.</p>
  9058.            </article>
  9059.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9060.                <div class="mdigital-item-container"></div>
  9061.            </div>
  9062.        </a>
  9063.                <a
  9064.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9065.            href="https://agengim.com/order/eggy-party"
  9066.            style="outline: none;"
  9067.        >
  9068.            <div class="blur-sharp">
  9069.                <img
  9070.                    alt="Eggy Party"
  9071.                    fetchpriority="high"
  9072.                    width="192"
  9073.                    height="88"
  9074.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9075.                    sizes="100vw"
  9076.                    src="/assets/thumbnail/3701.webp"
  9077.                    style="color: transparent;"
  9078.                />
  9079.            </div>
  9080.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9081.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Eggy Party</h2>
  9082.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Exptional Global</p>
  9083.            </article>
  9084.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9085.                <div class="mdigital-item-container"></div>
  9086.            </div>
  9087.        </a>
  9088.                <a
  9089.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9090.            href="https://agengim.com/order/metal-slug-awakening"
  9091.            style="outline: none;"
  9092.        >
  9093.            <div class="blur-sharp">
  9094.                <img
  9095.                    alt="Metal Slug Awakening"
  9096.                    fetchpriority="high"
  9097.                    width="192"
  9098.                    height="88"
  9099.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9100.                    sizes="100vw"
  9101.                    src="/assets/thumbnail/5450.webp"
  9102.                    style="color: transparent;"
  9103.                />
  9104.            </div>
  9105.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9106.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Metal Slug Awakening</h2>
  9107.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNGGames</p>
  9108.            </article>
  9109.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9110.                <div class="mdigital-item-container"></div>
  9111.            </div>
  9112.        </a>
  9113.                <a
  9114.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9115.            href="https://agengim.com/order/astral-guardians-cyber-fantasy"
  9116.            style="outline: none;"
  9117.        >
  9118.            <div class="blur-sharp">
  9119.                <img
  9120.                    alt="Astral Guardians"
  9121.                    fetchpriority="high"
  9122.                    width="192"
  9123.                    height="88"
  9124.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9125.                    sizes="100vw"
  9126.                    src="/assets/thumbnail/3910.webp"
  9127.                    style="color: transparent;"
  9128.                />
  9129.            </div>
  9130.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9131.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Astral Guardians</h2>
  9132.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EYOUGAME(US)</p>
  9133.            </article>
  9134.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9135.                <div class="mdigital-item-container"></div>
  9136.            </div>
  9137.        </a>
  9138.                <a
  9139.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9140.            href="https://agengim.com/order/lineage2m"
  9141.            style="outline: none;"
  9142.        >
  9143.            <div class="blur-sharp">
  9144.                <img
  9145.                    alt="Lineage2M"
  9146.                    fetchpriority="high"
  9147.                    width="192"
  9148.                    height="88"
  9149.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9150.                    sizes="100vw"
  9151.                    src="/assets/thumbnail/3176.webp"
  9152.                    style="color: transparent;"
  9153.                />
  9154.            </div>
  9155.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9156.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Lineage2M</h2>
  9157.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NCSOFT</p>
  9158.            </article>
  9159.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9160.                <div class="mdigital-item-container"></div>
  9161.            </div>
  9162.        </a>
  9163.                <a
  9164.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9165.            href="https://agengim.com/order/crystal-of-atlan"
  9166.            style="outline: none;"
  9167.        >
  9168.            <div class="blur-sharp">
  9169.                <img
  9170.                    alt="Crystal of Atlan"
  9171.                    fetchpriority="high"
  9172.                    width="192"
  9173.                    height="88"
  9174.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9175.                    sizes="100vw"
  9176.                    src="/assets/thumbnail/5368.webp"
  9177.                    style="color: transparent;"
  9178.                />
  9179.            </div>
  9180.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9181.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Crystal of Atlan</h2>
  9182.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Nuverse Games</p>
  9183.            </article>
  9184.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9185.                <div class="mdigital-item-container"></div>
  9186.            </div>
  9187.        </a>
  9188.                <a
  9189.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9190.            href="https://agengim.com/order/ragnarok-x-next-generation"
  9191.            style="outline: none;"
  9192.        >
  9193.            <div class="blur-sharp">
  9194.                <img
  9195.                    alt="Ragnarok X Next Generation"
  9196.                    fetchpriority="high"
  9197.                    width="192"
  9198.                    height="88"
  9199.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9200.                    sizes="100vw"
  9201.                    src="/assets/thumbnail/3267.webp"
  9202.                    style="color: transparent;"
  9203.                />
  9204.            </div>
  9205.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9206.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ragnarok X Next Generation</h2>
  9207.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Nuverse Games</p>
  9208.            </article>
  9209.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9210.                <div class="mdigital-item-container"></div>
  9211.            </div>
  9212.        </a>
  9213.                <a
  9214.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9215.            href="https://agengim.com/order/eos-red"
  9216.            style="outline: none;"
  9217.        >
  9218.            <div class="blur-sharp">
  9219.                <img
  9220.                    alt="EOS RED"
  9221.                    fetchpriority="high"
  9222.                    width="192"
  9223.                    height="88"
  9224.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9225.                    sizes="100vw"
  9226.                    src="/assets/thumbnail/3686.webp"
  9227.                    style="color: transparent;"
  9228.                />
  9229.            </div>
  9230.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9231.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">EOS RED</h2>
  9232.                <p class="truncate text-xxs text-murky-400 sm:text-xs">BluePotion</p>
  9233.            </article>
  9234.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9235.                <div class="mdigital-item-container"></div>
  9236.            </div>
  9237.        </a>
  9238.                <a
  9239.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9240.            href="https://agengim.com/order/football-master-2"
  9241.            style="outline: none;"
  9242.        >
  9243.            <div class="blur-sharp">
  9244.                <img
  9245.                    alt="Football Master 2"
  9246.                    fetchpriority="high"
  9247.                    width="192"
  9248.                    height="88"
  9249.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9250.                    sizes="100vw"
  9251.                    src="/assets/thumbnail/1130.webp"
  9252.                    style="color: transparent;"
  9253.                />
  9254.            </div>
  9255.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9256.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Football Master 2</h2>
  9257.                <p class="truncate text-xxs text-murky-400 sm:text-xs">GALA Sports</p>
  9258.            </article>
  9259.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9260.                <div class="mdigital-item-container"></div>
  9261.            </div>
  9262.        </a>
  9263.                <a
  9264.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9265.            href="https://agengim.com/order/auto-chess"
  9266.            style="outline: none;"
  9267.        >
  9268.            <div class="blur-sharp">
  9269.                <img
  9270.                    alt="Auto Chess"
  9271.                    fetchpriority="high"
  9272.                    width="192"
  9273.                    height="88"
  9274.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9275.                    sizes="100vw"
  9276.                    src="/assets/thumbnail/3929.webp"
  9277.                    style="color: transparent;"
  9278.                />
  9279.            </div>
  9280.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9281.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Auto Chess</h2>
  9282.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Dragonest Games</p>
  9283.            </article>
  9284.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9285.                <div class="mdigital-item-container"></div>
  9286.            </div>
  9287.        </a>
  9288.                <a
  9289.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9290.            href="https://agengim.com/order/dark-continent-mist"
  9291.            style="outline: none;"
  9292.        >
  9293.            <div class="blur-sharp">
  9294.                <img
  9295.                    alt="Dark Continent Mist"
  9296.                    fetchpriority="high"
  9297.                    width="192"
  9298.                    height="88"
  9299.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9300.                    sizes="100vw"
  9301.                    src="/assets/thumbnail/images.jpeg"
  9302.                    style="color: transparent;"
  9303.                />
  9304.            </div>
  9305.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9306.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Dark Continent Mist</h2>
  9307.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EYOUGAME</p>
  9308.            </article>
  9309.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9310.                <div class="mdigital-item-container"></div>
  9311.            </div>
  9312.        </a>
  9313.                <a
  9314.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9315.            href="https://agengim.com/order/infinite-borders"
  9316.            style="outline: none;"
  9317.        >
  9318.            <div class="blur-sharp">
  9319.                <img
  9320.                    alt="Infinite Borders"
  9321.                    fetchpriority="high"
  9322.                    width="192"
  9323.                    height="88"
  9324.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9325.                    sizes="100vw"
  9326.                    src="/assets/thumbnail/5224.webp"
  9327.                    style="color: transparent;"
  9328.                />
  9329.            </div>
  9330.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9331.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Infinite Borders</h2>
  9332.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  9333.            </article>
  9334.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9335.                <div class="mdigital-item-container"></div>
  9336.            </div>
  9337.        </a>
  9338.                <a
  9339.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9340.            href="https://agengim.com/order/madtale-idle-rpg"
  9341.            style="outline: none;"
  9342.        >
  9343.            <div class="blur-sharp">
  9344.                <img
  9345.                    alt="Madtale Idle RPG"
  9346.                    fetchpriority="high"
  9347.                    width="192"
  9348.                    height="88"
  9349.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9350.                    sizes="100vw"
  9351.                    src="/assets/thumbnail/images (1).jpeg"
  9352.                    style="color: transparent;"
  9353.                />
  9354.            </div>
  9355.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9356.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Madtale Idle RPG</h2>
  9357.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FANDOM Games</p>
  9358.            </article>
  9359.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9360.                <div class="mdigital-item-container"></div>
  9361.            </div>
  9362.        </a>
  9363.                <a
  9364.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9365.            href="https://agengim.com/order/farlight-84"
  9366.            style="outline: none;"
  9367.        >
  9368.            <div class="blur-sharp">
  9369.                <img
  9370.                    alt="Farlight 84"
  9371.                    fetchpriority="high"
  9372.                    width="192"
  9373.                    height="88"
  9374.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9375.                    sizes="100vw"
  9376.                    src="/assets/thumbnail/GameTile_farlight-84.jpg"
  9377.                    style="color: transparent;"
  9378.                />
  9379.            </div>
  9380.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9381.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Farlight 84</h2>
  9382.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FARLIGHT</p>
  9383.            </article>
  9384.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9385.                <div class="mdigital-item-container"></div>
  9386.            </div>
  9387.        </a>
  9388.                <a
  9389.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9390.            href="https://agengim.com/order/identity-v"
  9391.            style="outline: none;"
  9392.        >
  9393.            <div class="blur-sharp">
  9394.                <img
  9395.                    alt="Identity V"
  9396.                    fetchpriority="high"
  9397.                    width="192"
  9398.                    height="88"
  9399.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9400.                    sizes="100vw"
  9401.                    src="/assets/thumbnail/3114.webp"
  9402.                    style="color: transparent;"
  9403.                />
  9404.            </div>
  9405.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9406.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Identity V</h2>
  9407.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  9408.            </article>
  9409.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9410.                <div class="mdigital-item-container"></div>
  9411.            </div>
  9412.        </a>
  9413.                <a
  9414.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9415.            href="https://agengim.com/order/growtopia-dg"
  9416.            style="outline: none;"
  9417.        >
  9418.            <div class="blur-sharp">
  9419.                <img
  9420.                    alt="Growtopia"
  9421.                    fetchpriority="high"
  9422.                    width="192"
  9423.                    height="88"
  9424.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9425.                    sizes="100vw"
  9426.                    src="/assets/thumbnail/images (2).jpeg"
  9427.                    style="color: transparent;"
  9428.                />
  9429.            </div>
  9430.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9431.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Growtopia</h2>
  9432.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Ubisoft</p>
  9433.            </article>
  9434.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9435.                <div class="mdigital-item-container"></div>
  9436.            </div>
  9437.        </a>
  9438.                <a
  9439.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9440.            href="https://agengim.com/order/arena-breakout"
  9441.            style="outline: none;"
  9442.        >
  9443.            <div class="blur-sharp">
  9444.                <img
  9445.                    alt="Arena Breakout"
  9446.                    fetchpriority="high"
  9447.                    width="192"
  9448.                    height="88"
  9449.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9450.                    sizes="100vw"
  9451.                    src="/assets/thumbnail/781.webp"
  9452.                    style="color: transparent;"
  9453.                />
  9454.            </div>
  9455.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9456.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Arena Breakout</h2>
  9457.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  9458.            </article>
  9459.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9460.                <div class="mdigital-item-container"></div>
  9461.            </div>
  9462.        </a>
  9463.                <a
  9464.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9465.            href="https://agengim.com/order/life-makeover"
  9466.            style="outline: none;"
  9467.        >
  9468.            <div class="blur-sharp">
  9469.                <img
  9470.                    alt="Life Makeover"
  9471.                    fetchpriority="high"
  9472.                    width="192"
  9473.                    height="88"
  9474.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9475.                    sizes="100vw"
  9476.                    src="/assets/thumbnail/4382.webp"
  9477.                    style="color: transparent;"
  9478.                />
  9479.            </div>
  9480.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9481.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Life Makeover</h2>
  9482.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Archosaur Games</p>
  9483.            </article>
  9484.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9485.                <div class="mdigital-item-container"></div>
  9486.            </div>
  9487.        </a>
  9488.                <a
  9489.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9490.            href="https://agengim.com/order/harry-potter-magic-awakened"
  9491.            style="outline: none;"
  9492.        >
  9493.            <div class="blur-sharp">
  9494.                <img
  9495.                    alt="Harry Potter Magic Awakened"
  9496.                    fetchpriority="high"
  9497.                    width="192"
  9498.                    height="88"
  9499.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9500.                    sizes="100vw"
  9501.                    src="/assets/thumbnail/821.webp"
  9502.                    style="color: transparent;"
  9503.                />
  9504.            </div>
  9505.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9506.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Harry Potter Magic Awakened</h2>
  9507.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  9508.            </article>
  9509.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9510.                <div class="mdigital-item-container"></div>
  9511.            </div>
  9512.        </a>
  9513.                    <a
  9514.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9515.            href="https://agengim.com/order/cloud-song-saga-of-skywalkers-vc"
  9516.            style="outline: none;"
  9517.        >
  9518.            <div class="blur-sharp">
  9519.                <img
  9520.                    alt="Cloud Song"
  9521.                    fetchpriority="high"
  9522.                    width="192"
  9523.                    height="88"
  9524.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9525.                    sizes="100vw"
  9526.                    src="/assets/thumbnail/551.webp"
  9527.                    style="color: transparent;"
  9528.                />
  9529.            </div>
  9530.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9531.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Cloud Song</h2>
  9532.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNGGames</p>
  9533.            </article>
  9534.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9535.                <div class="mdigital-item-container"></div>
  9536.            </div>
  9537.        </a>
  9538.                <a
  9539.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9540.            href="https://agengim.com/order/undawn"
  9541.            style="outline: none;"
  9542.        >
  9543.            <div class="blur-sharp">
  9544.                <img
  9545.                    alt="Garena Undawn"
  9546.                    fetchpriority="high"
  9547.                    width="192"
  9548.                    height="88"
  9549.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9550.                    sizes="100vw"
  9551.                    src="/assets/thumbnail/3301.webp"
  9552.                    style="color: transparent;"
  9553.                />
  9554.            </div>
  9555.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9556.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Garena Undawn</h2>
  9557.                <p class="truncate text-xxs text-murky-400 sm:text-xs">LightSpeed Studios</p>
  9558.            </article>
  9559.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9560.                <div class="mdigital-item-container"></div>
  9561.            </div>
  9562.        </a>
  9563.                <a
  9564.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9565.            href="https://agengim.com/order/undawn-global"
  9566.            style="outline: none;"
  9567.        >
  9568.            <div class="blur-sharp">
  9569.                <img
  9570.                    alt="Garena Undawn Global"
  9571.                    fetchpriority="high"
  9572.                    width="192"
  9573.                    height="88"
  9574.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9575.                    sizes="100vw"
  9576.                    src="/assets/thumbnail/3301.webp"
  9577.                    style="color: transparent;"
  9578.                />
  9579.            </div>
  9580.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9581.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Garena Undawn Global</h2>
  9582.                <p class="truncate text-xxs text-murky-400 sm:text-xs">LightSpeed Studios</p>
  9583.            </article>
  9584.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9585.                <div class="mdigital-item-container"></div>
  9586.            </div>
  9587.        </a>
  9588.                <a
  9589.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9590.            href="https://agengim.com/order/seal-m-sea"
  9591.            style="outline: none;"
  9592.        >
  9593.            <div class="blur-sharp">
  9594.                <img
  9595.                    alt="Seal M Sea"
  9596.                    fetchpriority="high"
  9597.                    width="192"
  9598.                    height="88"
  9599.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9600.                    sizes="100vw"
  9601.                    src="/assets/thumbnail/1706886664n_tanpa_judul_(10).webp"
  9602.                    style="color: transparent;"
  9603.                />
  9604.            </div>
  9605.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9606.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Seal M Sea</h2>
  9607.                <p class="truncate text-xxs text-murky-400 sm:text-xs">PlaywithKorea Inc.</p>
  9608.            </article>
  9609.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9610.                <div class="mdigital-item-container"></div>
  9611.            </div>
  9612.        </a>
  9613.                    <a
  9614.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9615.            href="https://agengim.com/order/project-entropy"
  9616.            style="outline: none;"
  9617.        >
  9618.            <div class="blur-sharp">
  9619.                <img
  9620.                    alt="Project Entropy"
  9621.                    fetchpriority="high"
  9622.                    width="192"
  9623.                    height="88"
  9624.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9625.                    sizes="100vw"
  9626.                    src="/assets/thumbnail/gametiles_com.entropy.global.jpg"
  9627.                    style="color: transparent;"
  9628.                />
  9629.            </div>
  9630.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9631.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Project Entropy</h2>
  9632.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FunPlus International AG</p>
  9633.            </article>
  9634.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9635.                <div class="mdigital-item-container"></div>
  9636.            </div>
  9637.        </a>
  9638.                    <a
  9639.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9640.            href="https://agengim.com/order/luna-new-world"
  9641.            style="outline: none;"
  9642.        >
  9643.            <div class="blur-sharp">
  9644.                <img
  9645.                    alt="Luna New World"
  9646.                    fetchpriority="high"
  9647.                    width="192"
  9648.                    height="88"
  9649.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9650.                    sizes="100vw"
  9651.                    src="/assets/thumbnail/images (4).jpeg"
  9652.                    style="color: transparent;"
  9653.                />
  9654.            </div>
  9655.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9656.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Luna New World</h2>
  9657.                <p class="truncate text-xxs text-murky-400 sm:text-xs">EYA Interactive</p>
  9658.            </article>
  9659.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9660.                <div class="mdigital-item-container"></div>
  9661.            </div>
  9662.        </a>
  9663.                <a
  9664.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9665.            href="https://agengim.com/order/ace-racer"
  9666.            style="outline: none;"
  9667.        >
  9668.            <div class="blur-sharp">
  9669.                <img
  9670.                    alt="Ace Racer"
  9671.                    fetchpriority="high"
  9672.                    width="192"
  9673.                    height="88"
  9674.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9675.                    sizes="100vw"
  9676.                    src="/assets/thumbnail/4773.webp"
  9677.                    style="color: transparent;"
  9678.                />
  9679.            </div>
  9680.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9681.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ace Racer</h2>
  9682.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  9683.            </article>
  9684.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9685.                <div class="mdigital-item-container"></div>
  9686.            </div>
  9687.        </a>
  9688.                <a
  9689.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9690.            href="https://agengim.com/order/revelation-infinite-journey"
  9691.            style="outline: none;"
  9692.        >
  9693.            <div class="blur-sharp">
  9694.                <img
  9695.                    alt="Revelation Infinite Journey"
  9696.                    fetchpriority="high"
  9697.                    width="192"
  9698.                    height="88"
  9699.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9700.                    sizes="100vw"
  9701.                    src="/assets/thumbnail/4885.webp"
  9702.                    style="color: transparent;"
  9703.                />
  9704.            </div>
  9705.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9706.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Revelation Infinite Journey</h2>
  9707.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNGGames</p>
  9708.            </article>
  9709.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9710.                <div class="mdigital-item-container"></div>
  9711.            </div>
  9712.        </a>
  9713.                <a
  9714.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9715.            href="https://agengim.com/order/ragnarok-origin"
  9716.            style="outline: none;"
  9717.        >
  9718.            <div class="blur-sharp">
  9719.                <img
  9720.                    alt="Ragnarok Origin"
  9721.                    fetchpriority="high"
  9722.                    width="192"
  9723.                    height="88"
  9724.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9725.                    sizes="100vw"
  9726.                    src="/assets/thumbnail/5090.webp"
  9727.                    style="color: transparent;"
  9728.                />
  9729.            </div>
  9730.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9731.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Ragnarok Origin</h2>
  9732.                <p class="truncate text-xxs text-murky-400 sm:text-xs">GRAVITY CO., Ltd.</p>
  9733.            </article>
  9734.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9735.                <div class="mdigital-item-container"></div>
  9736.            </div>
  9737.        </a>
  9738.                <a
  9739.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9740.            href="https://agengim.com/order/marvel-snap"
  9741.            style="outline: none;"
  9742.        >
  9743.            <div class="blur-sharp">
  9744.                <img
  9745.                    alt="Marvel Snap"
  9746.                    fetchpriority="high"
  9747.                    width="192"
  9748.                    height="88"
  9749.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9750.                    sizes="100vw"
  9751.                    src="/assets/thumbnail/4676.webp"
  9752.                    style="color: transparent;"
  9753.                />
  9754.            </div>
  9755.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9756.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Marvel Snap</h2>
  9757.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Nuverse</p>
  9758.            </article>
  9759.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9760.                <div class="mdigital-item-container"></div>
  9761.            </div>
  9762.        </a>
  9763.                <a
  9764.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9765.            href="https://agengim.com/order/goddess-of-victory-nikke"
  9766.            style="outline: none;"
  9767.        >
  9768.            <div class="blur-sharp">
  9769.                <img
  9770.                    alt="Goddess of Victory Nikke"
  9771.                    fetchpriority="high"
  9772.                    width="192"
  9773.                    height="88"
  9774.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9775.                    sizes="100vw"
  9776.                    src="/assets/thumbnail/3976.webp"
  9777.                    style="color: transparent;"
  9778.                />
  9779.            </div>
  9780.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9781.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Goddess of Victory Nikke</h2>
  9782.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Level Infinite</p>
  9783.            </article>
  9784.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9785.                <div class="mdigital-item-container"></div>
  9786.            </div>
  9787.        </a>
  9788.                <a
  9789.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9790.            href="https://agengim.com/order/stumble-guys"
  9791.            style="outline: none;"
  9792.        >
  9793.            <div class="blur-sharp">
  9794.                <img
  9795.                    alt="Stumble Guys"
  9796.                    fetchpriority="high"
  9797.                    width="192"
  9798.                    height="88"
  9799.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9800.                    sizes="100vw"
  9801.                    src="/assets/thumbnail/5075.webp"
  9802.                    style="color: transparent;"
  9803.                />
  9804.            </div>
  9805.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9806.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Stumble Guys</h2>
  9807.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Kitka Games</p>
  9808.            </article>
  9809.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9810.                <div class="mdigital-item-container"></div>
  9811.            </div>
  9812.        </a>
  9813.                <a
  9814.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9815.            href="https://agengim.com/order/omega-legends"
  9816.            style="outline: none;"
  9817.        >
  9818.            <div class="blur-sharp">
  9819.                <img
  9820.                    alt="Omega Legends"
  9821.                    fetchpriority="high"
  9822.                    width="192"
  9823.                    height="88"
  9824.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9825.                    sizes="100vw"
  9826.                    src="/assets/thumbnail/images (5).jpeg"
  9827.                    style="color: transparent;"
  9828.                />
  9829.            </div>
  9830.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9831.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Omega Legends</h2>
  9832.                <p class="truncate text-xxs text-murky-400 sm:text-xs">IGG.COM</p>
  9833.            </article>
  9834.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9835.                <div class="mdigital-item-container"></div>
  9836.            </div>
  9837.        </a>
  9838.                <a
  9839.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9840.            href="https://agengim.com/order/mu-origin-3"
  9841.            style="outline: none;"
  9842.        >
  9843.            <div class="blur-sharp">
  9844.                <img
  9845.                    alt="MU ORIGIN 3"
  9846.                    fetchpriority="high"
  9847.                    width="192"
  9848.                    height="88"
  9849.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9850.                    sizes="100vw"
  9851.                    src="/assets/thumbnail/4487.webp"
  9852.                    style="color: transparent;"
  9853.                />
  9854.            </div>
  9855.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9856.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MU ORIGIN 3</h2>
  9857.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FingerFun Limited</p>
  9858.            </article>
  9859.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9860.                <div class="mdigital-item-container"></div>
  9861.            </div>
  9862.        </a>
  9863.                <a
  9864.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9865.            href="https://agengim.com/order/lokapala-dg"
  9866.            style="outline: none;"
  9867.        >
  9868.            <div class="blur-sharp">
  9869.                <img
  9870.                    alt="Lokapala"
  9871.                    fetchpriority="high"
  9872.                    width="192"
  9873.                    height="88"
  9874.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9875.                    sizes="100vw"
  9876.                    src="/assets/thumbnail/4666.webp"
  9877.                    style="color: transparent;"
  9878.                />
  9879.            </div>
  9880.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9881.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Lokapala</h2>
  9882.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Melon</p>
  9883.            </article>
  9884.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9885.                <div class="mdigital-item-container"></div>
  9886.            </div>
  9887.        </a>
  9888.                <a
  9889.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9890.            href="https://agengim.com/order/sky-children-of-the-light"
  9891.            style="outline: none;"
  9892.        >
  9893.            <div class="blur-sharp">
  9894.                <img
  9895.                    alt="Sky Children of the Light"
  9896.                    fetchpriority="high"
  9897.                    width="192"
  9898.                    height="88"
  9899.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9900.                    sizes="100vw"
  9901.                    src="/assets/thumbnail/3277.webp"
  9902.                    style="color: transparent;"
  9903.                />
  9904.            </div>
  9905.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9906.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Sky Children of the Light</h2>
  9907.                <p class="truncate text-xxs text-murky-400 sm:text-xs">thatgamecompany</p>
  9908.            </article>
  9909.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9910.                <div class="mdigital-item-container"></div>
  9911.            </div>
  9912.        </a>
  9913.                <a
  9914.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9915.            href="https://agengim.com/order/tower-of-fantasy"
  9916.            style="outline: none;"
  9917.        >
  9918.            <div class="blur-sharp">
  9919.                <img
  9920.                    alt="Tower of Fantasy"
  9921.                    fetchpriority="high"
  9922.                    width="192"
  9923.                    height="88"
  9924.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9925.                    sizes="100vw"
  9926.                    src="/assets/thumbnail/4019.webp"
  9927.                    style="color: transparent;"
  9928.                />
  9929.            </div>
  9930.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9931.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Tower of Fantasy</h2>
  9932.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Perfect World Games</p>
  9933.            </article>
  9934.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9935.                <div class="mdigital-item-container"></div>
  9936.            </div>
  9937.        </a>
  9938.                <a
  9939.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9940.            href="https://agengim.com/order/super-sus"
  9941.            style="outline: none;"
  9942.        >
  9943.            <div class="blur-sharp">
  9944.                <img
  9945.                    alt="Super Sus"
  9946.                    fetchpriority="high"
  9947.                    width="192"
  9948.                    height="88"
  9949.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9950.                    sizes="100vw"
  9951.                    src="/assets/thumbnail/3936.webp"
  9952.                    style="color: transparent;"
  9953.                />
  9954.            </div>
  9955.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9956.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Super Sus</h2>
  9957.                <p class="truncate text-xxs text-murky-400 sm:text-xs">PIProductions</p>
  9958.            </article>
  9959.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9960.                <div class="mdigital-item-container"></div>
  9961.            </div>
  9962.        </a>
  9963.                <a
  9964.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9965.            href="https://agengim.com/order/hyper-front-sea"
  9966.            style="outline: none;"
  9967.        >
  9968.            <div class="blur-sharp">
  9969.                <img
  9970.                    alt="Hyper Front SEA"
  9971.                    fetchpriority="high"
  9972.                    width="192"
  9973.                    height="88"
  9974.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  9975.                    sizes="100vw"
  9976.                    src="/assets/thumbnail/gametiles_com.netease.bfc1game.na_25.jpg"
  9977.                    style="color: transparent;"
  9978.                />
  9979.            </div>
  9980.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  9981.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Hyper Front SEA</h2>
  9982.                <p class="truncate text-xxs text-murky-400 sm:text-xs">NetEase Games</p>
  9983.            </article>
  9984.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  9985.                <div class="mdigital-item-container"></div>
  9986.            </div>
  9987.        </a>
  9988.                <a
  9989.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  9990.            href="https://agengim.com/order/ys-6-mobile"
  9991.            style="outline: none;"
  9992.        >
  9993.            <div class="blur-sharp">
  9994.                <img
  9995.                    alt="YS 6 Mobile"
  9996.                    fetchpriority="high"
  9997.                    width="192"
  9998.                    height="88"
  9999.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10000.                    sizes="100vw"
  10001.                    src="/assets/thumbnail/b7cd43cd8522f23152bd9f0f9bba0623.png"
  10002.                    style="color: transparent;"
  10003.                />
  10004.            </div>
  10005.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10006.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">YS 6 Mobile</h2>
  10007.                <p class="truncate text-xxs text-murky-400 sm:text-xs">VNGGames</p>
  10008.            </article>
  10009.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10010.                <div class="mdigital-item-container"></div>
  10011.            </div>
  10012.        </a>
  10013.                <a
  10014.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10015.            href="https://agengim.com/order/states-of-survival"
  10016.            style="outline: none;"
  10017.        >
  10018.            <div class="blur-sharp">
  10019.                <img
  10020.                    alt="State of Survival"
  10021.                    fetchpriority="high"
  10022.                    width="192"
  10023.                    height="88"
  10024.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10025.                    sizes="100vw"
  10026.                    src="/assets/thumbnail/1907.webp"
  10027.                    style="color: transparent;"
  10028.                />
  10029.            </div>
  10030.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10031.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">State of Survival</h2>
  10032.                <p class="truncate text-xxs text-murky-400 sm:text-xs">FunPlus International AG</p>
  10033.            </article>
  10034.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10035.                <div class="mdigital-item-container"></div>
  10036.            </div>
  10037.        </a>
  10038.                <a
  10039.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10040.            href="https://agengim.com/order/black-desert-mobile"
  10041.            style="outline: none;"
  10042.        >
  10043.            <div class="blur-sharp">
  10044.                <img
  10045.                    alt="Black Desert Mobile"
  10046.                    fetchpriority="high"
  10047.                    width="192"
  10048.                    height="88"
  10049.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10050.                    sizes="100vw"
  10051.                    src="/assets/thumbnail/3187.webp"
  10052.                    style="color: transparent;"
  10053.                />
  10054.            </div>
  10055.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10056.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Black Desert Mobile</h2>
  10057.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Pearl Abyss</p>
  10058.            </article>
  10059.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10060.                <div class="mdigital-item-container"></div>
  10061.            </div>
  10062.        </a>
  10063.                <a
  10064.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10065.            href="https://agengim.com/order/rise-of-kingdom"
  10066.            style="outline: none;"
  10067.        >
  10068.            <div class="blur-sharp">
  10069.                <img
  10070.                    alt="Rise of Kingdom"
  10071.                    fetchpriority="high"
  10072.                    width="192"
  10073.                    height="88"
  10074.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10075.                    sizes="100vw"
  10076.                    src="/assets/thumbnail/3095.webp"
  10077.                    style="color: transparent;"
  10078.                />
  10079.            </div>
  10080.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10081.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Rise of Kingdom</h2>
  10082.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Original Entertainment</p>
  10083.            </article>
  10084.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10085.                <div class="mdigital-item-container"></div>
  10086.            </div>
  10087.        </a>
  10088.                <a
  10089.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10090.            href="https://agengim.com/order/clash-of-clans"
  10091.            style="outline: none;"
  10092.        >
  10093.            <div class="blur-sharp">
  10094.                <img
  10095.                    alt="Clash of Clans"
  10096.                    fetchpriority="high"
  10097.                    width="192"
  10098.                    height="88"
  10099.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10100.                    sizes="100vw"
  10101.                    src="/assets/thumbnail/1698.webp"
  10102.                    style="color: transparent;"
  10103.                />
  10104.            </div>
  10105.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10106.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Clash of Clans</h2>
  10107.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Supercell</p>
  10108.            </article>
  10109.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10110.                <div class="mdigital-item-container"></div>
  10111.            </div>
  10112.        </a>
  10113.                <a
  10114.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10115.            href="https://agengim.com/order/among-us"
  10116.            style="outline: none;"
  10117.        >
  10118.            <div class="blur-sharp">
  10119.                <img
  10120.                    alt="Among Us"
  10121.                    fetchpriority="high"
  10122.                    width="192"
  10123.                    height="88"
  10124.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10125.                    sizes="100vw"
  10126.                    src="/assets/thumbnail/3259.webp"
  10127.                    style="color: transparent;"
  10128.                />
  10129.            </div>
  10130.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10131.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Among Us</h2>
  10132.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Innersloth</p>
  10133.            </article>
  10134.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10135.                <div class="mdigital-item-container"></div>
  10136.            </div>
  10137.        </a>
  10138.                <a
  10139.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10140.            href="https://agengim.com/order/be-the-king"
  10141.            style="outline: none;"
  10142.        >
  10143.            <div class="blur-sharp">
  10144.                <img
  10145.                    alt="Be The King"
  10146.                    fetchpriority="high"
  10147.                    width="192"
  10148.                    height="88"
  10149.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10150.                    sizes="100vw"
  10151.                    src="/assets/thumbnail/3907.webp"
  10152.                    style="color: transparent;"
  10153.                />
  10154.            </div>
  10155.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10156.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Be The King</h2>
  10157.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Chuang Cool Entertainment</p>
  10158.            </article>
  10159.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10160.                <div class="mdigital-item-container"></div>
  10161.            </div>
  10162.        </a>
  10163.                <a
  10164.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10165.            href="https://agengim.com/order/league-of-legends-wild-rift"
  10166.            style="outline: none;"
  10167.        >
  10168.            <div class="blur-sharp">
  10169.                <img
  10170.                    alt="League of Legends Wild Rift"
  10171.                    fetchpriority="high"
  10172.                    width="192"
  10173.                    height="88"
  10174.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10175.                    sizes="100vw"
  10176.                    src="/assets/thumbnail/3197.webp"
  10177.                    style="color: transparent;"
  10178.                />
  10179.            </div>
  10180.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10181.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">League of Legends Wild Rift</h2>
  10182.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Riot Games Inc.</p>
  10183.            </article>
  10184.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10185.                <div class="mdigital-item-container"></div>
  10186.            </div>
  10187.        </a>
  10188.                <a
  10189.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10190.            href="https://agengim.com/order/ludo-club"
  10191.            style="outline: none;"
  10192.        >
  10193.            <div class="blur-sharp">
  10194.                <img
  10195.                    alt="LUDO CLUB"
  10196.                    fetchpriority="high"
  10197.                    width="192"
  10198.                    height="88"
  10199.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10200.                    sizes="100vw"
  10201.                    src="/assets/thumbnail/3641.webp"
  10202.                    style="color: transparent;"
  10203.                />
  10204.            </div>
  10205.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10206.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">LUDO CLUB</h2>
  10207.                <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonfrog Labs</p>
  10208.            </article>
  10209.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10210.                <div class="mdigital-item-container"></div>
  10211.            </div>
  10212.        </a>
  10213.                <a
  10214.            class="border border-white group relative transform overflow-hidden featured-game-card rounded-2xl bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item "
  10215.            href="https://agengim.com/order/light-of-thel"
  10216.            style="outline: none;"
  10217.        >
  10218.            <div class="blur-sharp">
  10219.                <img
  10220.                    alt="Light of Thel"
  10221.                    fetchpriority="high"
  10222.                    width="192"
  10223.                    height="88"
  10224.                    class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10225.                    sizes="100vw"
  10226.                    src="/assets/thumbnail/1689.webp"
  10227.                    style="color: transparent;"
  10228.                />
  10229.            </div>
  10230.            <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10231.                <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Light of Thel</h2>
  10232.                <p class="truncate text-xxs text-murky-400 sm:text-xs">South East Asia</p>
  10233.            </article>
  10234.            <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10235.                <div class="mdigital-item-container"></div>
  10236.            </div>
  10237.        </a>
  10238.        
  10239.  
  10240.  
  10241.            </div>
  10242.        </div>
  10243.  
  10244.        
  10245.    <div class="tab-pane" id="emoney" role="tabpanel" aria-labelledby="emoney">
  10246.      
  10247.            <div class="grid grid-cols-1 gap-3 md:gap-4 lg:grid-cols-3">
  10248.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a tabindex="0" href="https://agengim.com/order/dana" style="outline: none;">
  10249.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10250.                                <img alt="DANA" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/Untitled design (32).png" style="color: transparent;">
  10251.                                <div class="relative flex w-full flex-col">
  10252.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up DANA</h2>
  10253.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10254.                                </div>
  10255.                            </div>
  10256.                        </a>
  10257.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a tabindex="0" href="https://agengim.com/order/gopay" style="outline: none;">
  10258.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10259.                                <img alt="GOPAY" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/Untitled design (31).png" style="color: transparent;">
  10260.                                <div class="relative flex w-full flex-col">
  10261.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up GOPAY</h2>
  10262.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10263.                                </div>
  10264.                            </div>
  10265.                        </a>
  10266.                                                                                <a tabindex="0" href="https://agengim.com/order/shopee-pay" style="outline: none;">
  10267.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10268.                                <img alt="SHOPEE PAY" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/Shopee.webp" style="color: transparent;">
  10269.                                <div class="relative flex w-full flex-col">
  10270.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up SHOPEE PAY</h2>
  10271.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10272.                                </div>
  10273.                            </div>
  10274.                        </a>
  10275.                                                                                <a tabindex="0" href="https://agengim.com/order/ovo" style="outline: none;">
  10276.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10277.                                <img alt="OVO" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/2725.webp" style="color: transparent;">
  10278.                                <div class="relative flex w-full flex-col">
  10279.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up OVO</h2>
  10280.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10281.                                </div>
  10282.                            </div>
  10283.                        </a>
  10284.                                                                                <a tabindex="0" href="https://agengim.com/order/linkaja" style="outline: none;">
  10285.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10286.                                <img alt="LINKAJA" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/2884.webp" style="color: transparent;">
  10287.                                <div class="relative flex w-full flex-col">
  10288.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up LINKAJA</h2>
  10289.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10290.                                </div>
  10291.                            </div>
  10292.                        </a>
  10293.                                                                                <a tabindex="0" href="https://agengim.com/order/grab" style="outline: none;">
  10294.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10295.                                <img alt="GRAB" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/2266.webp" style="color: transparent;">
  10296.                                <div class="relative flex w-full flex-col">
  10297.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Top Up GRAB</h2>
  10298.                                    <p class="text-xxs text-murky-300 md:text-sm">Dompet Digital | E-Wallet</p>
  10299.                                </div>
  10300.                            </div>
  10301.                        </a>
  10302.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  10303.            </div>
  10304.        
  10305.  
  10306.  
  10307.    <div class="tab-pane" id="joki" role="tabpanel" aria-labelledby="joki-tab">
  10308.      
  10309.            <div class="grid grid-cols-1 gap-3 md:gap-4 lg:grid-cols-3">
  10310.                                                                                                                                                                                                                                                                                                                                                                                                <a tabindex="0" href="https://agengim.com/order/joki-rank" style="outline: none;">
  10311.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10312.                                <img alt="JOKI RANK" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/unnamed (4).jpg" style="color: transparent;">
  10313.                                <div class="relative flex w-full flex-col">
  10314.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">JOKI RANK</h2>
  10315.                                    <p class="text-xxs text-murky-300 md:text-sm">Mobile Legends</p>
  10316.                                </div>
  10317.                            </div>
  10318.                        </a>
  10319.                                                                                <a tabindex="0" href="https://agengim.com/order/joki-classic" style="outline: none;">
  10320.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10321.                                <img alt="JOKI CLASIC" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/unnamed (4).jpg" style="color: transparent;">
  10322.                                <div class="relative flex w-full flex-col">
  10323.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">JOKI CLASIC</h2>
  10324.                                    <p class="text-xxs text-murky-300 md:text-sm">Mobile Legends</p>
  10325.                                </div>
  10326.                            </div>
  10327.                        </a>
  10328.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  10329.            </div>
  10330.            
  10331.                        
  10332.            
  10333.  
  10334.            
  10335.    
  10336.    <div class="tab-pane" id="pulsa" role="tabpanel" aria-labelledby="pulsa">
  10337.      
  10338.            <div class="grid grid-cols-1 gap-3 md:gap-4 lg:grid-cols-3">
  10339.                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a tabindex="0" href="https://agengim.com/order/telkomsel" style="outline: none;">
  10340.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10341.                                <img alt="TELKOMSEL" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/unnamed (25).png" style="color: transparent;">
  10342.                                <div class="relative flex w-full flex-col">
  10343.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">TELKOMSEL</h2>
  10344.                                    <p class="text-xxs text-murky-300 md:text-sm">Telkomsel</p>
  10345.                                </div>
  10346.                            </div>
  10347.                        </a>
  10348.                                                                                                                    <a tabindex="0" href="https://agengim.com/order/axis" style="outline: none;">
  10349.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10350.                                <img alt="AXIS" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/unnamed (13).png" style="color: transparent;">
  10351.                                <div class="relative flex w-full flex-col">
  10352.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">AXIS</h2>
  10353.                                    <p class="text-xxs text-murky-300 md:text-sm">Xl Axita</p>
  10354.                                </div>
  10355.                            </div>
  10356.                        </a>
  10357.                                                                                <a tabindex="0" href="https://agengim.com/order/tri" style="outline: none;">
  10358.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10359.                                <img alt="TRI" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/images (8).jpg" style="color: transparent;">
  10360.                                <div class="relative flex w-full flex-col">
  10361.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">TRI</h2>
  10362.                                    <p class="text-xxs text-murky-300 md:text-sm">Tri Hutchsion</p>
  10363.                                </div>
  10364.                            </div>
  10365.                        </a>
  10366.                                                                                <a tabindex="0" href="https://agengim.com/order/smartfren" style="outline: none;">
  10367.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10368.                                <img alt="SMARTFREN" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/id-11134216-7rbk3-m682zyisjp8i20.jpg" style="color: transparent;">
  10369.                                <div class="relative flex w-full flex-col">
  10370.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">SMARTFREN</h2>
  10371.                                    <p class="text-xxs text-murky-300 md:text-sm">Smartfren Telecom</p>
  10372.                                </div>
  10373.                            </div>
  10374.                        </a>
  10375.                                                                                                                                                                                                                                                                                                        <a tabindex="0" href="https://agengim.com/order/token-pln" style="outline: none;">
  10376.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10377.                                <img alt="Token PLN" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/unnamed (1).png" style="color: transparent;">
  10378.                                <div class="relative flex w-full flex-col">
  10379.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">Token PLN</h2>
  10380.                                    <p class="text-xxs text-murky-300 md:text-sm">PLN</p>
  10381.                                </div>
  10382.                            </div>
  10383.                        </a>
  10384.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a tabindex="0" href="https://agengim.com/order/indosat" style="outline: none;">
  10385.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10386.                                <img alt="INDOSAT" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/images (1).png" style="color: transparent;">
  10387.                                <div class="relative flex w-full flex-col">
  10388.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">INDOSAT</h2>
  10389.                                    <p class="text-xxs text-murky-300 md:text-sm">indosat</p>
  10390.                                </div>
  10391.                            </div>
  10392.                        </a>
  10393.                                                                                <a tabindex="0" href="https://agengim.com/order/xl" style="outline: none;">
  10394.                            <div class=" ptih bg-title-product flex items-center gap-x-1.5 rounded-xl bg-murky-600 p-1.5 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-800 md:gap-x-3 md:rounded-2xl md:p-3 bg-murky-800">
  10395.                                <img alt="XL" fetchpriority="high" width="56" height="56" decoding="async" data-nimg="1" class="aspect-square h-14 w-14 rounded-lg !object-cover !object-center ring-1 ring-murky-600 md:h-20 md:w-20 md:rounded-xl" sizes="100vw" src="/assets/thumbnail/1433140xlbaru340x340.jpg" style="color: transparent;">
  10396.                                <div class="relative flex w-full flex-col">
  10397.                                    <h2 class="w-[100px] truncate text-xxs font-semibold text-murky-200 sm:w-[200px] md:w-[275px] md:text-base">XL</h2>
  10398.                                    <p class="text-xxs text-murky-300 md:text-sm">XL Smart</p>
  10399.                                </div>
  10400.                            </div>
  10401.                        </a>
  10402.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  10403.            </div>
  10404.        
  10405.        
  10406.        <div class="tab-pane" id="voucher" role="tabpanel" aria-labelledby="voucher-tab">
  10407.           <div class="grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  10408.                                                                                                                                                    <a
  10409.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10410.                href="https://agengim.com/order/garena-shell"
  10411.                style="outline: none;"
  10412.            >
  10413.                <div class="blur-sharp">
  10414.                    <img
  10415.                        alt="GARENA"
  10416.                        fetchpriority="high"
  10417.                        width="192"
  10418.                        height="288"
  10419.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10420.                        sizes="100vw"
  10421.                        src="/assets/thumbnail/377.webp"
  10422.                        style="color: transparent;"
  10423.                    />
  10424.                </div>
  10425.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10426.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">GARENA</h2>
  10427.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  10428.                </article>
  10429.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10430.                    <div class="mdigital-item-container"></div>
  10431.                </div>
  10432.            </a>
  10433.                                      <a
  10434.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10435.                href="https://agengim.com/order/steam-wallet"
  10436.                style="outline: none;"
  10437.            >
  10438.                <div class="blur-sharp">
  10439.                    <img
  10440.                        alt="Steam Wallet (IDR)"
  10441.                        fetchpriority="high"
  10442.                        width="192"
  10443.                        height="288"
  10444.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10445.                        sizes="100vw"
  10446.                        src="/assets/thumbnail/288.webp"
  10447.                        style="color: transparent;"
  10448.                    />
  10449.                </div>
  10450.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10451.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Steam Wallet (IDR)</h2>
  10452.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Steam</p>
  10453.                </article>
  10454.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10455.                    <div class="mdigital-item-container"></div>
  10456.                </div>
  10457.            </a>
  10458.                                      <a
  10459.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10460.                href="https://agengim.com/order/google-play-indonesia"
  10461.                style="outline: none;"
  10462.            >
  10463.                <div class="blur-sharp">
  10464.                    <img
  10465.                        alt="GOOGLE PLAY INDONESIA"
  10466.                        fetchpriority="high"
  10467.                        width="192"
  10468.                        height="288"
  10469.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10470.                        sizes="100vw"
  10471.                        src="/assets/thumbnail/681.webp"
  10472.                        style="color: transparent;"
  10473.                    />
  10474.                </div>
  10475.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10476.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">GOOGLE PLAY INDONESIA</h2>
  10477.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Playstore</p>
  10478.                </article>
  10479.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10480.                    <div class="mdigital-item-container"></div>
  10481.                </div>
  10482.            </a>
  10483.                                                                                                                                                                                                                                                                                                                                                                                                                                                      <a
  10484.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10485.                href="https://agengim.com/order/roblox"
  10486.                style="outline: none;"
  10487.            >
  10488.                <div class="blur-sharp">
  10489.                    <img
  10490.                        alt="Roblox"
  10491.                        fetchpriority="high"
  10492.                        width="192"
  10493.                        height="288"
  10494.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10495.                        sizes="100vw"
  10496.                        src="/assets/thumbnail/1524.webp"
  10497.                        style="color: transparent;"
  10498.                    />
  10499.                </div>
  10500.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10501.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Roblox</h2>
  10502.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Roblox Corporation</p>
  10503.                </article>
  10504.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10505.                    <div class="mdigital-item-container"></div>
  10506.                </div>
  10507.            </a>
  10508.                                      <a
  10509.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10510.                href="https://agengim.com/order/google-play-us"
  10511.                style="outline: none;"
  10512.            >
  10513.                <div class="blur-sharp">
  10514.                    <img
  10515.                        alt="GOOGLE PLAY US REGION"
  10516.                        fetchpriority="high"
  10517.                        width="192"
  10518.                        height="288"
  10519.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10520.                        sizes="100vw"
  10521.                        src="/assets/thumbnail/681.webp"
  10522.                        style="color: transparent;"
  10523.                    />
  10524.                </div>
  10525.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10526.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">GOOGLE PLAY US REGION</h2>
  10527.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">PlayStore</p>
  10528.                </article>
  10529.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10530.                    <div class="mdigital-item-container"></div>
  10531.                </div>
  10532.            </a>
  10533.                                      <a
  10534.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10535.                href="https://agengim.com/order/razer-gold"
  10536.                style="outline: none;"
  10537.            >
  10538.                <div class="blur-sharp">
  10539.                    <img
  10540.                        alt="Razer Gold"
  10541.                        fetchpriority="high"
  10542.                        width="192"
  10543.                        height="288"
  10544.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10545.                        sizes="100vw"
  10546.                        src="/assets/thumbnail/241.webp"
  10547.                        style="color: transparent;"
  10548.                    />
  10549.                </div>
  10550.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10551.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Razer Gold</h2>
  10552.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Razer INC</p>
  10553.                </article>
  10554.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10555.                    <div class="mdigital-item-container"></div>
  10556.                </div>
  10557.            </a>
  10558.                                      <a
  10559.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10560.                href="https://agengim.com/order/megaxus"
  10561.                style="outline: none;"
  10562.            >
  10563.                <div class="blur-sharp">
  10564.                    <img
  10565.                        alt="MEGAXUS"
  10566.                        fetchpriority="high"
  10567.                        width="192"
  10568.                        height="288"
  10569.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10570.                        sizes="100vw"
  10571.                        src="/assets/thumbnail/218.webp"
  10572.                        style="color: transparent;"
  10573.                    />
  10574.                </div>
  10575.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10576.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MEGAXUS</h2>
  10577.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Mi-Cash</p>
  10578.                </article>
  10579.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10580.                    <div class="mdigital-item-container"></div>
  10581.                </div>
  10582.            </a>
  10583.                                      <a
  10584.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10585.                href="https://agengim.com/order/playstation"
  10586.                style="outline: none;"
  10587.            >
  10588.                <div class="blur-sharp">
  10589.                    <img
  10590.                        alt="PLAYSTATION"
  10591.                        fetchpriority="high"
  10592.                        width="192"
  10593.                        height="288"
  10594.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10595.                        sizes="100vw"
  10596.                        src="/assets/thumbnail/263.webp"
  10597.                        style="color: transparent;"
  10598.                    />
  10599.                </div>
  10600.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10601.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">PLAYSTATION</h2>
  10602.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Sony Computer</p>
  10603.                </article>
  10604.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10605.                    <div class="mdigital-item-container"></div>
  10606.                </div>
  10607.            </a>
  10608.                                      <a
  10609.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10610.                href="https://agengim.com/order/minecraft"
  10611.                style="outline: none;"
  10612.            >
  10613.                <div class="blur-sharp">
  10614.                    <img
  10615.                        alt="Minecraft"
  10616.                        fetchpriority="high"
  10617.                        width="192"
  10618.                        height="288"
  10619.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10620.                        sizes="100vw"
  10621.                        src="/assets/thumbnail/4799.webp"
  10622.                        style="color: transparent;"
  10623.                    />
  10624.                </div>
  10625.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10626.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Minecraft</h2>
  10627.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Mojang Studios</p>
  10628.                </article>
  10629.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10630.                    <div class="mdigital-item-container"></div>
  10631.                </div>
  10632.            </a>
  10633.                                                                                                                      <a
  10634.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10635.                href="https://agengim.com/order/unipin"
  10636.                style="outline: none;"
  10637.            >
  10638.                <div class="blur-sharp">
  10639.                    <img
  10640.                        alt="Unipin Voucher"
  10641.                        fetchpriority="high"
  10642.                        width="192"
  10643.                        height="288"
  10644.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10645.                        sizes="100vw"
  10646.                        src="/assets/thumbnail/751.webp"
  10647.                        style="color: transparent;"
  10648.                    />
  10649.                </div>
  10650.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10651.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Unipin Voucher</h2>
  10652.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Unipin</p>
  10653.                </article>
  10654.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10655.                    <div class="mdigital-item-container"></div>
  10656.                </div>
  10657.            </a>
  10658.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <a
  10659.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10660.                href="https://agengim.com/order/remember-of-majesty"
  10661.                style="outline: none;"
  10662.            >
  10663.                <div class="blur-sharp">
  10664.                    <img
  10665.                        alt="Remember Of Majesty"
  10666.                        fetchpriority="high"
  10667.                        width="192"
  10668.                        height="288"
  10669.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10670.                        sizes="100vw"
  10671.                        src="/assets/thumbnail/5396.webp"
  10672.                        style="color: transparent;"
  10673.                    />
  10674.                </div>
  10675.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10676.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Remember Of Majesty</h2>
  10677.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Kakao Games Corp.</p>
  10678.                </article>
  10679.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10680.                    <div class="mdigital-item-container"></div>
  10681.                </div>
  10682.            </a>
  10683.                                      <a
  10684.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10685.                href="https://agengim.com/order/nexon-game-card"
  10686.                style="outline: none;"
  10687.            >
  10688.                <div class="blur-sharp">
  10689.                    <img
  10690.                        alt="Nexon Game Card"
  10691.                        fetchpriority="high"
  10692.                        width="192"
  10693.                        height="288"
  10694.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10695.                        sizes="100vw"
  10696.                        src="/assets/thumbnail/279.webp"
  10697.                        style="color: transparent;"
  10698.                    />
  10699.                </div>
  10700.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10701.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Nexon Game Card</h2>
  10702.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Nexon America Inc</p>
  10703.                </article>
  10704.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10705.                    <div class="mdigital-item-container"></div>
  10706.                </div>
  10707.            </a>
  10708.                                      <a
  10709.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10710.                href="https://agengim.com/order/cherry-credits"
  10711.                style="outline: none;"
  10712.            >
  10713.                <div class="blur-sharp">
  10714.                    <img
  10715.                        alt="Cherry Credits"
  10716.                        fetchpriority="high"
  10717.                        width="192"
  10718.                        height="288"
  10719.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10720.                        sizes="100vw"
  10721.                        src="/assets/thumbnail/70.webp"
  10722.                        style="color: transparent;"
  10723.                    />
  10724.                </div>
  10725.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10726.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Cherry Credits</h2>
  10727.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Cherry Credits</p>
  10728.                </article>
  10729.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10730.                    <div class="mdigital-item-container"></div>
  10731.                </div>
  10732.            </a>
  10733.                                      <a
  10734.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10735.                href="https://agengim.com/order/candy-crush-saga"
  10736.                style="outline: none;"
  10737.            >
  10738.                <div class="blur-sharp">
  10739.                    <img
  10740.                        alt="Candy Crush Saga"
  10741.                        fetchpriority="high"
  10742.                        width="192"
  10743.                        height="288"
  10744.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10745.                        sizes="100vw"
  10746.                        src="/assets/thumbnail/2028.webp"
  10747.                        style="color: transparent;"
  10748.                    />
  10749.                </div>
  10750.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10751.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Candy Crush Saga</h2>
  10752.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">King</p>
  10753.                </article>
  10754.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10755.                    <div class="mdigital-item-container"></div>
  10756.                </div>
  10757.            </a>
  10758.                                      <a
  10759.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10760.                href="https://agengim.com/order/blizzard"
  10761.                style="outline: none;"
  10762.            >
  10763.                <div class="blur-sharp">
  10764.                    <img
  10765.                        alt="Blizzard"
  10766.                        fetchpriority="high"
  10767.                        width="192"
  10768.                        height="288"
  10769.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10770.                        sizes="100vw"
  10771.                        src="/assets/thumbnail/357.webp"
  10772.                        style="color: transparent;"
  10773.                    />
  10774.                </div>
  10775.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10776.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Blizzard</h2>
  10777.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Battle.Net</p>
  10778.                </article>
  10779.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10780.                    <div class="mdigital-item-container"></div>
  10781.                </div>
  10782.            </a>
  10783.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <a
  10784.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10785.                href="https://agengim.com/order/wave-game"
  10786.                style="outline: none;"
  10787.            >
  10788.                <div class="blur-sharp">
  10789.                    <img
  10790.                        alt="WAVE GAME"
  10791.                        fetchpriority="high"
  10792.                        width="192"
  10793.                        height="288"
  10794.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10795.                        sizes="100vw"
  10796.                        src="/assets/thumbnail/219 (1).webp"
  10797.                        style="color: transparent;"
  10798.                    />
  10799.                </div>
  10800.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10801.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">WAVE GAME</h2>
  10802.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Wave Wahana Wisesa</p>
  10803.                </article>
  10804.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10805.                    <div class="mdigital-item-container"></div>
  10806.                </div>
  10807.            </a>
  10808.                                      <a
  10809.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10810.                href="https://agengim.com/order/spotify"
  10811.                style="outline: none;"
  10812.            >
  10813.                <div class="blur-sharp">
  10814.                    <img
  10815.                        alt="SPOTIFY"
  10816.                        fetchpriority="high"
  10817.                        width="192"
  10818.                        height="288"
  10819.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10820.                        sizes="100vw"
  10821.                        src="/assets/thumbnail/651.webp"
  10822.                        style="color: transparent;"
  10823.                    />
  10824.                </div>
  10825.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10826.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">SPOTIFY</h2>
  10827.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Spotify AB</p>
  10828.                </article>
  10829.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10830.                    <div class="mdigital-item-container"></div>
  10831.                </div>
  10832.            </a>
  10833.                                      <a
  10834.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10835.                href="https://agengim.com/order/game-on-credits"
  10836.                style="outline: none;"
  10837.            >
  10838.                <div class="blur-sharp">
  10839.                    <img
  10840.                        alt="Game On Credits"
  10841.                        fetchpriority="high"
  10842.                        width="192"
  10843.                        height="288"
  10844.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10845.                        sizes="100vw"
  10846.                        src="/assets/thumbnail/746.webp"
  10847.                        style="color: transparent;"
  10848.                    />
  10849.                </div>
  10850.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10851.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Game On Credits</h2>
  10852.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">GOC Pay</p>
  10853.                </article>
  10854.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10855.                    <div class="mdigital-item-container"></div>
  10856.                </div>
  10857.            </a>
  10858.                                      <a
  10859.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10860.                href="https://agengim.com/order/nintendo-eshop"
  10861.                style="outline: none;"
  10862.            >
  10863.                <div class="blur-sharp">
  10864.                    <img
  10865.                        alt="Nintendo eShop"
  10866.                        fetchpriority="high"
  10867.                        width="192"
  10868.                        height="288"
  10869.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10870.                        sizes="100vw"
  10871.                        src="/assets/thumbnail/1324.webp"
  10872.                        style="color: transparent;"
  10873.                    />
  10874.                </div>
  10875.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10876.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Nintendo eShop</h2>
  10877.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Nintendo</p>
  10878.                </article>
  10879.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10880.                    <div class="mdigital-item-container"></div>
  10881.                </div>
  10882.            </a>
  10883.                                      <a
  10884.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10885.                href="https://agengim.com/order/imvu"
  10886.                style="outline: none;"
  10887.            >
  10888.                <div class="blur-sharp">
  10889.                    <img
  10890.                        alt="IMVU"
  10891.                        fetchpriority="high"
  10892.                        width="192"
  10893.                        height="288"
  10894.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10895.                        sizes="100vw"
  10896.                        src="/assets/thumbnail/1150.webp"
  10897.                        style="color: transparent;"
  10898.                    />
  10899.                </div>
  10900.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10901.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">IMVU</h2>
  10902.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">IMVU</p>
  10903.                </article>
  10904.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10905.                    <div class="mdigital-item-container"></div>
  10906.                </div>
  10907.            </a>
  10908.                                      <a
  10909.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10910.                href="https://agengim.com/order/dota-auto-chess"
  10911.                style="outline: none;"
  10912.            >
  10913.                <div class="blur-sharp">
  10914.                    <img
  10915.                        alt="Dota Auto Chess Candy (Global)"
  10916.                        fetchpriority="high"
  10917.                        width="192"
  10918.                        height="288"
  10919.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10920.                        sizes="100vw"
  10921.                        src="/assets/thumbnail/d6a8fbccfaef1a52084145da223106f2.png"
  10922.                        style="color: transparent;"
  10923.                    />
  10924.                </div>
  10925.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10926.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Dota Auto Chess Candy (Global)</h2>
  10927.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Auto Chess Candy</p>
  10928.                </article>
  10929.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10930.                    <div class="mdigital-item-container"></div>
  10931.                </div>
  10932.            </a>
  10933.                                      <a
  10934.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10935.                href="https://agengim.com/order/vidio"
  10936.                style="outline: none;"
  10937.            >
  10938.                <div class="blur-sharp">
  10939.                    <img
  10940.                        alt="Vidio"
  10941.                        fetchpriority="high"
  10942.                        width="192"
  10943.                        height="288"
  10944.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10945.                        sizes="100vw"
  10946.                        src="/assets/thumbnail/4643.webp"
  10947.                        style="color: transparent;"
  10948.                    />
  10949.                </div>
  10950.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10951.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Vidio</h2>
  10952.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Vidio.com</p>
  10953.                </article>
  10954.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10955.                    <div class="mdigital-item-container"></div>
  10956.                </div>
  10957.            </a>
  10958.                                      <a
  10959.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10960.                href="https://agengim.com/order/xbox"
  10961.                style="outline: none;"
  10962.            >
  10963.                <div class="blur-sharp">
  10964.                    <img
  10965.                        alt="XBOX"
  10966.                        fetchpriority="high"
  10967.                        width="192"
  10968.                        height="288"
  10969.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10970.                        sizes="100vw"
  10971.                        src="/assets/thumbnail/1321.webp"
  10972.                        style="color: transparent;"
  10973.                    />
  10974.                </div>
  10975.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  10976.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">XBOX</h2>
  10977.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Microsoft Corporation</p>
  10978.                </article>
  10979.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  10980.                    <div class="mdigital-item-container"></div>
  10981.                </div>
  10982.            </a>
  10983.                                      <a
  10984.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  10985.                href="https://agengim.com/order/webtoon"
  10986.                style="outline: none;"
  10987.            >
  10988.                <div class="blur-sharp">
  10989.                    <img
  10990.                        alt="WEBTOON"
  10991.                        fetchpriority="high"
  10992.                        width="192"
  10993.                        height="288"
  10994.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  10995.                        sizes="100vw"
  10996.                        src="/assets/thumbnail/f166c6b491561e9e0c0e1ccfc3a54f66_screen.png"
  10997.                        style="color: transparent;"
  10998.                    />
  10999.                </div>
  11000.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11001.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">WEBTOON</h2>
  11002.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">NAVER WEBTOON</p>
  11003.                </article>
  11004.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11005.                    <div class="mdigital-item-container"></div>
  11006.                </div>
  11007.            </a>
  11008.                                      <a
  11009.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11010.                href="https://agengim.com/order/viu"
  11011.                style="outline: none;"
  11012.            >
  11013.                <div class="blur-sharp">
  11014.                    <img
  11015.                        alt="VIU"
  11016.                        fetchpriority="high"
  11017.                        width="192"
  11018.                        height="288"
  11019.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11020.                        sizes="100vw"
  11021.                        src="/assets/thumbnail/1673.webp"
  11022.                        style="color: transparent;"
  11023.                    />
  11024.                </div>
  11025.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11026.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">VIU</h2>
  11027.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Vuclip Mobile Video</p>
  11028.                </article>
  11029.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11030.                    <div class="mdigital-item-container"></div>
  11031.                </div>
  11032.            </a>
  11033.                                      <a
  11034.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11035.                href="https://agengim.com/order/iqiyi"
  11036.                style="outline: none;"
  11037.            >
  11038.                <div class="blur-sharp">
  11039.                    <img
  11040.                        alt="iQIYI"
  11041.                        fetchpriority="high"
  11042.                        width="192"
  11043.                        height="288"
  11044.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11045.                        sizes="100vw"
  11046.                        src="/assets/thumbnail/1927.webp"
  11047.                        style="color: transparent;"
  11048.                    />
  11049.                </div>
  11050.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11051.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">iQIYI</h2>
  11052.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">iQIYI</p>
  11053.                </article>
  11054.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11055.                    <div class="mdigital-item-container"></div>
  11056.                </div>
  11057.            </a>
  11058.                                      <a
  11059.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11060.                href="https://agengim.com/order/tinder"
  11061.                style="outline: none;"
  11062.            >
  11063.                <div class="blur-sharp">
  11064.                    <img
  11065.                        alt="Tinder"
  11066.                        fetchpriority="high"
  11067.                        width="192"
  11068.                        height="288"
  11069.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11070.                        sizes="100vw"
  11071.                        src="/assets/thumbnail/2553.webp"
  11072.                        style="color: transparent;"
  11073.                    />
  11074.                </div>
  11075.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11076.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Tinder</h2>
  11077.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Tinder LLC</p>
  11078.                </article>
  11079.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11080.                    <div class="mdigital-item-container"></div>
  11081.                </div>
  11082.            </a>
  11083.                                      <a
  11084.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11085.                href="https://agengim.com/order/gocash-game-card"
  11086.                style="outline: none;"
  11087.            >
  11088.                <div class="blur-sharp">
  11089.                    <img
  11090.                        alt="GoCash Game Card"
  11091.                        fetchpriority="high"
  11092.                        width="192"
  11093.                        height="288"
  11094.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11095.                        sizes="100vw"
  11096.                        src="/assets/thumbnail/275.webp"
  11097.                        style="color: transparent;"
  11098.                    />
  11099.                </div>
  11100.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11101.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">GoCash Game Card</h2>
  11102.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">GoCash</p>
  11103.                </article>
  11104.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11105.                    <div class="mdigital-item-container"></div>
  11106.                </div>
  11107.            </a>
  11108.                                      <a
  11109.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11110.                href="https://agengim.com/order/fortnite"
  11111.                style="outline: none;"
  11112.            >
  11113.                <div class="blur-sharp">
  11114.                    <img
  11115.                        alt="Fortnite"
  11116.                        fetchpriority="high"
  11117.                        width="192"
  11118.                        height="288"
  11119.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11120.                        sizes="100vw"
  11121.                        src="/assets/thumbnail/3064.webp"
  11122.                        style="color: transparent;"
  11123.                    />
  11124.                </div>
  11125.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11126.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Fortnite</h2>
  11127.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Gearbox Software</p>
  11128.                </article>
  11129.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11130.                    <div class="mdigital-item-container"></div>
  11131.                </div>
  11132.            </a>
  11133.                                      <a
  11134.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11135.                href="https://agengim.com/order/netflix"
  11136.                style="outline: none;"
  11137.            >
  11138.                <div class="blur-sharp">
  11139.                    <img
  11140.                        alt="Netflix"
  11141.                        fetchpriority="high"
  11142.                        width="192"
  11143.                        height="288"
  11144.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11145.                        sizes="100vw"
  11146.                        src="/assets/thumbnail/netflix.jpg"
  11147.                        style="color: transparent;"
  11148.                    />
  11149.                </div>
  11150.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11151.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Netflix</h2>
  11152.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Netflix, Inc.</p>
  11153.                </article>
  11154.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11155.                    <div class="mdigital-item-container"></div>
  11156.                </div>
  11157.            </a>
  11158.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </div>
  11159.        </div>
  11160.        
  11161.        <div class="tab-pane" id="streaming" role="tabpanel" aria-labelledby="streaming-tab">
  11162.           <div class="grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  11163.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <a
  11164.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11165.                href="https://agengim.com/order/poppo-live"
  11166.                style="outline: none;"
  11167.            >
  11168.                <div class="blur-sharp">
  11169.                    <img
  11170.                        alt="Poppo Live"
  11171.                        fetchpriority="high"
  11172.                        width="192"
  11173.                        height="288"
  11174.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11175.                        sizes="100vw"
  11176.                        src="/assets/thumbnail/2738.webp"
  11177.                        style="color: transparent;"
  11178.                    />
  11179.                </div>
  11180.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11181.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Poppo Live</h2>
  11182.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Poppo Team</p>
  11183.                </article>
  11184.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11185.                    <div class="mdigital-item-container"></div>
  11186.                </div>
  11187.            </a>
  11188.                                                          <a
  11189.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11190.                href="https://agengim.com/order/bstation"
  11191.                style="outline: none;"
  11192.            >
  11193.                <div class="blur-sharp">
  11194.                    <img
  11195.                        alt="Bstation"
  11196.                        fetchpriority="high"
  11197.                        width="192"
  11198.                        height="288"
  11199.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11200.                        sizes="100vw"
  11201.                        src="/assets/thumbnail/1444.webp"
  11202.                        style="color: transparent;"
  11203.                    />
  11204.                </div>
  11205.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11206.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Bstation</h2>
  11207.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Bstation</p>
  11208.                </article>
  11209.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11210.                    <div class="mdigital-item-container"></div>
  11211.                </div>
  11212.            </a>
  11213.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <a
  11214.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11215.                href="https://agengim.com/order/tango-live"
  11216.                style="outline: none;"
  11217.            >
  11218.                <div class="blur-sharp">
  11219.                    <img
  11220.                        alt="Tango Live"
  11221.                        fetchpriority="high"
  11222.                        width="192"
  11223.                        height="288"
  11224.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11225.                        sizes="100vw"
  11226.                        src="/assets/thumbnail/1336.webp"
  11227.                        style="color: transparent;"
  11228.                    />
  11229.                </div>
  11230.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11231.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Tango Live</h2>
  11232.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Tango</p>
  11233.                </article>
  11234.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11235.                    <div class="mdigital-item-container"></div>
  11236.                </div>
  11237.            </a>
  11238.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <a
  11239.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11240.                href="https://agengim.com/order/hago"
  11241.                style="outline: none;"
  11242.            >
  11243.                <div class="blur-sharp">
  11244.                    <img
  11245.                        alt="HAGO"
  11246.                        fetchpriority="high"
  11247.                        width="192"
  11248.                        height="288"
  11249.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11250.                        sizes="100vw"
  11251.                        src="/assets/thumbnail/4547.webp"
  11252.                        style="color: transparent;"
  11253.                    />
  11254.                </div>
  11255.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11256.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">HAGO</h2>
  11257.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Hago</p>
  11258.                </article>
  11259.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11260.                    <div class="mdigital-item-container"></div>
  11261.                </div>
  11262.            </a>
  11263.                                                                                                                                          <a
  11264.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11265.                href="https://agengim.com/order/bigo-live"
  11266.                style="outline: none;"
  11267.            >
  11268.                <div class="blur-sharp">
  11269.                    <img
  11270.                        alt="Bigo Live"
  11271.                        fetchpriority="high"
  11272.                        width="192"
  11273.                        height="288"
  11274.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11275.                        sizes="100vw"
  11276.                        src="/assets/thumbnail/1179.webp"
  11277.                        style="color: transparent;"
  11278.                    />
  11279.                </div>
  11280.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11281.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Bigo Live</h2>
  11282.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Bigo Technology Pte. Ltd.</p>
  11283.                </article>
  11284.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11285.                    <div class="mdigital-item-container"></div>
  11286.                </div>
  11287.            </a>
  11288.                                      <a
  11289.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11290.                href="https://agengim.com/order/wetv"
  11291.                style="outline: none;"
  11292.            >
  11293.                <div class="blur-sharp">
  11294.                    <img
  11295.                        alt="WeTV"
  11296.                        fetchpriority="high"
  11297.                        width="192"
  11298.                        height="288"
  11299.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11300.                        sizes="100vw"
  11301.                        src="/assets/thumbnail/1830.webp"
  11302.                        style="color: transparent;"
  11303.                    />
  11304.                </div>
  11305.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11306.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">WeTV</h2>
  11307.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Image Future</p>
  11308.                </article>
  11309.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11310.                    <div class="mdigital-item-container"></div>
  11311.                </div>
  11312.            </a>
  11313.                                      <a
  11314.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11315.                href="https://agengim.com/order/dazz-live"
  11316.                style="outline: none;"
  11317.            >
  11318.                <div class="blur-sharp">
  11319.                    <img
  11320.                        alt="Dazz Live"
  11321.                        fetchpriority="high"
  11322.                        width="192"
  11323.                        height="288"
  11324.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11325.                        sizes="100vw"
  11326.                        src="/assets/thumbnail/dazzku.webp"
  11327.                        style="color: transparent;"
  11328.                    />
  11329.                </div>
  11330.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11331.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Dazz Live</h2>
  11332.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">STM TECH LIMITED</p>
  11333.                </article>
  11334.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11335.                    <div class="mdigital-item-container"></div>
  11336.                </div>
  11337.            </a>
  11338.                                      <a
  11339.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11340.                href="https://agengim.com/order/mico"
  11341.                style="outline: none;"
  11342.            >
  11343.                <div class="blur-sharp">
  11344.                    <img
  11345.                        alt="Mico"
  11346.                        fetchpriority="high"
  11347.                        width="192"
  11348.                        height="288"
  11349.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11350.                        sizes="100vw"
  11351.                        src="/assets/thumbnail/742.webp"
  11352.                        style="color: transparent;"
  11353.                    />
  11354.                </div>
  11355.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11356.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Mico</h2>
  11357.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Mico World</p>
  11358.                </article>
  11359.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11360.                    <div class="mdigital-item-container"></div>
  11361.                </div>
  11362.            </a>
  11363.                                      <a
  11364.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11365.                href="https://agengim.com/order/bermuda"
  11366.                style="outline: none;"
  11367.            >
  11368.                <div class="blur-sharp">
  11369.                    <img
  11370.                        alt="Bermuda"
  11371.                        fetchpriority="high"
  11372.                        width="192"
  11373.                        height="288"
  11374.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11375.                        sizes="100vw"
  11376.                        src="/assets/thumbnail/4418.webp"
  11377.                        style="color: transparent;"
  11378.                    />
  11379.                </div>
  11380.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11381.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Bermuda</h2>
  11382.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Bermuda Inc.</p>
  11383.                </article>
  11384.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11385.                    <div class="mdigital-item-container"></div>
  11386.                </div>
  11387.            </a>
  11388.                                      <a
  11389.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11390.                href="https://agengim.com/order/chamet"
  11391.                style="outline: none;"
  11392.            >
  11393.                <div class="blur-sharp">
  11394.                    <img
  11395.                        alt="Chamet"
  11396.                        fetchpriority="high"
  11397.                        width="192"
  11398.                        height="288"
  11399.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11400.                        sizes="100vw"
  11401.                        src="/assets/thumbnail/2739.webp"
  11402.                        style="color: transparent;"
  11403.                    />
  11404.                </div>
  11405.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11406.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Chamet</h2>
  11407.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Chamet Team</p>
  11408.                </article>
  11409.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11410.                    <div class="mdigital-item-container"></div>
  11411.                </div>
  11412.            </a>
  11413.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <a
  11414.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11415.                href="https://agengim.com/order/hiya"
  11416.                style="outline: none;"
  11417.            >
  11418.                <div class="blur-sharp">
  11419.                    <img
  11420.                        alt="Hiya"
  11421.                        fetchpriority="high"
  11422.                        width="192"
  11423.                        height="288"
  11424.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11425.                        sizes="100vw"
  11426.                        src="/assets/thumbnail/images (3).jpeg"
  11427.                        style="color: transparent;"
  11428.                    />
  11429.                </div>
  11430.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11431.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Hiya</h2>
  11432.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Alex Algard</p>
  11433.                </article>
  11434.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11435.                    <div class="mdigital-item-container"></div>
  11436.                </div>
  11437.            </a>
  11438.                                                                                                                      <a
  11439.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11440.                href="https://agengim.com/order/starmaker"
  11441.                style="outline: none;"
  11442.            >
  11443.                <div class="blur-sharp">
  11444.                    <img
  11445.                        alt="StarMaker"
  11446.                        fetchpriority="high"
  11447.                        width="192"
  11448.                        height="288"
  11449.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11450.                        sizes="100vw"
  11451.                        src="/assets/thumbnail/f4abdf0a-7643-4537-b83b-5fde71791d77.jpg"
  11452.                        style="color: transparent;"
  11453.                    />
  11454.                </div>
  11455.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11456.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">StarMaker</h2>
  11457.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">SKYWORK AI PTE. LTD.</p>
  11458.                </article>
  11459.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11460.                    <div class="mdigital-item-container"></div>
  11461.                </div>
  11462.            </a>
  11463.                                                          <a
  11464.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11465.                href="https://agengim.com/order/lita"
  11466.                style="outline: none;"
  11467.            >
  11468.                <div class="blur-sharp">
  11469.                    <img
  11470.                        alt="Lita"
  11471.                        fetchpriority="high"
  11472.                        width="192"
  11473.                        height="288"
  11474.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11475.                        sizes="100vw"
  11476.                        src="/assets/thumbnail/4093.webp"
  11477.                        style="color: transparent;"
  11478.                    />
  11479.                </div>
  11480.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11481.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Lita</h2>
  11482.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Battuta Technology PTE.LTD.</p>
  11483.                </article>
  11484.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11485.                    <div class="mdigital-item-container"></div>
  11486.                </div>
  11487.            </a>
  11488.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <a
  11489.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11490.                href="https://agengim.com/order/mango-live"
  11491.                style="outline: none;"
  11492.            >
  11493.                <div class="blur-sharp">
  11494.                    <img
  11495.                        alt="Mango Live"
  11496.                        fetchpriority="high"
  11497.                        width="192"
  11498.                        height="288"
  11499.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11500.                        sizes="100vw"
  11501.                        src="/assets/thumbnail/1092.webp"
  11502.                        style="color: transparent;"
  11503.                    />
  11504.                </div>
  11505.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11506.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">Mango Live</h2>
  11507.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Mango Live</p>
  11508.                </article>
  11509.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11510.                    <div class="mdigital-item-container"></div>
  11511.                </div>
  11512.            </a>
  11513.                      </div>
  11514.        </div>
  11515.        
  11516.        <div class="tab-pane" id="freefire" role="tabpanel" aria-labelledby="freefire-tab">
  11517.           <div class="grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  11518.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a
  11519.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11520.                href="https://agengim.com/order/free-fire-malaysia"
  11521.                style="outline: none;"
  11522.            >
  11523.                <div class="blur-sharp">
  11524.                    <img
  11525.                        alt="FREE FIRE MALAYSIA"
  11526.                        fetchpriority="high"
  11527.                        width="192"
  11528.                        height="288"
  11529.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11530.                        sizes="100vw"
  11531.                        src="/assets/thumbnail/MALAYSIA.png"
  11532.                        style="color: transparent;"
  11533.                    />
  11534.                </div>
  11535.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11536.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">FREE FIRE MALAYSIA</h2>
  11537.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  11538.                </article>
  11539.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11540.                    <div class="mdigital-item-container"></div>
  11541.                </div>
  11542.            </a>
  11543.                                      <a
  11544.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11545.                href="https://agengim.com/order/free-fire-singapore"
  11546.                style="outline: none;"
  11547.            >
  11548.                <div class="blur-sharp">
  11549.                    <img
  11550.                        alt="FREE FIRE SINGAPORE"
  11551.                        fetchpriority="high"
  11552.                        width="192"
  11553.                        height="288"
  11554.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11555.                        sizes="100vw"
  11556.                        src="/assets/thumbnail/MALAYSIA (1).png"
  11557.                        style="color: transparent;"
  11558.                    />
  11559.                </div>
  11560.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11561.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">FREE FIRE SINGAPORE</h2>
  11562.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  11563.                </article>
  11564.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11565.                    <div class="mdigital-item-container"></div>
  11566.                </div>
  11567.            </a>
  11568.                                      <a
  11569.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11570.                href="https://agengim.com/order/free-fire-global"
  11571.                style="outline: none;"
  11572.            >
  11573.                <div class="blur-sharp">
  11574.                    <img
  11575.                        alt="FREE FIRE GLOBAL"
  11576.                        fetchpriority="high"
  11577.                        width="192"
  11578.                        height="288"
  11579.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11580.                        sizes="100vw"
  11581.                        src="/assets/thumbnail/MALAYSIA (2).png"
  11582.                        style="color: transparent;"
  11583.                    />
  11584.                </div>
  11585.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11586.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">FREE FIRE GLOBAL</h2>
  11587.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Garena</p>
  11588.                </article>
  11589.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11590.                    <div class="mdigital-item-container"></div>
  11591.                </div>
  11592.            </a>
  11593.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </div>
  11594.        </div>
  11595.        
  11596.        <div class="tab-pane" id="mlbb" role="tabpanel" aria-labelledby="mlbb-tab">
  11597.           <div class="grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  11598.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <a
  11599.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11600.                href="https://agengim.com/order/mobile-legends-malaysia"
  11601.                style="outline: none;"
  11602.            >
  11603.                <div class="blur-sharp">
  11604.                    <img
  11605.                        alt="MOBILE LEGENDS MALAYSIA"
  11606.                        fetchpriority="high"
  11607.                        width="192"
  11608.                        height="288"
  11609.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11610.                        sizes="100vw"
  11611.                        src="/assets/thumbnail/MALAYSIA (4).png"
  11612.                        style="color: transparent;"
  11613.                    />
  11614.                </div>
  11615.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11616.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS MALAYSIA</h2>
  11617.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11618.                </article>
  11619.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11620.                    <div class="mdigital-item-container"></div>
  11621.                </div>
  11622.            </a>
  11623.                                      <a
  11624.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11625.                href="https://agengim.com/order/mobile-legends-singapore"
  11626.                style="outline: none;"
  11627.            >
  11628.                <div class="blur-sharp">
  11629.                    <img
  11630.                        alt="MOBILE LEGENDS SINGAPORE"
  11631.                        fetchpriority="high"
  11632.                        width="192"
  11633.                        height="288"
  11634.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11635.                        sizes="100vw"
  11636.                        src="/assets/thumbnail/MALAYSIA (5).png"
  11637.                        style="color: transparent;"
  11638.                    />
  11639.                </div>
  11640.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11641.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS SINGAPORE</h2>
  11642.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11643.                </article>
  11644.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11645.                    <div class="mdigital-item-container"></div>
  11646.                </div>
  11647.            </a>
  11648.                                      <a
  11649.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11650.                href="https://agengim.com/order/mobile-legends-global"
  11651.                style="outline: none;"
  11652.            >
  11653.                <div class="blur-sharp">
  11654.                    <img
  11655.                        alt="MOBILE LEGENDS GLOBAL"
  11656.                        fetchpriority="high"
  11657.                        width="192"
  11658.                        height="288"
  11659.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11660.                        sizes="100vw"
  11661.                        src="/assets/thumbnail/MALAYSIA (3).png"
  11662.                        style="color: transparent;"
  11663.                    />
  11664.                </div>
  11665.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11666.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS GLOBAL</h2>
  11667.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11668.                </article>
  11669.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11670.                    <div class="mdigital-item-container"></div>
  11671.                </div>
  11672.            </a>
  11673.                                                                                                  <a
  11674.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11675.                href="https://agengim.com/order/mobile-legends-usa"
  11676.                style="outline: none;"
  11677.            >
  11678.                <div class="blur-sharp">
  11679.                    <img
  11680.                        alt="MOBILE LEGENDS USA"
  11681.                        fetchpriority="high"
  11682.                        width="192"
  11683.                        height="288"
  11684.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11685.                        sizes="100vw"
  11686.                        src="/assets/thumbnail/MALAYSIA (8).png"
  11687.                        style="color: transparent;"
  11688.                    />
  11689.                </div>
  11690.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11691.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS USA</h2>
  11692.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11693.                </article>
  11694.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11695.                    <div class="mdigital-item-container"></div>
  11696.                </div>
  11697.            </a>
  11698.                                      <a
  11699.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11700.                href="https://agengim.com/order/mobile-legends-filipina"
  11701.                style="outline: none;"
  11702.            >
  11703.                <div class="blur-sharp">
  11704.                    <img
  11705.                        alt="MOBILE LEGENDS FILIPINA"
  11706.                        fetchpriority="high"
  11707.                        width="192"
  11708.                        height="288"
  11709.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11710.                        sizes="100vw"
  11711.                        src="/assets/thumbnail/MLFP.png"
  11712.                        style="color: transparent;"
  11713.                    />
  11714.                </div>
  11715.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11716.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS FILIPINA</h2>
  11717.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11718.                </article>
  11719.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11720.                    <div class="mdigital-item-container"></div>
  11721.                </div>
  11722.            </a>
  11723.                                      <a
  11724.                class="group relative transform overflow-hidden featured-game-card rounded-2xl  bg-murky-700 duration-300 ease-in-out hover:shadow-2xl hover:ring-2 hover:ring-primary-500 hover:ring-offset-2 hover:ring-offset-murky-900 category-item"
  11725.                href="https://agengim.com/order/mobile-legends-brazil"
  11726.                style="outline: none;"
  11727.            >
  11728.                <div class="blur-sharp">
  11729.                    <img
  11730.                        alt="MOBILE LEGENDS BRAZIL"
  11731.                        fetchpriority="high"
  11732.                        width="192"
  11733.                        height="288"
  11734.                        class="aspect-[4/6] object-cover object-center transition-all duration-300 ease-in-out group-hover:blur-lg group-hover:brightness-75 group-hover:saturate-150 group-hover:sepia"
  11735.                        sizes="100vw"
  11736.                        src="/assets/thumbnail/MLBZ.png"
  11737.                        style="color: transparent;"
  11738.                    />
  11739.                </div>
  11740.                <article class="absolute inset-x-0 -bottom-10 z-10 flex transform flex-col px-3 transition-all duration-300 ease-in-out group-hover:bottom-3 sm:px-4 group-hover:sm:bottom-4">
  11741.                    <h2 class="truncate text-sm font-semibold text-murky-200 sm:text-base">MOBILE LEGENDS BRAZIL</h2>
  11742.                    <p class="truncate text-xxs text-murky-400 sm:text-xs">Moonton</p>
  11743.                </article>
  11744.                <div class="absolute inset-0 mdigital-item-container transform bg-gradient-to-t from-transparent transition-all duration-300 group-hover:from-murky-900">
  11745.                    <div class="mdigital-item-container"></div>
  11746.                </div>
  11747.            </a>
  11748.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </div>
  11749.        </div>
  11750.        
  11751.        <div class="tab-pane" id="domino" role="tabpanel" aria-labelledby="domino-tab">
  11752.           <div class="grid grid-cols-3 gap-4 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  11753.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  11754.        </div>
  11755.        
  11756.  
  11757.        
  11758.        <div class="tab-pane" id="gift_skin" role="tabpanel" aria-labelledby="gift_skin-tab">
  11759.          
  11760.    <div class="grid grid-cols-3 gap-4 sm:grid-cols-4 sm:gap-x-6 sm:gap-y-8 lg:grid-cols-5 xl:grid-cols-6">
  11761.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  11762.        </div>
  11763.  
  11764.  
  11765.        </div>
  11766.        </div>
  11767.        </div>
  11768.        </div>
  11769.    
  11770. </div>
  11771.  
  11772. <div class="text-center mt-4">
  11773.    <button id="show-more-button" class="inline-flex items-center justify-center rounded-md bg-muted px-4 py-2 text-sm font-medium text-foreground duration-300 hover:bg-muted/75 disabled:cursor-not-allowed disabled:opacity-75" type="button">Tampilkan Lainnya...</button>
  11774. </div>
  11775.        
  11776. <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  11777.    <div class="modal-dialog">
  11778.        <div class="modal-content bg-dark rounded-4" style="box-shadow: 0 0 3rem #000000 !important;">
  11779.            <div class="modal-header">
  11780.                <h5 class="modal-title text-white" id="myLargeModalLabel">Information</h5>
  11781.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  11782.            </div>
  11783.            <div class="modal-body">
  11784.                <div class="row" id="textInfo">
  11785.                    <div class="col-12 mb-2">
  11786.                        <div class="card border-0" style="background-color: #484d52;">
  11787.                            <div class="card-body bg-dark pb-1">
  11788.                                <div class="row">
  11789.                                    <div class="col-12" style="font-size: 12px !important;">
  11790.                                        <p class="card-text"></p>
  11791.                                        <img src="" width="100%" class="img-fluid">
  11792.                                        <span class="text-white"><p class="text-center">Selamat datang di AgenGim Selamat berbelanja.</p></span>
  11793.                                    </div>
  11794.                                </div>
  11795.                            </div>
  11796.                        </div>
  11797.                    </div>
  11798.                    <div class="col-6">
  11799.                        <div class="form-check mt-2" style="font-size: 12px;">
  11800.                            <label class="form-check-label mt-2" style="font-size: 12px !important;" for="dontShow">
  11801.                                <input type="checkbox" class="form-check-input" id="dontShow"> Jangan tampilkan lagi
  11802.                            </label>
  11803.                        </div>
  11804.                    </div>
  11805.                    <div class="col-6 text-end">
  11806.                        <button type="button" name="read_popup_news_b2c" style="font-size: 13px; background-color: gray; color: #fff;" class="btn button-gradient-3d btn-sm rounded-5 mt-2" data-bs-dismiss="modal" onclick="disablePopup()">Tutup</button>
  11807.  
  11808.                    </div>
  11809.                </div>
  11810.            </div>
  11811.        </div>
  11812.    </div>
  11813. </div>
  11814.  
  11815.  
  11816.  
  11817.  
  11818.  
  11819.  
  11820.  
  11821.  
  11822.  
  11823.  
  11824.  
  11825.        <div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  11826.            <div class="modal-dialog">
  11827.                <div class="modal-content bg-dark rounded-4 overflow-hidden" style="box-shadow: 0 0 3rem #000000 !important;">
  11828.                    <div class="p-0 border-murky-800">
  11829.                        <div class="">
  11830.                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" class="pointer-events-none absolute left-4 top-3.5 h-5 w-5 text-white text-opacity-40 search-modal">
  11831.                            <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd"></path>
  11832.                            </svg>
  11833.                      
  11834. <input class="h-12 w-full border-0 bg-transparent pl-11 pr-4 text-foreground placeholder:text-foreground focus:ring-0 sm:text-sm" placeholder="Search..." id="search-input" type="text" aria-expanded="false"
  11835.        aria-autocomplete="list" data-headlessui-state="" value="" aria-controls="headlessui-combobox-hary" tabindex="0">
  11836.                        </div>
  11837.                    </div>
  11838.                    
  11839.  
  11840.     <!-- resources/views/template/template.blade.php -->
  11841.  
  11842. <ul class="max-h-80 scroll-py-2 divide-y divide-muted divide-opacity-10 overflow-y-auto" role="listbox" id="headlessui-combobox-hary" data-headlessui-state="">
  11843.    <li class="p-2">
  11844.        <h2 class="mb-2 mt-4 px-3 text-xs font-semibold text-foreground">Semua Game</h2>
  11845.        <ul class="text-sm text-foreground">
  11846.                                                            <a href="/order/mobile-legends">
  11847.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11848.                            <img alt="MOBILE LEGENDS" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/mlm.webp">
  11849.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS</span>
  11850.                        </li>
  11851.                    </a>
  11852.                                                                <a href="/order/free-fire">
  11853.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11854.                            <img alt="FREE FIRE" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/123.webp">
  11855.                            <span class="ml-3 flex-auto truncate">FREE FIRE</span>
  11856.                        </li>
  11857.                    </a>
  11858.                                                                <a href="/order/pubg-mobile-vc">
  11859.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11860.                            <img alt="PUBG MOBILE" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/pubgm.webp">
  11861.                            <span class="ml-3 flex-auto truncate">PUBG MOBILE</span>
  11862.                        </li>
  11863.                    </a>
  11864.                                                                <a href="/order/genshin-impact">
  11865.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11866.                            <img alt="Genshin Impact" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/genmp.webp">
  11867.                            <span class="ml-3 flex-auto truncate">Genshin Impact</span>
  11868.                        </li>
  11869.                    </a>
  11870.                                                                <a href="/order/free-fire-max">
  11871.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11872.                            <img alt="Free Fire Max" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/ffmax.webp">
  11873.                            <span class="ml-3 flex-auto truncate">Free Fire Max</span>
  11874.                        </li>
  11875.                    </a>
  11876.                                                                <a href="/order/honor-of-kings-vc">
  11877.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11878.                            <img alt="Honor of Kings" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/hokv1.webp">
  11879.                            <span class="ml-3 flex-auto truncate">Honor of Kings</span>
  11880.                        </li>
  11881.                    </a>
  11882.                                                                <a href="/order/garena-shell">
  11883.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11884.                            <img alt="GARENA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/377.webp">
  11885.                            <span class="ml-3 flex-auto truncate">GARENA</span>
  11886.                        </li>
  11887.                    </a>
  11888.                                                                <a href="/order/steam-wallet">
  11889.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11890.                            <img alt="Steam Wallet (IDR)" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/288.webp">
  11891.                            <span class="ml-3 flex-auto truncate">Steam Wallet (IDR)</span>
  11892.                        </li>
  11893.                    </a>
  11894.                                                                <a href="/order/google-play-indonesia">
  11895.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11896.                            <img alt="GOOGLE PLAY INDONESIA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/681.webp">
  11897.                            <span class="ml-3 flex-auto truncate">GOOGLE PLAY INDONESIA</span>
  11898.                        </li>
  11899.                    </a>
  11900.                                                                <a href="/order/joki-rank">
  11901.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11902.                            <img alt="JOKI RANK" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (4).jpg">
  11903.                            <span class="ml-3 flex-auto truncate">JOKI RANK</span>
  11904.                        </li>
  11905.                    </a>
  11906.                                                                <a href="/order/joki-classic">
  11907.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11908.                            <img alt="JOKI CLASIC" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (4).jpg">
  11909.                            <span class="ml-3 flex-auto truncate">JOKI CLASIC</span>
  11910.                        </li>
  11911.                    </a>
  11912.                                                                <a href="/order/telkomsel">
  11913.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11914.                            <img alt="TELKOMSEL" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (25).png">
  11915.                            <span class="ml-3 flex-auto truncate">TELKOMSEL</span>
  11916.                        </li>
  11917.                    </a>
  11918.                                                                <a href="/order/dana">
  11919.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11920.                            <img alt="DANA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/Untitled design (32).png">
  11921.                            <span class="ml-3 flex-auto truncate">DANA</span>
  11922.                        </li>
  11923.                    </a>
  11924.                                                                <a href="/order/axis">
  11925.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11926.                            <img alt="AXIS" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (13).png">
  11927.                            <span class="ml-3 flex-auto truncate">AXIS</span>
  11928.                        </li>
  11929.                    </a>
  11930.                                                                <a href="/order/tri">
  11931.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11932.                            <img alt="TRI" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (8).jpg">
  11933.                            <span class="ml-3 flex-auto truncate">TRI</span>
  11934.                        </li>
  11935.                    </a>
  11936.                                                                <a href="/order/smartfren">
  11937.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11938.                            <img alt="SMARTFREN" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/id-11134216-7rbk3-m682zyisjp8i20.jpg">
  11939.                            <span class="ml-3 flex-auto truncate">SMARTFREN</span>
  11940.                        </li>
  11941.                    </a>
  11942.                                                                <a href="/order/island-king">
  11943.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11944.                            <img alt="ISLAND KING" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3681.webp">
  11945.                            <span class="ml-3 flex-auto truncate">ISLAND KING</span>
  11946.                        </li>
  11947.                    </a>
  11948.                                                                <a href="/order/call-of-duty-mobile">
  11949.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11950.                            <img alt="Call of Duty MOBILE" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/cod.webp">
  11951.                            <span class="ml-3 flex-auto truncate">Call of Duty MOBILE</span>
  11952.                        </li>
  11953.                    </a>
  11954.                                                                <a href="/order/point-blank">
  11955.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11956.                            <img alt="POINT BLANK" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1555.webp">
  11957.                            <span class="ml-3 flex-auto truncate">POINT BLANK</span>
  11958.                        </li>
  11959.                    </a>
  11960.                                                                <a href="/order/sausage-man">
  11961.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11962.                            <img alt="Sausage Man" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3922.webp">
  11963.                            <span class="ml-3 flex-auto truncate">Sausage Man</span>
  11964.                        </li>
  11965.                    </a>
  11966.                                                                <a href="/order/honkai-impact-3">
  11967.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11968.                            <img alt="Honkai Impact 3" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3163.webp">
  11969.                            <span class="ml-3 flex-auto truncate">Honkai Impact 3</span>
  11970.                        </li>
  11971.                    </a>
  11972.                                                                <a href="/order/honkai-star-rail">
  11973.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11974.                            <img alt="Honkai Star Rail" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1942.webp">
  11975.                            <span class="ml-3 flex-auto truncate">Honkai Star Rail</span>
  11976.                        </li>
  11977.                    </a>
  11978.                                                                <a href="/order/token-pln">
  11979.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11980.                            <img alt="Token PLN" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (1).png">
  11981.                            <span class="ml-3 flex-auto truncate">Token PLN</span>
  11982.                        </li>
  11983.                    </a>
  11984.                                                                <a href="/order/love-and-deepspace">
  11985.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11986.                            <img alt="Love and Deepspace" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2557.webp">
  11987.                            <span class="ml-3 flex-auto truncate">Love and Deepspace</span>
  11988.                        </li>
  11989.                    </a>
  11990.                                                                <a href="/order/gopay">
  11991.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11992.                            <img alt="GOPAY" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/Untitled design (31).png">
  11993.                            <span class="ml-3 flex-auto truncate">GOPAY</span>
  11994.                        </li>
  11995.                    </a>
  11996.                                                                <a href="/order/shopee-pay">
  11997.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  11998.                            <img alt="SHOPEE PAY" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/Shopee.webp">
  11999.                            <span class="ml-3 flex-auto truncate">SHOPEE PAY</span>
  12000.                        </li>
  12001.                    </a>
  12002.                                                                <a href="/order/ovo">
  12003.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12004.                            <img alt="OVO" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2725.webp">
  12005.                            <span class="ml-3 flex-auto truncate">OVO</span>
  12006.                        </li>
  12007.                    </a>
  12008.                                                                <a href="/order/linkaja">
  12009.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12010.                            <img alt="LINKAJA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2884.webp">
  12011.                            <span class="ml-3 flex-auto truncate">LINKAJA</span>
  12012.                        </li>
  12013.                    </a>
  12014.                                                                <a href="/order/grab">
  12015.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12016.                            <img alt="GRAB" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2266.webp">
  12017.                            <span class="ml-3 flex-auto truncate">GRAB</span>
  12018.                        </li>
  12019.                    </a>
  12020.                                                                <a href="/order/roblox">
  12021.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12022.                            <img alt="Roblox" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1524.webp">
  12023.                            <span class="ml-3 flex-auto truncate">Roblox</span>
  12024.                        </li>
  12025.                    </a>
  12026.                                                                <a href="/order/google-play-us">
  12027.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12028.                            <img alt="GOOGLE PLAY US REGION" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/681.webp">
  12029.                            <span class="ml-3 flex-auto truncate">GOOGLE PLAY US REGION</span>
  12030.                        </li>
  12031.                    </a>
  12032.                                                                <a href="/order/razer-gold">
  12033.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12034.                            <img alt="Razer Gold" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/241.webp">
  12035.                            <span class="ml-3 flex-auto truncate">Razer Gold</span>
  12036.                        </li>
  12037.                    </a>
  12038.                                                                <a href="/order/megaxus">
  12039.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12040.                            <img alt="MEGAXUS" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/218.webp">
  12041.                            <span class="ml-3 flex-auto truncate">MEGAXUS</span>
  12042.                        </li>
  12043.                    </a>
  12044.                                                                <a href="/order/playstation">
  12045.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12046.                            <img alt="PLAYSTATION" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/263.webp">
  12047.                            <span class="ml-3 flex-auto truncate">PLAYSTATION</span>
  12048.                        </li>
  12049.                    </a>
  12050.                                                                <a href="/order/minecraft">
  12051.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12052.                            <img alt="Minecraft" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4799.webp">
  12053.                            <span class="ml-3 flex-auto truncate">Minecraft</span>
  12054.                        </li>
  12055.                    </a>
  12056.                                                                <a href="/order/zenless-zone-zero">
  12057.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12058.                            <img alt="Zenless Zone Zero" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4514.webp">
  12059.                            <span class="ml-3 flex-auto truncate">Zenless Zone Zero</span>
  12060.                        </li>
  12061.                    </a>
  12062.                                                                <a href="/order/wuthering-waves">
  12063.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12064.                            <img alt="Wuthering Waves" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2938.webp">
  12065.                            <span class="ml-3 flex-auto truncate">Wuthering Waves</span>
  12066.                        </li>
  12067.                    </a>
  12068.                                                                <a href="/order/ea-sports-fc-mobile">
  12069.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12070.                            <img alt="FC Mobile" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1963.webp">
  12071.                            <span class="ml-3 flex-auto truncate">FC Mobile</span>
  12072.                        </li>
  12073.                    </a>
  12074.                                                                <a href="/order/poppo-live">
  12075.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12076.                            <img alt="Poppo Live" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2738.webp">
  12077.                            <span class="ml-3 flex-auto truncate">Poppo Live</span>
  12078.                        </li>
  12079.                    </a>
  12080.                                                                <a href="/order/unipin">
  12081.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12082.                            <img alt="Unipin Voucher" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/751.webp">
  12083.                            <span class="ml-3 flex-auto truncate">Unipin Voucher</span>
  12084.                        </li>
  12085.                    </a>
  12086.                                                                <a href="/order/bstation">
  12087.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12088.                            <img alt="Bstation" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1444.webp">
  12089.                            <span class="ml-3 flex-auto truncate">Bstation</span>
  12090.                        </li>
  12091.                    </a>
  12092.                                                                <a href="/order/t3-arena">
  12093.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12094.                            <img alt="T3 Arena" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1558.webp">
  12095.                            <span class="ml-3 flex-auto truncate">T3 Arena</span>
  12096.                        </li>
  12097.                    </a>
  12098.                                                                <a href="/order/racing-master">
  12099.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12100.                            <img alt="Racing Master" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5163.webp">
  12101.                            <span class="ml-3 flex-auto truncate">Racing Master</span>
  12102.                        </li>
  12103.                    </a>
  12104.                                                                <a href="/order/war-robots">
  12105.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12106.                            <img alt="War Robots" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3576.webp">
  12107.                            <span class="ml-3 flex-auto truncate">War Robots</span>
  12108.                        </li>
  12109.                    </a>
  12110.                                                                <a href="/order/ragnarok-idle-adventure-plus">
  12111.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12112.                            <img alt="Ragnarok Idle Adventure Plus" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2838.webp">
  12113.                            <span class="ml-3 flex-auto truncate">Ragnarok Idle Adventure Plus</span>
  12114.                        </li>
  12115.                    </a>
  12116.                                                                <a href="/order/the-lord-of-the-rings-rise-to-war">
  12117.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12118.                            <img alt="The Lord of the Rings" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3371.webp">
  12119.                            <span class="ml-3 flex-auto truncate">The Lord of the Rings</span>
  12120.                        </li>
  12121.                    </a>
  12122.                                                                <a href="/order/ragnarok-m-classic">
  12123.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12124.                            <img alt="Ragnarok M Classic" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2702.webp">
  12125.                            <span class="ml-3 flex-auto truncate">Ragnarok M Classic</span>
  12126.                        </li>
  12127.                    </a>
  12128.                                                                <a href="/order/culinary-tour">
  12129.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12130.                            <img alt="Culinary Tour" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2795.webp">
  12131.                            <span class="ml-3 flex-auto truncate">Culinary Tour</span>
  12132.                        </li>
  12133.                    </a>
  12134.                                                                <a href="/order/marvel-rivals">
  12135.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12136.                            <img alt="Marvel Rivals" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2705.webp">
  12137.                            <span class="ml-3 flex-auto truncate">Marvel Rivals</span>
  12138.                        </li>
  12139.                    </a>
  12140.                                                                <a href="/order/forsakenworld-2">
  12141.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12142.                            <img alt="Forsaken World 2" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2583.webp">
  12143.                            <span class="ml-3 flex-auto truncate">Forsaken World 2</span>
  12144.                        </li>
  12145.                    </a>
  12146.                                                                <a href="/order/naruto-shippuden">
  12147.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12148.                            <img alt="Naruto Shippuden" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/unnamed (24).png">
  12149.                            <span class="ml-3 flex-auto truncate">Naruto Shippuden</span>
  12150.                        </li>
  12151.                    </a>
  12152.                                                                <a href="/order/heaven-burns-red">
  12153.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12154.                            <img alt="Heaven Burns Red" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5796.webp">
  12155.                            <span class="ml-3 flex-auto truncate">Heaven Burns Red</span>
  12156.                        </li>
  12157.                    </a>
  12158.                                                                <a href="/order/gran-saga">
  12159.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12160.                            <img alt="Gran Saga" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5794.webp">
  12161.                            <span class="ml-3 flex-auto truncate">Gran Saga</span>
  12162.                        </li>
  12163.                    </a>
  12164.                                                                <a href="/order/destiny-m">
  12165.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12166.                            <img alt="Destiny M" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5790.webp">
  12167.                            <span class="ml-3 flex-auto truncate">Destiny M</span>
  12168.                        </li>
  12169.                    </a>
  12170.                                                                <a href="/order/delta-force">
  12171.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12172.                            <img alt="Delta Force" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5804.webp">
  12173.                            <span class="ml-3 flex-auto truncate">Delta Force</span>
  12174.                        </li>
  12175.                    </a>
  12176.                                                                <a href="/order/isekai-feast-tales-of-recipes">
  12177.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12178.                            <img alt="Isekai Feast" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5571.webp">
  12179.                            <span class="ml-3 flex-auto truncate">Isekai Feast</span>
  12180.                        </li>
  12181.                    </a>
  12182.                                                                <a href="/order/soul-land-new-world">
  12183.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12184.                            <img alt="Soul Land New World" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5704.webp">
  12185.                            <span class="ml-3 flex-auto truncate">Soul Land New World</span>
  12186.                        </li>
  12187.                    </a>
  12188.                                                                <a href="/order/nba-infinite">
  12189.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12190.                            <img alt="NBA Infinite" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5361.webp">
  12191.                            <span class="ml-3 flex-auto truncate">NBA Infinite</span>
  12192.                        </li>
  12193.                    </a>
  12194.                                                                <a href="/order/captain-tsubasa-dream-team">
  12195.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12196.                            <img alt="Captain Tsubasa Ace" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5348.webp">
  12197.                            <span class="ml-3 flex-auto truncate">Captain Tsubasa Ace</span>
  12198.                        </li>
  12199.                    </a>
  12200.                                                                <a href="/order/astra-knights-of-veda">
  12201.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12202.                            <img alt="Astra Knights of Veda" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5422.webp">
  12203.                            <span class="ml-3 flex-auto truncate">Astra Knights of Veda</span>
  12204.                        </li>
  12205.                    </a>
  12206.                                                                <a href="/order/afk-journey">
  12207.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12208.                            <img alt="AFK Journey" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5399.webp">
  12209.                            <span class="ml-3 flex-auto truncate">AFK Journey</span>
  12210.                        </li>
  12211.                    </a>
  12212.                                                                <a href="/order/melojam">
  12213.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12214.                            <img alt="Melojam" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5785.webp">
  12215.                            <span class="ml-3 flex-auto truncate">Melojam</span>
  12216.                        </li>
  12217.                    </a>
  12218.                                                                <a href="/order/mob-rush">
  12219.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12220.                            <img alt="Mob Rush" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/mob rush-43e10-original.webp">
  12221.                            <span class="ml-3 flex-auto truncate">Mob Rush</span>
  12222.                        </li>
  12223.                    </a>
  12224.                                                                <a href="/order/magic-chess-go-go">
  12225.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12226.                            <img alt="Magic Chess Go Go" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5713.webp">
  12227.                            <span class="ml-3 flex-auto truncate">Magic Chess Go Go</span>
  12228.                        </li>
  12229.                    </a>
  12230.                                                                <a href="/order/gamesmax-booster-pokemon-unite-dg">
  12231.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12232.                            <img alt="Pokemon Unite" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3270.webp">
  12233.                            <span class="ml-3 flex-auto truncate">Pokemon Unite</span>
  12234.                        </li>
  12235.                    </a>
  12236.                                                                <a href="/order/age-of-empires-mobile">
  12237.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12238.                            <img alt="Age of Empires Mobile" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5413.webp">
  12239.                            <span class="ml-3 flex-auto truncate">Age of Empires Mobile</span>
  12240.                        </li>
  12241.                    </a>
  12242.                                                                <a href="/order/pubg-mobile-lite">
  12243.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12244.                            <img alt="PUBG Mobile Lite" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3159.webp">
  12245.                            <span class="ml-3 flex-auto truncate">PUBG Mobile Lite</span>
  12246.                        </li>
  12247.                    </a>
  12248.                                                                <a href="/order/onmyoji-arena">
  12249.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12250.                            <img alt="Onmyoji Arena" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3897.webp">
  12251.                            <span class="ml-3 flex-auto truncate">Onmyoji Arena</span>
  12252.                        </li>
  12253.                    </a>
  12254.                                                                <a href="/order/path-to-nowhere">
  12255.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12256.                            <img alt="Path to Nowhere" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4697.webp">
  12257.                            <span class="ml-3 flex-auto truncate">Path to Nowhere</span>
  12258.                        </li>
  12259.                    </a>
  12260.                                                                <a href="/order/colorbang">
  12261.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12262.                            <img alt="Colorbang" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5685.webp">
  12263.                            <span class="ml-3 flex-auto truncate">Colorbang</span>
  12264.                        </li>
  12265.                    </a>
  12266.                                                                <a href="/order/super-mecha-champions">
  12267.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12268.                            <img alt="Super Mecha Champions" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3166.webp">
  12269.                            <span class="ml-3 flex-auto truncate">Super Mecha Champions</span>
  12270.                        </li>
  12271.                    </a>
  12272.                                                                <a href="/order/tango-live">
  12273.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12274.                            <img alt="Tango Live" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1336.webp">
  12275.                            <span class="ml-3 flex-auto truncate">Tango Live</span>
  12276.                        </li>
  12277.                    </a>
  12278.                                                                <a href="/order/remember-of-majesty">
  12279.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12280.                            <img alt="Remember Of Majesty" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5396.webp">
  12281.                            <span class="ml-3 flex-auto truncate">Remember Of Majesty</span>
  12282.                        </li>
  12283.                    </a>
  12284.                                                                <a href="/order/nexon-game-card">
  12285.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12286.                            <img alt="Nexon Game Card" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/279.webp">
  12287.                            <span class="ml-3 flex-auto truncate">Nexon Game Card</span>
  12288.                        </li>
  12289.                    </a>
  12290.                                                                <a href="/order/cherry-credits">
  12291.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12292.                            <img alt="Cherry Credits" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/70.webp">
  12293.                            <span class="ml-3 flex-auto truncate">Cherry Credits</span>
  12294.                        </li>
  12295.                    </a>
  12296.                                                                <a href="/order/candy-crush-saga">
  12297.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12298.                            <img alt="Candy Crush Saga" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2028.webp">
  12299.                            <span class="ml-3 flex-auto truncate">Candy Crush Saga</span>
  12300.                        </li>
  12301.                    </a>
  12302.                                                                <a href="/order/blizzard">
  12303.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12304.                            <img alt="Blizzard" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/357.webp">
  12305.                            <span class="ml-3 flex-auto truncate">Blizzard</span>
  12306.                        </li>
  12307.                    </a>
  12308.                                                                <a href="/order/indosat">
  12309.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12310.                            <img alt="INDOSAT" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (1).png">
  12311.                            <span class="ml-3 flex-auto truncate">INDOSAT</span>
  12312.                        </li>
  12313.                    </a>
  12314.                                                                <a href="/order/xl">
  12315.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12316.                            <img alt="XL" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1433140xlbaru340x340.jpg">
  12317.                            <span class="ml-3 flex-auto truncate">XL</span>
  12318.                        </li>
  12319.                    </a>
  12320.                                                                <a href="/order/ghost-story-love-destiny">
  12321.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12322.                            <img alt="Ghost Story" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5620.webp">
  12323.                            <span class="ml-3 flex-auto truncate">Ghost Story</span>
  12324.                        </li>
  12325.                    </a>
  12326.                                                                <a href="/order/draconia-saga">
  12327.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12328.                            <img alt="Draconia Saga" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5509.webp">
  12329.                            <span class="ml-3 flex-auto truncate">Draconia Saga</span>
  12330.                        </li>
  12331.                    </a>
  12332.                                                                <a href="/order/alchemy-stars">
  12333.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12334.                            <img alt="Alchemy Stars" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3375.webp">
  12335.                            <span class="ml-3 flex-auto truncate">Alchemy Stars</span>
  12336.                        </li>
  12337.                    </a>
  12338.                                                                <a href="/order/king-of-avalon">
  12339.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12340.                            <img alt="King of Avalon" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/gametiles_com.funplus.kingofavalon.jpg">
  12341.                            <span class="ml-3 flex-auto truncate">King of Avalon</span>
  12342.                        </li>
  12343.                    </a>
  12344.                                                                <a href="/order/smash-legends">
  12345.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12346.                            <img alt="Smash Legends" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3325.webp">
  12347.                            <span class="ml-3 flex-auto truncate">Smash Legends</span>
  12348.                        </li>
  12349.                    </a>
  12350.                                                                <a href="/order/guns-of-glory">
  12351.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12352.                            <img alt="Guns of Glory" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/gametiles_com.diandian.gog.jpg">
  12353.                            <span class="ml-3 flex-auto truncate">Guns of Glory</span>
  12354.                        </li>
  12355.                    </a>
  12356.                                                                <a href="/order/tarisland">
  12357.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12358.                            <img alt="Tarisland" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5169.webp">
  12359.                            <span class="ml-3 flex-auto truncate">Tarisland</span>
  12360.                        </li>
  12361.                    </a>
  12362.                                                                <a href="/order/kings-choice">
  12363.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12364.                            <img alt="Kings Choice" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5111.webp">
  12365.                            <span class="ml-3 flex-auto truncate">Kings Choice</span>
  12366.                        </li>
  12367.                    </a>
  12368.                                                                <a href="/order/the-ants-underground-kingdom">
  12369.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12370.                            <img alt="The Ants Underground Kingdom" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3994.webp">
  12371.                            <span class="ml-3 flex-auto truncate">The Ants Underground Kingdom</span>
  12372.                        </li>
  12373.                    </a>
  12374.                                                                <a href="/order/zepeto">
  12375.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12376.                            <img alt="Zepeto" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3838.webp">
  12377.                            <span class="ml-3 flex-auto truncate">Zepeto</span>
  12378.                        </li>
  12379.                    </a>
  12380.                                                                <a href="/order/Teamfight-tactics-mobile">
  12381.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12382.                            <img alt="Teamfight Tactics" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5358.webp">
  12383.                            <span class="ml-3 flex-auto truncate">Teamfight Tactics</span>
  12384.                        </li>
  12385.                    </a>
  12386.                                                                <a href="/order/once-human">
  12387.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12388.                            <img alt="Once Human" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5417.webp">
  12389.                            <span class="ml-3 flex-auto truncate">Once Human</span>
  12390.                        </li>
  12391.                    </a>
  12392.                                                                <a href="/order/8-ball-pool">
  12393.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12394.                            <img alt="8 Ball Pool" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1802.webp">
  12395.                            <span class="ml-3 flex-auto truncate">8 Ball Pool</span>
  12396.                        </li>
  12397.                    </a>
  12398.                                                                <a href="/order/moonlight-blade-m">
  12399.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12400.                            <img alt="Moonlight Blade M" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5461.webp">
  12401.                            <span class="ml-3 flex-auto truncate">Moonlight Blade M</span>
  12402.                        </li>
  12403.                    </a>
  12404.                                                                <a href="/order/wesing">
  12405.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12406.                            <img alt="WeSing" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3939.webp">
  12407.                            <span class="ml-3 flex-auto truncate">WeSing</span>
  12408.                        </li>
  12409.                    </a>
  12410.                                                                <a href="/order/world-war-heroes">
  12411.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12412.                            <img alt="World War Heroes" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (11).jpg">
  12413.                            <span class="ml-3 flex-auto truncate">World War Heroes</span>
  12414.                        </li>
  12415.                    </a>
  12416.                                                                <a href="/order/aether-gazer">
  12417.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12418.                            <img alt="Aether Gazer" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4038.webp">
  12419.                            <span class="ml-3 flex-auto truncate">Aether Gazer</span>
  12420.                        </li>
  12421.                    </a>
  12422.                                                                <a href="/order/heroic-uncle-kim-idle-rpg">
  12423.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12424.                            <img alt="Heroic Uncle Kim" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5911.webp">
  12425.                            <span class="ml-3 flex-auto truncate">Heroic Uncle Kim</span>
  12426.                        </li>
  12427.                    </a>
  12428.                                                                <a href="/order/girls-connect">
  12429.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12430.                            <img alt="Girls Connect" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4816.webp">
  12431.                            <span class="ml-3 flex-auto truncate">Girls Connect</span>
  12432.                        </li>
  12433.                    </a>
  12434.                                                                <a href="/order/mobile-legends-malaysia">
  12435.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12436.                            <img alt="MOBILE LEGENDS MALAYSIA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (4).png">
  12437.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS MALAYSIA</span>
  12438.                        </li>
  12439.                    </a>
  12440.                                                                <a href="/order/mobile-legends-singapore">
  12441.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12442.                            <img alt="MOBILE LEGENDS SINGAPORE" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (5).png">
  12443.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS SINGAPORE</span>
  12444.                        </li>
  12445.                    </a>
  12446.                                                                <a href="/order/mobile-legends-global">
  12447.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12448.                            <img alt="MOBILE LEGENDS GLOBAL" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (3).png">
  12449.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS GLOBAL</span>
  12450.                        </li>
  12451.                    </a>
  12452.                                                                <a href="/order/free-fire-malaysia">
  12453.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12454.                            <img alt="FREE FIRE MALAYSIA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA.png">
  12455.                            <span class="ml-3 flex-auto truncate">FREE FIRE MALAYSIA</span>
  12456.                        </li>
  12457.                    </a>
  12458.                                                                <a href="/order/free-fire-singapore">
  12459.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12460.                            <img alt="FREE FIRE SINGAPORE" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (1).png">
  12461.                            <span class="ml-3 flex-auto truncate">FREE FIRE SINGAPORE</span>
  12462.                        </li>
  12463.                    </a>
  12464.                                                                <a href="/order/free-fire-global">
  12465.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12466.                            <img alt="FREE FIRE GLOBAL" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (2).png">
  12467.                            <span class="ml-3 flex-auto truncate">FREE FIRE GLOBAL</span>
  12468.                        </li>
  12469.                    </a>
  12470.                                                                <a href="/order/mobile-legends-usa">
  12471.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12472.                            <img alt="MOBILE LEGENDS USA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MALAYSIA (8).png">
  12473.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS USA</span>
  12474.                        </li>
  12475.                    </a>
  12476.                                                                <a href="/order/mobile-legends-filipina">
  12477.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12478.                            <img alt="MOBILE LEGENDS FILIPINA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MLFP.png">
  12479.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS FILIPINA</span>
  12480.                        </li>
  12481.                    </a>
  12482.                                                                <a href="/order/mobile-legends-brazil">
  12483.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12484.                            <img alt="MOBILE LEGENDS BRAZIL" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/MLBZ.png">
  12485.                            <span class="ml-3 flex-auto truncate">MOBILE LEGENDS BRAZIL</span>
  12486.                        </li>
  12487.                    </a>
  12488.                                                                <a href="/order/the-legend-of-neverland-dg">
  12489.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12490.                            <img alt="The Legend of Neverland" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3331 (1).png">
  12491.                            <span class="ml-3 flex-auto truncate">The Legend of Neverland</span>
  12492.                        </li>
  12493.                    </a>
  12494.                                                                <a href="/order/pixel-gun-3d">
  12495.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12496.                            <img alt="Pixel Gun 3D" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5467.webp">
  12497.                            <span class="ml-3 flex-auto truncate">Pixel Gun 3D</span>
  12498.                        </li>
  12499.                    </a>
  12500.                                                                <a href="/order/octopath-traveler-cotc">
  12501.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12502.                            <img alt="Octopath Traveler" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4115.webp">
  12503.                            <span class="ml-3 flex-auto truncate">Octopath Traveler</span>
  12504.                        </li>
  12505.                    </a>
  12506.                                                                <a href="/order/wave-game">
  12507.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12508.                            <img alt="WAVE GAME" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/219 (1).webp">
  12509.                            <span class="ml-3 flex-auto truncate">WAVE GAME</span>
  12510.                        </li>
  12511.                    </a>
  12512.                                                                <a href="/order/spotify">
  12513.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12514.                            <img alt="SPOTIFY" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/651.webp">
  12515.                            <span class="ml-3 flex-auto truncate">SPOTIFY</span>
  12516.                        </li>
  12517.                    </a>
  12518.                                                                <a href="/order/game-on-credits">
  12519.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12520.                            <img alt="Game On Credits" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/746.webp">
  12521.                            <span class="ml-3 flex-auto truncate">Game On Credits</span>
  12522.                        </li>
  12523.                    </a>
  12524.                                                                <a href="/order/nintendo-eshop">
  12525.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12526.                            <img alt="Nintendo eShop" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1324.webp">
  12527.                            <span class="ml-3 flex-auto truncate">Nintendo eShop</span>
  12528.                        </li>
  12529.                    </a>
  12530.                                                                <a href="/order/imvu">
  12531.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12532.                            <img alt="IMVU" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1150.webp">
  12533.                            <span class="ml-3 flex-auto truncate">IMVU</span>
  12534.                        </li>
  12535.                    </a>
  12536.                                                                <a href="/order/dota-auto-chess">
  12537.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12538.                            <img alt="Dota Auto Chess Candy (Global)" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/d6a8fbccfaef1a52084145da223106f2.png">
  12539.                            <span class="ml-3 flex-auto truncate">Dota Auto Chess Candy (Global)</span>
  12540.                        </li>
  12541.                    </a>
  12542.                                                                <a href="/order/vidio">
  12543.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12544.                            <img alt="Vidio" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4643.webp">
  12545.                            <span class="ml-3 flex-auto truncate">Vidio</span>
  12546.                        </li>
  12547.                    </a>
  12548.                                                                <a href="/order/xbox">
  12549.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12550.                            <img alt="XBOX" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1321.webp">
  12551.                            <span class="ml-3 flex-auto truncate">XBOX</span>
  12552.                        </li>
  12553.                    </a>
  12554.                                                                <a href="/order/webtoon">
  12555.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12556.                            <img alt="WEBTOON" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/f166c6b491561e9e0c0e1ccfc3a54f66_screen.png">
  12557.                            <span class="ml-3 flex-auto truncate">WEBTOON</span>
  12558.                        </li>
  12559.                    </a>
  12560.                                                                <a href="/order/viu">
  12561.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12562.                            <img alt="VIU" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1673.webp">
  12563.                            <span class="ml-3 flex-auto truncate">VIU</span>
  12564.                        </li>
  12565.                    </a>
  12566.                                                                <a href="/order/iqiyi">
  12567.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12568.                            <img alt="iQIYI" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1927.webp">
  12569.                            <span class="ml-3 flex-auto truncate">iQIYI</span>
  12570.                        </li>
  12571.                    </a>
  12572.                                                                <a href="/order/tinder">
  12573.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12574.                            <img alt="Tinder" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2553.webp">
  12575.                            <span class="ml-3 flex-auto truncate">Tinder</span>
  12576.                        </li>
  12577.                    </a>
  12578.                                                                <a href="/order/gocash-game-card">
  12579.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12580.                            <img alt="GoCash Game Card" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/275.webp">
  12581.                            <span class="ml-3 flex-auto truncate">GoCash Game Card</span>
  12582.                        </li>
  12583.                    </a>
  12584.                                                                <a href="/order/fortnite">
  12585.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12586.                            <img alt="Fortnite" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3064.webp">
  12587.                            <span class="ml-3 flex-auto truncate">Fortnite</span>
  12588.                        </li>
  12589.                    </a>
  12590.                                                                <a href="/order/netflix">
  12591.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12592.                            <img alt="Netflix" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/netflix.jpg">
  12593.                            <span class="ml-3 flex-auto truncate">Netflix</span>
  12594.                        </li>
  12595.                    </a>
  12596.                                                                <a href="/order/hago">
  12597.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12598.                            <img alt="HAGO" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4547.webp">
  12599.                            <span class="ml-3 flex-auto truncate">HAGO</span>
  12600.                        </li>
  12601.                    </a>
  12602.                                                                <a href="/order/punishing-gray-raven">
  12603.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12604.                            <img alt="Punishing Gray Raven" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3497.webp">
  12605.                            <span class="ml-3 flex-auto truncate">Punishing Gray Raven</span>
  12606.                        </li>
  12607.                    </a>
  12608.                                                                <a href="/order/black-clover-m">
  12609.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12610.                            <img alt="Black Clover M" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5261.webp">
  12611.                            <span class="ml-3 flex-auto truncate">Black Clover M</span>
  12612.                        </li>
  12613.                    </a>
  12614.                                                                <a href="/order/blood-strike">
  12615.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12616.                            <img alt="Blood Strike" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5285.webp">
  12617.                            <span class="ml-3 flex-auto truncate">Blood Strike</span>
  12618.                        </li>
  12619.                    </a>
  12620.                                                                <a href="/order/dead-by-daylight-mobile-sea">
  12621.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12622.                            <img alt="Dead By Daylight Mobile SEA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4101.webp">
  12623.                            <span class="ml-3 flex-auto truncate">Dead By Daylight Mobile SEA</span>
  12624.                        </li>
  12625.                    </a>
  12626.                                                                <a href="/order/asphalt-9-legends">
  12627.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12628.                            <img alt="Asphalt 9" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3582.webp">
  12629.                            <span class="ml-3 flex-auto truncate">Asphalt 9</span>
  12630.                        </li>
  12631.                    </a>
  12632.                                                                <a href="/order/bigo-live">
  12633.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12634.                            <img alt="Bigo Live" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1179.webp">
  12635.                            <span class="ml-3 flex-auto truncate">Bigo Live</span>
  12636.                        </li>
  12637.                    </a>
  12638.                                                                <a href="/order/wetv">
  12639.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12640.                            <img alt="WeTV" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1830.webp">
  12641.                            <span class="ml-3 flex-auto truncate">WeTV</span>
  12642.                        </li>
  12643.                    </a>
  12644.                                                                <a href="/order/dazz-live">
  12645.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12646.                            <img alt="Dazz Live" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/dazzku.webp">
  12647.                            <span class="ml-3 flex-auto truncate">Dazz Live</span>
  12648.                        </li>
  12649.                    </a>
  12650.                                                                <a href="/order/mico">
  12651.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12652.                            <img alt="Mico" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/742.webp">
  12653.                            <span class="ml-3 flex-auto truncate">Mico</span>
  12654.                        </li>
  12655.                    </a>
  12656.                                                                <a href="/order/bermuda">
  12657.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12658.                            <img alt="Bermuda" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4418.webp">
  12659.                            <span class="ml-3 flex-auto truncate">Bermuda</span>
  12660.                        </li>
  12661.                    </a>
  12662.                                                                <a href="/order/chamet">
  12663.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12664.                            <img alt="Chamet" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2739.webp">
  12665.                            <span class="ml-3 flex-auto truncate">Chamet</span>
  12666.                        </li>
  12667.                    </a>
  12668.                                                                <a href="/order/dragonheir-silent-gods">
  12669.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12670.                            <img alt="Dragonheir Silent Gods" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5143.webp">
  12671.                            <span class="ml-3 flex-auto truncate">Dragonheir Silent Gods</span>
  12672.                        </li>
  12673.                    </a>
  12674.                                                                <a href="/order/watcher-of-realms">
  12675.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12676.                            <img alt="Watcher of Realms" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5160.webp">
  12677.                            <span class="ml-3 flex-auto truncate">Watcher of Realms</span>
  12678.                        </li>
  12679.                    </a>
  12680.                                                                <a href="/order/hatsune-miku-colorful-stage">
  12681.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12682.                            <img alt="Hatsune Miku Colorful Stage" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2001.webp">
  12683.                            <span class="ml-3 flex-auto truncate">Hatsune Miku Colorful Stage</span>
  12684.                        </li>
  12685.                    </a>
  12686.                                                                <a href="/order/league-of-legends-pc">
  12687.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12688.                            <img alt="League of Legends PC" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/2084.webp">
  12689.                            <span class="ml-3 flex-auto truncate">League of Legends PC</span>
  12690.                        </li>
  12691.                    </a>
  12692.                                                                <a href="/order/snowbreak-containment-zone">
  12693.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12694.                            <img alt="Snowbreak Containment Zone" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5183.webp">
  12695.                            <span class="ml-3 flex-auto truncate">Snowbreak Containment Zone</span>
  12696.                        </li>
  12697.                    </a>
  12698.                                                                <a href="/order/pubg-new-state-mobile">
  12699.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12700.                            <img alt="PUBG New State Mobile" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3266.webp">
  12701.                            <span class="ml-3 flex-auto truncate">PUBG New State Mobile</span>
  12702.                        </li>
  12703.                    </a>
  12704.                                                                <a href="/order/eggy-party">
  12705.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12706.                            <img alt="Eggy Party" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3701.webp">
  12707.                            <span class="ml-3 flex-auto truncate">Eggy Party</span>
  12708.                        </li>
  12709.                    </a>
  12710.                                                                <a href="/order/metal-slug-awakening">
  12711.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12712.                            <img alt="Metal Slug Awakening" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5450.webp">
  12713.                            <span class="ml-3 flex-auto truncate">Metal Slug Awakening</span>
  12714.                        </li>
  12715.                    </a>
  12716.                                                                <a href="/order/astral-guardians-cyber-fantasy">
  12717.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12718.                            <img alt="Astral Guardians" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3910.webp">
  12719.                            <span class="ml-3 flex-auto truncate">Astral Guardians</span>
  12720.                        </li>
  12721.                    </a>
  12722.                                                                <a href="/order/lineage2m">
  12723.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12724.                            <img alt="Lineage2M" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3176.webp">
  12725.                            <span class="ml-3 flex-auto truncate">Lineage2M</span>
  12726.                        </li>
  12727.                    </a>
  12728.                                                                <a href="/order/crystal-of-atlan">
  12729.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12730.                            <img alt="Crystal of Atlan" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5368.webp">
  12731.                            <span class="ml-3 flex-auto truncate">Crystal of Atlan</span>
  12732.                        </li>
  12733.                    </a>
  12734.                                                                <a href="/order/ragnarok-x-next-generation">
  12735.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12736.                            <img alt="Ragnarok X Next Generation" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3267.webp">
  12737.                            <span class="ml-3 flex-auto truncate">Ragnarok X Next Generation</span>
  12738.                        </li>
  12739.                    </a>
  12740.                                                                <a href="/order/eos-red">
  12741.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12742.                            <img alt="EOS RED" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3686.webp">
  12743.                            <span class="ml-3 flex-auto truncate">EOS RED</span>
  12744.                        </li>
  12745.                    </a>
  12746.                                                                <a href="/order/football-master-2">
  12747.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12748.                            <img alt="Football Master 2" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1130.webp">
  12749.                            <span class="ml-3 flex-auto truncate">Football Master 2</span>
  12750.                        </li>
  12751.                    </a>
  12752.                                                                <a href="/order/auto-chess">
  12753.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12754.                            <img alt="Auto Chess" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3929.webp">
  12755.                            <span class="ml-3 flex-auto truncate">Auto Chess</span>
  12756.                        </li>
  12757.                    </a>
  12758.                                                                <a href="/order/dark-continent-mist">
  12759.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12760.                            <img alt="Dark Continent Mist" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images.jpeg">
  12761.                            <span class="ml-3 flex-auto truncate">Dark Continent Mist</span>
  12762.                        </li>
  12763.                    </a>
  12764.                                                                <a href="/order/infinite-borders">
  12765.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12766.                            <img alt="Infinite Borders" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5224.webp">
  12767.                            <span class="ml-3 flex-auto truncate">Infinite Borders</span>
  12768.                        </li>
  12769.                    </a>
  12770.                                                                <a href="/order/madtale-idle-rpg">
  12771.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12772.                            <img alt="Madtale Idle RPG" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (1).jpeg">
  12773.                            <span class="ml-3 flex-auto truncate">Madtale Idle RPG</span>
  12774.                        </li>
  12775.                    </a>
  12776.                                                                <a href="/order/farlight-84">
  12777.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12778.                            <img alt="Farlight 84" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/GameTile_farlight-84.jpg">
  12779.                            <span class="ml-3 flex-auto truncate">Farlight 84</span>
  12780.                        </li>
  12781.                    </a>
  12782.                                                                <a href="/order/identity-v">
  12783.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12784.                            <img alt="Identity V" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3114.webp">
  12785.                            <span class="ml-3 flex-auto truncate">Identity V</span>
  12786.                        </li>
  12787.                    </a>
  12788.                                                                <a href="/order/growtopia-dg">
  12789.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12790.                            <img alt="Growtopia" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (2).jpeg">
  12791.                            <span class="ml-3 flex-auto truncate">Growtopia</span>
  12792.                        </li>
  12793.                    </a>
  12794.                                                                <a href="/order/arena-breakout">
  12795.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12796.                            <img alt="Arena Breakout" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/781.webp">
  12797.                            <span class="ml-3 flex-auto truncate">Arena Breakout</span>
  12798.                        </li>
  12799.                    </a>
  12800.                                                                <a href="/order/life-makeover">
  12801.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12802.                            <img alt="Life Makeover" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4382.webp">
  12803.                            <span class="ml-3 flex-auto truncate">Life Makeover</span>
  12804.                        </li>
  12805.                    </a>
  12806.                                                                <a href="/order/harry-potter-magic-awakened">
  12807.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12808.                            <img alt="Harry Potter Magic Awakened" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/821.webp">
  12809.                            <span class="ml-3 flex-auto truncate">Harry Potter Magic Awakened</span>
  12810.                        </li>
  12811.                    </a>
  12812.                                                                <a href="/order/hiya">
  12813.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12814.                            <img alt="Hiya" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (3).jpeg">
  12815.                            <span class="ml-3 flex-auto truncate">Hiya</span>
  12816.                        </li>
  12817.                    </a>
  12818.                                                                <a href="/order/cloud-song-saga-of-skywalkers-vc">
  12819.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12820.                            <img alt="Cloud Song" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/551.webp">
  12821.                            <span class="ml-3 flex-auto truncate">Cloud Song</span>
  12822.                        </li>
  12823.                    </a>
  12824.                                                                <a href="/order/undawn">
  12825.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12826.                            <img alt="Garena Undawn" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3301.webp">
  12827.                            <span class="ml-3 flex-auto truncate">Garena Undawn</span>
  12828.                        </li>
  12829.                    </a>
  12830.                                                                <a href="/order/undawn-global">
  12831.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12832.                            <img alt="Garena Undawn Global" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3301.webp">
  12833.                            <span class="ml-3 flex-auto truncate">Garena Undawn Global</span>
  12834.                        </li>
  12835.                    </a>
  12836.                                                                <a href="/order/seal-m-sea">
  12837.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12838.                            <img alt="Seal M Sea" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1706886664n_tanpa_judul_(10).webp">
  12839.                            <span class="ml-3 flex-auto truncate">Seal M Sea</span>
  12840.                        </li>
  12841.                    </a>
  12842.                                                                <a href="/order/starmaker">
  12843.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12844.                            <img alt="StarMaker" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/f4abdf0a-7643-4537-b83b-5fde71791d77.jpg">
  12845.                            <span class="ml-3 flex-auto truncate">StarMaker</span>
  12846.                        </li>
  12847.                    </a>
  12848.                                                                <a href="/order/project-entropy">
  12849.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12850.                            <img alt="Project Entropy" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/gametiles_com.entropy.global.jpg">
  12851.                            <span class="ml-3 flex-auto truncate">Project Entropy</span>
  12852.                        </li>
  12853.                    </a>
  12854.                                                                <a href="/order/lita">
  12855.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12856.                            <img alt="Lita" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4093.webp">
  12857.                            <span class="ml-3 flex-auto truncate">Lita</span>
  12858.                        </li>
  12859.                    </a>
  12860.                                                                <a href="/order/luna-new-world">
  12861.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12862.                            <img alt="Luna New World" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (4).jpeg">
  12863.                            <span class="ml-3 flex-auto truncate">Luna New World</span>
  12864.                        </li>
  12865.                    </a>
  12866.                                                                <a href="/order/ace-racer">
  12867.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12868.                            <img alt="Ace Racer" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4773.webp">
  12869.                            <span class="ml-3 flex-auto truncate">Ace Racer</span>
  12870.                        </li>
  12871.                    </a>
  12872.                                                                <a href="/order/revelation-infinite-journey">
  12873.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12874.                            <img alt="Revelation Infinite Journey" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4885.webp">
  12875.                            <span class="ml-3 flex-auto truncate">Revelation Infinite Journey</span>
  12876.                        </li>
  12877.                    </a>
  12878.                                                                <a href="/order/ragnarok-origin">
  12879.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12880.                            <img alt="Ragnarok Origin" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5090.webp">
  12881.                            <span class="ml-3 flex-auto truncate">Ragnarok Origin</span>
  12882.                        </li>
  12883.                    </a>
  12884.                                                                <a href="/order/marvel-snap">
  12885.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12886.                            <img alt="Marvel Snap" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4676.webp">
  12887.                            <span class="ml-3 flex-auto truncate">Marvel Snap</span>
  12888.                        </li>
  12889.                    </a>
  12890.                                                                <a href="/order/goddess-of-victory-nikke">
  12891.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12892.                            <img alt="Goddess of Victory Nikke" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3976.webp">
  12893.                            <span class="ml-3 flex-auto truncate">Goddess of Victory Nikke</span>
  12894.                        </li>
  12895.                    </a>
  12896.                                                                <a href="/order/stumble-guys">
  12897.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12898.                            <img alt="Stumble Guys" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/5075.webp">
  12899.                            <span class="ml-3 flex-auto truncate">Stumble Guys</span>
  12900.                        </li>
  12901.                    </a>
  12902.                                                                <a href="/order/omega-legends">
  12903.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12904.                            <img alt="Omega Legends" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/images (5).jpeg">
  12905.                            <span class="ml-3 flex-auto truncate">Omega Legends</span>
  12906.                        </li>
  12907.                    </a>
  12908.                                                                <a href="/order/mu-origin-3">
  12909.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12910.                            <img alt="MU ORIGIN 3" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4487.webp">
  12911.                            <span class="ml-3 flex-auto truncate">MU ORIGIN 3</span>
  12912.                        </li>
  12913.                    </a>
  12914.                                                                <a href="/order/lokapala-dg">
  12915.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12916.                            <img alt="Lokapala" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4666.webp">
  12917.                            <span class="ml-3 flex-auto truncate">Lokapala</span>
  12918.                        </li>
  12919.                    </a>
  12920.                                                                <a href="/order/sky-children-of-the-light">
  12921.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12922.                            <img alt="Sky Children of the Light" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3277.webp">
  12923.                            <span class="ml-3 flex-auto truncate">Sky Children of the Light</span>
  12924.                        </li>
  12925.                    </a>
  12926.                                                                <a href="/order/tower-of-fantasy">
  12927.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12928.                            <img alt="Tower of Fantasy" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/4019.webp">
  12929.                            <span class="ml-3 flex-auto truncate">Tower of Fantasy</span>
  12930.                        </li>
  12931.                    </a>
  12932.                                                                <a href="/order/super-sus">
  12933.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12934.                            <img alt="Super Sus" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3936.webp">
  12935.                            <span class="ml-3 flex-auto truncate">Super Sus</span>
  12936.                        </li>
  12937.                    </a>
  12938.                                                                <a href="/order/hyper-front-sea">
  12939.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12940.                            <img alt="Hyper Front SEA" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/gametiles_com.netease.bfc1game.na_25.jpg">
  12941.                            <span class="ml-3 flex-auto truncate">Hyper Front SEA</span>
  12942.                        </li>
  12943.                    </a>
  12944.                                                                <a href="/order/ys-6-mobile">
  12945.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12946.                            <img alt="YS 6 Mobile" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/b7cd43cd8522f23152bd9f0f9bba0623.png">
  12947.                            <span class="ml-3 flex-auto truncate">YS 6 Mobile</span>
  12948.                        </li>
  12949.                    </a>
  12950.                                                                <a href="/order/states-of-survival">
  12951.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12952.                            <img alt="State of Survival" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1907.webp">
  12953.                            <span class="ml-3 flex-auto truncate">State of Survival</span>
  12954.                        </li>
  12955.                    </a>
  12956.                                                                <a href="/order/black-desert-mobile">
  12957.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12958.                            <img alt="Black Desert Mobile" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3187.webp">
  12959.                            <span class="ml-3 flex-auto truncate">Black Desert Mobile</span>
  12960.                        </li>
  12961.                    </a>
  12962.                                                                <a href="/order/rise-of-kingdom">
  12963.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12964.                            <img alt="Rise of Kingdom" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3095.webp">
  12965.                            <span class="ml-3 flex-auto truncate">Rise of Kingdom</span>
  12966.                        </li>
  12967.                    </a>
  12968.                                                                <a href="/order/clash-of-clans">
  12969.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12970.                            <img alt="Clash of Clans" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1698.webp">
  12971.                            <span class="ml-3 flex-auto truncate">Clash of Clans</span>
  12972.                        </li>
  12973.                    </a>
  12974.                                                                <a href="/order/among-us">
  12975.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12976.                            <img alt="Among Us" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3259.webp">
  12977.                            <span class="ml-3 flex-auto truncate">Among Us</span>
  12978.                        </li>
  12979.                    </a>
  12980.                                                                <a href="/order/be-the-king">
  12981.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12982.                            <img alt="Be The King" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3907.webp">
  12983.                            <span class="ml-3 flex-auto truncate">Be The King</span>
  12984.                        </li>
  12985.                    </a>
  12986.                                                                <a href="/order/league-of-legends-wild-rift">
  12987.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12988.                            <img alt="League of Legends Wild Rift" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3197.webp">
  12989.                            <span class="ml-3 flex-auto truncate">League of Legends Wild Rift</span>
  12990.                        </li>
  12991.                    </a>
  12992.                                                                <a href="/order/ludo-club">
  12993.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  12994.                            <img alt="LUDO CLUB" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/3641.webp">
  12995.                            <span class="ml-3 flex-auto truncate">LUDO CLUB</span>
  12996.                        </li>
  12997.                    </a>
  12998.                                                                <a href="/order/light-of-thel">
  12999.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  13000.                            <img alt="Light of Thel" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1689.webp">
  13001.                            <span class="ml-3 flex-auto truncate">Light of Thel</span>
  13002.                        </li>
  13003.                    </a>
  13004.                                                                <a href="/order/mango-live">
  13005.                        <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  13006.                            <img alt="Mango Live" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="/assets/thumbnail/1092.webp">
  13007.                            <span class="ml-3 flex-auto truncate">Mango Live</span>
  13008.                        </li>
  13009.                    </a>
  13010.                                                </ul>
  13011.    </li>
  13012. </ul>
  13013.  
  13014. <script>
  13015.    const searchInput = document.getElementById('search-input');
  13016.    const optionsList = document.getElementById('headlessui-combobox-hary');
  13017.    const modalSearch = document.getElementById('modal-search');
  13018.  
  13019.    searchInput.addEventListener('input', async (e) => {
  13020.        const searchTerm = e.target.value.trim();
  13021.        if (searchTerm.length > 0) {
  13022.            const response = await fetch(`https://agengim.com/search?term=${searchTerm}`);
  13023.            const data = await response.json();
  13024.            if (data.length === 0) {
  13025.                // Data not found, display error message
  13026.                const errorMessage = `
  13027.                    <div class="flex flex-col items-center justify-center px-6 py-14 sm:px-14">
  13028.                        <p class="mt-4 text-sm text-foreground">We couldn't find any products with that term. Please try again.</p>
  13029.                    </div>
  13030.                `;
  13031.                optionsList.innerHTML = errorMessage;
  13032.            } else {
  13033.                // Data found, display search results
  13034.                renderOptions(data);
  13035.            }
  13036.        } else {
  13037.            optionsList.innerHTML = '';
  13038.        }
  13039.    });
  13040.  
  13041.    function renderOptions(data) {
  13042.    optionsList.innerHTML = '';
  13043.    data.forEach((item) => {
  13044.        const optionHTML = `
  13045.            <a href="/order/${item.kode}">
  13046.                <li class="flex cursor-default select-none items-center rounded-md px-3 py-2" id="headlessui-combobox-option-:r4h:" role="option" tabindex="-1" aria-selected="false" data-headlessui-state="">
  13047.                    <img alt="${item.nama}" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" class="aspect-square w-24 rounded-2xl object-cover" sizes="100vw" src="${item.thumbnail}">
  13048.                    <span class="ml-3 flex-auto truncate">${item.nama}</span>
  13049.                </li>
  13050.            </a>
  13051.        `;
  13052.        optionsList.insertAdjacentHTML('beforeend', optionHTML);
  13053.    });
  13054. }
  13055.  
  13056.    // Tambahkan event listener untuk modal close
  13057.    modalSearch.addEventListener('hidden.bs.modal', function () {
  13058.        document.body.style.overflow = 'auto';
  13059.    });
  13060. </script>
  13061.  
  13062.  
  13063.                </div>
  13064.            </div>
  13065.        </div>
  13066.  
  13067.  
  13068.  
  13069.  
  13070.        
  13071.        <!-- svg width="100" class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
  13072.      <defs>
  13073.        <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
  13074.      </path></defs>
  13075.      <g class="wave1">
  13076.        <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
  13077.      </use></g>
  13078.      <g class="wave2">
  13079.        <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
  13080.      </use></g>
  13081.      <g class="wave3">
  13082.        <use xlink:href="#wave-path" x="50" y="4" fill="var(--warna_2)">
  13083.      </use></g>
  13084.    </svg-->
  13085.    <svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="-mt-8 bg-background transition delay-150 duration-300 ease-in-out md:-mt-24 print:hidden">
  13086.    <path d="M 0,400 C 0,400 0,200 0,200 C 40.34909359970402,243.0042668639783 80.69818719940804,286.0085337279566 135,268 C 189.30181280059196,249.9914662720434 257.5563448020718,170.97013195215192 311,159 C 364.4436551979282,147.02986804784808 403.07643359230485,202.11093846343573 452,207 C 500.92356640769515,211.88906153656427 560.137920828709,166.58611419410528 626,169 C 691.862079171291,171.41388580589472 764.3718830928599,221.54460476014305 826,248 C 887.6281169071401,274.45539523985695 938.3745467998519,277.2354667653225 985,246 C 1031.625453200148,214.7645332346775 1074.1299297077323,149.51352817856701 1122,137 C 1169.8700702922677,124.48647182143299 1223.1057343692194,164.71042052040943 1277,184 C 1330.8942656307806,203.28957947959057 1385.4471328153904,201.64478973979527 1440,200 C 1440,200 1440,400 1440,400 Z"
  13087.          stroke="none" stroke-width="0" fill="var(--warna_3)" fill-opacity="1" class="transition-all delay-150 duration-300 ease-in-out"></path>
  13088. </svg>
  13089.  
  13090. <footer class="bg-murky-900 print:hidden pt-5" style="background-color:var(--warna_3); background-image: url(''); background-size: cover; background-position: center;" aria-labelledby="footer-heading">
  13091.  
  13092.    <h2 id="footer-heading" class="sr-only">AgenGim</h2>
  13093.    <div class="container -mt-4 pb-8 md:-mt-8">
  13094.        <div class="xl:grid xl:grid-cols-3 xl:gap-8">
  13095.            <div class="space-y-8">
  13096.                <img
  13097.                    alt="Logo"
  13098.                    src="https://agengim.com/assets/logo/LogoAgenGim (1).gif"
  13099.                    width="64"
  13100.                    height="64"
  13101.                    decoding="async"
  13102.                    data-nimg="1"
  13103.                    class="h-16 w-auto"
  13104.                    style="color: transparent;"
  13105.                />
  13106.                <p class="text-sm leading-6 text-white">
  13107.                   AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.</p>
  13108.                <p class="text-sm leading-6 text-white">Perkantoran Prominence No. 188-189, Jl. Jalur Sutera 38D, Alam Sutera, Tangerang, Banten, Indonesia – 15325</p>
  13109.                <div class="flex space-x-6">
  13110.                    <div class="flex space-x-6"><a href="https://facebook.com/agengim.id" class="text-murky-400 hover:text-murky-500" target="_blank" rel="noopener noreferrer" style="outline: none;"><span class="sr-only">Facebook</span><img alt="Logo" fetchpriority="high" width="24" height="24" decoding="async" data-nimg="1" srcset="https://kuro7.cdns.mobi/assets/media/fb.jpg" style="color: transparent;"></a>
  13111.                        <a href="https://instagram.com/agengim.id" class="text-murky-400 hover:text-murky-500" target="_blank" rel="noopener noreferrer" style="outline: none;"><span class="sr-only">Instagram</span><img alt="Logo" fetchpriority="high" width="24" height="24" decoding="async" data-nimg="1" srcset="https://kuro7.cdns.mobi/assets/media/ig.jpg" style="color: transparent;"></a>
  13112.                        <a href="https://wa.me/6289613001111" class="text-murky-400 hover:text-murky-500" target="_blank" rel="noopener noreferrer" style="outline: none;"><span class="sr-only">Whatsapp</span><img alt="Logo" fetchpriority="high" width="24" height="24" decoding="async" data-nimg="1" srcset="https://kuro7.cdns.mobi/assets/media/wa.jpg" style="color: transparent;"></a>
  13113.                        <a href="https://tiktok.com/@agengim.id" class="text-murky-400 hover:text-murky-500" target="_blank" rel="noopener noreferrer" style="outline: none;"><span class="sr-only">Tiktok</span><img alt="Logo" fetchpriority="high" width="24" height="24" decoding="async" data-nimg="1" srcset="https://kuro7.cdns.mobi/assets/media/3116491a.png" style="color: transparent;"></a>
  13114.                        <a href="/cdn-cgi/l/email-protection#6e1d1b1e1e011c1a2e0f090b00090703400d0103" class="text-murky-400 hover:text-murky-500" target="_blank" rel="noopener noreferrer" style="outline: none;"><span class="sr-only">youtube</span><img alt="Logo" fetchpriority="high" width="24" height="24" decoding="async" data-nimg="1" srcset="https://static.vecteezy.com/system/resources/previews/016/716/465/non_2x/gmail-icon-free-png.png" style="color: transparent;"></a>
  13115.                </div>
  13116.                </div>
  13117.            </div>
  13118.            <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
  13119.    <div class="md:grid md:grid-cols-2 md:gap-8">
  13120.        <div>
  13121.            <h3 class="text-sm font-semibold leading-6" style="color: #fff;">Tentang Kami</h3>
  13122.            <ul role="list" class="mt-6 space-y-4">
  13123.                <li><a href="https://facebook.com/agengim.id" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Facebook</a></li>
  13124.                <li><a href="https://wa.me/6289613001111" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">WhatsApp</a></li>
  13125.                <li><a href="https://tiktok.com/@agengim.id" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">TikTok</a></li>
  13126.                <li><a href="https://instagram.com/agengim.id" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Instagram</a></li>
  13127.                <li><a href="/cdn-cgi/l/email-protection#74070104041b0600341513111a131d195a171b19" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Youtube</a></li>
  13128.                <!-- li><a href="mailto:" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Email</a></li -->
  13129.            </ul>
  13130.            
  13131.        </div>
  13132.        <div class="mt-10 md:mt-0"
  13133.        <div>
  13134.             <h3 class="text-sm font-semibold leading-6 " style="color: #fff; ">Informasi</h3>
  13135.            <ul role="list" class="mt-6 space-y-4">
  13136.                <li><a href="/privacy-policy" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Kebijakan Privasi</a></li>
  13137.                <li><a href="/terms-and-condition" class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" target="_blank" rel="noopener noreferrer">Syarat & Ketentuan</a></li>
  13138.            </ul>
  13139.        </div>
  13140.    </div>
  13141.    <div class="md:grid md:grid-cols-2 md:gap-8">
  13142.        <div>
  13143.            <h3 class="text-sm font-semibold leading-6" style="color: #fff;">Menu Cepat</h3>
  13144.            <ul role="list" class="mt-6 space-y-4">
  13145.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="/order/free-fire">Free Fire</a></li>
  13146.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="/order/pubg-mobile">PUBG Mobile</a></li>
  13147.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="/order/mobile-legends">Mobile Legends</a></li>
  13148.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="/cari">Cek Transaksi</a></li>
  13149.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="/ratingcust">Ulasan Kami</a></li>
  13150.            </ul>
  13151.        </div>
  13152.         <div class="mt-10 md:mt-0">
  13153.        <div>
  13154.            <h3 class="text-sm font-semibold leading-6 " style="color: #fff; ">Kemitraan</h3>
  13155.            <ul role="list" class="mt-6 space-y-4">
  13156.                <li><a class="text-sm leading-6 text-white hover:text-primary-200" style="outline: none;" href="https://wa.me/6289613001111">Menjadi Reseller</a></li>
  13157.                <li><a href="https://okedimers.com/jasa-web-topup/" class="text-sm leading-6 text-white hover:text-primary-200" style="outline:none" target="_blank" rel="noopener noreferrer"> Jasa Pembuatan Website</a></li>
  13158.            </ul>
  13159.        </div>
  13160.    </div>
  13161. </div>
  13162.        </div>
  13163.        <div class="mt-3 border-t border-murky-800 pt-8 sm:mt-20 lg:mt-24"><p class="text-xs leading-5 ">© 2025 AgenGim All rights reserved By <a style="color: var(--warna_2); " href="https://okedimers.com">Okedimers Group INC</a></p></div>
  13164.    </div>
  13165.    
  13166.    
  13167. <!---live chat-->
  13168. <a
  13169.    href="https://wa.me/6289613001111"
  13170.    class="fixed bottom-0 right-4 z-50 inline-flex items-center space-x-2.5 rounded-t-lg bg-transparent pt-3 pb-2 pl-3 pr-3 uppercase text-[var(--text-color)] border border-white duration-300 ease-in-out hover:bg-primary-900 print:hidden md:pr-5"
  13171.    style="outline: none;"
  13172.    target="_blank"
  13173.    rel="noopener noreferrer"
  13174. >
  13175.    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  13176.        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  13177.        <path d="M4 14v-3a8 8 0 1 1 16 0v3"></path>
  13178.        <path d="M18 19c0 1.657 -2.686 3 -6 3"></path>
  13179.        <path d="M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path>
  13180.        <path d="M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z"></path>
  13181.    </svg>
  13182.    <span class="hidden text-xs font-medium md:inline">Chat CS</span>
  13183. </a>
  13184.  
  13185. </footer>
  13187.  
  13188. <div class="modal fade" tabindex="-1" id="modal-logout">
  13189.  <div class="modal-dialog modal-dialog-centered">
  13190.      <div class="modal-content bg-card">
  13191.          <div class="modal-header border-bottom-0">
  13192.              <h5 class="modal-title">Logout</h5>
  13193.              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  13194.          </div>
  13195.          <div class="modal-body">
  13196.              <p>Apakah anda yakin untuk keluar dari akun ?</p>
  13197.              <div class="text-end">
  13198.                  <form method="POST" action="https://agengim.com/logout">
  13199.                     <input type="hidden" name="_token" value="a0W9LGUIoa4kGXvIjjqGmSQHcdFzlv3sV4b1IcJm">                  
  13200.                     <button type="button" class="btn btn-default text-white" data-bs-dismiss="modal">No</button>
  13201.                     <button type="submit" class="btn btn-danger">Yes</button>
  13202.                 </form>
  13203.             </div>
  13204.         </div>
  13205.     </div>
  13206. </div>
  13207. </div>
  13208.  
  13209.  
  13210.  
  13211.  
  13212.  
  13213. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  13214. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  13215. <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  13216.  
  13217. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  13218. <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  13219. <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
  13220. <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
  13221. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  13222. <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  13223. <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  13224. <script src="https://cdnjs.cloudflare.com/ajax/libs/libphonenumber-js/1.4.2/libphonenumber-js.min.js"></script>
  13225. <script>
  13226.    var modal_logout = new bootstrap.Modal(document.getElementById('modal-logout'));
  13227.    function logout() {
  13228.        modal_logout.show();
  13229.    }
  13230. </script>
  13231. <script>
  13232.    var delay = (function () {
  13233.        var timer = 0;
  13234.        return function (callback, ms) {
  13235.            clearTimeout(timer);
  13236.            timer = setTimeout(callback, ms);
  13237.        };
  13238.    })();
  13239.    $('#searchProds').keyup(function () {
  13240.        const data = $(this).val();
  13241.        if (data.length < 1) {
  13242.            $('.resultsearch').removeClass('show');
  13243.            $('.resultsearch li').remove();
  13244.        } else { delay(function () {
  13245.  
  13246.            $.ajax({
  13247.                url: "https://agengim.com/cari/index",
  13248.                method: "POST",
  13249.                data: {
  13250.                    data: data
  13251.                },
  13252.                beforeSend: function () {
  13253.                    $('.resultsearch li').remove();
  13254.                },
  13255.                success: function (res) {
  13256.                    $('.resultsearch').append(res);
  13257.                    $('.resultsearch').addClass('show');
  13258.                }
  13259.            })
  13260.  
  13261.        }, 100);
  13262.    }
  13263. })
  13264.    
  13265. </script>
  13266.  
  13267. <script>
  13268.    var delay = (function () {
  13269.        var timer = 0;
  13270.        return function (callback, ms) {
  13271.            clearTimeout(timer);
  13272.            timer = setTimeout(callback, ms);
  13273.        };
  13274.    })();
  13275.    
  13276.    function toggleSearchModal() {
  13277.        var searchModal = $("#search-modal");
  13278.        if (searchModal.is(":visible")) {
  13279.            searchModal.hide();
  13280.        } else {
  13281.            searchModal.show();
  13282.        }
  13283.    }
  13284.  
  13285.    $("#cari").click(function(e) {
  13286.        $("#modal-search").modal("show");
  13287.        $('#harysearch').focus();
  13288.    });
  13289.    
  13290.    $("body").on("click", function(e) {
  13291.        const target = e.target;
  13292.        if (!(target.classList.contains("search-modal"))) {
  13293.            $("#search-modal").hide();
  13294.        }
  13295.    });
  13296.    
  13297.    $('#harysearch').keyup(function () {
  13298.    
  13299.        const data = $(this).val();
  13300.        if (data.length < 1) {
  13301.            $('.resultsearch').removeClass('show');
  13302.            $('.resultsearch li').remove();
  13303.        } else { delay(function () {
  13304.  
  13305.            $.ajax({
  13306.                url: "https://agengim.com/cari/index",
  13307.                method: "POST",
  13308.                data: {
  13309.                    data: data
  13310.                },
  13311.                beforeSend: function () {
  13312.                    $('.resultsearch li').remove();
  13313.                },
  13314.                success: function (res) {
  13315.                    $('.resultsearch').append(res);
  13316.                    $('.resultsearch').addClass('show');
  13317.                }
  13318.            })
  13319.  
  13320.        }, 100);
  13321.    }
  13322. })
  13323.    
  13324. </script>
  13325.  
  13326. <script>
  13327.   $.ajaxSetup({
  13328.    headers: {
  13329.        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  13330.    }
  13331. });
  13332.  
  13333. </script>
  13334.  
  13335.  
  13336.    
  13337.    
  13338. <script type="text/javascript">
  13339.    function getCookie(name) {
  13340.        const cookies = document.cookie.split(';');
  13341.        for (let cookie of cookies) {
  13342.            const [cookieName, cookieValue] = cookie.split('=').map(c => c.trim());
  13343.            if (cookieName === name) {
  13344.                return decodeURIComponent(cookieValue);
  13345.            }
  13346.        }
  13347.        return null;
  13348.    }
  13349.  
  13350.    var cookie = document.cookie.split("; ");
  13351.    var has_popup = 0
  13352.    if (has_popup && getCookie('popup') !== "0") {
  13353.        $(document).ready(function () {
  13354.            $("#popup").modal("show");
  13355.        })
  13356.    }
  13357.  
  13358.    function disablePopup() {
  13359.        var checkBox = document.getElementById("dontShow");
  13360.        var date = new Date();
  13361.        date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
  13362.        if (checkBox.checked) {
  13363.            document.cookie = "popup=0; expires=" + date.toGMTString();
  13364.        }
  13365.    }
  13366. </script>
  13367.  
  13368.  
  13369. <script>
  13370. document.getElementById('show-more-button').addEventListener('click', function() {
  13371.    const hiddenItems = document.querySelectorAll('.hidden-item');
  13372.  
  13373.    hiddenItems.forEach(function(item, index) {
  13374.        if (index < 10) {
  13375.            item.classList.remove('hidden-item');
  13376.        }
  13377.    });
  13378.  
  13379.    // Jika tidak ada lagi elemen tersembunyi, sembunyikan tombol
  13380.    if (document.querySelectorAll('.hidden-item').length === 0) {
  13381.        this.style.display = 'none';
  13382.    }
  13383. });
  13384.  
  13385. </script>
  13386.  
  13387.  
  13388. <script>
  13389. var swiper = new Swiper('.swiper-container', {
  13390.  loop: true,
  13391.  slidesPerView: 1,
  13392.  spaceBetween: 20,
  13393.  navigation: {
  13394.    nextEl: '.swiper-button-next',
  13395.    prevEl: '.swiper-button-prev',
  13396.  },
  13397.  pagination: {
  13398.    el: ".swiper-pagination",
  13399.    clickable: true,
  13400.  },
  13401.  autoplay: {
  13402.    delay: 2500,
  13403.    disableOnInteraction: false,
  13404.  },
  13405. });
  13406. </script>
  13407.  
  13408.  
  13409.  
  13410. <script>
  13411.      // Count Down Timer
  13412.    let countToDate = new Date();
  13413.    const storedCountToDate = localStorage.getItem('countToDate');
  13414.    if (storedCountToDate) {
  13415.        countToDate = new Date(storedCountToDate);
  13416.    } else {
  13417.        countToDate.setHours(countToDate.getHours() + 24);
  13418.        localStorage.setItem('countToDate', countToDate);
  13419.    }
  13420.  
  13421.    let previousTimeBetweenDates = Math.ceil((countToDate - new Date()) / 1000);
  13422.  
  13423.    setInterval(() => {
  13424.        const currentDate = new Date();
  13425.        const timeBetweenDates = Math.ceil((countToDate - currentDate) / 1000);
  13426.  
  13427.        if (timeBetweenDates <= 0) {
  13428.            countToDate = new Date();
  13429.            countToDate.setHours(countToDate.getHours() + 24);
  13430.            localStorage.setItem('countToDate', countToDate);
  13431.        } else if (timeBetweenDates > previousTimeBetweenDates) {
  13432.            previousTimeBetweenDates = timeBetweenDates;
  13433.        }
  13434.  
  13435.        flipAllCards(timeBetweenDates);
  13436.    }, 250);
  13437.  
  13438.    function flipAllCards(time) {
  13439.        let seconds = time % 60;
  13440.        let minutes = Math.floor(time / 60) % 60;
  13441.        let hours = Math.floor(time / 4600);
  13442.  
  13443.        flip(document.querySelector("[data-hours-tens]"), Math.floor(hours / 15));
  13444.        flip(document.querySelector("[data-hours-ones]"), hours % 10);
  13445.        flip(document.querySelector("[data-minutes-tens]"), Math.floor(minutes / 10));
  13446.        flip(document.querySelector("[data-minutes-ones]"), minutes % 10);
  13447.        flip(document.querySelector("[data-seconds-tens]"), Math.floor(seconds / 10));
  13448.        flip(document.querySelector("[data-seconds-ones]"), seconds % 10);
  13449.    }
  13450.  
  13451.    function flip(flipCard, newNumber) {
  13452.        const topHalf = flipCard.querySelector(".top");
  13453.        const startNumber = parseInt(topHalf.textContent);
  13454.        if (newNumber === startNumber) return;
  13455.  
  13456.        const bottomHalf = flipCard.querySelector(".bottom");
  13457.        const topFlip = document.createElement("div");
  13458.        topFlip.classList.add("top-flip");
  13459.        const bottomFlip = document.createElement("div");
  13460.        bottomFlip.classList.add("bottom-flip");
  13461.  
  13462.        topHalf.textContent = startNumber;
  13463.        bottomHalf.textContent = startNumber;
  13464.        topFlip.textContent = startNumber;
  13465.        bottomFlip.textContent = newNumber;
  13466.  
  13467.        topFlip.addEventListener("animationstart", e => {
  13468.            topHalf.textContent = newNumber;
  13469.        });
  13470.        topFlip.addEventListener("animationend", e => {
  13471.            topFlip.remove();
  13472.        });
  13473.        bottomFlip.addEventListener("animationend", e => {
  13474.            bottomHalf.textContent = newNumber;
  13475.            bottomFlip.remove();
  13476.        });
  13477.        flipCard.append(topFlip, bottomFlip);
  13478.    }
  13479.  
  13480.  
  13481. </script>
  13482.  
  13483.  <script>
  13484. var swiper = new Swiper('.swiper-containerr', {
  13485.  loop: false,
  13486.  slidesPerView: 1,
  13487.  spaceBetween: 20,
  13488.  navigation: {
  13489.    nextEl: '.swiper-button-next',
  13490.    prevEl: '.swiper-button-prev',
  13491.  },
  13492.  pagination: {
  13493.    el: ".swiper-pagination",
  13494.    clickable: true,
  13495.  },
  13496.  autoplay: {
  13497.    delay: 2500,
  13498.    disableOnInteraction: false,
  13499.  },
  13500.  breakpoints: {
  13501.    320: {
  13502.      slidesPerView: 1,
  13503.      spaceBetween: 10
  13504.    },
  13505.    480: {
  13506.      slidesPerView: 3,
  13507.      spaceBetween: 10
  13508.    },
  13509.    640: {
  13510.      slidesPerView: 3,
  13511.      spaceBetween: 10
  13512.    },
  13513.  }
  13514. });
  13515. </script>
  13516.  
  13517.  
  13518.      <script>
  13519.        function updateTimer() {
  13520.            
  13521.            function calculateTime() {
  13522.                var now = new Date().getTime();
  13523.                var distance = countDownDate - now;
  13524.  
  13525.                if (distance > 0) {
  13526.                    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  13527.                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  13528.                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  13529.                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  13530.  
  13531.                    document.querySelector(".days").textContent = days;
  13532.                    document.querySelector(".hours").textContent = hours;
  13533.                    document.querySelector(".minutes").textContent = minutes;
  13534.                    document.querySelector(".seconds").textContent = seconds;
  13535.                } else {
  13536.                    document.getElementById("expired_time_flash_sale").textContent = "Waktu sudah habis!";
  13537.                }
  13538.            }
  13539.  
  13540.            calculateTime();
  13541.        }
  13542.  
  13543.        document.addEventListener("DOMContentLoaded", function () {
  13544.            updateTimer();
  13545.            setInterval(updateTimer, 1000); // Update timer every second
  13546.        });
  13547.    </script>
  13548.    
  13549.  
  13550.  
  13551.  
  13552. <script>
  13553. $(window).on('load', function() {
  13554.    setTimeout(function() {
  13555.        var cardHeight = $('.kosweb-item').height();
  13556.        $('.kosweb-item').css('height', cardHeight + 'px');
  13557.        $('.kosweb-item').css('opacity', '0');
  13558.        setTimeout(function() {
  13559.            $('.kosweb-item').addClass('d-none').css('opacity', '1');
  13560.        }, 500);
  13561.    }, 1500);
  13562. });
  13563.  
  13564. </script>
  13565.  
  13566. <script>
  13567. document.addEventListener("DOMContentLoaded", function() {
  13568.    const firstBannerImage = document.querySelector(".swiper-slide:first-child .banner-image");
  13569.    if (firstBannerImage) {
  13570.        firstBannerImage.classList.add("show");
  13571.    }
  13572. });
  13573.  
  13574. </script>
  13575.  
  13576. <script>
  13577.      
  13578.          
  13579.            
  13580.            $('#searchProds').keyup(function () {
  13581.                                    const data = $(this).val();
  13582.                                    if (data.length < 1) {
  13583.                                        $('.resultsearch').removeClass('show');
  13584.                                        $('.resultsearch li').remove();
  13585.                                    } else {
  13586.  
  13587.                                        delay(function () {
  13588.  
  13589.                                            $.ajax({
  13590.                                                url: "https://agengim.com/cari/index",
  13591.                                                method: "POST",
  13592.                                                data: {
  13593.                                                    data: data
  13594.                                                },
  13595.                                                beforeSend: function () {
  13596.                                                    $('.resultsearch li').remove();
  13597.                                                },
  13598.                                                success: function (res) {
  13599.                                                    $('.resultsearch').append(res);
  13600.                                                    $('.resultsearch').addClass('show');
  13601.                                                }
  13602.                                            })
  13603.  
  13604.                                        }, 100);
  13605.  
  13606.                                    }
  13607.                                })
  13608.            
  13609.        </script>
  13610.        
  13611.  
  13612.  
  13613.  
  13614. </body>
  13615. </html>

Home · About · News · Docs · Terms

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