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

  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  4.  
  5. <head>
  6.    <title>Raja Diamond - Provider Top Up Games Murah Instant 100% Legal</title>
  7.    <meta charset="UTF-8">
  8.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  10.    <meta name="keywords" content="raja diamond, top up ml, top up ff, lapak gaming ff, lapakgaming, lapak gaming ml, top up ff termurah, top up ml murah, top up roblox, lapakgaming ff, top up ml pulsa, top up gim, top up game, toko game ff, top up ff murah, rajadiamond">
  11.    <meta name="description" content="Raja Diamond adalah tempat top up game online murah aman dan legal andalan remaja masa kini dengan promo top up Mobile Legends, Free Fire, Roblox, Hok, Genshin Impact lengkap pasti paling murah dan cepat di Indonesia.">
  12.    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  13.    <meta name="theme-color" content="#313335">
  14.    <meta property="og:type" content="website">
  15.    <meta property="og:url" content="https://rajadiamond.id">
  16.    <meta property="og:title" content="Raja Diamond - Provider Top Up Games Murah Instant 100% Legal">
  17.    <meta property="og:description" content="Raja Diamond adalah tempat top up game online murah aman dan legal andalan remaja masa kini dengan promo top up Mobile Legends, Free Fire, Roblox, Hok, Genshin Impact lengkap pasti paling murah dan cepat di Indonesia.">
  18.    <meta name="robots" content="index, follow">
  19.    <meta content="desktop" name="device">
  20.    <meta name="author" content="Raja Diamond">
  21.    <meta name="coverage" content="Worldwide">
  22.    <meta name="apple-mobile-web-app-title" content="Raja Diamond - Provider Top Up Games Murah Instant 100% Legal">
  23.    <meta name="apple-mobile-web-app-capable" content="yes">
  24.    <meta name="apple-touch-fullscreen" content="yes">
  25.    <meta name="csrf-token" content="cMIqMjDZLkMltv1SIG79R625IMStcNEA9K9DVNt7">
  26.    <meta name="twitter:image" content="https://rajadiamond.id/assets/thumbnail/codashop.jpg" />
  27.    <meta property="og:image" content="https://rajadiamond.id/assets/thumbnail/codashop.jpg">
  28.    <meta property="og:image:width" content="600">
  29.    <meta property="og:image:height" content="auto">
  30.    <link rel="canonical" href="https://rajadiamond.id">
  31.    <link rel="stylesheet" href="https://rajadiamond.id/assets/css/animate.css">
  32.    <link rel="stylesheet" href="https://rajadiamond.id/assetss/css/circles.css">
  33.    <link rel="stylesheet" href="https://rajadiamond.id/assetss/css/app-style.css">
  34.    <link rel="shortcut icon" href="/assets/thumbnail/codashop.jpg">
  35.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">
  36.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
  37.    
  38.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/yellow/pace-theme-flash.min.css">
  39.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
  40.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
  41.    <script src="https://use.fontawesome.com/6da2e1892f.js">
  42.    </script>
  43.    <script src="https://kit.fontawesome.com/c9d177bf3.js" crossorigin="anonymous">
  44.    </script>
  45.    <script src="https://rajadiamond.id/assetss/js/app.js" type="text/javascript">
  46.    </script>
  47.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
  48.  
  49.    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js">
  50.    </script>
  51.    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css">
  52.    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  53.  
  54.    <link rel="stylesheet" href="https://rajadiamond.id/assets/flipdown/flipdown.css" />
  55.    <script type="text/javascript" src="https://rajadiamond.id/assets/flipdown/flipdown.js"></script>
  56.    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  57.    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  58.  
  59.  
  60.        
  61. <!-- Google tag (gtag.js) -->
  62. <script async src="https://www.googletagmanager.com/gtag/js?id=G-F98XP581Q4"></script>
  63. <script>
  64.  window.dataLayer = window.dataLayer || [];
  65.  function gtag(){dataLayer.push(arguments);}
  66.  gtag('js', new Date());
  67.  
  68.  gtag('config', 'G-F98XP581Q4');
  69. </script>
  70.    <!-- End Google Tag Manager -->
  71.    
  72.    <!-- Google Tag Manager -->
  73. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  74. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  75. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  76. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  77. })(window,document,'script','dataLayer','GTM-N76TH6MS');</script>
  78. <!-- End Google Tag Manager -->
  79. </head>
  80.  
  81. <style>
  82.    @import  url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;800&display=swap');
  83.  
  84.  
  85.    body {
  86.        font-family: 'Plus Jakarta Sans', sans-serif;
  87.  
  88.    }
  89.  
  90.  
  91.    a {
  92.        color: white;
  93.    }
  94.  
  95.  
  96.    .bg-thema {
  97.        background-color: rgb(0, 0, 0, 0.75);
  98.    }
  99.  
  100.  
  101.    .rating-color {
  102.  
  103.        color: #fbc634 !important;
  104.  
  105.    }
  106.  
  107.  
  108.    .nav-link {
  109.  
  110.        color: #fe6c17;
  111.        display: block;
  112.        padding: 0.5rem 1rm;
  113.        text-decoration: none;
  114.        transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  115.  
  116.    }
  117.  
  118.    .resultsearch .dropdown-item:hover {
  119.        background: linear-gradient(126deg, rgba(17, 24, 40, 1) 0%, rgba(100, 108, 121, 1) 50%);
  120.  
  121.  
  122.    }
  123.  
  124.  
  125.  
  126.  
  127.    .bg-light {
  128.  
  129.        --bs-bg-opacity: 1;
  130.  
  131.    }
  132.  
  133.  
  134.    .bg-nvd {
  135.        background-color: hsl(var(--popular-bg));
  136.        color: var(--text-color);
  137.        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  138.        background-repeat: no-repeat;
  139.        background-position: top;
  140.        background-size: clamp(60em, 100rem, 100em) auto, cover;
  141.    }
  142.  
  143.  
  144.    .grecaptcha-badge {
  145.  
  146.        visibility: hidden;
  147.  
  148.    }
  149.  
  150.  
  151.  
  152.    a.text-base:hover {
  153.  
  154.        color: #fff;
  155.  
  156.    }
  157.  
  158.  
  159.  
  160.    .btn-orange {
  161.  
  162.        color: #f39200;
  163.  
  164.        background-color: #f39200 !important;
  165.  
  166.        border-color: #f39200 !important;
  167.  
  168.    }
  169.  
  170.  
  171.    .btn-primary {
  172.        color: #0a0a0a;
  173.        background-color: #FDFD34 !important;
  174.        border-color: #FDFD34 !important;
  175.    }
  176.  
  177.    .btn-primary:hover {
  178.        color: #000000;
  179.        background-color: #ffff6c !important;
  180.        border-color: #ffff6c !important;
  181.    }
  182.  
  183.  
  184.  
  185.    .btn-voucher {
  186.  
  187.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  188.  
  189.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  190.  
  191.        position: relative;
  192.  
  193.        overflow: hidden;
  194.  
  195.    }
  196.  
  197.  
  198.  
  199.    .btn-voucher::after {
  200.  
  201.        --tw-skew-x: -12deg;
  202.  
  203.        --tw-translate-x: -100%;
  204.  
  205.        content: var(--tw-content);
  206.  
  207.        position: absolute;
  208.  
  209.        top: 0;
  210.  
  211.        left: 0;
  212.  
  213.        width: 11%;
  214.  
  215.        height: 100%;
  216.  
  217.        background-color: hsl(63, 1%, 78%);
  218.  
  219.        transform: translateX(var(--tw-translate-x)) skewX(var(--tw-skew-x));
  220.  
  221.        animation: hightlight 5s ease-in infinite forwards;
  222.  
  223.    }
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.    .button-action-payment li.active {
  232.  
  233.        border: 1px solid transparent;
  234.  
  235.        background: rgb(255, 255, 255);
  236.  
  237.        filter: grayscale(0%);
  238.  
  239.    }
  240.  
  241.  
  242.  
  243.    .xxs {
  244.  
  245.        font-size: 0.4rem;
  246.  
  247.    }
  248.  
  249.  
  250.  
  251.    .button-action-payment li {
  252.  
  253.        border: 1px solid rgba(202, 202, 202, 0.398);
  254.  
  255.        padding: 10px;
  256.  
  257.        border-radius: 0.3em;
  258.  
  259.        margin-bottom: 10px;
  260.  
  261.        position: relative;
  262.  
  263.        display: list-item;
  264.  
  265.        text-align: -webkit-match-parent;
  266.  
  267.        background: rgb(208, 208, 208);
  268.  
  269.        -webkit-filter: grayscale(100%);
  270.  
  271.        /* Safari 6.0 - 9.0 */
  272.  
  273.        filter: grayscale(100%);
  274.  
  275.    }
  276.  
  277.  
  278.  
  279.    .button-action-payment input[type="radio"]:checked+.payment-item {
  280.  
  281.        color: #fd7300;
  282.  
  283.    }
  284.  
  285.  
  286.  
  287.  
  288.  
  289.    .strip-primary {
  290.  
  291.        background-color: #e10603 !important;
  292.  
  293.        position: absolute;
  294.  
  295.        width: 60px;
  296.  
  297.        height: 5px;
  298.  
  299.        border-radius: 10px;
  300.  
  301.    }
  302.  
  303.  
  304.  
  305.    .wave {
  306.  
  307.        min-height: 100%;
  308.  
  309.        background-attachment: scroll;
  310.  
  311.        /* background-image: url("https://bosstore.my.id/assets/img/wave.svg"); */
  312.  
  313.        background-repeat: no-repeat;
  314.  
  315.        background-position: bottom left, bottom right;
  316.  
  317.    }
  318.  
  319.  
  320.  
  321.    .wave2 {
  322.  
  323.        min-height: 100%;
  324.  
  325.        background-attachment: fixed;
  326.  
  327.        /* background-image: url("https://bosstore.my.id/assets/img/wave2.svg"); */
  328.  
  329.        background-repeat: no-repeat;
  330.  
  331.        background-position: top left, top right;
  332.  
  333.    }
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.    @media (min-width: 576px) .content-body {
  342.  
  343.        margin: 0 auto;
  344.  
  345.        max-width: 1200px;
  346.  
  347.        padding-top: 80px;
  348.  
  349.    }
  350.  
  351.    .content-body {
  352.  
  353.        padding: 0 15px;
  354.  
  355.        padding-top: 9px;
  356.  
  357.    }
  358.  
  359.  
  360.    .fab-icon-holder {
  361.  
  362.        width: 45px;
  363.  
  364.        height: 45px;
  365.  
  366.        bottom: 140px;
  367.  
  368.        left: 10px;
  369.  
  370.        color: #FFF;
  371.  
  372.        background: #FFF;
  373.  
  374.        /* padding: 1px; */
  375.  
  376.        border-radius: 10px;
  377.  
  378.        text-align: center;
  379.  
  380.        font-size: 30px;
  381.  
  382.        z-index: 99999;
  383.  
  384.    }
  385.  
  386.  
  387.  
  388.    .fab-icon-holder:hover {
  389.  
  390.        opacity: 0.8;
  391.        padding: 5px
  392.    }
  393.  
  394.  
  395.  
  396.    .fab-icon-holder i {
  397.  
  398.        display: flex;
  399.  
  400.        align-items: center;
  401.  
  402.        justify-content: center;
  403.  
  404.        height: 100%;
  405.  
  406.        font-size: 25px;
  407.  
  408.        color: #ffffff;
  409.  
  410.    }
  411.  
  412.  
  413.  
  414.    .fab-options {
  415.  
  416.        list-style-type: none;
  417.  
  418.        margin: 0;
  419.  
  420.        position: absolute;
  421.  
  422.        bottom: 48px;
  423.  
  424.        left: -37px;
  425.  
  426.        opacity: 0;
  427.  
  428.        transition: all 0.3s ease;
  429.  
  430.        transform: scale(0);
  431.  
  432.        transform-origin: 85% bottom;
  433.  
  434.  
  435.    }
  436.  
  437.  
  438.  
  439.    .fab:hover+.fab-options,
  440.  
  441.    .fab-options:hover {
  442.  
  443.        opacity: 1;
  444.  
  445.        transform: scale(1);
  446.        left: -5px;
  447.  
  448.    }
  449.  
  450.  
  451.  
  452.    .fab-options li {
  453.  
  454.        display: flex;
  455.  
  456.        justify-content: flex-start;
  457.  
  458.        padding: 5px;
  459.  
  460.    }
  461.  
  462.  
  463.  
  464.    .fab-label {
  465.  
  466.        padding: 5px 5px;
  467.  
  468.        align-self: center;
  469.  
  470.        user-select: none;
  471.  
  472.        white-space: nowrap;
  473.  
  474.        border-radius: 3px;
  475.  
  476.        font-size: 16px;
  477.  
  478.        background: #666666;
  479.  
  480.        color: #ffffff;
  481.  
  482.        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  483.  
  484.        margin-left: 10px;
  485.  
  486.    }
  487.  
  488.  
  489.  
  490.  
  491.  
  492.    .d-flex {
  493.  
  494.        display: -ms-flexbox !important;
  495.  
  496.        display: flex !important;
  497.  
  498.    }
  499.  
  500.  
  501.  
  502.    .d-flex2 {
  503.  
  504.        background-color: #212529;
  505.  
  506.    }
  507.  
  508.  
  509.  
  510.    .img-chat {
  511.  
  512.        max-width: 100%;
  513.  
  514.        height: auto;
  515.  
  516.        /* background-color: #f89728; */
  517.  
  518.        border-radius: 10px;
  519.  
  520.    }
  521.  
  522.  
  523.  
  524.    .btn-topup {
  525.  
  526.        color: #fff3e2 !important;
  527.  
  528.        background-color: #fe6c17 !important;
  529.  
  530.        width: 90%;
  531.  
  532.        max-width: 100px;
  533.  
  534.    }
  535.  
  536.  
  537.  
  538.    .btn-topup:hover {
  539.  
  540.        color: #fff3e2 !important;
  541.  
  542.        background-color: #c44d09 !important;
  543.  
  544.        border-color: #c44d09;
  545.  
  546.        width: 90%;
  547.  
  548.    }
  549.  
  550.  
  551.  
  552.    .rounded-img-buy {
  553.  
  554.        border-radius: 10% !important;
  555.  
  556.    }
  557.  
  558.  
  559.  
  560.    .size-img-buy {
  561.  
  562.        width: 90%;
  563.  
  564.        /* border-radius: 12px; */
  565.  
  566.        height: auto;
  567.  
  568.  
  569.  
  570.    }
  571.  
  572.  
  573.  
  574.    .size-img-buy-v {
  575.  
  576.        width: 90%;
  577.  
  578.        height: auto;
  579.  
  580.        text-align: center;
  581.  
  582.    }
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.    .col-bjconfirm {
  591.  
  592.        flex: 0 0 auto;
  593.  
  594.        width: 50%;
  595.  
  596.        font-size: 14px;
  597.  
  598.        text-align: right;
  599.  
  600.    }
  601.  
  602.  
  603.  
  604.    .col-bjconfirm2 {
  605.  
  606.        flex: 0 0 auto;
  607.  
  608.        width: 50%;
  609.  
  610.        font-size: 14px;
  611.  
  612.        text-align: left;
  613.  
  614.    }
  615.  
  616.  
  617.  
  618.    .col-bjconfirm3 {
  619.  
  620.        flex: 0 0 auto;
  621.  
  622.        width: 100%;
  623.  
  624.        font-size: 11px;
  625.  
  626.        text-align: center;
  627.  
  628.    }
  629.  
  630.  
  631.  
  632.    .col-bjinv {
  633.  
  634.        flex: 0 0 auto;
  635.  
  636.        width: 50%;
  637.  
  638.        font-size: 14px;
  639.  
  640.        text-align: right;
  641.  
  642.    }
  643.  
  644.  
  645.  
  646.    .col-bjinv2 {
  647.  
  648.        flex: 0 0 auto;
  649.  
  650.        width: 50%;
  651.  
  652.        font-size: 14px;
  653.  
  654.    }
  655.  
  656.  
  657.  
  658.    .col-bjinv3 {
  659.  
  660.        flex: 0 0 auto;
  661.  
  662.        width: 50%;
  663.  
  664.        font-size: 20px;
  665.  
  666.        font-weight: bold;
  667.  
  668.    }
  669.  
  670.  
  671.  
  672.  
  673.  
  674.    .nav-pills .nav-link.active,
  675.        {
  676.  
  677.        color: #fff;
  678.    }
  679.  
  680.  
  681.    .nav-pills .show>.nav-link {
  682.  
  683.        background-color: #cc0000;
  684.  
  685.        color: #fff;
  686.  
  687.        border: none;
  688.  
  689.    }
  690.  
  691.  
  692.  
  693.    .nav-pills .nav-link {
  694.  
  695.        background-color: #8a1111;
  696.  
  697.        color: #fff;
  698.  
  699.        padding: 0.5rem 1rem;
  700.  
  701.        margin-right: 1px;
  702.  
  703.  
  704.  
  705.    }
  706.  
  707.  
  708.  
  709.    .nav-pills .nav-link:hover {
  710.  
  711.        background-color: #c81010;
  712.  
  713.        color: #fff;
  714.  
  715.    }
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.    .nav-link {
  726.  
  727.        color: #e10603;
  728.  
  729.        display: block;
  730.  
  731.        padding: 0.5rem 1rem;
  732.  
  733.        text-decoration: none;
  734.  
  735.        transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s;
  736.  
  737.    }
  738.  
  739.  
  740.  
  741.    .nav-link:focus,
  742.  
  743.    .nav-link:hover {
  744.  
  745.        color: #fff;
  746.  
  747.  
  748.  
  749.    }
  750.  
  751.  
  752.  
  753.  
  754.  
  755.    .scroll-up-btn {
  756.  
  757.        display: none;
  758.  
  759.        position: fixed;
  760.  
  761.        width: 45px;
  762.  
  763.        height: 45px;
  764.  
  765.        bottom: 19px;
  766.  
  767.        right: 10px;
  768.  
  769.        color: #FFF;
  770.  
  771.        border: 1px solid #494456;
  772.  
  773.        background: #494456;
  774.  
  775.        border-radius: 10px;
  776.  
  777.        text-align: center;
  778.  
  779.        font-size: 16px;
  780.  
  781.        z-index: 99999;
  782.  
  783.    }
  784.  
  785.    }
  786.  
  787.  
  788.  
  789.    .fa-chevron-up {
  790.  
  791.        margin-top: -2px;
  792.  
  793.    }
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.    .carousel-indicators {
  804.  
  805.        position: absolute;
  806.  
  807.        bottom: 0;
  808.  
  809.        margin-bottom: -7px;
  810.  
  811.    }
  812.  
  813.  
  814.  
  815.    .carousel-indicators li {
  816.  
  817.        border-radius: 50%;
  818.  
  819.        width: 10px !important;
  820.  
  821.        height: 10px !important;
  822.  
  823.  
  824.  
  825.    }
  826.  
  827.  
  828.  
  829.    .carousel-indicators .active {
  830.  
  831.        background-color: #f39200;
  832.  
  833.    }
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.    .regular-price {
  846.  
  847.        text-decoration: line-through;
  848.        font-size: 15px !important;
  849.        font-style: normal !important;
  850.        color: red;
  851.  
  852.    }
  853.  
  854.  
  855.  
  856.    .sale-price {
  857.  
  858.        margin-left: 0px;
  859.        font-size: 15px !important;
  860.        font-style: normal !important;
  861.    }
  862.  
  863.  
  864.  
  865.  
  866.  
  867.    .text-end {
  868.  
  869.        text-align: right !important;
  870.  
  871.    }
  872.  
  873.  
  874.  
  875.    .bg-abu {
  876.  
  877.        background-color: #1e2022;
  878.  
  879.    }
  880.  
  881.  
  882.  
  883.    .border-merah {
  884.  
  885.        border: 1px solid white;
  886.  
  887.    }
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895.  
  896.    .size-img-buy {
  897.  
  898.        width: 60%;
  899.  
  900.        /* border-radius: 12px; */
  901.  
  902.        height: auto;
  903.  
  904.    }
  905.  
  906.    .rounded-img-buy {
  907.  
  908.        border-radius: 10% !important;
  909.  
  910.    }
  911.  
  912.  
  913.  
  914.  
  915.  
  916.    img,
  917.    svg {
  918.  
  919.        vertical-align: middle;
  920.  
  921.    }
  922.  
  923.    * {
  924.  
  925.        box-sizing: border-box;
  926.  
  927.    }
  928.  
  929.    *,
  930.    :after,
  931.    :before {
  932.  
  933.        box-sizing: border-box;
  934.  
  935.    }
  936.  
  937.    user agent stylesheet img {
  938.  
  939.        overflow-clip-margin: content-box;
  940.  
  941.        overflow: clip;
  942.  
  943.    }
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951.    .bg-transparent {
  952.  
  953.        --bs-bg-opacity: 1;
  954.  
  955.        background-color: transparent !important;
  956.  
  957.    }
  958.  
  959.  
  960.  
  961.    .rounded {
  962.  
  963.        border-radius: 0.25rem !important;
  964.  
  965.    }
  966.  
  967.    .bg-transparent {
  968.  
  969.        --bs-bg-opacity: 1;
  970.  
  971.        background-color: transparent !important;
  972.  
  973.    }
  974.  
  975.    .text-center {
  976.  
  977.        text-align: center !important;
  978.  
  979.    }
  980.  
  981.    .p-2 {
  982.  
  983.        padding: 0.5rem !important;
  984.  
  985.    }
  986.  
  987.    .h-100 {
  988.  
  989.        height: 100% !important;
  990.  
  991.    }
  992.  
  993.    .border-0 {
  994.  
  995.        border: 0 !important;
  996.  
  997.    }
  998.  
  999.  
  1000.  
  1001.    * {
  1002.  
  1003.        box-sizing: border-box;
  1004.  
  1005.    }
  1006.  
  1007.    *,
  1008.    :after,
  1009.    :before {
  1010.  
  1011.        box-sizing: border-box;
  1012.  
  1013.    }
  1014.  
  1015.    user agent stylesheet div {
  1016.  
  1017.        display: block;
  1018.  
  1019.    }
  1020.  
  1021.    .g-2,
  1022.    .gy-2 {
  1023.  
  1024.        --bs-gutter-y: 0.5rem;
  1025.  
  1026.    }
  1027.  
  1028.    .g-2,
  1029.    .gx-2 {
  1030.  
  1031.        --bs-gutter-x: 0.5rem;
  1032.  
  1033.    }
  1034.  
  1035.    .row {
  1036.  
  1037.        --bs-gutter-x: 1.5rem;
  1038.  
  1039.        --bs-gutter-y: 0;
  1040.  
  1041.        display: flex;
  1042.  
  1043.        flex-wrap: wrap;
  1044.  
  1045.        margin-left: calc(var(--bs-gutter-x)*-.5);
  1046.  
  1047.        margin-right: calc(var(--bs-gutter-x)*-.5);
  1048.  
  1049.        margin-top: calc(var(--bs-gutter-y)*-1);
  1050.  
  1051.    }
  1052.  
  1053.    .text-white {
  1054.  
  1055.        --bs-text-opacity: 1;
  1056.  
  1057.        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
  1058.  
  1059.    }
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065.    .pt-12 {
  1066.  
  1067.        padding-top: 3rem;
  1068.  
  1069.    }
  1070.  
  1071.    .px-4 {
  1072.  
  1073.        padding-left: 1rem;
  1074.  
  1075.        padding-right: 1rem;
  1076.  
  1077.    }
  1078.  
  1079.    .max-w-7xl {
  1080.  
  1081.        max-width: 80rem;
  1082.  
  1083.    }
  1084.  
  1085.    .mx-auto {
  1086.  
  1087.        margin-left: auto;
  1088.  
  1089.        margin-right: auto;
  1090.  
  1091.    }
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.    .btn-topup {
  1102.  
  1103.        color: #fff3e2 !important;
  1104.  
  1105.        background-color: #e10603 !important;
  1106.  
  1107.        width: 90%;
  1108.  
  1109.        max-width: 100px;
  1110.  
  1111.    }
  1112.  
  1113.  
  1114.  
  1115.    .btn-topup:hover {
  1116.  
  1117.        color: #fff3e2 !important;
  1118.  
  1119.        background-color: #7e0d0b !important;
  1120.  
  1121.        width: 90%;
  1122.  
  1123.        max-width: 100px;
  1124.  
  1125.    }
  1126.  
  1127.  
  1128.    .hover\:bg-yellow-400:hover {
  1129.        --tw-bg-opacity: 1;
  1130.        background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  1131.    }
  1132.  
  1133.    .bg-yellow-500 {
  1134.        --tw-bg-opacity: 1;
  1135.        background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
  1136.    }
  1137.  
  1138.  
  1139.    .nick {
  1140.  
  1141.        font-weight: bold;
  1142.  
  1143.        color: red;
  1144.  
  1145.  
  1146.    }
  1147.  
  1148.    .label {
  1149.  
  1150.        font-weight: bold;
  1151.  
  1152.    }
  1153.  
  1154.  
  1155.    .card {
  1156.        border-radius: 10px;
  1157.  
  1158.    }
  1159.  
  1160.  
  1161.  
  1162.  
  1163.    .bg-card {
  1164.  
  1165.        color: #fff;
  1166.  
  1167.        background: var(--warna_4) !important
  1168.    }
  1169.  
  1170.  
  1171.  
  1172.    .navbar {
  1173.  
  1174.        color: #fff;
  1175.  
  1176.        background: var(--warna_2)
  1177.    }
  1178.  
  1179.  
  1180.  
  1181.    .navbar-toggler {
  1182.  
  1183.        font-size: 32px
  1184.    }
  1185.  
  1186.  
  1187.  
  1188.    .offcanvas.offcanvas-end {
  1189.  
  1190.        background: var(--warna_2)
  1191.    }
  1192.  
  1193.  
  1194.  
  1195.    .navbar-nav .nav-link {
  1196.  
  1197.        color: #fff
  1198.    }
  1199.  
  1200.  
  1201.  
  1202.    .btn-login {
  1203.  
  1204.        color: #fff;
  1205.  
  1206.        background: #0d6efd !important
  1207.    }
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213.  
  1214.  
  1215.    @media (min-width:768px) {
  1216.  
  1217.        .resultsearch {
  1218.  
  1219.            width: 50%;
  1220.  
  1221.            max-height: 500px;
  1222.  
  1223.            transform: translate(220px, 50px)
  1224.        }
  1225.  
  1226.        .css-6qw8qz {
  1227.            border: 1px solid rgba(203, 203, 203, 0.5);
  1228.            background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1229.        }
  1230.  
  1231.    }
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237.    .resultsearch {
  1238.  
  1239.        width: 100%;
  1240.  
  1241.        inset: 0 auto auto 0;
  1242.  
  1243.        margin: 0;
  1244.  
  1245.        transform: translate(0, 50px);
  1246.  
  1247.        background-color: #000;
  1248.  
  1249.        border-color: rgba(0, 0, 0, .15);
  1250.  
  1251.        color: #fff;
  1252.  
  1253.        overflow-y: auto;
  1254.  
  1255.        max-height: 500px
  1256.    }
  1257.  
  1258.  
  1259.  
  1260.    @media (min-width:768px) {
  1261.  
  1262.        .resultsearch {
  1263.  
  1264.            width: 50%;
  1265.  
  1266.            max-height: 500px;
  1267.  
  1268.            transform: translate(220px, 50px)
  1269.        }
  1270.  
  1271.        .css-6qw8qz {
  1272.            border: 1px solid rgba(203, 203, 203, 0.5);
  1273.            background: linear-gradient(163.42deg, rgb(50, 50, 62) -107%, rgba(255, 255, 255, 0) 105.46%);
  1274.        }
  1275.  
  1276.    }
  1277.  
  1278.  
  1279.  
  1280.    .resultsearch .dropdown-item:hover {
  1281.  
  1282.        background-color: #000;
  1283.  
  1284.        color: #fff
  1285.    }
  1286.  
  1287.  
  1288.  
  1289.    .search-bar input {
  1290.  
  1291.        border: none;
  1292.  
  1293.        color: rgb(156 163 175);
  1294.  
  1295.        background: #fff;
  1296.  
  1297.        border-radius: 9999px
  1298.    }
  1299.  
  1300.  
  1301.  
  1302.    .search-bar span {
  1303.  
  1304.        border: none;
  1305.  
  1306.        border-radius: 9999px;
  1307.  
  1308.        color: rgb(156 163 175);
  1309.  
  1310.        background: #fff
  1311.    }
  1312.  
  1313.  
  1314.  
  1315.    .search-bar ::placeholder {
  1316.  
  1317.        color: #878aad;
  1318.  
  1319.        opacity: 1
  1320.    }
  1321.  
  1322.  
  1323.  
  1324.    .input-box:focus {
  1325.  
  1326.        color: #000;
  1327.  
  1328.        background: #fff
  1329.    }
  1330.  
  1331.  
  1332.  
  1333.    .img-search {
  1334.  
  1335.        padding-left: 15px
  1336.    }
  1337.  
  1338.  
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344.    .fab-container {
  1345.  
  1346.        position: fixed;
  1347.  
  1348.        bottom: 70px;
  1349.  
  1350.        right: 10px;
  1351.  
  1352.        z-index: 999;
  1353.  
  1354.        cursor: pointer
  1355.    }
  1356.  
  1357.  
  1358.  
  1359.    .fab-icon-holder {
  1360.  
  1361.        width: 45px;
  1362.  
  1363.        height: 45px;
  1364.  
  1365.        bottom: 140px;
  1366.  
  1367.        left: 10px;
  1368.  
  1369.        color: #fff;
  1370.  
  1371.        background: #fff;
  1372.  
  1373.        border-radius: 10px;
  1374.  
  1375.        text-align: center;
  1376.  
  1377.        font-size: 30px;
  1378.  
  1379.        z-index: 99999
  1380.    }
  1381.  
  1382.  
  1383.  
  1384.    .fab-icon-holder:hover {
  1385.  
  1386.        opacity: .8
  1387.    }
  1388.  
  1389.  
  1390.  
  1391.    .fab-icon-holder i {
  1392.  
  1393.        display: flex;
  1394.  
  1395.        align-items: center;
  1396.  
  1397.        justify-content: center;
  1398.  
  1399.        height: 100%;
  1400.  
  1401.        font-size: 25px;
  1402.  
  1403.        color: #fff
  1404.    }
  1405.  
  1406.  
  1407.  
  1408.    .fab-options {
  1409.  
  1410.        list-style-type: none;
  1411.  
  1412.        margin: 0;
  1413.  
  1414.        position: absolute;
  1415.  
  1416.        bottom: 48px;
  1417.  
  1418.        left: -37px;
  1419.  
  1420.        opacity: 0;
  1421.  
  1422.        transition: all .3s ease;
  1423.  
  1424.        transform: scale(0);
  1425.  
  1426.        transform-origin: 85% bottom
  1427.    }
  1428.  
  1429.  
  1430.  
  1431.    .fab:hover+.fab-options,
  1432.  
  1433.    .fab-options:hover {
  1434.  
  1435.        opacity: 1;
  1436.  
  1437.        transform: scale(1)
  1438.    }
  1439.  
  1440.  
  1441.  
  1442.    .fab-options li {
  1443.  
  1444.        display: flex;
  1445.  
  1446.        justify-content: flex-start;
  1447.  
  1448.        padding: 5px
  1449.    }
  1450.  
  1451.  
  1452.  
  1453.    .fab-label {
  1454.  
  1455.        padding: 2px 5px;
  1456.  
  1457.        align-self: center;
  1458.  
  1459.        user-select: none;
  1460.  
  1461.        white-space: nowrap;
  1462.  
  1463.        border-radius: 3px;
  1464.  
  1465.        font-size: 16px;
  1466.  
  1467.        background: #666;
  1468.  
  1469.        color: #fff;
  1470.  
  1471.        box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
  1472.  
  1473.        margin-left: 10px
  1474.    }
  1475.  
  1476.  
  1477.  
  1478.    .swiper-container {
  1479.  
  1480.        width: 100%;
  1481.  
  1482.        overflow: hidden
  1483.    }
  1484.  
  1485.  
  1486.  
  1487.    .swiper-slide {
  1488.  
  1489.        background-position: center;
  1490.  
  1491.        background-size: cover;
  1492.  
  1493.        width: 95%;
  1494.  
  1495.        height: 70%
  1496.    }
  1497.  
  1498.  
  1499.  
  1500.    .swiper-slide img {
  1501.  
  1502.        display: block;
  1503.  
  1504.        width: 100%;
  1505.  
  1506.        border-radius: 12px
  1507.    }
  1508.  
  1509.  
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.    .swiper-pagination {
  1516.  
  1517.        margin-top: 30px !important
  1518.    }
  1519.  
  1520.  
  1521.  
  1522.    .content-body form input {
  1523.  
  1524.        outline: none;
  1525.  
  1526.        margin-top: -30px;
  1527.  
  1528.        border: none !important;
  1529.  
  1530.        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  1531.    }
  1532.  
  1533.  
  1534.  
  1535.    .row {
  1536.  
  1537.        --bs-gutter-x: .5rem
  1538.    }
  1539.  
  1540.  
  1541.  
  1542.    .product .box {
  1543.  
  1544.        margin-bottom: 40px
  1545.    }
  1546.  
  1547.  
  1548.  
  1549.    @media (max-width:576px) {
  1550.  
  1551.        .product .box {
  1552.  
  1553.            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1554.  
  1555.            border-radius: .75rem;
  1556.  
  1557.            text-align: center;
  1558.  
  1559.            background: #646464;
  1560.  
  1561.            display: block;
  1562.  
  1563.            text-decoration: none;
  1564.  
  1565.            color: #fff;
  1566.  
  1567.            height: 11rem
  1568.        }
  1569.  
  1570.    }
  1571.  
  1572.  
  1573.  
  1574.    @media (min-width:576px) {
  1575.  
  1576.        .product .box {
  1577.  
  1578.            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  1579.  
  1580.            border-radius: .75rem;
  1581.  
  1582.            text-align: center;
  1583.  
  1584.            background: #646464;
  1585.  
  1586.            display: block;
  1587.  
  1588.            text-decoration: none;
  1589.  
  1590.            color: #fff;
  1591.  
  1592.            height: 15rem
  1593.        }
  1594.  
  1595.    }
  1596.  
  1597.  
  1598.  
  1599.    .card-product {
  1600.  
  1601.        margin-bottom: -30px;
  1602.  
  1603.        gap: .5rem
  1604.    }
  1605.  
  1606.  
  1607.  
  1608.    @media (max-width:576px) {
  1609.  
  1610.        .product p {
  1611.  
  1612.            font-size: 12px !important
  1613.        }
  1614.  
  1615.    }
  1616.  
  1617.  
  1618.  
  1619.    .product .box img {
  1620.  
  1621.        width: 100%;
  1622.  
  1623.        height: 100%;
  1624.  
  1625.        display: block;
  1626.  
  1627.        margin: auto;
  1628.  
  1629.        object-fit: cover;
  1630.  
  1631.        border-radius: .75rem
  1632.    }
  1633.  
  1634.  
  1635.  
  1636.  
  1637.  
  1638.  
  1639.  
  1640.    .footer img {
  1641.  
  1642.        padding-top: 2.5rem 0
  1643.    }
  1644.  
  1645.  
  1646.  
  1647.    .text-copyright {
  1648.  
  1649.        color: #718096;
  1650.  
  1651.        font-size: .875rem
  1652.    }
  1653.  
  1654.  
  1655.  
  1656.    .sosmed {
  1657.  
  1658.        margin-bottom: 20px
  1659.    }
  1660.  
  1661.  
  1662.  
  1663.    .sosmed a {
  1664.  
  1665.        margin: 0 10px;
  1666.  
  1667.        text-decoration: none;
  1668.  
  1669.        color: #fff
  1670.    }
  1671.  
  1672.  
  1673.  
  1674.    .sosmed i {
  1675.  
  1676.        font-size: 24px
  1677.    }
  1678.  
  1679.  
  1680.  
  1681.    .item .metode {
  1682.  
  1683.        margin: 5px 0;
  1684.  
  1685.        background: #fff;
  1686.  
  1687.        border-radius: 8px;
  1688.  
  1689.        padding: .75rem;
  1690.  
  1691.        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  1692.    }
  1693.  
  1694.  
  1695.  
  1696.    .my-form label {
  1697.  
  1698.        font-size: 1rem
  1699.    }
  1700.  
  1701.  
  1702.  
  1703.    .my-form .form-control {
  1704.  
  1705.        background: #fefefe;
  1706.  
  1707.        margin-top: 6px;
  1708.  
  1709.        border: 2px solid #fefefe !important
  1710.    }
  1711.  
  1712.  
  1713.  
  1714.    .my-form .form-control:active,
  1715.  
  1716.    .my-form .form-control:focus {
  1717.  
  1718.        border-color: #fefefe !important;
  1719.  
  1720.        box-shadow: none !important;
  1721.  
  1722.        outline: none !important
  1723.    }
  1724.  
  1725.  
  1726.  
  1727.    .method-list {
  1728.  
  1729.        overflow: hidden;
  1730.  
  1731.        cursor: pointer
  1732.    }
  1733.  
  1734.  
  1735.  
  1736.    .method-list.active {
  1737.  
  1738.        border-color: var(--warna_2) !important
  1739.    }
  1740.  
  1741.  
  1742.  
  1743.    .method-list.active:before {
  1744.  
  1745.        display: inline-block;
  1746.  
  1747.        content: 'L';
  1748.  
  1749.        position: relative;
  1750.  
  1751.        background: var(--warna_2);
  1752.  
  1753.        margin-left: -12px;
  1754.  
  1755.        height: 53px;
  1756.  
  1757.        line-height: 40px;
  1758.  
  1759.        width: 20px;
  1760.  
  1761.        text-align: center;
  1762.  
  1763.        color: #fff;
  1764.  
  1765.        top: -23px;
  1766.  
  1767.        transform: rotate(45deg) scaleX(-1)
  1768.    }
  1769.  
  1770.  
  1771.  
  1772.    .method-list.active table {
  1773.  
  1774.        margin-top: -53px
  1775.    }
  1776.  
  1777.  
  1778.  
  1779.    .search-item {
  1780.  
  1781.        width: 50%
  1782.    }
  1783.  
  1784.  
  1785.  
  1786.    @media (min-width:768px) {
  1787.  
  1788.        .search-item {
  1789.  
  1790.            width: 50%;
  1791.  
  1792.            margin-left: 100px
  1793.        }
  1794.  
  1795.    }
  1796.  
  1797.  
  1798.  
  1799.  
  1800.  
  1801.  
  1802.  
  1803.    .flex-1 {
  1804.  
  1805.        flex: 1 1 0%
  1806.    }
  1807.  
  1808.  
  1809.  
  1810.    .card {
  1811.        background: linear-gradient(163.42deg, rgba(55, 67, 83, 0.765) -107%, rgba(255, 255, 255, 0) 105.46%);
  1812.        border: none !important;
  1813.  
  1814.  
  1815.  
  1816.  
  1817.    }
  1818.  
  1819.  
  1820.  
  1821.    .bottom-6 {
  1822.  
  1823.        bottom: 3rem !important
  1824.    }
  1825.  
  1826.  
  1827.  
  1828.    .absolute {
  1829.  
  1830.        position: absolute !important
  1831.    }
  1832.  
  1833.  
  1834.  
  1835.    .mobile {
  1836.  
  1837.        backdrop-filter: blur(1px);
  1838.  
  1839.        border-radius: 20px 20px 20px 20px;
  1840.  
  1841.        height: 60px;
  1842.  
  1843.        font-weigth: bold;
  1844.  
  1845.        padding: 10px;
  1846.  
  1847.        background-color: #000;
  1848.  
  1849.        background-color: rgba(0, 0, 0, .2)
  1850.    }
  1851.  
  1852.  
  1853.  
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862.    //*tailwinds*//
  1863.  
  1864.  
  1865.  
  1866.    /*a
  1867.  
  1868. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  1869.  
  1870. */
  1871.  
  1872.  
  1873.  
  1874.    html {
  1875.  
  1876.        line-height: 1.5;
  1877.  
  1878.        -webkit-text-size-adjust: 100%;
  1879.  
  1880.        font-family: 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;
  1881.  
  1882.        font-feature-settings: normal;
  1883.  
  1884.    }
  1885.  
  1886.    hr {
  1887.  
  1888.        height: 0;
  1889.  
  1890.        color: inherit;
  1891.  
  1892.        border-top-width: 1px;
  1893.  
  1894.    }
  1895.  
  1896.    abbr:where([title]) {
  1897.  
  1898.        -webkit-text-decoration: underline dotted;
  1899.  
  1900.        text-decoration: underline dotted;
  1901.  
  1902.    }
  1903.  
  1904.    h1,
  1905.  
  1906.    h2,
  1907.  
  1908.    h3,
  1909.  
  1910.    h4,
  1911.  
  1912.    h5,
  1913.  
  1914.    h6 {
  1915.  
  1916.        font-size: inherit;
  1917.  
  1918.        font-weight: inherit;
  1919.  
  1920.    }
  1921.  
  1922.  
  1923.  
  1924.    b,
  1925.  
  1926.    strong {
  1927.  
  1928.        font-weight: bolder;
  1929.  
  1930.    }
  1931.  
  1932.    code,
  1933.  
  1934.    kbd,
  1935.  
  1936.    pre,
  1937.  
  1938.    samp {
  1939.  
  1940.        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  1941.  
  1942.        font-size: 1em;
  1943.  
  1944.    }
  1945.  
  1946.    small {
  1947.  
  1948.        font-size: 80%;
  1949.  
  1950.    }
  1951.  
  1952.    sub,
  1953.  
  1954.    sup {
  1955.  
  1956.        font-size: 75%;
  1957.  
  1958.        line-height: 0;
  1959.  
  1960.        position: relative;
  1961.  
  1962.        vertical-align: baseline;
  1963.  
  1964.    }
  1965.  
  1966.    sub {
  1967.  
  1968.        bottom: -0.25em;
  1969.  
  1970.    }
  1971.  
  1972.    sup {
  1973.  
  1974.        top: -0.5em;
  1975.  
  1976.    }
  1977.  
  1978.    table {
  1979.  
  1980.        text-indent: 0;
  1981.  
  1982.        border-color: inherit;
  1983.  
  1984.        border-collapse: collapse;
  1985.  
  1986.    }
  1987.  
  1988.    button,
  1989.  
  1990.    input,
  1991.  
  1992.    optgroup,
  1993.  
  1994.    select,
  1995.  
  1996.    textarea {
  1997.  
  1998.        font-family: inherit;
  1999.  
  2000.        font-size: 100%;
  2001.  
  2002.        font-weight: inherit;
  2003.  
  2004.        line-height: inherit;
  2005.  
  2006.        color: inherit;
  2007.  
  2008.        margin: 0;
  2009.  
  2010.        padding: 0;
  2011.  
  2012.    }
  2013.  
  2014.    button,
  2015.  
  2016.    select {
  2017.  
  2018.        text-transform: none;
  2019.  
  2020.    }
  2021.  
  2022.    [type="button"],
  2023.  
  2024.    [type="reset"],
  2025.  
  2026.    [type="submit"],
  2027.  
  2028.    button {
  2029.  
  2030.        -webkit-appearance: button;
  2031.  
  2032.        background-color: transparent;
  2033.  
  2034.        background-image: none;
  2035.  
  2036.    }
  2037.  
  2038.    :-moz-focusring {
  2039.  
  2040.        outline: auto;
  2041.  
  2042.    }
  2043.  
  2044.    :-moz-ui-invalid {
  2045.  
  2046.        box-shadow: none;
  2047.  
  2048.    }
  2049.  
  2050.    progress {
  2051.  
  2052.        vertical-align: baseline;
  2053.  
  2054.    }
  2055.  
  2056.    ::-webkit-inner-spin-button,
  2057.  
  2058.    ::-webkit-outer-spin-button {
  2059.  
  2060.        height: auto;
  2061.  
  2062.    }
  2063.  
  2064.    [type="search"] {
  2065.  
  2066.        -webkit-appearance: textfield;
  2067.  
  2068.        outline-offset: -2px;
  2069.  
  2070.    }
  2071.  
  2072.    ::-webkit-search-decoration {
  2073.  
  2074.        -webkit-appearance: none;
  2075.  
  2076.    }
  2077.  
  2078.    ::-webkit-file-upload-button {
  2079.  
  2080.        -webkit-appearance: button;
  2081.  
  2082.        font: inherit;
  2083.  
  2084.    }
  2085.  
  2086.    summary {
  2087.  
  2088.        display: list-item;
  2089.  
  2090.    }
  2091.  
  2092.    blockquote,
  2093.  
  2094.    dd,
  2095.  
  2096.    dl,
  2097.  
  2098.    figure,
  2099.  
  2100.    h1,
  2101.  
  2102.    h2,
  2103.  
  2104.    h3,
  2105.  
  2106.    h4,
  2107.  
  2108.    h5,
  2109.  
  2110.    h6,
  2111.  
  2112.    hr,
  2113.  
  2114.    p,
  2115.  
  2116.    pre {
  2117.  
  2118.        margin: 0;
  2119.  
  2120.    }
  2121.  
  2122.    fieldset {
  2123.  
  2124.        margin: 0;
  2125.  
  2126.    }
  2127.  
  2128.    fieldset,
  2129.  
  2130.    legend {
  2131.  
  2132.        padding: 0;
  2133.  
  2134.    }
  2135.  
  2136.    menu,
  2137.  
  2138.    ol,
  2139.  
  2140.    ul {
  2141.  
  2142.        list-style: none;
  2143.  
  2144.        margin: 0;
  2145.  
  2146.        padding: 0;
  2147.  
  2148.    }
  2149.  
  2150.    textarea {
  2151.  
  2152.        resize: vertical;
  2153.  
  2154.    }
  2155.  
  2156.    input::-moz-placeholder,
  2157.  
  2158.    textarea::-moz-placeholder {
  2159.  
  2160.        opacity: 1;
  2161.  
  2162.        color: #9ca3af;
  2163.  
  2164.    }
  2165.  
  2166.    input::placeholder,
  2167.  
  2168.    textarea::placeholder {
  2169.  
  2170.        opacity: 1;
  2171.  
  2172.        color: #9ca3af;
  2173.  
  2174.    }
  2175.  
  2176.    [role="button"],
  2177.  
  2178.    button {
  2179.  
  2180.        cursor: pointer;
  2181.  
  2182.    }
  2183.  
  2184.    :disabled {
  2185.  
  2186.        cursor: default;
  2187.  
  2188.    }
  2189.  
  2190.    audio,
  2191.  
  2192.    canvas,
  2193.  
  2194.    embed,
  2195.  
  2196.    iframe,
  2197.  
  2198.    img,
  2199.  
  2200.    object,
  2201.  
  2202.    svg,
  2203.  
  2204.    video {
  2205.  
  2206.        display: block;
  2207.  
  2208.        vertical-align: middle;
  2209.  
  2210.    }
  2211.  
  2212.    img,
  2213.  
  2214.    video {
  2215.  
  2216.        max-width: 100%;
  2217.  
  2218.        height: auto;
  2219.  
  2220.    }
  2221.  
  2222.    [hidden] {
  2223.  
  2224.        display: none;
  2225.  
  2226.    }
  2227.  
  2228.  
  2229.  
  2230.    .sr-only {
  2231.  
  2232.        position: absolute;
  2233.  
  2234.        width: 1px;
  2235.  
  2236.        height: 1px;
  2237.  
  2238.        padding: 0;
  2239.  
  2240.        margin: -1px;
  2241.  
  2242.        overflow: hidden;
  2243.  
  2244.        clip: rect(0, 0, 0, 0);
  2245.  
  2246.        white-space: nowrap;
  2247.  
  2248.        border-width: 0;
  2249.  
  2250.    }
  2251.  
  2252.    .pointer-events-none {
  2253.  
  2254.        pointer-events: none;
  2255.  
  2256.    }
  2257.  
  2258.    .pointer-events-auto {
  2259.  
  2260.        pointer-events: auto;
  2261.  
  2262.    }
  2263.  
  2264.    .fixed {
  2265.  
  2266.        position: fixed;
  2267.  
  2268.    }
  2269.  
  2270.    .\!absolute {
  2271.  
  2272.        position: absolute !important;
  2273.  
  2274.    }
  2275.  
  2276.    .absolute {
  2277.  
  2278.        position: absolute;
  2279.  
  2280.    }
  2281.  
  2282.    .relative {
  2283.  
  2284.        position: relative;
  2285.  
  2286.    }
  2287.  
  2288.    .sticky {
  2289.  
  2290.        position: sticky;
  2291.  
  2292.    }
  2293.  
  2294.    .inset-0 {
  2295.  
  2296.        top: 0;
  2297.  
  2298.        bottom: 0;
  2299.  
  2300.    }
  2301.  
  2302.    .inset-0,
  2303.  
  2304.    .inset-x-0 {
  2305.  
  2306.        right: 0;
  2307.  
  2308.        left: 0;
  2309.  
  2310.    }
  2311.  
  2312.    .inset-y-0 {
  2313.  
  2314.        top: 0;
  2315.  
  2316.        bottom: 0;
  2317.  
  2318.    }
  2319.  
  2320.    .-right-\[3px\] {
  2321.  
  2322.        right: -3px;
  2323.  
  2324.    }
  2325.  
  2326.    .bottom-0 {
  2327.  
  2328.        bottom: 0;
  2329.  
  2330.    }
  2331.  
  2332.    .left-0 {
  2333.  
  2334.        left: 0;
  2335.  
  2336.    }
  2337.  
  2338.    .left-5 {
  2339.  
  2340.        left: 1.25rem;
  2341.  
  2342.    }
  2343.  
  2344.    .left-6 {
  2345.  
  2346.        left: 1.5rem;
  2347.  
  2348.    }
  2349.  
  2350.    .right-0 {
  2351.  
  2352.        right: 0;
  2353.  
  2354.    }
  2355.  
  2356.    .right-6 {
  2357.  
  2358.        right: 1.5rem;
  2359.  
  2360.    }
  2361.  
  2362.    .right-8 {
  2363.  
  2364.        right: 2rem;
  2365.  
  2366.    }
  2367.  
  2368.    .top-0 {
  2369.  
  2370.        top: 0;
  2371.  
  2372.    }
  2373.  
  2374.    .top-20 {
  2375.  
  2376.        top: 5rem;
  2377.  
  2378.    }
  2379.  
  2380.    .top-4 {
  2381.  
  2382.        top: 1rem;
  2383.  
  2384.    }
  2385.  
  2386.    .top-\[18px\] {
  2387.  
  2388.        top: 18px;
  2389.  
  2390.    }
  2391.  
  2392.    .-z-10 {
  2393.  
  2394.        z-index: -10;
  2395.  
  2396.    }
  2397.  
  2398.    .z-0 {
  2399.  
  2400.        z-index: 0;
  2401.  
  2402.    }
  2403.  
  2404.    .z-10 {
  2405.  
  2406.        z-index: 10;
  2407.  
  2408.    }
  2409.  
  2410.    .z-20 {
  2411.  
  2412.        z-index: 20;
  2413.  
  2414.    }
  2415.  
  2416.    .z-30 {
  2417.  
  2418.        z-index: 30;
  2419.  
  2420.    }
  2421.  
  2422.    .z-40 {
  2423.  
  2424.        z-index: 40;
  2425.  
  2426.    }
  2427.  
  2428.    .z-50 {
  2429.  
  2430.        z-index: 50;
  2431.  
  2432.    }
  2433.  
  2434.    .z-\[60\] {
  2435.  
  2436.        z-index: 60;
  2437.  
  2438.    }
  2439.  
  2440.    .z-\[9\] {
  2441.  
  2442.        z-index: 9;
  2443.  
  2444.    }
  2445.  
  2446.    .order-1 {
  2447.  
  2448.        order: 1;
  2449.  
  2450.    }
  2451.  
  2452.    .order-2 {
  2453.  
  2454.        order: 2;
  2455.  
  2456.    }
  2457.  
  2458.    .col-span-1 {
  2459.  
  2460.        grid-column: span 1 / span 1;
  2461.  
  2462.    }
  2463.  
  2464.    .col-span-12 {
  2465.  
  2466.        grid-column: span 12 / span 12;
  2467.  
  2468.    }
  2469.  
  2470.    .col-span-2 {
  2471.  
  2472.        grid-column: span 2 / span 2;
  2473.  
  2474.    }
  2475.  
  2476.    .col-span-5 {
  2477.  
  2478.        grid-column: span 5 / span 5;
  2479.  
  2480.    }
  2481.  
  2482.    .\!m-0 {
  2483.  
  2484.        margin: 0 !important;
  2485.  
  2486.    }
  2487.  
  2488.    .m-0 {
  2489.  
  2490.        margin: 0;
  2491.  
  2492.    }
  2493.  
  2494.    .m-4 {
  2495.  
  2496.        margin: 1rem;
  2497.  
  2498.    }
  2499.  
  2500.    .m-auto {
  2501.  
  2502.        margin: auto;
  2503.  
  2504.    }
  2505.  
  2506.    .mx-2 {
  2507.  
  2508.        margin-left: 0.5rem;
  2509.  
  2510.        margin-right: 0.5rem;
  2511.  
  2512.    }
  2513.  
  2514.    .mx-6 {
  2515.  
  2516.        margin-left: 1.5rem;
  2517.  
  2518.        margin-right: 1.5rem;
  2519.  
  2520.    }
  2521.  
  2522.    .mx-auto {
  2523.  
  2524.        margin-left: auto;
  2525.  
  2526.        margin-right: auto;
  2527.  
  2528.    }
  2529.  
  2530.    .my-2 {
  2531.  
  2532.        margin-top: 0.5rem;
  2533.  
  2534.        margin-bottom: 0.5rem;
  2535.  
  2536.    }
  2537.  
  2538.    .my-20 {
  2539.  
  2540.        margin-top: 5rem;
  2541.  
  2542.        margin-bottom: 5rem;
  2543.  
  2544.    }
  2545.  
  2546.    .my-3 {
  2547.  
  2548.        margin-top: 0.75rem;
  2549.  
  2550.        margin-bottom: 0.75rem;
  2551.  
  2552.    }
  2553.  
  2554.    .my-4 {
  2555.  
  2556.        margin-top: 1rem;
  2557.  
  2558.        margin-bottom: 1rem;
  2559.  
  2560.    }
  2561.  
  2562.    .my-6 {
  2563.  
  2564.        margin-top: 1.5rem;
  2565.  
  2566.        margin-bottom: 1.5rem;
  2567.  
  2568.    }
  2569.  
  2570.    .my-7 {
  2571.  
  2572.        margin-top: 1.75rem;
  2573.  
  2574.        margin-bottom: 1.75rem;
  2575.  
  2576.    }
  2577.  
  2578.    .my-8 {
  2579.  
  2580.        margin-top: 2rem;
  2581.  
  2582.        margin-bottom: 2rem;
  2583.  
  2584.    }
  2585.  
  2586.    .my-auto {
  2587.  
  2588.        margin-top: auto;
  2589.  
  2590.        margin-bottom: auto;
  2591.  
  2592.    }
  2593.  
  2594.    .-mb-px {
  2595.  
  2596.        margin-bottom: -1px;
  2597.  
  2598.    }
  2599.  
  2600.    .-ml-1 {
  2601.  
  2602.        margin-left: -0.25rem;
  2603.  
  2604.    }
  2605.  
  2606.    .-ml-px {
  2607.  
  2608.        margin-left: -1px;
  2609.  
  2610.    }
  2611.  
  2612.    .-mr-10 {
  2613.  
  2614.        margin-right: -2.5rem;
  2615.  
  2616.    }
  2617.  
  2618.    .-mr-12 {
  2619.  
  2620.        margin-right: -3rem;
  2621.  
  2622.    }
  2623.  
  2624.    .-mt-16 {
  2625.  
  2626.        margin-top: -4rem;
  2627.  
  2628.    }
  2629.  
  2630.    .mb-1 {
  2631.  
  2632.        margin-bottom: 0.25rem;
  2633.  
  2634.    }
  2635.  
  2636.    .mb-1\.5 {
  2637.  
  2638.        margin-bottom: 0.375rem;
  2639.  
  2640.    }
  2641.  
  2642.    .mb-10 {
  2643.  
  2644.        margin-bottom: 2.5rem;
  2645.  
  2646.    }
  2647.  
  2648.    .mb-2 {
  2649.  
  2650.        margin-bottom: 0.5rem;
  2651.  
  2652.    }
  2653.  
  2654.    .mb-3 {
  2655.  
  2656.        margin-bottom: 0.75rem;
  2657.  
  2658.    }
  2659.  
  2660.    .mb-4 {
  2661.  
  2662.        margin-bottom: 1rem;
  2663.  
  2664.    }
  2665.  
  2666.    .mb-5 {
  2667.  
  2668.        margin-bottom: 1.25rem;
  2669.  
  2670.    }
  2671.  
  2672.    .mb-6 {
  2673.  
  2674.        margin-bottom: 1.5rem;
  2675.  
  2676.    }
  2677.  
  2678.    .mb-8 {
  2679.  
  2680.        margin-bottom: 2rem;
  2681.  
  2682.    }
  2683.  
  2684.    .mb-\[20px\] {
  2685.  
  2686.        margin-bottom: 20px;
  2687.  
  2688.    }
  2689.  
  2690.    .ml-12 {
  2691.  
  2692.        margin-left: 3rem;
  2693.  
  2694.    }
  2695.  
  2696.    .ml-2 {
  2697.  
  2698.        margin-left: 0.5rem;
  2699.  
  2700.    }
  2701.  
  2702.    .ml-3 {
  2703.  
  2704.        margin-left: 0.75rem;
  2705.  
  2706.    }
  2707.  
  2708.    .ml-4 {
  2709.  
  2710.        margin-left: 1rem;
  2711.  
  2712.    }
  2713.  
  2714.    .ml-5 {
  2715.  
  2716.        margin-left: 1.25rem;
  2717.  
  2718.    }
  2719.  
  2720.    .mr-2 {
  2721.  
  2722.        margin-right: 0.5rem;
  2723.  
  2724.    }
  2725.  
  2726.    .mr-3 {
  2727.  
  2728.        margin-right: 0.75rem;
  2729.  
  2730.    }
  2731.  
  2732.    .mr-4 {
  2733.  
  2734.        margin-right: 1rem;
  2735.  
  2736.    }
  2737.  
  2738.    .mr-5 {
  2739.  
  2740.        margin-right: 1.25rem;
  2741.  
  2742.    }
  2743.  
  2744.    .mt-1 {
  2745.  
  2746.        margin-top: 0.25rem;
  2747.  
  2748.    }
  2749.  
  2750.    .mt-10 {
  2751.  
  2752.        margin-top: 2.5rem;
  2753.  
  2754.    }
  2755.  
  2756.    .mt-12 {
  2757.  
  2758.        margin-top: 3rem;
  2759.  
  2760.    }
  2761.  
  2762.    .mt-2 {
  2763.  
  2764.        margin-top: 0.5rem;
  2765.  
  2766.    }
  2767.  
  2768.    .mt-3 {
  2769.  
  2770.        margin-top: 0.75rem;
  2771.  
  2772.    }
  2773.  
  2774.    .mt-4 {
  2775.  
  2776.        margin-top: 1rem;
  2777.  
  2778.    }
  2779.  
  2780.    .mt-5 {
  2781.  
  2782.        margin-top: 1.25rem;
  2783.  
  2784.    }
  2785.  
  2786.    .mt-6 {
  2787.  
  2788.        margin-top: 1.5rem;
  2789.  
  2790.    }
  2791.  
  2792.    .mt-7 {
  2793.  
  2794.        margin-top: 1.75rem;
  2795.  
  2796.    }
  2797.  
  2798.    .mt-8 {
  2799.  
  2800.        margin-top: 2rem;
  2801.  
  2802.    }
  2803.  
  2804.    .mt-\[20px\] {
  2805.  
  2806.        margin-top: 20px;
  2807.  
  2808.    }
  2809.  
  2810.    .mt-\[30px\] {
  2811.  
  2812.        margin-top: 30px;
  2813.  
  2814.    }
  2815.  
  2816.    .block {
  2817.  
  2818.        display: block;
  2819.  
  2820.    }
  2821.  
  2822.    .inline-block {
  2823.  
  2824.        display: inline-block;
  2825.  
  2826.    }
  2827.  
  2828.    .inline {
  2829.  
  2830.        display: inline;
  2831.  
  2832.    }
  2833.  
  2834.    .flex {
  2835.  
  2836.        display: flex;
  2837.  
  2838.    }
  2839.  
  2840.    .inline-flex {
  2841.  
  2842.        display: inline-flex;
  2843.  
  2844.    }
  2845.  
  2846.    .table {
  2847.  
  2848.        display: table;
  2849.  
  2850.    }
  2851.  
  2852.    .flow-root {
  2853.  
  2854.        display: flow-root;
  2855.  
  2856.    }
  2857.  
  2858.    .grid {
  2859.  
  2860.        display: grid;
  2861.  
  2862.    }
  2863.  
  2864.    .contents {
  2865.  
  2866.        display: contents;
  2867.  
  2868.    }
  2869.  
  2870.    .hidden {
  2871.  
  2872.        display: none;
  2873.  
  2874.    }
  2875.  
  2876.    .h-0 {
  2877.  
  2878.        height: 0;
  2879.  
  2880.    }
  2881.  
  2882.    .h-10 {
  2883.  
  2884.        height: 2.5rem;
  2885.  
  2886.    }
  2887.  
  2888.    .h-12 {
  2889.  
  2890.        height: 3rem;
  2891.  
  2892.    }
  2893.  
  2894.    .h-14 {
  2895.  
  2896.        height: 3.5rem;
  2897.  
  2898.    }
  2899.  
  2900.    .h-16 {
  2901.  
  2902.        height: 4rem;
  2903.  
  2904.    }
  2905.  
  2906.    .h-24 {
  2907.  
  2908.        height: 6rem;
  2909.  
  2910.    }
  2911.  
  2912.    .h-3 {
  2913.  
  2914.        height: 0.75rem;
  2915.  
  2916.    }
  2917.  
  2918.    .h-32 {
  2919.  
  2920.        height: 8rem;
  2921.  
  2922.    }
  2923.  
  2924.    .h-4 {
  2925.  
  2926.        height: 1rem;
  2927.  
  2928.    }
  2929.  
  2930.    .h-40 {
  2931.  
  2932.        height: 10rem;
  2933.  
  2934.    }
  2935.  
  2936.    .h-5 {
  2937.  
  2938.        height: 1.25rem;
  2939.  
  2940.    }
  2941.  
  2942.    .h-56 {
  2943.  
  2944.        height: 12rem;
  2945.  
  2946.    }
  2947.  
  2948.  
  2949.  
  2950.    .h-6 {
  2951.  
  2952.        height: 1.5rem;
  2953.  
  2954.    }
  2955.  
  2956.    .h-64 {
  2957.  
  2958.        height: 16rem;
  2959.  
  2960.    }
  2961.  
  2962.    .h-8 {
  2963.  
  2964.        height: 2rem;
  2965.  
  2966.    }
  2967.  
  2968.    .h-\[100vh\] {
  2969.  
  2970.        height: 100vh;
  2971.  
  2972.    }
  2973.  
  2974.    .h-\[16px\] {
  2975.  
  2976.        height: 16px;
  2977.  
  2978.    }
  2979.  
  2980.    .h-\[24px\] {
  2981.  
  2982.        height: 24px;
  2983.  
  2984.    }
  2985.  
  2986.    .h-\[280px\] {
  2987.  
  2988.        height: 280px;
  2989.  
  2990.    }
  2991.  
  2992.    .h-\[460px\] {
  2993.  
  2994.        height: 460px;
  2995.  
  2996.    }
  2997.  
  2998.    .h-\[5\.7rem\] {
  2999.  
  3000.        height: 5.7rem;
  3001.  
  3002.    }
  3003.  
  3004.    .h-\[9\.4rem\] {
  3005.  
  3006.        height: 9.4rem;
  3007.  
  3008.    }
  3009.  
  3010.    .h-auto {
  3011.  
  3012.        height: auto;
  3013.  
  3014.    }
  3015.  
  3016.    .h-full {
  3017.  
  3018.        height: 100%;
  3019.  
  3020.    }
  3021.  
  3022.    .h-px {
  3023.  
  3024.        height: 1px;
  3025.  
  3026.    }
  3027.  
  3028.    .max-h-0 {
  3029.  
  3030.        max-height: 0;
  3031.  
  3032.    }
  3033.  
  3034.    .max-h-\[1000px\] {
  3035.  
  3036.        max-height: 1000px;
  3037.  
  3038.    }
  3039.  
  3040.    .max-h-\[9rem\] {
  3041.  
  3042.        max-height: 9rem;
  3043.  
  3044.    }
  3045.  
  3046.    .max-h-screen {
  3047.  
  3048.        max-height: 100vh;
  3049.  
  3050.    }
  3051.  
  3052.    .min-h-\[50vh\] {
  3053.  
  3054.        min-height: 50vh;
  3055.  
  3056.    }
  3057.  
  3058.    .min-h-\[60vh\] {
  3059.  
  3060.        min-height: 60vh;
  3061.  
  3062.    }
  3063.  
  3064.    .min-h-\[65vh\] {
  3065.  
  3066.        min-height: 65vh;
  3067.  
  3068.    }
  3069.  
  3070.    .min-h-\[70vh\] {
  3071.  
  3072.        min-height: 70vh;
  3073.  
  3074.    }
  3075.  
  3076.    .min-h-full {
  3077.  
  3078.        min-height: 100%;
  3079.  
  3080.    }
  3081.  
  3082.    .min-h-screen {
  3083.  
  3084.        min-height: 100vh;
  3085.  
  3086.    }
  3087.  
  3088.    .\!w-full {
  3089.  
  3090.        width: 100% !important;
  3091.  
  3092.    }
  3093.  
  3094.    .w-1\/2 {
  3095.  
  3096.        width: 50%;
  3097.  
  3098.    }
  3099.  
  3100.    .w-10 {
  3101.  
  3102.        width: 2.5rem;
  3103.  
  3104.    }
  3105.  
  3106.    .w-11 {
  3107.  
  3108.        width: 2.75rem;
  3109.  
  3110.    }
  3111.  
  3112.    .w-12 {
  3113.  
  3114.        width: 3rem;
  3115.  
  3116.    }
  3117.  
  3118.    .w-14 {
  3119.  
  3120.        width: 3.5rem;
  3121.  
  3122.    }
  3123.  
  3124.    .w-24 {
  3125.  
  3126.        width: 6rem;
  3127.  
  3128.    }
  3129.  
  3130.    .w-28 {
  3131.  
  3132.        width: 7rem;
  3133.  
  3134.    }
  3135.  
  3136.    .w-3 {
  3137.  
  3138.        width: 0.75rem;
  3139.  
  3140.    }
  3141.  
  3142.    .w-4 {
  3143.  
  3144.        width: 1rem;
  3145.  
  3146.    }
  3147.  
  3148.    .w-5 {
  3149.  
  3150.        width: 1.25rem;
  3151.  
  3152.    }
  3153.  
  3154.    .w-56 {
  3155.  
  3156.        width: 14rem;
  3157.  
  3158.    }
  3159.  
  3160.    .w-6 {
  3161.  
  3162.        width: 1.5rem;
  3163.  
  3164.    }
  3165.  
  3166.    .w-72 {
  3167.  
  3168.        width: 18rem;
  3169.  
  3170.    }
  3171.  
  3172.    .w-8 {
  3173.  
  3174.        width: 2rem;
  3175.  
  3176.    }
  3177.  
  3178.    .w-80 {
  3179.  
  3180.        width: 20rem;
  3181.  
  3182.    }
  3183.  
  3184.    .w-\[16px\] {
  3185.  
  3186.        width: 16px;
  3187.  
  3188.    }
  3189.  
  3190.    .w-\[24px\] {
  3191.  
  3192.        width: 24px;
  3193.  
  3194.    }
  3195.  
  3196.    .w-\[280px\] {
  3197.  
  3198.        width: 280px;
  3199.  
  3200.    }
  3201.  
  3202.    .w-\[80px\] {
  3203.  
  3204.        width: 80px;
  3205.  
  3206.    }
  3207.  
  3208.    .w-auto {
  3209.  
  3210.        width: auto;
  3211.  
  3212.    }
  3213.  
  3214.    .w-full {
  3215.  
  3216.        width: 100%;
  3217.  
  3218.    }
  3219.  
  3220.    .w-screen {
  3221.  
  3222.        width: 100vw;
  3223.  
  3224.    }
  3225.  
  3226.    .min-w-0 {
  3227.  
  3228.        min-width: 0;
  3229.  
  3230.    }
  3231.  
  3232.    .max-w-7xl {
  3233.  
  3234.        max-width: 80rem;
  3235.  
  3236.    }
  3237.  
  3238.    .max-w-\[15rem\] {
  3239.  
  3240.        max-width: 15rem;
  3241.  
  3242.    }
  3243.  
  3244.    .max-w-\[2\.5rem\] {
  3245.  
  3246.        max-width: 2.5rem;
  3247.  
  3248.    }
  3249.  
  3250.    .max-w-\[3\.5rem\] {
  3251.  
  3252.        max-width: 3.5rem;
  3253.  
  3254.    }
  3255.  
  3256.    .max-w-full {
  3257.  
  3258.        max-width: 100%;
  3259.  
  3260.    }
  3261.  
  3262.    .max-w-md {
  3263.  
  3264.        max-width: 28rem;
  3265.  
  3266.    }
  3267.  
  3268.    .max-w-xl {
  3269.  
  3270.        max-width: 36rem;
  3271.  
  3272.    }
  3273.  
  3274.    .max-w-xs {
  3275.  
  3276.        max-width: 20rem;
  3277.  
  3278.    }
  3279.  
  3280.    .flex-1 {
  3281.  
  3282.        flex: 1 1 0%;
  3283.  
  3284.    }
  3285.  
  3286.    .flex-shrink {
  3287.  
  3288.        flex-shrink: 1;
  3289.  
  3290.    }
  3291.  
  3292.    .flex-shrink-0,
  3293.  
  3294.    .shrink-0 {
  3295.  
  3296.        flex-shrink: 0;
  3297.  
  3298.    }
  3299.  
  3300.    .flex-grow,
  3301.  
  3302.    .grow {
  3303.  
  3304.        flex-grow: 1;
  3305.  
  3306.    }
  3307.  
  3308.    .table-auto {
  3309.  
  3310.        table-layout: auto;
  3311.  
  3312.    }
  3313.  
  3314.    .origin-\[0\] {
  3315.  
  3316.        transform-origin: 0;
  3317.  
  3318.    }
  3319.  
  3320.    .origin-top-right {
  3321.  
  3322.        transform-origin: top right;
  3323.  
  3324.    }
  3325.  
  3326.    .-translate-x-full {
  3327.  
  3328.        --tw-translate-x: -100%;
  3329.  
  3330.    }
  3331.  
  3332.    .-translate-x-full,
  3333.  
  3334.    .-translate-y-1\/2 {
  3335.  
  3336.        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));
  3337.  
  3338.    }
  3339.  
  3340.    .-translate-y-1\/2 {
  3341.  
  3342.        --tw-translate-y: -50%;
  3343.  
  3344.    }
  3345.  
  3346.    .-translate-y-3 {
  3347.  
  3348.        --tw-translate-y: -0.75rem;
  3349.  
  3350.    }
  3351.  
  3352.    .-translate-y-3,
  3353.  
  3354.    .translate-x-0 {
  3355.  
  3356.        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));
  3357.  
  3358.    }
  3359.  
  3360.    .translate-x-0 {
  3361.  
  3362.        --tw-translate-x: 0px;
  3363.  
  3364.    }
  3365.  
  3366.    .translate-y-0 {
  3367.  
  3368.        --tw-translate-y: 0px;
  3369.  
  3370.    }
  3371.  
  3372.    .rotate-0,
  3373.  
  3374.    .translate-y-0 {
  3375.  
  3376.        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));
  3377.  
  3378.    }
  3379.  
  3380.    .rotate-0 {
  3381.  
  3382.        --tw-rotate: 0deg;
  3383.  
  3384.    }
  3385.  
  3386.    .rotate-180 {
  3387.  
  3388.        --tw-rotate: 180deg;
  3389.  
  3390.    }
  3391.  
  3392.    .rotate-180,
  3393.  
  3394.    .scale-100 {
  3395.  
  3396.        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));
  3397.  
  3398.    }
  3399.  
  3400.    .scale-100 {
  3401.  
  3402.        --tw-scale-x: 1;
  3403.  
  3404.        --tw-scale-y: 1;
  3405.  
  3406.    }
  3407.  
  3408.    .scale-75 {
  3409.  
  3410.        --tw-scale-x: 0.75;
  3411.  
  3412.        --tw-scale-y: 0.75;
  3413.  
  3414.    }
  3415.  
  3416.    .scale-75,
  3417.  
  3418.    .scale-95 {
  3419.  
  3420.        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));
  3421.  
  3422.    }
  3423.  
  3424.    .scale-95 {
  3425.  
  3426.        --tw-scale-x: 0.95;
  3427.  
  3428.        --tw-scale-y: 0.95;
  3429.  
  3430.    }
  3431.  
  3432.    .transform {
  3433.  
  3434.        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));
  3435.  
  3436.    }
  3437.  
  3438.    @keyframes  ping {
  3439.  
  3440.        75%,
  3441.  
  3442.        to {
  3443.  
  3444.            transform: scale(2);
  3445.  
  3446.            opacity: 0;
  3447.  
  3448.        }
  3449.  
  3450.    }
  3451.  
  3452.    .animate-ping {
  3453.  
  3454.        animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  3455.  
  3456.    }
  3457.  
  3458.    @keyframes  pulse {
  3459.  
  3460.        50% {
  3461.  
  3462.            opacity: 0.5;
  3463.  
  3464.        }
  3465.  
  3466.    }
  3467.  
  3468.    .animate-pulse {
  3469.  
  3470.        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  3471.  
  3472.    }
  3473.  
  3474.    @keyframes  spin {
  3475.  
  3476.        to {
  3477.  
  3478.            transform: rotate(1turn);
  3479.  
  3480.        }
  3481.  
  3482.    }
  3483.  
  3484.    .animate-spin {
  3485.  
  3486.        animation: spin 1s linear infinite;
  3487.  
  3488.    }
  3489.  
  3490.    .cursor-not-allowed {
  3491.  
  3492.        cursor: not-allowed;
  3493.  
  3494.    }
  3495.  
  3496.    .cursor-pointer {
  3497.  
  3498.        cursor: pointer;
  3499.  
  3500.    }
  3501.  
  3502.    .appearance-none {
  3503.  
  3504.        -webkit-appearance: none;
  3505.  
  3506.        -moz-appearance: none;
  3507.  
  3508.        appearance: none;
  3509.  
  3510.    }
  3511.  
  3512.    .grid-flow-col {
  3513.  
  3514.        grid-auto-flow: column;
  3515.  
  3516.    }
  3517.  
  3518.    .grid-cols-1 {
  3519.  
  3520.        grid-template-columns: repeat(1, minmax(0, 1fr));
  3521.  
  3522.    }
  3523.  
  3524.    .grid-cols-12 {
  3525.  
  3526.        grid-template-columns: repeat(12, minmax(0, 1fr));
  3527.  
  3528.    }
  3529.  
  3530.    .grid-cols-2 {
  3531.  
  3532.        grid-template-columns: repeat(2, minmax(0, 1fr));
  3533.  
  3534.    }
  3535.  
  3536.    .grid-cols-3 {
  3537.  
  3538.        grid-template-columns: repeat(3, minmax(0, 1fr));
  3539.  
  3540.    }
  3541.  
  3542.    .grid-cols-6 {
  3543.  
  3544.        grid-template-columns: repeat(6, minmax(0, 1fr));
  3545.  
  3546.    }
  3547.  
  3548.    .flex-row {
  3549.  
  3550.        flex-direction: row;
  3551.  
  3552.    }
  3553.  
  3554.    .flex-row-reverse {
  3555.  
  3556.        flex-direction: row-reverse;
  3557.  
  3558.    }
  3559.  
  3560.    .flex-col {
  3561.  
  3562.        flex-direction: column;
  3563.  
  3564.    }
  3565.  
  3566.    .flex-col-reverse {
  3567.  
  3568.        flex-direction: column-reverse;
  3569.  
  3570.    }
  3571.  
  3572.    .content-center {
  3573.  
  3574.        align-content: center;
  3575.  
  3576.    }
  3577.  
  3578.    .content-start {
  3579.  
  3580.        align-content: flex-start;
  3581.  
  3582.    }
  3583.  
  3584.    .content-end {
  3585.  
  3586.        align-content: flex-end;
  3587.  
  3588.    }
  3589.  
  3590.    .items-start {
  3591.  
  3592.        align-items: flex-start;
  3593.  
  3594.    }
  3595.  
  3596.    .items-end {
  3597.  
  3598.        align-items: flex-end;
  3599.  
  3600.    }
  3601.  
  3602.    .items-center {
  3603.  
  3604.        align-items: center;
  3605.  
  3606.    }
  3607.  
  3608.    .items-stretch {
  3609.  
  3610.        align-items: stretch;
  3611.  
  3612.    }
  3613.  
  3614.    .justify-start {
  3615.  
  3616.        justify-content: flex-start;
  3617.  
  3618.    }
  3619.  
  3620.    .justify-end {
  3621.  
  3622.        justify-content: flex-end;
  3623.  
  3624.    }
  3625.  
  3626.    .justify-center {
  3627.  
  3628.        justify-content: center;
  3629.  
  3630.    }
  3631.  
  3632.    .justify-between {
  3633.  
  3634.        justify-content: space-between;
  3635.  
  3636.    }
  3637.  
  3638.    .justify-around {
  3639.  
  3640.        justify-content: space-around;
  3641.  
  3642.    }
  3643.  
  3644.    .\!gap-0 {
  3645.  
  3646.        gap: 0 !important;
  3647.  
  3648.    }
  3649.  
  3650.    .gap-1 {
  3651.  
  3652.        gap: 0.25rem;
  3653.  
  3654.    }
  3655.  
  3656.    .gap-1\.5 {
  3657.  
  3658.        gap: 0.375rem;
  3659.  
  3660.    }
  3661.  
  3662.    .gap-12 {
  3663.  
  3664.        gap: 3rem;
  3665.  
  3666.    }
  3667.  
  3668.    .gap-2 {
  3669.  
  3670.        gap: 0.5rem;
  3671.  
  3672.    }
  3673.  
  3674.    .gap-3 {
  3675.  
  3676.        gap: 0.75rem;
  3677.  
  3678.    }
  3679.  
  3680.    .gap-4 {
  3681.  
  3682.        gap: 1rem;
  3683.  
  3684.    }
  3685.  
  3686.    .gap-5 {
  3687.  
  3688.        gap: 1.25rem;
  3689.  
  3690.    }
  3691.  
  3692.    .gap-6 {
  3693.  
  3694.        gap: 1.5rem;
  3695.  
  3696.    }
  3697.  
  3698.    .gap-8 {
  3699.  
  3700.        gap: 2rem;
  3701.  
  3702.    }
  3703.  
  3704.    .gap-x-4 {
  3705.  
  3706.        -moz-column-gap: 1rem;
  3707.  
  3708.        column-gap: 1rem;
  3709.  
  3710.    }
  3711.  
  3712.    .gap-y-10 {
  3713.  
  3714.        row-gap: 2.5rem;
  3715.  
  3716.    }
  3717.  
  3718.    .gap-y-4 {
  3719.  
  3720.        row-gap: 1rem;
  3721.  
  3722.    }
  3723.  
  3724.    .gap-y-8 {
  3725.  
  3726.        row-gap: 2rem;
  3727.  
  3728.    }
  3729.  
  3730.    .-space-x-px> :not([hidden])~ :not([hidden]) {
  3731.  
  3732.        --tw-space-x-reverse: 0;
  3733.  
  3734.        margin-right: calc(-1px * var(--tw-space-x-reverse));
  3735.  
  3736.        margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  3737.  
  3738.    }
  3739.  
  3740.    .space-x-2> :not([hidden])~ :not([hidden]) {
  3741.  
  3742.        --tw-space-x-reverse: 0;
  3743.  
  3744.        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  3745.  
  3746.        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  3747.  
  3748.    }
  3749.  
  3750.    .space-x-6> :not([hidden])~ :not([hidden]) {
  3751.  
  3752.        --tw-space-x-reverse: 0;
  3753.  
  3754.        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  3755.  
  3756.        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  3757.  
  3758.    }
  3759.  
  3760.    .space-y-1> :not([hidden])~ :not([hidden]) {
  3761.  
  3762.        --tw-space-y-reverse: 0;
  3763.  
  3764.        margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  3765.  
  3766.        margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  3767.  
  3768.    }
  3769.  
  3770.    .space-y-2> :not([hidden])~ :not([hidden]) {
  3771.  
  3772.        --tw-space-y-reverse: 0;
  3773.  
  3774.        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  3775.  
  3776.        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  3777.  
  3778.    }
  3779.  
  3780.    .space-y-3> :not([hidden])~ :not([hidden]) {
  3781.  
  3782.        --tw-space-y-reverse: 0;
  3783.  
  3784.        margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  3785.  
  3786.        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  3787.  
  3788.    }
  3789.  
  3790.    .space-y-4> :not([hidden])~ :not([hidden]) {
  3791.  
  3792.        --tw-space-y-reverse: 0;
  3793.  
  3794.        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  3795.  
  3796.        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  3797.  
  3798.    }
  3799.  
  3800.    .space-y-5> :not([hidden])~ :not([hidden]) {
  3801.  
  3802.        --tw-space-y-reverse: 0;
  3803.  
  3804.        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  3805.  
  3806.        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  3807.  
  3808.    }
  3809.  
  3810.    .divide-y> :not([hidden])~ :not([hidden]) {
  3811.  
  3812.        --tw-divide-y-reverse: 0;
  3813.  
  3814.        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  3815.  
  3816.        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  3817.  
  3818.    }
  3819.  
  3820.    .divide-gray-100> :not([hidden])~ :not([hidden]) {
  3821.  
  3822.        --tw-divide-opacity: 1;
  3823.  
  3824.        border-color: rgb(243 244 246 / var(--tw-divide-opacity));
  3825.  
  3826.    }
  3827.  
  3828.    .overflow-hidden {
  3829.  
  3830.        overflow: hidden;
  3831.  
  3832.    }
  3833.  
  3834.    .overflow-x-auto {
  3835.  
  3836.        overflow-x: auto;
  3837.  
  3838.    }
  3839.  
  3840.    .overflow-y-auto {
  3841.  
  3842.        overflow-y: auto;
  3843.  
  3844.    }
  3845.  
  3846.    .overflow-x-hidden {
  3847.  
  3848.        overflow-x: hidden;
  3849.  
  3850.    }
  3851.  
  3852.    .overflow-x-scroll {
  3853.  
  3854.        overflow-x: scroll;
  3855.  
  3856.    }
  3857.  
  3858.    .overflow-y-scroll {
  3859.  
  3860.        overflow-y: scroll;
  3861.  
  3862.    }
  3863.  
  3864.    .truncate {
  3865.  
  3866.        overflow: hidden;
  3867.  
  3868.        white-space: nowrap;
  3869.  
  3870.    }
  3871.  
  3872.    .text-ellipsis,
  3873.  
  3874.    .truncate {
  3875.  
  3876.        text-overflow: ellipsis;
  3877.  
  3878.    }
  3879.  
  3880.    .whitespace-nowrap {
  3881.  
  3882.        white-space: nowrap;
  3883.  
  3884.    }
  3885.  
  3886.    .whitespace-pre-line {
  3887.  
  3888.        white-space: pre-line;
  3889.  
  3890.    }
  3891.  
  3892.    .break-words {
  3893.  
  3894.        overflow-wrap: break-word;
  3895.  
  3896.    }
  3897.  
  3898.    .\!rounded-\[50px\] {
  3899.  
  3900.        border-radius: 50px !important;
  3901.  
  3902.    }
  3903.  
  3904.    .\!rounded-full {
  3905.  
  3906.        border-radius: 9999px !important;
  3907.  
  3908.    }
  3909.  
  3910.    .\!rounded-lg {
  3911.  
  3912.        border-radius: 0.5rem !important;
  3913.  
  3914.    }
  3915.  
  3916.    .rounded {
  3917.  
  3918.        border-radius: 0.25rem;
  3919.  
  3920.    }
  3921.  
  3922.    .rounded-2xl {
  3923.  
  3924.        border-radius: 1rem;
  3925.  
  3926.    }
  3927.  
  3928.    .rounded-3xl {
  3929.  
  3930.        border-radius: 1.5rem;
  3931.  
  3932.    }
  3933.  
  3934.    .rounded-\[15px\] {
  3935.  
  3936.        border-radius: 15px;
  3937.  
  3938.    }
  3939.  
  3940.    .rounded-\[1rem\] {
  3941.  
  3942.        border-radius: 1rem;
  3943.  
  3944.    }
  3945.  
  3946.    .rounded-\[8px\] {
  3947.  
  3948.        border-radius: 8px;
  3949.  
  3950.    }
  3951.  
  3952.    .rounded-full {
  3953.  
  3954.        border-radius: 9999px;
  3955.  
  3956.    }
  3957.  
  3958.    .rounded-lg {
  3959.  
  3960.        border-radius: 0.5rem;
  3961.  
  3962.    }
  3963.  
  3964.    .rounded-md {
  3965.  
  3966.        border-radius: 0.375rem;
  3967.  
  3968.    }
  3969.  
  3970.    .rounded-none {
  3971.  
  3972.        border-radius: 0;
  3973.  
  3974.    }
  3975.  
  3976.    .rounded-xl {
  3977.  
  3978.        border-radius: 0.75rem;
  3979.  
  3980.    }
  3981.  
  3982.    .rounded-b-lg {
  3983.  
  3984.        border-bottom-right-radius: 0.5rem;
  3985.  
  3986.        border-bottom-left-radius: 0.5rem;
  3987.  
  3988.    }
  3989.  
  3990.    .rounded-l-full {
  3991.  
  3992.        border-top-left-radius: 9999px;
  3993.  
  3994.        border-bottom-left-radius: 9999px;
  3995.  
  3996.    }
  3997.  
  3998.    .rounded-l-md {
  3999.  
  4000.        border-top-left-radius: 0.375rem;
  4001.  
  4002.        border-bottom-left-radius: 0.375rem;
  4003.  
  4004.    }
  4005.  
  4006.    .rounded-r-full {
  4007.  
  4008.        border-top-right-radius: 9999px;
  4009.  
  4010.        border-bottom-right-radius: 9999px;
  4011.  
  4012.    }
  4013.  
  4014.    .rounded-r-md {
  4015.  
  4016.        border-top-right-radius: 0.375rem;
  4017.  
  4018.        border-bottom-right-radius: 0.375rem;
  4019.  
  4020.    }
  4021.  
  4022.    .rounded-t-\[20px\] {
  4023.  
  4024.        border-top-left-radius: 20px;
  4025.  
  4026.        border-top-right-radius: 20px;
  4027.  
  4028.    }
  4029.  
  4030.    .rounded-t-lg {
  4031.  
  4032.        border-top-left-radius: 0.5rem;
  4033.  
  4034.        border-top-right-radius: 0.5rem;
  4035.  
  4036.    }
  4037.  
  4038.    .rounded-bl-\[15px\] {
  4039.  
  4040.        border-bottom-left-radius: 15px;
  4041.  
  4042.    }
  4043.  
  4044.    .rounded-bl-full {
  4045.  
  4046.        border-bottom-left-radius: 9999px;
  4047.  
  4048.    }
  4049.  
  4050.    .rounded-br-\[15px\] {
  4051.  
  4052.        border-bottom-right-radius: 15px;
  4053.  
  4054.    }
  4055.  
  4056.    .rounded-tr-\[3000px\] {
  4057.  
  4058.        border-top-right-radius: 3000px;
  4059.  
  4060.    }
  4061.  
  4062.    .border {
  4063.  
  4064.        border-width: 1px;
  4065.  
  4066.    }
  4067.  
  4068.    .border-0 {
  4069.  
  4070.        border-width: 0;
  4071.  
  4072.    }
  4073.  
  4074.    .border-2 {
  4075.  
  4076.        border-width: 2px;
  4077.  
  4078.    }
  4079.  
  4080.    .\!border-b {
  4081.  
  4082.        border-bottom-width: 1px !important;
  4083.  
  4084.    }
  4085.  
  4086.    .border-b {
  4087.  
  4088.        border-bottom-width: 1px;
  4089.  
  4090.    }
  4091.  
  4092.    .border-b-2 {
  4093.  
  4094.        border-bottom-width: 2px;
  4095.  
  4096.    }
  4097.  
  4098.    .border-r {
  4099.  
  4100.        border-right-width: 1px;
  4101.  
  4102.    }
  4103.  
  4104.    .border-t {
  4105.  
  4106.        border-top-width: 1px;
  4107.  
  4108.    }
  4109.  
  4110.    .border-t-2 {
  4111.  
  4112.        border-top-width: 2px;
  4113.  
  4114.    }
  4115.  
  4116.    .\!border-none {
  4117.  
  4118.        border-style: none !important;
  4119.  
  4120.    }
  4121.  
  4122.    .border-none {
  4123.  
  4124.        border-style: none;
  4125.  
  4126.    }
  4127.  
  4128.    .border-\[\#626274\] {
  4129.  
  4130.        --tw-border-opacity: 1;
  4131.  
  4132.        border-color: rgb(98 98 116 / var(--tw-border-opacity));
  4133.  
  4134.    }
  4135.  
  4136.    .border-gray-300 {
  4137.  
  4138.        --tw-border-opacity: 1;
  4139.  
  4140.        border-color: rgb(209 213 219 / var(--tw-border-opacity));
  4141.  
  4142.    }
  4143.  
  4144.    .border-gray-500 {
  4145.  
  4146.        --tw-border-opacity: 1;
  4147.  
  4148.        border-color: rgb(107 114 128 / var(--tw-border-opacity));
  4149.  
  4150.    }
  4151.  
  4152.    .border-gray-600 {
  4153.  
  4154.        --tw-border-opacity: 1;
  4155.  
  4156.        border-color: rgb(75 85 99 / var(--tw-border-opacity));
  4157.  
  4158.    }
  4159.  
  4160.    .border-gray-700 {
  4161.  
  4162.        --tw-border-opacity: 1;
  4163.  
  4164.        border-color: rgb(55 65 81 / var(--tw-border-opacity));
  4165.  
  4166.    }
  4167.  
  4168.    .border-indigo-500 {
  4169.  
  4170.        --tw-border-opacity: 1;
  4171.  
  4172.        border-color: rgb(99 102 241 / var(--tw-border-opacity));
  4173.  
  4174.    }
  4175.  
  4176.    .border-transparent {
  4177.  
  4178.        border-color: transparent;
  4179.  
  4180.    }
  4181.  
  4182.    .border-white\/30 {
  4183.  
  4184.        border-color: hsla(0, 0%, 100%, 0.3);
  4185.  
  4186.    }
  4187.  
  4188.    .\!bg-gray-300 {
  4189.  
  4190.        --tw-bg-opacity: 1 !important;
  4191.  
  4192.        background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
  4193.  
  4194.    }
  4195.  
  4196.    .bg-\[\#22a328\] {
  4197.  
  4198.        --tw-bg-opacity: 1;
  4199.  
  4200.        background-color: rgb(34 163 40 / var(--tw-bg-opacity));
  4201.  
  4202.    }
  4203.  
  4204.    .bg-\[\#2abe31\] {
  4205.  
  4206.        --tw-bg-opacity: 1;
  4207.  
  4208.        background-color: rgb(42 190 49 / var(--tw-bg-opacity));
  4209.  
  4210.    }
  4211.  
  4212.    .bg-\[\#5067e4\] {
  4213.  
  4214.        --tw-bg-opacity: 1;
  4215.  
  4216.        background-color: rgb(80 103 228 / var(--tw-bg-opacity));
  4217.  
  4218.    }
  4219.  
  4220.    .bg-\[\#e44a4a\] {
  4221.  
  4222.        --tw-bg-opacity: 1;
  4223.  
  4224.        background-color: rgb(228 74 74 / var(--tw-bg-opacity));
  4225.  
  4226.    }
  4227.  
  4228.    .bg-\[\#e7fea2\] {
  4229.  
  4230.        --tw-bg-opacity: 1;
  4231.  
  4232.        background-color: rgb(231 254 162 / var(--tw-bg-opacity));
  4233.  
  4234.    }
  4235.  
  4236.    .bg-\[\#ffc5c5\] {
  4237.  
  4238.        --tw-bg-opacity: 1;
  4239.  
  4240.        background-color: rgb(255 197 197 / var(--tw-bg-opacity));
  4241.  
  4242.    }
  4243.  
  4244.    .bg-\[\#fff2c5\] {
  4245.  
  4246.        --tw-bg-opacity: 1;
  4247.  
  4248.        background-color: rgb(255 242 197 / var(--tw-bg-opacity));
  4249.  
  4250.    }
  4251.  
  4252.    .bg-backgroundSecondary {
  4253.  
  4254.        --tw-bg-opacity: 1;
  4255.  
  4256.        background-color: rgb(50 50 62 / var(--tw-bg-opacity));
  4257.  
  4258.    }
  4259.  
  4260.    .bg-black {
  4261.  
  4262.        --tw-bg-opacity: 1;
  4263.  
  4264.        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  4265.  
  4266.    }
  4267.  
  4268.    .bg-blue-100 {
  4269.  
  4270.        --tw-bg-opacity: 1;
  4271.  
  4272.        background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  4273.  
  4274.    }
  4275.  
  4276.    .bg-btnPurple {
  4277.  
  4278.        --tw-bg-opacity: 1;
  4279.  
  4280.        background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  4281.  
  4282.    }
  4283.  
  4284.    .bg-btnPurple\/70 {
  4285.  
  4286.        background-color: rgba(112, 127, 235, 0.7);
  4287.  
  4288.    }
  4289.  
  4290.    .bg-gray-200 {
  4291.  
  4292.        --tw-bg-opacity: 1;
  4293.  
  4294.        background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  4295.  
  4296.    }
  4297.  
  4298.    .bg-gray-300 {
  4299.  
  4300.        --tw-bg-opacity: 1;
  4301.  
  4302.        background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  4303.  
  4304.    }
  4305.  
  4306.    .bg-gray-600\/75 {
  4307.  
  4308.        background-color: rgba(75, 85, 99, 0.75);
  4309.  
  4310.    }
  4311.  
  4312.    .bg-gray-900 {
  4313.        --tw-bg-opacity: 1;
  4314.        background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  4315.    }
  4316.  
  4317.  
  4318.  
  4319.  
  4320.  
  4321.    .bg-orange-100 {
  4322.  
  4323.        --tw-bg-opacity: 1;
  4324.  
  4325.        background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  4326.  
  4327.    }
  4328.  
  4329.    .bg-orange-600 {
  4330.  
  4331.        --tw-bg-opacity: 1;
  4332.  
  4333.        background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  4334.  
  4335.    }
  4336.  
  4337.    .bg-transparent {
  4338.  
  4339.        background-color: transparent;
  4340.  
  4341.    }
  4342.  
  4343.    .bg-white {
  4344.  
  4345.        --tw-bg-opacity: 1;
  4346.  
  4347.        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  4348.  
  4349.    }
  4350.  
  4351.    .bg-white\/80 {
  4352.  
  4353.        background-color: hsla(0, 0%, 100%, 0.8);
  4354.  
  4355.    }
  4356.  
  4357.    .bg-opacity-0 {
  4358.  
  4359.        --tw-bg-opacity: 0;
  4360.  
  4361.    }
  4362.  
  4363.    .bg-opacity-100 {
  4364.  
  4365.        --tw-bg-opacity: 1;
  4366.  
  4367.    }
  4368.  
  4369.    .bg-opacity-40 {
  4370.  
  4371.        --tw-bg-opacity: 0.4;
  4372.  
  4373.    }
  4374.  
  4375.    .bg-gradient-to-r {
  4376.  
  4377.        background-image: linear-gradient(to right, var(--tw-gradient-stops));
  4378.  
  4379.    }
  4380.  
  4381.    .bg-none {
  4382.  
  4383.        background-image: none;
  4384.  
  4385.    }
  4386.  
  4387.    .from-gray-400 {
  4388.  
  4389.        --tw-gradient-from: #9ca3af;
  4390.  
  4391.        --tw-gradient-to: rgba(156, 163, 175, 0);
  4392.  
  4393.        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4394.  
  4395.    }
  4396.  
  4397.    .fill-white {
  4398.  
  4399.        fill: #fff;
  4400.  
  4401.    }
  4402.  
  4403.    .object-contain {
  4404.  
  4405.        -o-object-fit: contain;
  4406.  
  4407.        object-fit: contain;
  4408.  
  4409.    }
  4410.  
  4411.    .\!object-cover {
  4412.  
  4413.        -o-object-fit: cover !important;
  4414.  
  4415.        object-fit: cover !important;
  4416.  
  4417.    }
  4418.  
  4419.    .object-cover {
  4420.  
  4421.        -o-object-fit: cover;
  4422.  
  4423.        object-fit: cover;
  4424.  
  4425.    }
  4426.  
  4427.    .object-center {
  4428.  
  4429.        -o-object-position: center;
  4430.  
  4431.        object-position: center;
  4432.  
  4433.    }
  4434.  
  4435.    .object-left {
  4436.  
  4437.        -o-object-position: left;
  4438.  
  4439.        object-position: left;
  4440.  
  4441.    }
  4442.  
  4443.    .object-right {
  4444.  
  4445.        -o-object-position: right;
  4446.  
  4447.        object-position: right;
  4448.  
  4449.    }
  4450.  
  4451.    .\!p-0 {
  4452.  
  4453.        padding: 0 !important;
  4454.  
  4455.    }
  4456.  
  4457.    .\!p-4 {
  4458.  
  4459.        padding: 1rem !important;
  4460.  
  4461.    }
  4462.  
  4463.    .p-0 {
  4464.  
  4465.        padding: 0;
  4466.  
  4467.    }
  4468.  
  4469.    .p-1 {
  4470.  
  4471.        padding: 0.25rem;
  4472.  
  4473.    }
  4474.  
  4475.    .p-2 {
  4476.  
  4477.        padding: 0.5rem;
  4478.  
  4479.    }
  4480.  
  4481.    .p-2\.5 {
  4482.  
  4483.        padding: 0.625rem;
  4484.  
  4485.    }
  4486.  
  4487.    .p-3 {
  4488.  
  4489.        padding: 0.75rem;
  4490.  
  4491.    }
  4492.  
  4493.    .p-4 {
  4494.  
  4495.        padding: 1rem;
  4496.  
  4497.    }
  4498.  
  4499.    .p-5 {
  4500.  
  4501.        padding: 1.25rem;
  4502.  
  4503.    }
  4504.  
  4505.    .p-6 {
  4506.  
  4507.        padding: 1.5rem;
  4508.  
  4509.    }
  4510.  
  4511.    .p-8 {
  4512.  
  4513.        padding: 2rem;
  4514.  
  4515.    }
  4516.  
  4517.    .\!px-0 {
  4518.  
  4519.        padding-left: 0 !important;
  4520.  
  4521.        padding-right: 0 !important;
  4522.  
  4523.    }
  4524.  
  4525.    .\!px-3 {
  4526.  
  4527.        padding-left: 0.75rem !important;
  4528.  
  4529.        padding-right: 0.75rem !important;
  4530.  
  4531.    }
  4532.  
  4533.    .\!px-4 {
  4534.  
  4535.        padding-left: 1rem !important;
  4536.  
  4537.        padding-right: 1rem !important;
  4538.  
  4539.    }
  4540.  
  4541.    .\!py-1 {
  4542.  
  4543.        padding-top: 0.25rem !important;
  4544.  
  4545.        padding-bottom: 0.25rem !important;
  4546.  
  4547.    }
  4548.  
  4549.    .\!py-1\.5 {
  4550.  
  4551.        padding-top: 0.375rem !important;
  4552.  
  4553.        padding-bottom: 0.375rem !important;
  4554.  
  4555.    }
  4556.  
  4557.    .px-0 {
  4558.  
  4559.        padding-left: 0;
  4560.  
  4561.        padding-right: 0;
  4562.  
  4563.    }
  4564.  
  4565.    .px-1 {
  4566.  
  4567.        padding-left: 0.25rem;
  4568.  
  4569.        padding-right: 0.25rem;
  4570.  
  4571.    }
  4572.  
  4573.    .px-14 {
  4574.  
  4575.        padding-left: 3.5rem;
  4576.  
  4577.        padding-right: 3.5rem;
  4578.  
  4579.    }
  4580.  
  4581.    .px-2 {
  4582.  
  4583.        padding-left: 0.5rem;
  4584.  
  4585.        padding-right: 0.5rem;
  4586.  
  4587.    }
  4588.  
  4589.    .px-2\.5 {
  4590.  
  4591.        padding-left: 0.625rem;
  4592.  
  4593.        padding-right: 0.625rem;
  4594.  
  4595.    }
  4596.  
  4597.    .px-20 {
  4598.  
  4599.        padding-left: 5rem;
  4600.  
  4601.        padding-right: 5rem;
  4602.  
  4603.    }
  4604.  
  4605.    .px-3 {
  4606.  
  4607.        padding-left: 0.75rem;
  4608.  
  4609.        padding-right: 0.75rem;
  4610.  
  4611.    }
  4612.  
  4613.    .px-4 {
  4614.  
  4615.        padding-left: 1rem;
  4616.  
  4617.        padding-right: 1rem;
  4618.  
  4619.    }
  4620.  
  4621.    .px-5 {
  4622.  
  4623.        padding-left: 1.25rem;
  4624.  
  4625.        padding-right: 1.25rem;
  4626.  
  4627.    }
  4628.  
  4629.    .px-6 {
  4630.  
  4631.        padding-left: 1.5rem;
  4632.  
  4633.        padding-right: 1.5rem;
  4634.  
  4635.    }
  4636.  
  4637.    .px-\[0\.75rem\] {
  4638.  
  4639.        padding-left: 0.75rem;
  4640.  
  4641.        padding-right: 0.75rem;
  4642.  
  4643.    }
  4644.  
  4645.    .px-\[18px\] {
  4646.  
  4647.        padding-left: 18px;
  4648.  
  4649.        padding-right: 18px;
  4650.  
  4651.    }
  4652.  
  4653.    .py-0 {
  4654.  
  4655.        padding-top: 0;
  4656.  
  4657.        padding-bottom: 0;
  4658.  
  4659.    }
  4660.  
  4661.    .py-1 {
  4662.  
  4663.        padding-top: 0.25rem;
  4664.  
  4665.        padding-bottom: 0.25rem;
  4666.  
  4667.    }
  4668.  
  4669.    .py-1\.5 {
  4670.  
  4671.        padding-top: 0.375rem;
  4672.  
  4673.        padding-bottom: 0.375rem;
  4674.  
  4675.    }
  4676.  
  4677.    .py-10 {
  4678.  
  4679.        padding-top: 2.5rem;
  4680.  
  4681.        padding-bottom: 2.5rem;
  4682.  
  4683.    }
  4684.  
  4685.    .py-2 {
  4686.  
  4687.        padding-top: 0.5rem;
  4688.  
  4689.        padding-bottom: 0.5rem;
  4690.  
  4691.    }
  4692.  
  4693.    .py-2\.5 {
  4694.  
  4695.        padding-top: 0.625rem;
  4696.  
  4697.        padding-bottom: 0.625rem;
  4698.  
  4699.    }
  4700.  
  4701.    .py-24 {
  4702.  
  4703.        padding-top: 6rem;
  4704.  
  4705.        padding-bottom: 6rem;
  4706.  
  4707.    }
  4708.  
  4709.    .py-3 {
  4710.  
  4711.        padding-top: 0.75rem;
  4712.  
  4713.        padding-bottom: 0.75rem;
  4714.  
  4715.    }
  4716.  
  4717.    .py-4 {
  4718.  
  4719.        padding-top: 1rem;
  4720.  
  4721.        padding-bottom: 1rem;
  4722.  
  4723.    }
  4724.  
  4725.    .py-5 {
  4726.  
  4727.        padding-top: 1.25rem;
  4728.  
  4729.        padding-bottom: 1.25rem;
  4730.  
  4731.    }
  4732.  
  4733.    .py-6 {
  4734.  
  4735.        padding-top: 1.5rem;
  4736.  
  4737.        padding-bottom: 1.5rem;
  4738.  
  4739.    }
  4740.  
  4741.    .py-8 {
  4742.  
  4743.        padding-top: 2rem;
  4744.  
  4745.        padding-bottom: 2rem;
  4746.  
  4747.    }
  4748.  
  4749.    .py-\[0\.5rem\] {
  4750.  
  4751.        padding-top: 0.5rem;
  4752.  
  4753.        padding-bottom: 0.5rem;
  4754.  
  4755.    }
  4756.  
  4757.    .py-\[5\.5rem\] {
  4758.  
  4759.        padding-top: 5.5rem;
  4760.  
  4761.        padding-bottom: 5.5rem;
  4762.  
  4763.    }
  4764.  
  4765.    .pb-0 {
  4766.  
  4767.        padding-bottom: 0;
  4768.  
  4769.    }
  4770.  
  4771.    .pb-1 {
  4772.  
  4773.        padding-bottom: 0.25rem;
  4774.  
  4775.    }
  4776.  
  4777.    .pb-14 {
  4778.  
  4779.        padding-bottom: 3.5rem;
  4780.  
  4781.    }
  4782.  
  4783.    .pb-16 {
  4784.  
  4785.        padding-bottom: 4rem;
  4786.  
  4787.    }
  4788.  
  4789.    .pb-2 {
  4790.  
  4791.        padding-bottom: 0.5rem;
  4792.  
  4793.    }
  4794.  
  4795.    .pb-2\.5 {
  4796.  
  4797.        padding-bottom: 0.625rem;
  4798.  
  4799.    }
  4800.  
  4801.    .pb-20 {
  4802.  
  4803.        padding-bottom: 5rem;
  4804.  
  4805.    }
  4806.  
  4807.    .pb-24 {
  4808.  
  4809.        padding-bottom: 6rem;
  4810.  
  4811.    }
  4812.  
  4813.    .pb-3 {
  4814.  
  4815.        padding-bottom: 0.75rem;
  4816.  
  4817.    }
  4818.  
  4819.    .pb-32 {
  4820.  
  4821.        padding-bottom: 8rem;
  4822.  
  4823.    }
  4824.  
  4825.    .pb-4 {
  4826.  
  4827.        padding-bottom: 1rem;
  4828.  
  4829.    }
  4830.  
  4831.    .pb-5 {
  4832.  
  4833.        padding-bottom: 1.25rem;
  4834.  
  4835.    }
  4836.  
  4837.    .pb-8,
  4838.  
  4839.    .pb-\[2rem\] {
  4840.  
  4841.        padding-bottom: 2rem;
  4842.  
  4843.    }
  4844.  
  4845.    .pb-\[3px\] {
  4846.  
  4847.        padding-bottom: 3px;
  4848.  
  4849.    }
  4850.  
  4851.    .pl-10 {
  4852.  
  4853.        padding-left: 2.5rem;
  4854.  
  4855.    }
  4856.  
  4857.    .pl-2 {
  4858.  
  4859.        padding-left: 0.5rem;
  4860.  
  4861.    }
  4862.  
  4863.    .pl-3 {
  4864.  
  4865.        padding-left: 0.75rem;
  4866.  
  4867.    }
  4868.  
  4869.    .pl-4 {
  4870.  
  4871.        padding-left: 1rem;
  4872.  
  4873.    }
  4874.  
  4875.    .pl-5 {
  4876.  
  4877.        padding-left: 1.25rem;
  4878.  
  4879.    }
  4880.  
  4881.    .pl-\[3\.2rem\] {
  4882.  
  4883.        padding-left: 3.2rem;
  4884.  
  4885.    }
  4886.  
  4887.    .pr-0 {
  4888.  
  4889.        padding-right: 0;
  4890.  
  4891.    }
  4892.  
  4893.    .pr-10 {
  4894.  
  4895.        padding-right: 2.5rem;
  4896.  
  4897.    }
  4898.  
  4899.    .pr-2 {
  4900.  
  4901.        padding-right: 0.5rem;
  4902.  
  4903.    }
  4904.  
  4905.    .pr-20 {
  4906.  
  4907.        padding-right: 5rem;
  4908.  
  4909.    }
  4910.  
  4911.    .pr-3 {
  4912.  
  4913.        padding-right: 0.75rem;
  4914.  
  4915.    }
  4916.  
  4917.    .pr-4 {
  4918.  
  4919.        padding-right: 1rem;
  4920.  
  4921.    }
  4922.  
  4923.    .pr-5 {
  4924.  
  4925.        padding-right: 1.25rem;
  4926.  
  4927.    }
  4928.  
  4929.    .pr-\[3\.2rem\] {
  4930.  
  4931.        padding-right: 3.2rem;
  4932.  
  4933.    }
  4934.  
  4935.    .pt-0 {
  4936.  
  4937.        padding-top: 0;
  4938.  
  4939.    }
  4940.  
  4941.    .pt-1 {
  4942.  
  4943.        padding-top: 0.25rem;
  4944.  
  4945.    }
  4946.  
  4947.    .pt-10 {
  4948.  
  4949.        padding-top: 2.5rem;
  4950.  
  4951.    }
  4952.  
  4953.    .pt-12 {
  4954.  
  4955.        padding-top: 3rem;
  4956.  
  4957.    }
  4958.  
  4959.    .pt-14 {
  4960.  
  4961.        padding-top: 3.5rem;
  4962.  
  4963.    }
  4964.  
  4965.    .pt-16 {
  4966.  
  4967.        padding-top: 4rem;
  4968.  
  4969.    }
  4970.  
  4971.    .pt-2 {
  4972.  
  4973.        padding-top: 0.5rem;
  4974.  
  4975.    }
  4976.  
  4977.    .pt-3 {
  4978.  
  4979.        padding-top: 0.75rem;
  4980.  
  4981.    }
  4982.  
  4983.    .pt-4 {
  4984.  
  4985.        padding-top: 1rem;
  4986.  
  4987.    }
  4988.  
  4989.    .pt-5 {
  4990.  
  4991.        padding-top: 1.25rem;
  4992.  
  4993.    }
  4994.  
  4995.    .pt-6 {
  4996.  
  4997.        padding-top: 1.5rem;
  4998.  
  4999.    }
  5000.  
  5001.    .pt-8 {
  5002.  
  5003.        padding-top: 2rem;
  5004.  
  5005.    }
  5006.  
  5007.    .text-left {
  5008.  
  5009.        text-align: left;
  5010.  
  5011.    }
  5012.  
  5013.    .text-center {
  5014.  
  5015.        text-align: center;
  5016.  
  5017.    }
  5018.  
  5019.    .text-right {
  5020.  
  5021.        text-align: right;
  5022.  
  5023.    }
  5024.  
  5025.    .text-justify {
  5026.  
  5027.        text-align: justify;
  5028.  
  5029.    }
  5030.  
  5031.    .text-start {
  5032.  
  5033.        text-align: start;
  5034.  
  5035.    }
  5036.  
  5037.    .text-2xl {
  5038.  
  5039.        font-size: 1.5rem;
  5040.  
  5041.        line-height: 2rem;
  5042.  
  5043.    }
  5044.  
  5045.    .text-4xl {
  5046.  
  5047.        font-size: 2.25rem;
  5048.  
  5049.        line-height: 2.5rem;
  5050.  
  5051.    }
  5052.  
  5053.    .text-\[0\.92rem\] {
  5054.  
  5055.        font-size: 0.92rem;
  5056.  
  5057.    }
  5058.  
  5059.    .text-\[8px\] {
  5060.  
  5061.        font-size: 8px;
  5062.  
  5063.    }
  5064.  
  5065.    .text-\[10px\] {
  5066.  
  5067.        font-size: 10px;
  5068.  
  5069.    }
  5070.  
  5071.    .text-\[12px\] {
  5072.  
  5073.        font-size: 12px;
  5074.  
  5075.    }
  5076.  
  5077.    .text-\[13px\] {
  5078.  
  5079.        font-size: 13px;
  5080.  
  5081.    }
  5082.  
  5083.    .text-\[14px\] {
  5084.  
  5085.        font-size: 14px;
  5086.  
  5087.    }
  5088.  
  5089.    .text-\[15px\] {
  5090.  
  5091.        font-size: 15px;
  5092.  
  5093.    }
  5094.  
  5095.    .text-\[18px\] {
  5096.  
  5097.        font-size: 18px;
  5098.  
  5099.    }
  5100.  
  5101.    .text-\[20px\] {
  5102.  
  5103.        font-size: 20px;
  5104.  
  5105.    }
  5106.  
  5107.    .text-\[24px\] {
  5108.  
  5109.        font-size: 24px;
  5110.  
  5111.    }
  5112.  
  5113.    .text-\[40px\] {
  5114.  
  5115.        font-size: 40px;
  5116.  
  5117.    }
  5118.  
  5119.    .text-base {
  5120.  
  5121.        font-size: 1rem;
  5122.  
  5123.        line-height: 1.5rem;
  5124.  
  5125.    }
  5126.  
  5127.    .text-lg {
  5128.  
  5129.        font-size: 1.125rem;
  5130.  
  5131.        line-height: 1.75rem;
  5132.  
  5133.    }
  5134.  
  5135.    .text-sm {
  5136.  
  5137.        font-size: 0.875rem;
  5138.        line-height: 1.25rem;
  5139.  
  5140.    }
  5141.  
  5142.    .text-xl {
  5143.  
  5144.        font-size: 1.25rem;
  5145.  
  5146.        line-height: 1.75rem;
  5147.  
  5148.    }
  5149.  
  5150.    .text-xs {
  5151.  
  5152.        font-size: 0.75rem;
  5153.  
  5154.        line-height: 1rem;
  5155.  
  5156.    }
  5157.  
  5158.    .font-bold {
  5159.  
  5160.        font-weight: 700;
  5161.  
  5162.    }
  5163.  
  5164.    .font-extrabold {
  5165.  
  5166.        font-weight: 800;
  5167.  
  5168.    }
  5169.  
  5170.    .font-light {
  5171.  
  5172.        font-weight: 300;
  5173.  
  5174.    }
  5175.  
  5176.    .font-medium {
  5177.  
  5178.        font-weight: 500;
  5179.  
  5180.    }
  5181.  
  5182.    .font-normal {
  5183.  
  5184.        font-weight: 400;
  5185.  
  5186.    }
  5187.  
  5188.    .font-semibold {
  5189.  
  5190.        font-weight: 600;
  5191.  
  5192.    }
  5193.  
  5194.    .uppercase {
  5195.  
  5196.        text-transform: uppercase;
  5197.  
  5198.    }
  5199.  
  5200.    .capitalize {
  5201.  
  5202.        text-transform: capitalize;
  5203.  
  5204.    }
  5205.  
  5206.    .italic {
  5207.  
  5208.        font-style: italic;
  5209.  
  5210.    }
  5211.  
  5212.    .leading-4 {
  5213.  
  5214.        line-height: 1rem;
  5215.  
  5216.    }
  5217.  
  5218.    .leading-5 {
  5219.  
  5220.        line-height: 1.25rem;
  5221.  
  5222.    }
  5223.  
  5224.    .leading-6 {
  5225.  
  5226.        line-height: 1.5rem;
  5227.  
  5228.    }
  5229.  
  5230.    .leading-7 {
  5231.  
  5232.        line-height: 1.75rem;
  5233.  
  5234.    }
  5235.  
  5236.    .leading-\[150\%\] {
  5237.  
  5238.        line-height: 150%;
  5239.  
  5240.    }
  5241.  
  5242.    .leading-\[20px\] {
  5243.  
  5244.        line-height: 20px;
  5245.  
  5246.    }
  5247.  
  5248.    .leading-\[26px\] {
  5249.  
  5250.        line-height: 26px;
  5251.  
  5252.    }
  5253.  
  5254.    .leading-\[30\.8px\] {
  5255.  
  5256.        line-height: 30.8px;
  5257.  
  5258.    }
  5259.  
  5260.    .leading-\[66\.8px\] {
  5261.  
  5262.        line-height: 66.8px;
  5263.  
  5264.    }
  5265.  
  5266.    .leading-normal {
  5267.  
  5268.        line-height: 1.5;
  5269.  
  5270.    }
  5271.  
  5272.    .tracking-\[0\.1em\] {
  5273.  
  5274.        letter-spacing: 0.1em;
  5275.  
  5276.    }
  5277.  
  5278.    .tracking-\[0\.2em\] {
  5279.  
  5280.        letter-spacing: 0.2em;
  5281.  
  5282.    }
  5283.  
  5284.    .tracking-\[0\.3px\] {
  5285.  
  5286.        letter-spacing: 0.3px;
  5287.  
  5288.    }
  5289.  
  5290.    .tracking-tight {
  5291.  
  5292.        letter-spacing: -0.025em;
  5293.  
  5294.    }
  5295.  
  5296.    .text-\[\#E3FDE4\] {
  5297.  
  5298.        --tw-text-opacity: 1;
  5299.  
  5300.        color: rgb(227 253 228 / var(--tw-text-opacity));
  5301.  
  5302.    }
  5303.  
  5304.    .text-black {
  5305.  
  5306.        --tw-text-opacity: 1;
  5307.  
  5308.        color: rgb(0 0 0 / var(--tw-text-opacity));
  5309.  
  5310.    }
  5311.  
  5312.    .text-blue-700 {
  5313.  
  5314.        --tw-text-opacity: 1;
  5315.  
  5316.        color: rgb(29 78 216 / var(--tw-text-opacity));
  5317.  
  5318.    }
  5319.  
  5320.    .text-btnPurple {
  5321.  
  5322.        --tw-text-opacity: 1;
  5323.  
  5324.        color: rgb(112 127 235 / var(--tw-text-opacity));
  5325.  
  5326.    }
  5327.  
  5328.    .text-gray-200 {
  5329.  
  5330.        --tw-text-opacity: 1;
  5331.  
  5332.        color: rgb(229 231 235 / var(--tw-text-opacity));
  5333.  
  5334.    }
  5335.  
  5336.    .text-gray-300 {
  5337.  
  5338.        --tw-text-opacity: 1;
  5339.  
  5340.        color: rgb(209 213 219 / var(--tw-text-opacity));
  5341.  
  5342.    }
  5343.  
  5344.    .text-gray-400 {
  5345.  
  5346.        --tw-text-opacity: 1;
  5347.  
  5348.        color: rgb(156 163 175 / var(--tw-text-opacity));
  5349.  
  5350.    }
  5351.  
  5352.    .text-gray-500 {
  5353.  
  5354.        --tw-text-opacity: 1;
  5355.  
  5356.        color: rgb(107 114 128 / var(--tw-text-opacity));
  5357.  
  5358.    }
  5359.  
  5360.    .text-gray-600 {
  5361.  
  5362.        --tw-text-opacity: 1;
  5363.  
  5364.        color: rgb(75 85 99 / var(--tw-text-opacity));
  5365.  
  5366.    }
  5367.  
  5368.    .text-gray-900 {
  5369.  
  5370.        --tw-text-opacity: 1;
  5371.  
  5372.        color: rgb(17 24 39 / var(--tw-text-opacity));
  5373.  
  5374.    }
  5375.  
  5376.    .text-green-500 {
  5377.  
  5378.        --tw-text-opacity: 1;
  5379.  
  5380.        color: rgb(34 197 94 / var(--tw-text-opacity));
  5381.  
  5382.    }
  5383.  
  5384.    .text-green-600 {
  5385.  
  5386.        --tw-text-opacity: 1;
  5387.  
  5388.        color: rgb(22 163 74 / var(--tw-text-opacity));
  5389.  
  5390.    }
  5391.  
  5392.    .text-indigo-600 {
  5393.  
  5394.        --tw-text-opacity: 1;
  5395.  
  5396.        color: rgb(79 70 229 / var(--tw-text-opacity));
  5397.  
  5398.    }
  5399.  
  5400.    .text-info {
  5401.  
  5402.        --tw-text-opacity: 1;
  5403.  
  5404.        color: rgb(34 211 238 / var(--tw-text-opacity));
  5405.  
  5406.    }
  5407.  
  5408.    .text-orange-700 {
  5409.  
  5410.        --tw-text-opacity: 1;
  5411.  
  5412.        color: rgb(194 65 12 / var(--tw-text-opacity));
  5413.  
  5414.    }
  5415.  
  5416.    .text-red-400 {
  5417.  
  5418.        --tw-text-opacity: 1;
  5419.  
  5420.        color: rgb(248 113 113 / var(--tw-text-opacity));
  5421.  
  5422.    }
  5423.  
  5424.    .text-red-600 {
  5425.  
  5426.        --tw-text-opacity: 1;
  5427.  
  5428.        color: rgb(220 38 38 / var(--tw-text-opacity));
  5429.  
  5430.    }
  5431.  
  5432.    .text-red-700 {
  5433.  
  5434.        --tw-text-opacity: 1;
  5435.  
  5436.        color: rgb(185 28 28 / var(--tw-text-opacity));
  5437.  
  5438.    }
  5439.  
  5440.    .text-slate-900 {
  5441.  
  5442.        --tw-text-opacity: 1;
  5443.  
  5444.        color: rgb(15 23 42 / var(--tw-text-opacity));
  5445.  
  5446.    }
  5447.  
  5448.    .text-white {
  5449.  
  5450.        --tw-text-opacity: 1;
  5451.  
  5452.        color: rgb(255 255 255 / var(--tw-text-opacity));
  5453.  
  5454.    }
  5455.  
  5456.    .text-white\/70 {
  5457.  
  5458.        color: hsla(0, 0%, 100%, 0.7);
  5459.  
  5460.    }
  5461.  
  5462.    .text-white\/75 {
  5463.  
  5464.        color: hsla(0, 0%, 100%, 0.75);
  5465.  
  5466.    }
  5467.  
  5468.    .underline {
  5469.  
  5470.        text-decoration-line: underline;
  5471.  
  5472.    }
  5473.  
  5474.    .no-underline {
  5475.  
  5476.        text-decoration-line: none;
  5477.  
  5478.    }
  5479.  
  5480.    .opacity-0 {
  5481.  
  5482.        opacity: 0;
  5483.  
  5484.    }
  5485.  
  5486.    .opacity-100 {
  5487.  
  5488.        opacity: 1;
  5489.  
  5490.    }
  5491.  
  5492.    .opacity-25 {
  5493.  
  5494.        opacity: 0.25;
  5495.  
  5496.    }
  5497.  
  5498.    .opacity-75 {
  5499.  
  5500.        opacity: 0.75;
  5501.  
  5502.    }
  5503.  
  5504.    .mix-blend-multiply {
  5505.  
  5506.        mix-blend-mode: multiply;
  5507.  
  5508.    }
  5509.  
  5510.    .shadow-2xl {
  5511.  
  5512.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  5513.  
  5514.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  5515.  
  5516.    }
  5517.  
  5518.    .shadow-2xl,
  5519.  
  5520.    .shadow-lg {
  5521.  
  5522.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5523.  
  5524.    }
  5525.  
  5526.    .shadow-lg {
  5527.  
  5528.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  5529.  
  5530.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  5531.  
  5532.    }
  5533.  
  5534.    .shadow-sm {
  5535.  
  5536.        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  5537.  
  5538.        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  5539.  
  5540.    }
  5541.  
  5542.    .shadow-sm,
  5543.  
  5544.    .shadow-xl {
  5545.  
  5546.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  5547.  
  5548.    }
  5549.  
  5550.    .shadow-xl {
  5551.  
  5552.        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  5553.  
  5554.        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  5555.  
  5556.    }
  5557.  
  5558.    .shadow-white\/20 {
  5559.  
  5560.        --tw-shadow-color: hsla(0, 0%, 100%, 0.2);
  5561.  
  5562.        --tw-shadow: var(--tw-shadow-colored);
  5563.  
  5564.    }
  5565.  
  5566.    .ring-1 {
  5567.  
  5568.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  5569.  
  5570.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  5571.  
  5572.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  5573.  
  5574.    }
  5575.  
  5576.    .ring-black {
  5577.  
  5578.        --tw-ring-opacity: 1;
  5579.  
  5580.        --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  5581.  
  5582.    }
  5583.  
  5584.    .ring-gray-500 {
  5585.  
  5586.        --tw-ring-opacity: 1;
  5587.  
  5588.        --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
  5589.  
  5590.    }
  5591.  
  5592.    .ring-slate-200 {
  5593.  
  5594.        --tw-ring-opacity: 1;
  5595.  
  5596.        --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
  5597.  
  5598.    }
  5599.  
  5600.    .ring-white {
  5601.  
  5602.        --tw-ring-opacity: 1;
  5603.  
  5604.        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  5605.  
  5606.    }
  5607.  
  5608.    .ring-opacity-5 {
  5609.  
  5610.        --tw-ring-opacity: 0.05;
  5611.  
  5612.    }
  5613.  
  5614.    .blur {
  5615.  
  5616.        --tw-blur: blur(8px);
  5617.  
  5618.    }
  5619.  
  5620.    .blur,
  5621.  
  5622.    .grayscale {
  5623.  
  5624.        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);
  5625.  
  5626.    }
  5627.  
  5628.    .grayscale {
  5629.  
  5630.        --tw-grayscale: grayscale(100%);
  5631.  
  5632.    }
  5633.  
  5634.    .invert {
  5635.  
  5636.        --tw-invert: invert(100%);
  5637.  
  5638.    }
  5639.  
  5640.    .filter,
  5641.  
  5642.    .invert {
  5643.  
  5644.        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);
  5645.  
  5646.    }
  5647.  
  5648.    .backdrop-blur-sm {
  5649.  
  5650.        --tw-backdrop-blur: blur(4px);
  5651.  
  5652.    }
  5653.  
  5654.    .backdrop-blur-sm,
  5655.  
  5656.    .backdrop-blur-xl {
  5657.  
  5658.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5659.  
  5660.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5661.  
  5662.    }
  5663.  
  5664.    .backdrop-blur-xl {
  5665.  
  5666.        --tw-backdrop-blur: blur(24px);
  5667.  
  5668.    }
  5669.  
  5670.    .backdrop-filter {
  5671.  
  5672.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5673.  
  5674.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  5675.  
  5676.    }
  5677.  
  5678.    .transition {
  5679.  
  5680.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  5681.  
  5682.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  5683.  
  5684.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  5685.  
  5686.        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5687.  
  5688.        transition-duration: 0.15s;
  5689.  
  5690.    }
  5691.  
  5692.    .transition-all {
  5693.  
  5694.        transition-property: all;
  5695.  
  5696.        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5697.  
  5698.        transition-duration: 0.15s;
  5699.  
  5700.    }
  5701.  
  5702.    .transition-colors {
  5703.  
  5704.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  5705.  
  5706.        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5707.  
  5708.        transition-duration: 0.15s;
  5709.  
  5710.    }
  5711.  
  5712.    .transition-opacity {
  5713.  
  5714.        transition-property: opacity;
  5715.  
  5716.        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5717.  
  5718.        transition-duration: 0.15s;
  5719.  
  5720.    }
  5721.  
  5722.    .duration-100 {
  5723.  
  5724.        transition-duration: 0.1s;
  5725.  
  5726.    }
  5727.  
  5728.    .duration-1000 {
  5729.  
  5730.        transition-duration: 1s;
  5731.  
  5732.    }
  5733.  
  5734.    .duration-150 {
  5735.  
  5736.        transition-duration: 0.15s;
  5737.  
  5738.    }
  5739.  
  5740.    .duration-200 {
  5741.  
  5742.        transition-duration: 0.2s;
  5743.  
  5744.    }
  5745.  
  5746.    .duration-300 {
  5747.  
  5748.        transition-duration: 0.3s;
  5749.  
  5750.    }
  5751.  
  5752.    .duration-500 {
  5753.  
  5754.        transition-duration: 0.5s;
  5755.  
  5756.    }
  5757.  
  5758.    .duration-75 {
  5759.  
  5760.        transition-duration: 75ms;
  5761.  
  5762.    }
  5763.  
  5764.    .duration-\[600ms\] {
  5765.  
  5766.        transition-duration: 0.6s;
  5767.  
  5768.    }
  5769.  
  5770.    .ease-in {
  5771.  
  5772.        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  5773.  
  5774.    }
  5775.  
  5776.    .ease-in-out {
  5777.  
  5778.        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5779.  
  5780.    }
  5781.  
  5782.    .ease-out {
  5783.  
  5784.        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  5785.  
  5786.    }
  5787.  
  5788.    .line-clamp-1 {
  5789.  
  5790.        -webkit-line-clamp: 1;
  5791.  
  5792.    }
  5793.  
  5794.    .line-clamp-1,
  5795.  
  5796.    .line-clamp-2 {
  5797.  
  5798.        overflow: hidden;
  5799.  
  5800.        display: -webkit-box;
  5801.  
  5802.        -webkit-box-orient: vertical;
  5803.  
  5804.    }
  5805.  
  5806.    .line-clamp-2 {
  5807.  
  5808.        -webkit-line-clamp: 2;
  5809.  
  5810.    }
  5811.  
  5812.    .scrollbar-hide {
  5813.  
  5814.        -ms-overflow-style: none;
  5815.  
  5816.        scrollbar-width: none;
  5817.  
  5818.    }
  5819.  
  5820.    .scrollbar-hide::-webkit-scrollbar {
  5821.  
  5822.        display: none;
  5823.  
  5824.    }
  5825.  
  5826.    input[type="number"]::-webkit-inner-spin-button,
  5827.  
  5828.    input[type="number"]::-webkit-outer-spin-button {
  5829.  
  5830.        -webkit-appearance: none;
  5831.  
  5832.        appearance: none;
  5833.  
  5834.    }
  5835.  
  5836.    .bg-gradient-black {
  5837.  
  5838.        background: linear-gradient(163.42deg, #374353c3 -107%, #ffffff00 105.46%);
  5839.  
  5840.        border: 1px solid #626274;
  5841.  
  5842.        border-radius: 16px;
  5843.  
  5844.    }
  5845.  
  5846.  
  5847.  
  5848.  
  5849.  
  5850.    html {
  5851.  
  5852.        -moz-tab-size: 4;
  5853.  
  5854.        -o-tab-size: 4;
  5855.  
  5856.        tab-size: 4;
  5857.  
  5858.    }
  5859.  
  5860.    body {
  5861.  
  5862.        margin: 0;
  5863.  
  5864.        line-height: inherit;
  5865.  
  5866.    }
  5867.  
  5868.    .membership-banner {
  5869.  
  5870.        content: "";
  5871.  
  5872.        position: relative;
  5873.  
  5874.        background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  5875.  
  5876.        background-size: 60%, 70%;
  5877.  
  5878.        overflow: hidden;
  5879.  
  5880.    }
  5881.  
  5882.    .text-gradient-orange {
  5883.  
  5884.        background: linear-gradient(270deg, #e7273d -1.95%, #df5f3b 97.95%);
  5885.  
  5886.        -webkit-background-clip: text;
  5887.  
  5888.        -webkit-text-fill-color: transparent;
  5889.  
  5890.        background-clip: text;
  5891.  
  5892.    }
  5893.  
  5894.  
  5895.  
  5896.    .featured-game-card:hover {
  5897.  
  5898.        transition: all 1s;
  5899.  
  5900.    }
  5901.  
  5902.    .featured-game-card:hover img {
  5903.  
  5904.        filter: blur(40px);
  5905.  
  5906.  
  5907.  
  5908.    }
  5909.  
  5910.    .featured-game-card .blur-sharp {
  5911.  
  5912.        overflow: hidden;
  5913.  
  5914.        border-radius: 0rem;
  5915.  
  5916.    }
  5917.  
  5918.  
  5919.  
  5920.  
  5921.  
  5922.  
  5923.  
  5924.    .cover {
  5925.  
  5926.        transition: all 1s;
  5927.  
  5928.        opacity: 0;
  5929.  
  5930.        left: 0;
  5931.  
  5932.        right: 0;
  5933.  
  5934.        border-radius: 1rem;
  5935.  
  5936.    }
  5937.  
  5938.    .featured-game-card:hover .cover {
  5939.  
  5940.        transition: all 1s;
  5941.  
  5942.        opacity: 0;
  5943.  
  5944.        border-radius: 1rem;
  5945.  
  5946.    }
  5947.  
  5948.    .icon-button {
  5949.  
  5950.        position: relative;
  5951.  
  5952.        display: inline-flex;
  5953.  
  5954.        border: 0;
  5955.  
  5956.        padding: 0;
  5957.  
  5958.        margin: 0;
  5959.  
  5960.        outline: none;
  5961.  
  5962.        background: #fff;
  5963.  
  5964.        border-radius: 50%;
  5965.  
  5966.        cursor: pointer;
  5967.  
  5968.        overflow: hidden;
  5969.  
  5970.        text-decoration: none;
  5971.  
  5972.        box-sizing: border-box;
  5973.  
  5974.        flex-shrink: 0;
  5975.  
  5976.    }
  5977.  
  5978.    .flex-center,
  5979.  
  5980.    .icon-button {
  5981.  
  5982.        align-items: center;
  5983.  
  5984.        justify-content: center;
  5985.  
  5986.    }
  5987.  
  5988.    .flex-center {
  5989.  
  5990.        display: flex;
  5991.  
  5992.    }
  5993.  
  5994.    .grecaptcha-badge {
  5995.  
  5996.        visibility: hidden;
  5997.  
  5998.    }
  5999.  
  6000.    ::-webkit-scrollbar {
  6001.  
  6002.        width: 8px;
  6003.  
  6004.        height: 2px;
  6005.  
  6006.        background-color: transparent;
  6007.  
  6008.    }
  6009.  
  6010.    ::-webkit-scrollbar-track {
  6011.  
  6012.        display: none;
  6013.  
  6014.    }
  6015.  
  6016.    ::-webkit-scrollbar-thumb {
  6017.  
  6018.        background-color: #c4c4c4;
  6019.  
  6020.        border-radius: 0.75rem;
  6021.  
  6022.    }
  6023.  
  6024.    @keyframes  fadeInTop {
  6025.  
  6026.        0% {
  6027.  
  6028.            opacity: 0;
  6029.  
  6030.            transform: translateY(-50px);
  6031.  
  6032.        }
  6033.  
  6034.        to {
  6035.  
  6036.            opacity: 1;
  6037.  
  6038.            transform: translateY(0);
  6039.  
  6040.        }
  6041.  
  6042.    }
  6043.  
  6044.    .shadow-navbar {
  6045.  
  6046.        box-shadow: 0 100px 80px hsla(0, 0%, 89%, 0.07), 0 41.7776px 33.4221px hsla(0, 0%, 89%, 0.05), 0 22.3363px 17.869px hsla(0, 0%, 89%, 0.04), 0 12.5216px 10.0172px hsla(0, 0%, 89%, 0.04), 0 6.6501px 5.32008px hsla(0, 0%, 89%, 0.03),
  6047.  
  6048.            0 2.76726px 2.21381px hsla(0, 0%, 89%, 0.02);
  6049.  
  6050.    }
  6051.  
  6052.    .fade-in-top {
  6053.  
  6054.        animation: fadeInTop 0.4s ease-in-out both;
  6055.  
  6056.    }
  6057.  
  6058.    #home-cover {
  6059.  
  6060.        position: relative;
  6061.  
  6062.        overflow: hidden;
  6063.  
  6064.    }
  6065.  
  6066.    #home-cover>.banner-hero {
  6067.  
  6068.        max-width: 1200px;
  6069.  
  6070.        margin: 0 auto;
  6071.  
  6072.        padding: 2em 1em;
  6073.  
  6074.        flex: auto;
  6075.  
  6076.        box-sizing: border-box;
  6077.  
  6078.    }
  6079.  
  6080.  
  6081.  
  6082.    .shadow-social-media {
  6083.  
  6084.        box-shadow: 0 0 20px hsla(0, 0%, 45%, 0.22);
  6085.  
  6086.    }
  6087.  
  6088.    select {
  6089.  
  6090.        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  6091.  
  6092.        background-position: right 0.5rem center;
  6093.  
  6094.        background-repeat: no-repeat;
  6095.  
  6096.        background-size: 1.5em 1.5em;
  6097.  
  6098.        padding-right: 2.5rem;
  6099.  
  6100.        -webkit-print-color-adjust: exact;
  6101.  
  6102.        print-color-adjust: exact;
  6103.  
  6104.    }
  6105.  
  6106.    .placeholder\:text-slate-400::-moz-placeholder {
  6107.  
  6108.        --tw-text-opacity: 1;
  6109.  
  6110.        color: rgb(148 163 184 / var(--tw-text-opacity));
  6111.  
  6112.    }
  6113.  
  6114.    .placeholder\:text-slate-400::placeholder {
  6115.  
  6116.        --tw-text-opacity: 1;
  6117.  
  6118.        color: rgb(148 163 184 / var(--tw-text-opacity));
  6119.  
  6120.    }
  6121.  
  6122.    .focus-within\:z-10:focus-within {
  6123.  
  6124.        z-index: 10;
  6125.  
  6126.    }
  6127.  
  6128.    .focus-within\:text-slate-900:focus-within {
  6129.  
  6130.        --tw-text-opacity: 1;
  6131.  
  6132.        color: rgb(15 23 42 / var(--tw-text-opacity));
  6133.  
  6134.    }
  6135.  
  6136.    .focus-within\:text-white:focus-within {
  6137.  
  6138.        --tw-text-opacity: 1;
  6139.  
  6140.        color: rgb(255 255 255 / var(--tw-text-opacity));
  6141.  
  6142.    }
  6143.  
  6144.    .hover\:scale-105:hover {
  6145.  
  6146.        --tw-scale-x: 1.05;
  6147.  
  6148.        --tw-scale-y: 1.05;
  6149.  
  6150.    }
  6151.  
  6152.    .hover\:scale-105:hover,
  6153.  
  6154.    .hover\:scale-110:hover {
  6155.  
  6156.        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));
  6157.  
  6158.    }
  6159.  
  6160.    .hover\:scale-110:hover {
  6161.  
  6162.        --tw-scale-x: 1.1;
  6163.  
  6164.        --tw-scale-y: 1.1;
  6165.  
  6166.    }
  6167.  
  6168.    .hover\:cursor-not-allowed:hover {
  6169.  
  6170.        cursor: not-allowed;
  6171.  
  6172.    }
  6173.  
  6174.    .hover\:cursor-pointer:hover {
  6175.  
  6176.        cursor: pointer;
  6177.  
  6178.    }
  6179.  
  6180.    .hover\:border-white:hover {
  6181.  
  6182.        --tw-border-opacity: 1;
  6183.  
  6184.        border-color: rgb(255 255 255 / var(--tw-border-opacity));
  6185.  
  6186.    }
  6187.  
  6188.    .hover\:bg-btnPurple:hover {
  6189.  
  6190.        --tw-bg-opacity: 1;
  6191.  
  6192.        background-color: rgb(112 127 235 / var(--tw-bg-opacity));
  6193.  
  6194.    }
  6195.  
  6196.    .hover\:bg-btnPurple\/30:hover {
  6197.  
  6198.        background-color: rgba(112, 127, 235, 0.3);
  6199.  
  6200.    }
  6201.  
  6202.    .hover\:bg-gray-50:hover {
  6203.  
  6204.        --tw-bg-opacity: 1;
  6205.  
  6206.        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  6207.  
  6208.    }
  6209.  
  6210.    .hover\:bg-orange-500:hover {
  6211.  
  6212.        --tw-bg-opacity: 1;
  6213.  
  6214.        background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  6215.  
  6216.    }
  6217.  
  6218.    .hover\:bg-slate-50\/5:hover {
  6219.  
  6220.        background-color: rgba(248, 250, 252, 0.05);
  6221.  
  6222.    }
  6223.  
  6224.    .hover\:bg-opacity-30:hover {
  6225.  
  6226.        --tw-bg-opacity: 0.3;
  6227.  
  6228.    }
  6229.  
  6230.    .hover\:text-white:hover {
  6231.  
  6232.        --tw-text-opacity: 1;
  6233.  
  6234.        color: rgb(255 255 255 / var(--tw-text-opacity));
  6235.  
  6236.    }
  6237.  
  6238.    .hover\:underline:hover {
  6239.  
  6240.        text-decoration-line: underline;
  6241.  
  6242.    }
  6243.  
  6244.    .hover\:opacity-80:hover {
  6245.  
  6246.        opacity: 0.8;
  6247.  
  6248.    }
  6249.  
  6250.    .hover\:shadow-lg:hover {
  6251.  
  6252.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  6253.  
  6254.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  6255.  
  6256.    }
  6257.  
  6258.    .hover\:shadow-lg:hover,
  6259.  
  6260.    .hover\:shadow-sm:hover {
  6261.  
  6262.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  6263.  
  6264.    }
  6265.  
  6266.    .hover\:shadow-sm:hover {
  6267.  
  6268.        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  6269.  
  6270.        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  6271.  
  6272.    }
  6273.  
  6274.    .focus\:z-20:focus {
  6275.  
  6276.        z-index: 20;
  6277.  
  6278.    }
  6279.  
  6280.    .focus\:border-none:focus {
  6281.  
  6282.        border-style: none;
  6283.  
  6284.    }
  6285.  
  6286.    .focus\:border-\[\#2D2EAD\]:focus {
  6287.  
  6288.        --tw-border-opacity: 1;
  6289.  
  6290.        border-color: rgb(45 46 173 / var(--tw-border-opacity));
  6291.  
  6292.    }
  6293.  
  6294.    .focus\:border-\[\#707feb\]:focus {
  6295.  
  6296.        --tw-border-opacity: 1;
  6297.  
  6298.        border-color: rgb(112 127 235 / var(--tw-border-opacity));
  6299.  
  6300.    }
  6301.  
  6302.    .focus\:border-indigo-700:focus {
  6303.  
  6304.        --tw-border-opacity: 1;
  6305.  
  6306.        border-color: rgb(67 56 202 / var(--tw-border-opacity));
  6307.  
  6308.    }
  6309.  
  6310.    .focus\:outline-none:focus {
  6311.  
  6312.        outline: 2px solid transparent;
  6313.  
  6314.        outline-offset: 2px;
  6315.  
  6316.    }
  6317.  
  6318.    .focus\:ring:focus {
  6319.  
  6320.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6321.  
  6322.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6323.  
  6324.    }
  6325.  
  6326.    .focus\:ring-2:focus,
  6327.  
  6328.    .focus\:ring:focus {
  6329.  
  6330.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6331.  
  6332.    }
  6333.  
  6334.    .focus\:ring-2:focus {
  6335.  
  6336.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6337.  
  6338.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6339.  
  6340.    }
  6341.  
  6342.    .focus\:ring-\[\#2D2EAD\]:focus {
  6343.  
  6344.        --tw-ring-opacity: 1;
  6345.  
  6346.        --tw-ring-color: rgb(45 46 173 / var(--tw-ring-opacity));
  6347.  
  6348.    }
  6349.  
  6350.    .focus\:ring-indigo-500:focus {
  6351.  
  6352.        --tw-ring-opacity: 1;
  6353.  
  6354.        --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  6355.  
  6356.    }
  6357.  
  6358.    .focus\:ring-white:focus {
  6359.  
  6360.        --tw-ring-opacity: 1;
  6361.  
  6362.        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6363.  
  6364.    }
  6365.  
  6366.    .focus\:ring-offset-2:focus {
  6367.  
  6368.        --tw-ring-offset-width: 2px;
  6369.  
  6370.    }
  6371.  
  6372.    .focus\:duration-300:focus {
  6373.  
  6374.        transition-duration: 0.3s;
  6375.  
  6376.    }
  6377.  
  6378.    .focus-visible\:ring-2:focus-visible {
  6379.  
  6380.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  6381.  
  6382.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  6383.  
  6384.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  6385.  
  6386.    }
  6387.  
  6388.    .focus-visible\:ring-white:focus-visible {
  6389.  
  6390.        --tw-ring-opacity: 1;
  6391.  
  6392.        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  6393.  
  6394.    }
  6395.  
  6396.    .focus-visible\:ring-opacity-75:focus-visible {
  6397.  
  6398.        --tw-ring-opacity: 0.75;
  6399.  
  6400.    }
  6401.  
  6402.    .disabled\:cursor-not-allowed:disabled {
  6403.  
  6404.        cursor: not-allowed;
  6405.  
  6406.    }
  6407.  
  6408.    .group:hover .group-hover\:text-btnPurple {
  6409.  
  6410.        --tw-text-opacity: 1;
  6411.  
  6412.        color: rgb(112 127 235 / var(--tw-text-opacity));
  6413.  
  6414.    }
  6415.  
  6416.    .group:hover .group-hover\:text-btnPurple\/50 {
  6417.  
  6418.        color: rgba(112, 127, 235, 0.5);
  6419.  
  6420.    }
  6421.  
  6422.    .group:hover .group-hover\:text-gray-500 {
  6423.  
  6424.        --tw-text-opacity: 1;
  6425.  
  6426.        color: rgb(107 114 128 / var(--tw-text-opacity));
  6427.  
  6428.    }
  6429.  
  6430.    .peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  6431.  
  6432.        --tw-translate-y: 0px;
  6433.  
  6434.        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));
  6435.  
  6436.    }
  6437.  
  6438.    .peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  6439.  
  6440.        --tw-translate-y: 0px;
  6441.  
  6442.        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));
  6443.  
  6444.    }
  6445.  
  6446.    .peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100 {
  6447.  
  6448.        --tw-scale-x: 1;
  6449.  
  6450.        --tw-scale-y: 1;
  6451.  
  6452.        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));
  6453.  
  6454.    }
  6455.  
  6456.    .peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
  6457.  
  6458.        --tw-scale-x: 1;
  6459.  
  6460.        --tw-scale-y: 1;
  6461.  
  6462.        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));
  6463.  
  6464.    }
  6465.  
  6466.    .peer:focus~.peer-focus\:-translate-y-3 {
  6467.  
  6468.        --tw-translate-y: -0.75rem;
  6469.  
  6470.    }
  6471.  
  6472.    .peer:focus~.peer-focus\:-translate-y-3,
  6473.  
  6474.    .peer:focus~.peer-focus\:scale-75 {
  6475.  
  6476.        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));
  6477.  
  6478.    }
  6479.  
  6480.    .peer:focus~.peer-focus\:scale-75 {
  6481.  
  6482.        --tw-scale-x: 0.75;
  6483.  
  6484.        --tw-scale-y: 0.75;
  6485.  
  6486.    }
  6487.  
  6488.    @media (prefers-color-scheme: dark) {
  6489.  
  6490.        .dark\:border-gray-700 {
  6491.  
  6492.            --tw-border-opacity: 1;
  6493.  
  6494.            border-color: rgb(55 65 81 / var(--tw-border-opacity));
  6495.  
  6496.        }
  6497.  
  6498.        .dark\:bg-blue-200 {
  6499.  
  6500.            --tw-bg-opacity: 1;
  6501.  
  6502.            background-color: rgb(191 219 254 / var(--tw-bg-opacity));
  6503.  
  6504.        }
  6505.  
  6506.        .dark\:bg-orange-200 {
  6507.  
  6508.            --tw-bg-opacity: 1;
  6509.  
  6510.            background-color: rgb(254 215 170 / var(--tw-bg-opacity));
  6511.  
  6512.        }
  6513.  
  6514.        .dark\:text-blue-800 {
  6515.  
  6516.            --tw-text-opacity: 1;
  6517.  
  6518.            color: rgb(30 64 175 / var(--tw-text-opacity));
  6519.  
  6520.        }
  6521.  
  6522.        .dark\:text-gray-600 {
  6523.  
  6524.            --tw-text-opacity: 1;
  6525.  
  6526.            color: rgb(75 85 99 / var(--tw-text-opacity));
  6527.  
  6528.        }
  6529.  
  6530.        .dark\:text-orange-800 {
  6531.  
  6532.            --tw-text-opacity: 1;
  6533.  
  6534.            color: rgb(154 52 18 / var(--tw-text-opacity));
  6535.  
  6536.        }
  6537.  
  6538.    }
  6539.  
  6540.    @media (max-width: 640px) {
  6541.  
  6542.        .sm\:static {
  6543.  
  6544.            position: static;
  6545.  
  6546.        }
  6547.  
  6548.        .sm\:inset-auto {
  6549.  
  6550.            top: auto;
  6551.  
  6552.            right: auto;
  6553.  
  6554.            bottom: auto;
  6555.  
  6556.            left: auto;
  6557.  
  6558.        }
  6559.  
  6560.        .sm\:col-span-2 {
  6561.  
  6562.            grid-column: span 2 / span 2;
  6563.  
  6564.        }
  6565.  
  6566.        .sm\:mx-16 {
  6567.  
  6568.            margin-left: 4rem;
  6569.  
  6570.            margin-right: 4rem;
  6571.  
  6572.        }
  6573.  
  6574.        .sm\:my-16 {
  6575.  
  6576.            margin-top: 4rem;
  6577.  
  6578.            margin-bottom: 4rem;
  6579.  
  6580.        }
  6581.  
  6582.        .sm\:my-8 {
  6583.  
  6584.            margin-top: 2rem;
  6585.  
  6586.            margin-bottom: 2rem;
  6587.  
  6588.        }
  6589.  
  6590.        .sm\:-mr-10 {
  6591.  
  6592.            margin-right: -2.5rem;
  6593.  
  6594.        }
  6595.  
  6596.        .sm\:ml-3 {
  6597.  
  6598.            margin-left: 0.75rem;
  6599.  
  6600.        }
  6601.  
  6602.        .sm\:ml-4 {
  6603.  
  6604.            margin-left: 1rem;
  6605.  
  6606.        }
  6607.  
  6608.        .sm\:ml-6 {
  6609.  
  6610.            margin-left: 1.5rem;
  6611.  
  6612.        }
  6613.  
  6614.        .sm\:mt-0 {
  6615.  
  6616.            margin-top: 0;
  6617.  
  6618.        }
  6619.  
  6620.        .sm\:mt-2 {
  6621.  
  6622.            margin-top: 0.5rem;
  6623.  
  6624.        }
  6625.  
  6626.        .sm\:mt-4 {
  6627.  
  6628.            margin-top: 1rem;
  6629.  
  6630.        }
  6631.  
  6632.        .sm\:mt-6 {
  6633.  
  6634.            margin-top: 1.5rem;
  6635.  
  6636.        }
  6637.  
  6638.        .sm\:block {
  6639.  
  6640.            display: block;
  6641.  
  6642.        }
  6643.  
  6644.        .sm\:flex {
  6645.  
  6646.            display: flex;
  6647.  
  6648.        }
  6649.  
  6650.        .sm\:grid {
  6651.  
  6652.            display: grid;
  6653.  
  6654.        }
  6655.  
  6656.        .sm\:hidden {
  6657.  
  6658.            display: none;
  6659.  
  6660.        }
  6661.  
  6662.        .sm\:h-\[14\.4rem\] {
  6663.  
  6664.            height: 14.4rem;
  6665.  
  6666.        }
  6667.  
  6668.        .sm\:max-h-\[11\.5rem\] {
  6669.  
  6670.            max-height: 11.5rem;
  6671.  
  6672.        }
  6673.  
  6674.        .sm\:w-auto {
  6675.  
  6676.            width: auto;
  6677.  
  6678.        }
  6679.  
  6680.        .sm\:w-full {
  6681.  
  6682.            width: 100%;
  6683.  
  6684.        }
  6685.  
  6686.        .sm\:max-w-lg {
  6687.  
  6688.            max-width: 32rem;
  6689.  
  6690.        }
  6691.  
  6692.        .sm\:scale-100 {
  6693.  
  6694.            --tw-scale-x: 1;
  6695.  
  6696.            --tw-scale-y: 1;
  6697.  
  6698.            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));
  6699.  
  6700.        }
  6701.  
  6702.        .sm\:grid-cols-2 {
  6703.  
  6704.            grid-template-columns: repeat(2, minmax(0, 1fr));
  6705.  
  6706.        }
  6707.  
  6708.        .sm\:grid-cols-3 {
  6709.  
  6710.            grid-template-columns: repeat(3, minmax(0, 1fr));
  6711.  
  6712.        }
  6713.  
  6714.        .sm\:grid-cols-4 {
  6715.  
  6716.            grid-template-columns: repeat(4, minmax(0, 1fr));
  6717.  
  6718.        }
  6719.  
  6720.        .sm\:flex-row-reverse {
  6721.  
  6722.            flex-direction: row-reverse;
  6723.  
  6724.        }
  6725.  
  6726.        .sm\:items-start {
  6727.  
  6728.            align-items: flex-start;
  6729.  
  6730.        }
  6731.  
  6732.        .sm\:items-end {
  6733.  
  6734.            align-items: flex-end;
  6735.  
  6736.        }
  6737.  
  6738.        .sm\:items-center {
  6739.  
  6740.            align-items: center;
  6741.  
  6742.        }
  6743.  
  6744.        .sm\:justify-start {
  6745.  
  6746.            justify-content: flex-start;
  6747.  
  6748.        }
  6749.  
  6750.        .sm\:justify-between {
  6751.  
  6752.            justify-content: space-between;
  6753.  
  6754.        }
  6755.  
  6756.        .sm\:gap-3 {
  6757.  
  6758.            gap: 0.75rem;
  6759.  
  6760.        }
  6761.  
  6762.        .sm\:gap-4 {
  6763.  
  6764.            gap: 1rem;
  6765.  
  6766.        }
  6767.  
  6768.        .sm\:gap-x-0 {
  6769.  
  6770.            -moz-column-gap: 0;
  6771.  
  6772.            column-gap: 0;
  6773.  
  6774.        }
  6775.  
  6776.        .sm\:rounded-lg {
  6777.  
  6778.            border-radius: 0.5rem;
  6779.  
  6780.        }
  6781.  
  6782.        .sm\:rounded-md {
  6783.  
  6784.            border-radius: 0.375rem;
  6785.  
  6786.        }
  6787.  
  6788.        .sm\:p-0 {
  6789.  
  6790.            padding: 0;
  6791.  
  6792.        }
  6793.  
  6794.        .sm\:p-6 {
  6795.  
  6796.            padding: 1.5rem;
  6797.  
  6798.        }
  6799.  
  6800.        .sm\:px-16 {
  6801.  
  6802.            padding-left: 4rem;
  6803.  
  6804.            padding-right: 4rem;
  6805.  
  6806.        }
  6807.  
  6808.        .sm\:px-6 {
  6809.  
  6810.            padding-left: 1.5rem;
  6811.  
  6812.            padding-right: 1.5rem;
  6813.  
  6814.        }
  6815.  
  6816.        .sm\:py-12 {
  6817.  
  6818.            padding-top: 3rem;
  6819.  
  6820.            padding-bottom: 3rem;
  6821.  
  6822.        }
  6823.  
  6824.        .sm\:py-16 {
  6825.  
  6826.            padding-top: 4rem;
  6827.  
  6828.            padding-bottom: 4rem;
  6829.  
  6830.        }
  6831.  
  6832.        .sm\:py-2 {
  6833.  
  6834.            padding-top: 0.5rem;
  6835.  
  6836.            padding-bottom: 0.5rem;
  6837.  
  6838.        }
  6839.  
  6840.        .sm\:py-24 {
  6841.  
  6842.            padding-top: 6rem;
  6843.  
  6844.            padding-bottom: 6rem;
  6845.  
  6846.        }
  6847.  
  6848.        .sm\:py-32 {
  6849.  
  6850.            padding-top: 8rem;
  6851.  
  6852.            padding-bottom: 8rem;
  6853.  
  6854.        }
  6855.  
  6856.        .sm\:py-4 {
  6857.  
  6858.            padding-top: 1rem;
  6859.  
  6860.            padding-bottom: 1rem;
  6861.  
  6862.        }
  6863.  
  6864.        .sm\:pb-\[0\.5rem\] {
  6865.  
  6866.            padding-bottom: 0.5rem;
  6867.  
  6868.        }
  6869.  
  6870.        .sm\:pl-4 {
  6871.  
  6872.            padding-left: 1rem;
  6873.  
  6874.        }
  6875.  
  6876.        .sm\:pr-0 {
  6877.  
  6878.            padding-right: 0;
  6879.  
  6880.        }
  6881.  
  6882.        .sm\:text-left {
  6883.  
  6884.            text-align: left;
  6885.  
  6886.        }
  6887.  
  6888.        .sm\:text-2xl {
  6889.  
  6890.            font-size: 1.5rem;
  6891.  
  6892.            line-height: 2rem;
  6893.  
  6894.        }
  6895.  
  6896.        .sm\:text-sm {
  6897.  
  6898.            font-size: 0.875rem;
  6899.  
  6900.            line-height: 1.25rem;
  6901.  
  6902.        }
  6903.  
  6904.        .sm\:text-xl {
  6905.  
  6906.            font-size: 1.25rem;
  6907.  
  6908.            line-height: 1.75rem;
  6909.  
  6910.        }
  6911.  
  6912.    }
  6913.  
  6914.    @media (min-width: 768px) {
  6915.  
  6916.        .md\:static {
  6917.  
  6918.            position: static;
  6919.  
  6920.        }
  6921.  
  6922.        .md\:inset-y-0 {
  6923.  
  6924.            top: 0;
  6925.  
  6926.            bottom: 0;
  6927.  
  6928.        }
  6929.  
  6930.        .md\:left-0 {
  6931.  
  6932.            left: 0;
  6933.  
  6934.        }
  6935.  
  6936.        .md\:col-span-11 {
  6937.  
  6938.            grid-column: span 11 / span 11;
  6939.  
  6940.        }
  6941.  
  6942.        .md\:col-span-6 {
  6943.  
  6944.            grid-column: span 6 / span 6;
  6945.  
  6946.        }
  6947.  
  6948.        .md\:col-span-7 {
  6949.  
  6950.            grid-column: span 7 / span 7;
  6951.  
  6952.        }
  6953.  
  6954.        .md\:my-12 {
  6955.  
  6956.            margin-top: 3rem;
  6957.  
  6958.            margin-bottom: 3rem;
  6959.  
  6960.        }
  6961.  
  6962.        .md\:-mt-2 {
  6963.  
  6964.            margin-top: -0.5rem;
  6965.  
  6966.        }
  6967.  
  6968.        .md\:mb-12 {
  6969.  
  6970.            margin-bottom: 3rem;
  6971.  
  6972.        }
  6973.  
  6974.        .md\:mb-2 {
  6975.  
  6976.            margin-bottom: 0.5rem;
  6977.  
  6978.        }
  6979.  
  6980.        .md\:mt-1 {
  6981.  
  6982.            margin-top: 0.25rem;
  6983.  
  6984.        }
  6985.  
  6986.        .md\:mt-10 {
  6987.  
  6988.            margin-top: 2.5rem;
  6989.  
  6990.        }
  6991.  
  6992.        .md\:mt-16 {
  6993.  
  6994.            margin-top: 4rem;
  6995.  
  6996.        }
  6997.  
  6998.        .md\:mt-3 {
  6999.  
  7000.            margin-top: 0.75rem;
  7001.  
  7002.        }
  7003.  
  7004.        .md\:mt-6 {
  7005.  
  7006.            margin-top: 1.5rem;
  7007.  
  7008.        }
  7009.  
  7010.        .md\:block {
  7011.  
  7012.            display: block;
  7013.  
  7014.        }
  7015.  
  7016.        .md\:flex {
  7017.  
  7018.            display: flex;
  7019.  
  7020.        }
  7021.  
  7022.        .md\:inline-flex {
  7023.  
  7024.            display: inline-flex;
  7025.  
  7026.        }
  7027.  
  7028.        .md\:hidden {
  7029.  
  7030.            display: none;
  7031.  
  7032.        }
  7033.  
  7034.        .md\:h-16 {
  7035.  
  7036.            height: 4rem;
  7037.  
  7038.        }
  7039.  
  7040.        .md\:h-32 {
  7041.  
  7042.            height: 8rem;
  7043.  
  7044.        }
  7045.  
  7046.        .md\:h-\[110px\] {
  7047.  
  7048.            height: 110px;
  7049.  
  7050.        }
  7051.  
  7052.        .md\:h-\[480px\] {
  7053.  
  7054.            height: 480px;
  7055.  
  7056.        }
  7057.  
  7058.        .md\:max-h-\[11\.5rem\] {
  7059.  
  7060.            max-height: 11.5rem;
  7061.  
  7062.        }
  7063.  
  7064.        .md\:w-1\/2 {
  7065.  
  7066.            width: 50%;
  7067.  
  7068.        }
  7069.  
  7070.        .md\:w-16 {
  7071.  
  7072.            width: 4rem;
  7073.  
  7074.        }
  7075.  
  7076.        .md\:w-28 {
  7077.  
  7078.            width: 7rem;
  7079.  
  7080.        }
  7081.  
  7082.        .md\:w-32 {
  7083.  
  7084.            width: 8rem;
  7085.  
  7086.        }
  7087.  
  7088.        .md\:w-56 {
  7089.  
  7090.            width: 14rem;
  7091.  
  7092.        }
  7093.  
  7094.        .md\:w-64 {
  7095.  
  7096.            width: 16rem;
  7097.  
  7098.        }
  7099.  
  7100.        .md\:w-72 {
  7101.  
  7102.            width: 18rem;
  7103.  
  7104.        }
  7105.  
  7106.        .md\:w-\[270px\] {
  7107.  
  7108.            width: 270px;
  7109.  
  7110.        }
  7111.  
  7112.        .md\:w-\[75\%\] {
  7113.  
  7114.            width: 75%;
  7115.  
  7116.        }
  7117.  
  7118.        .md\:max-w-\[18rem\] {
  7119.  
  7120.            max-width: 18rem;
  7121.  
  7122.        }
  7123.  
  7124.        .md\:max-w-\[3\.3rem\] {
  7125.  
  7126.            max-width: 3.3rem;
  7127.  
  7128.        }
  7129.  
  7130.        .md\:grid-cols-2 {
  7131.  
  7132.            grid-template-columns: repeat(2, minmax(0, 1fr));
  7133.  
  7134.        }
  7135.  
  7136.        .md\:grid-cols-3 {
  7137.  
  7138.            grid-template-columns: repeat(3, minmax(0, 1fr));
  7139.  
  7140.        }
  7141.  
  7142.        .md\:grid-cols-5 {
  7143.  
  7144.            grid-template-columns: repeat(5, minmax(0, 1fr));
  7145.  
  7146.        }
  7147.  
  7148.        .md\:flex-row {
  7149.  
  7150.            flex-direction: row;
  7151.  
  7152.        }
  7153.  
  7154.        .md\:flex-col {
  7155.  
  7156.            flex-direction: column;
  7157.  
  7158.        }
  7159.  
  7160.        .md\:items-start {
  7161.  
  7162.            align-items: flex-start;
  7163.  
  7164.        }
  7165.  
  7166.        .md\:items-center {
  7167.  
  7168.            align-items: center;
  7169.  
  7170.        }
  7171.  
  7172.        .md\:justify-center {
  7173.  
  7174.            justify-content: center;
  7175.  
  7176.        }
  7177.  
  7178.        .md\:justify-between {
  7179.  
  7180.            justify-content: space-between;
  7181.  
  7182.        }
  7183.  
  7184.        .md\:gap-0 {
  7185.  
  7186.            gap: 0;
  7187.  
  7188.        }
  7189.  
  7190.        .md\:gap-16 {
  7191.  
  7192.            gap: 4rem;
  7193.  
  7194.        }
  7195.  
  7196.        .md\:gap-2 {
  7197.  
  7198.            gap: 0.5rem;
  7199.  
  7200.        }
  7201.  
  7202.        .md\:gap-3 {
  7203.  
  7204.            gap: 0.75rem;
  7205.  
  7206.        }
  7207.  
  7208.        .md\:gap-8 {
  7209.  
  7210.            gap: 2rem;
  7211.  
  7212.        }
  7213.  
  7214.        .md\:space-x-10> :not([hidden])~ :not([hidden]) {
  7215.  
  7216.            --tw-space-x-reverse: 0;
  7217.  
  7218.            margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  7219.  
  7220.            margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  7221.  
  7222.        }
  7223.  
  7224.        .md\:space-x-2> :not([hidden])~ :not([hidden]) {
  7225.  
  7226.            --tw-space-x-reverse: 0;
  7227.  
  7228.            margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  7229.  
  7230.            margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  7231.  
  7232.        }
  7233.  
  7234.        .md\:rounded-none {
  7235.  
  7236.            border-radius: 0;
  7237.  
  7238.        }
  7239.  
  7240.        .md\:rounded-l-full {
  7241.  
  7242.            border-top-left-radius: 9999px;
  7243.  
  7244.            border-bottom-left-radius: 9999px;
  7245.  
  7246.        }
  7247.  
  7248.        .md\:border-b-0 {
  7249.  
  7250.            border-bottom-width: 0;
  7251.  
  7252.        }
  7253.  
  7254.        .md\:border-r {
  7255.  
  7256.            border-right-width: 1px;
  7257.  
  7258.        }
  7259.  
  7260.        .md\:px-12 {
  7261.  
  7262.            padding-left: 3rem;
  7263.  
  7264.            padding-right: 3rem;
  7265.  
  7266.        }
  7267.  
  7268.        .md\:px-14 {
  7269.  
  7270.            padding-left: 3.5rem;
  7271.  
  7272.            padding-right: 3.5rem;
  7273.  
  7274.        }
  7275.  
  7276.        .md\:px-4 {
  7277.  
  7278.            padding-left: 1rem;
  7279.  
  7280.            padding-right: 1rem;
  7281.  
  7282.        }
  7283.  
  7284.        .md\:px-6 {
  7285.  
  7286.            padding-left: 1.5rem;
  7287.  
  7288.            padding-right: 1.5rem;
  7289.  
  7290.        }
  7291.  
  7292.        .md\:px-8 {
  7293.  
  7294.            padding-left: 2rem;
  7295.  
  7296.            padding-right: 2rem;
  7297.  
  7298.        }
  7299.  
  7300.        .md\:py-5 {
  7301.  
  7302.            padding-top: 1.25rem;
  7303.  
  7304.            padding-bottom: 1.25rem;
  7305.  
  7306.        }
  7307.  
  7308.        .md\:py-8 {
  7309.  
  7310.            padding-top: 2rem;
  7311.  
  7312.            padding-bottom: 2rem;
  7313.  
  7314.        }
  7315.  
  7316.        .md\:pb-\[1rem\] {
  7317.  
  7318.            padding-bottom: 1rem;
  7319.  
  7320.        }
  7321.  
  7322.        .md\:pl-12 {
  7323.  
  7324.            padding-left: 3rem;
  7325.  
  7326.        }
  7327.  
  7328.        .md\:pt-16 {
  7329.  
  7330.            padding-top: 4rem;
  7331.  
  7332.        }
  7333.  
  7334.        .md\:pt-8 {
  7335.  
  7336.            padding-top: 2rem;
  7337.  
  7338.        }
  7339.  
  7340.        .md\:text-start {
  7341.  
  7342.            text-align: start;
  7343.  
  7344.        }
  7345.  
  7346.        .md\:text-2xl {
  7347.  
  7348.            font-size: 1.5rem;
  7349.  
  7350.            line-height: 2rem;
  7351.  
  7352.        }
  7353.  
  7354.        .md\:text-\[14px\] {
  7355.  
  7356.            font-size: 14px;
  7357.  
  7358.        }
  7359.  
  7360.        .md\:text-\[15px\] {
  7361.  
  7362.            font-size: 15px;
  7363.  
  7364.        }
  7365.  
  7366.        .md\:text-\[20px\] {
  7367.  
  7368.            font-size: 20px;
  7369.  
  7370.        }
  7371.  
  7372.        .md\:text-\[28px\] {
  7373.  
  7374.            font-size: 28px;
  7375.  
  7376.        }
  7377.  
  7378.        .md\:text-base {
  7379.  
  7380.            font-size: 1rem;
  7381.  
  7382.            line-height: 1.5rem;
  7383.  
  7384.        }
  7385.  
  7386.        .md\:text-xl {
  7387.  
  7388.            font-size: 1.25rem;
  7389.  
  7390.            line-height: 1.75rem;
  7391.  
  7392.        }
  7393.  
  7394.    }
  7395.  
  7396.    @media (min-width: 1024px) {
  7397.  
  7398.        .lg\:static {
  7399.  
  7400.            position: static;
  7401.  
  7402.        }
  7403.  
  7404.        .lg\:col-span-12 {
  7405.  
  7406.            grid-column: span 12 / span 12;
  7407.  
  7408.        }
  7409.  
  7410.        .lg\:col-span-3 {
  7411.  
  7412.            grid-column: span 3 / span 3;
  7413.  
  7414.        }
  7415.  
  7416.        .lg\:col-span-4 {
  7417.  
  7418.            grid-column: span 4 / span 4;
  7419.  
  7420.        }
  7421.  
  7422.        .lg\:col-span-6 {
  7423.  
  7424.            grid-column: span 6 / span 6;
  7425.  
  7426.        }
  7427.  
  7428.        .lg\:col-span-7 {
  7429.  
  7430.            grid-column: span 7 / span 7;
  7431.  
  7432.        }
  7433.  
  7434.        .lg\:col-span-8 {
  7435.  
  7436.            grid-column: span 8 / span 8;
  7437.  
  7438.        }
  7439.  
  7440.        .lg\:col-span-9 {
  7441.  
  7442.            grid-column: span 9 / span 9;
  7443.  
  7444.        }
  7445.  
  7446.        .lg\:mb-12 {
  7447.  
  7448.            margin-bottom: 3rem;
  7449.  
  7450.        }
  7451.  
  7452.        .lg\:mt-0 {
  7453.  
  7454.            margin-top: 0;
  7455.  
  7456.        }
  7457.  
  7458.        .lg\:mt-16 {
  7459.  
  7460.            margin-top: 4rem;
  7461.  
  7462.        }
  7463.  
  7464.        .lg\:mt-4 {
  7465.  
  7466.            margin-top: 1rem;
  7467.  
  7468.        }
  7469.  
  7470.        .lg\:block {
  7471.  
  7472.            display: block;
  7473.  
  7474.        }
  7475.  
  7476.        .lg\:flex {
  7477.  
  7478.            display: flex;
  7479.  
  7480.        }
  7481.  
  7482.        .lg\:grid {
  7483.  
  7484.            display: grid;
  7485.  
  7486.        }
  7487.  
  7488.        .lg\:hidden {
  7489.  
  7490.            display: none;
  7491.  
  7492.        }
  7493.  
  7494.        .lg\:h-10 {
  7495.  
  7496.            height: 2.5rem;
  7497.  
  7498.        }
  7499.  
  7500.        .lg\:h-14 {
  7501.  
  7502.            height: 3.5rem;
  7503.  
  7504.        }
  7505.  
  7506.        .lg\:h-60 {
  7507.  
  7508.            height: 15rem;
  7509.  
  7510.        }
  7511.  
  7512.        .lg\:h-\[14\.4rem\] {
  7513.  
  7514.            height: 14.4rem;
  7515.  
  7516.        }
  7517.  
  7518.        .lg\:h-\[170px\] {
  7519.  
  7520.            height: 170px;
  7521.  
  7522.        }
  7523.  
  7524.        .lg\:h-\[22\.5rem\] {
  7525.  
  7526.            height: 22.5rem;
  7527.  
  7528.        }
  7529.  
  7530.        .lg\:h-\[500px\] {
  7531.  
  7532.            height: 500px;
  7533.  
  7534.        }
  7535.  
  7536.        .lg\:max-h-\[14rem\] {
  7537.  
  7538.            max-height: 14rem;
  7539.  
  7540.        }
  7541.  
  7542.        .lg\:w-14 {
  7543.  
  7544.            width: 3.5rem;
  7545.  
  7546.        }
  7547.  
  7548.        .lg\:w-64 {
  7549.  
  7550.            width: 16rem;
  7551.  
  7552.        }
  7553.  
  7554.        .lg\:w-72 {
  7555.  
  7556.            width: 18rem;
  7557.  
  7558.        }
  7559.  
  7560.        .lg\:w-80 {
  7561.  
  7562.            width: 20rem;
  7563.  
  7564.        }
  7565.  
  7566.        .lg\:w-\[100\%\] {
  7567.  
  7568.            width: 100%;
  7569.  
  7570.        }
  7571.  
  7572.        .lg\:w-\[170px\] {
  7573.  
  7574.            width: 170px;
  7575.  
  7576.        }
  7577.  
  7578.        .lg\:w-\[300px\] {
  7579.  
  7580.            width: 300px;
  7581.  
  7582.        }
  7583.  
  7584.        .lg\:w-\[35\%\] {
  7585.  
  7586.            width: 35%;
  7587.  
  7588.        }
  7589.  
  7590.        .lg\:min-w-0 {
  7591.  
  7592.            min-width: 0;
  7593.  
  7594.        }
  7595.  
  7596.        .lg\:max-w-6xl {
  7597.  
  7598.            max-width: 72rem;
  7599.  
  7600.        }
  7601.  
  7602.        .lg\:max-w-\[20rem\] {
  7603.  
  7604.            max-width: 20rem;
  7605.  
  7606.        }
  7607.  
  7608.        .lg\:max-w-\[3\.5rem\] {
  7609.  
  7610.            max-width: 3.5rem;
  7611.  
  7612.        }
  7613.  
  7614.        .lg\:flex-1 {
  7615.  
  7616.            flex: 1 1 0%;
  7617.  
  7618.        }
  7619.  
  7620.        .lg\:grid-cols-2 {
  7621.  
  7622.            grid-template-columns: repeat(2, minmax(0, 1fr));
  7623.  
  7624.        }
  7625.  
  7626.        .lg\:grid-cols-3 {
  7627.  
  7628.            grid-template-columns: repeat(3, minmax(0, 1fr));
  7629.  
  7630.        }
  7631.  
  7632.        .lg\:grid-cols-4 {
  7633.  
  7634.            grid-template-columns: repeat(4, minmax(0, 1fr));
  7635.  
  7636.        }
  7637.  
  7638.        .lg\:grid-cols-6 {
  7639.  
  7640.            grid-template-columns: repeat(6, minmax(0, 1fr));
  7641.  
  7642.        }
  7643.  
  7644.        .lg\:flex-row {
  7645.  
  7646.            flex-direction: row;
  7647.  
  7648.        }
  7649.  
  7650.        .lg\:flex-col {
  7651.  
  7652.            flex-direction: column;
  7653.  
  7654.        }
  7655.  
  7656.        .lg\:content-between {
  7657.  
  7658.            align-content: space-between;
  7659.  
  7660.        }
  7661.  
  7662.        .lg\:items-start {
  7663.  
  7664.            align-items: flex-start;
  7665.  
  7666.        }
  7667.  
  7668.        .lg\:items-center {
  7669.  
  7670.            align-items: center;
  7671.  
  7672.        }
  7673.  
  7674.        .lg\:justify-between {
  7675.  
  7676.            justify-content: space-between;
  7677.  
  7678.        }
  7679.  
  7680.        .lg\:gap-0 {
  7681.  
  7682.            gap: 0;
  7683.  
  7684.        }
  7685.  
  7686.        .lg\:gap-10 {
  7687.  
  7688.            gap: 2.5rem;
  7689.  
  7690.        }
  7691.  
  7692.        .lg\:gap-2 {
  7693.  
  7694.            gap: 0.5rem;
  7695.  
  7696.        }
  7697.  
  7698.        .lg\:gap-20 {
  7699.  
  7700.            gap: 5rem;
  7701.  
  7702.        }
  7703.  
  7704.        .lg\:gap-4 {
  7705.  
  7706.            gap: 1rem;
  7707.  
  7708.        }
  7709.  
  7710.        .lg\:gap-6 {
  7711.  
  7712.            gap: 1.5rem;
  7713.  
  7714.        }
  7715.  
  7716.        .lg\:gap-x-16 {
  7717.  
  7718.            -moz-column-gap: 4rem;
  7719.  
  7720.            column-gap: 4rem;
  7721.  
  7722.        }
  7723.  
  7724.        .lg\:gap-x-4 {
  7725.  
  7726.            -moz-column-gap: 1rem;
  7727.  
  7728.            column-gap: 1rem;
  7729.  
  7730.        }
  7731.  
  7732.        .lg\:gap-x-\[58px\] {
  7733.  
  7734.            -moz-column-gap: 58px;
  7735.  
  7736.            column-gap: 58px;
  7737.  
  7738.        }
  7739.  
  7740.        .lg\:overflow-y-visible {
  7741.  
  7742.            overflow-y: visible;
  7743.  
  7744.        }
  7745.  
  7746.        .lg\:rounded-2xl {
  7747.  
  7748.            border-radius: 1rem;
  7749.  
  7750.        }
  7751.  
  7752.        .lg\:border-b-0 {
  7753.  
  7754.            border-bottom-width: 0;
  7755.  
  7756.        }
  7757.  
  7758.        .lg\:border-r {
  7759.  
  7760.            border-right-width: 1px;
  7761.  
  7762.        }
  7763.  
  7764.        .lg\:p-0 {
  7765.  
  7766.            padding: 0;
  7767.  
  7768.        }
  7769.  
  7770.        .lg\:px-0 {
  7771.  
  7772.            padding-left: 0;
  7773.  
  7774.            padding-right: 0;
  7775.  
  7776.        }
  7777.  
  7778.        .lg\:px-10 {
  7779.  
  7780.            padding-left: 2.5rem;
  7781.  
  7782.            padding-right: 2.5rem;
  7783.  
  7784.        }
  7785.  
  7786.        .lg\:px-11 {
  7787.  
  7788.            padding-left: 2.75rem;
  7789.  
  7790.            padding-right: 2.75rem;
  7791.  
  7792.        }
  7793.  
  7794.        .lg\:px-12 {
  7795.  
  7796.            padding-left: 3rem;
  7797.  
  7798.            padding-right: 3rem;
  7799.  
  7800.        }
  7801.  
  7802.        .lg\:px-14 {
  7803.  
  7804.            padding-left: 3.5rem;
  7805.  
  7806.            padding-right: 3.5rem;
  7807.  
  7808.        }
  7809.  
  7810.        .lg\:px-16 {
  7811.  
  7812.            padding-left: 4rem;
  7813.  
  7814.            padding-right: 4rem;
  7815.  
  7816.        }
  7817.  
  7818.        .lg\:px-20 {
  7819.  
  7820.            padding-left: 5rem;
  7821.  
  7822.            padding-right: 5rem;
  7823.  
  7824.        }
  7825.  
  7826.        .lg\:px-7 {
  7827.  
  7828.            padding-left: 1.75rem;
  7829.  
  7830.            padding-right: 1.75rem;
  7831.  
  7832.        }
  7833.  
  7834.        .lg\:px-8 {
  7835.  
  7836.            padding-left: 2rem;
  7837.  
  7838.            padding-right: 2rem;
  7839.  
  7840.        }
  7841.  
  7842.        .lg\:px-\[3\.2rem\] {
  7843.  
  7844.            padding-left: 3.2rem;
  7845.  
  7846.            padding-right: 3.2rem;
  7847.  
  7848.        }
  7849.  
  7850.        .lg\:py-24 {
  7851.  
  7852.            padding-top: 6rem;
  7853.  
  7854.            padding-bottom: 6rem;
  7855.  
  7856.        }
  7857.  
  7858.        .lg\:py-4 {
  7859.  
  7860.            padding-top: 1rem;
  7861.  
  7862.            padding-bottom: 1rem;
  7863.  
  7864.        }
  7865.  
  7866.        .lg\:py-8 {
  7867.  
  7868.            padding-top: 2rem;
  7869.  
  7870.            padding-bottom: 2rem;
  7871.  
  7872.        }
  7873.  
  7874.        .lg\:pb-\[3\.5rem\] {
  7875.  
  7876.            padding-bottom: 3.5rem;
  7877.  
  7878.        }
  7879.  
  7880.        .lg\:pr-2 {
  7881.  
  7882.            padding-right: 0.5rem;
  7883.  
  7884.        }
  7885.  
  7886.        .lg\:pt-10 {
  7887.  
  7888.            padding-top: 2.5rem;
  7889.  
  7890.        }
  7891.  
  7892.        .lg\:pt-14 {
  7893.  
  7894.            padding-top: 3.5rem;
  7895.  
  7896.        }
  7897.  
  7898.        .lg\:pt-24 {
  7899.  
  7900.            padding-top: 6rem;
  7901.  
  7902.        }
  7903.  
  7904.        .lg\:text-start {
  7905.  
  7906.            text-align: start;
  7907.  
  7908.        }
  7909.  
  7910.        .lg\:text-2xl {
  7911.  
  7912.            font-size: 1.5rem;
  7913.  
  7914.            line-height: 2rem;
  7915.  
  7916.        }
  7917.  
  7918.        .lg\:text-4xl {
  7919.  
  7920.            font-size: 2.25rem;
  7921.  
  7922.            line-height: 2.5rem;
  7923.  
  7924.        }
  7925.  
  7926.        .lg\:text-\[14px\] {
  7927.  
  7928.            font-size: 14px;
  7929.  
  7930.        }
  7931.  
  7932.        .lg\:text-\[15px\] {
  7933.  
  7934.            font-size: 15px;
  7935.  
  7936.        }
  7937.  
  7938.        .lg\:text-\[16px\] {
  7939.  
  7940.            font-size: 16px;
  7941.  
  7942.        }
  7943.  
  7944.        .lg\:text-\[20px\] {
  7945.  
  7946.            font-size: 20px;
  7947.  
  7948.        }
  7949.  
  7950.        .lg\:text-\[26px\] {
  7951.  
  7952.            font-size: 26px;
  7953.  
  7954.        }
  7955.  
  7956.        .lg\:text-\[30px\] {
  7957.  
  7958.            font-size: 30px;
  7959.  
  7960.        }
  7961.  
  7962.        .lg\:text-\[32px\] {
  7963.  
  7964.            font-size: 32px;
  7965.  
  7966.        }
  7967.  
  7968.        .lg\:text-lg {
  7969.  
  7970.            font-size: 1.125rem;
  7971.  
  7972.            line-height: 1.75rem;
  7973.  
  7974.        }
  7975.  
  7976.    }
  7977.  
  7978.    @media (min-width: 1280px) {
  7979.  
  7980.        .xl\:col-span-1 {
  7981.  
  7982.            grid-column: span 1 / span 1;
  7983.  
  7984.        }
  7985.  
  7986.        .xl\:col-span-2 {
  7987.  
  7988.            grid-column: span 2 / span 2;
  7989.  
  7990.        }
  7991.  
  7992.        .xl\:col-span-4 {
  7993.  
  7994.            grid-column: span 4 / span 4;
  7995.  
  7996.        }
  7997.  
  7998.        .xl\:col-span-6 {
  7999.  
  8000.            grid-column: span 6 / span 6;
  8001.  
  8002.        }
  8003.  
  8004.        .xl\:col-span-8 {
  8005.  
  8006.            grid-column: span 8 / span 8;
  8007.  
  8008.        }
  8009.  
  8010.        .xl\:mt-0 {
  8011.  
  8012.            margin-top: 0;
  8013.  
  8014.        }
  8015.  
  8016.        .xl\:block {
  8017.  
  8018.            display: block;
  8019.  
  8020.        }
  8021.  
  8022.        .xl\:flex {
  8023.  
  8024.            display: flex;
  8025.  
  8026.        }
  8027.  
  8028.        .xl\:w-auto {
  8029.  
  8030.            width: auto;
  8031.  
  8032.        }
  8033.  
  8034.        .xl\:w-full {
  8035.  
  8036.            width: 100%;
  8037.  
  8038.        }
  8039.  
  8040.        .xl\:max-w-\[1280px\] {
  8041.  
  8042.            max-width: 1280px;
  8043.  
  8044.        }
  8045.  
  8046.        .xl\:grid-cols-6 {
  8047.  
  8048.            grid-template-columns: repeat(6, minmax(0, 1fr));
  8049.  
  8050.        }
  8051.  
  8052.        .xl\:gap-4 {
  8053.  
  8054.            gap: 1rem;
  8055.  
  8056.        }
  8057.  
  8058.        .xl\:px-7 {
  8059.  
  8060.            padding-left: 1.75rem;
  8061.  
  8062.            padding-right: 1.75rem;
  8063.  
  8064.        }
  8065.  
  8066.        .xl\:text-center {
  8067.  
  8068.            text-align: center;
  8069.  
  8070.        }
  8071.  
  8072.        .xl\:text-2xl {
  8073.  
  8074.            font-size: 1.5rem;
  8075.  
  8076.            line-height: 2rem;
  8077.  
  8078.        }
  8079.  
  8080.        .xl\:text-base {
  8081.  
  8082.            font-size: 1rem;
  8083.  
  8084.            line-height: 1.5rem;
  8085.  
  8086.        }
  8087.  
  8088.    }
  8089.  
  8090.    /*
  8091.  
  8092. ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  8093.  
  8094. */
  8095.  
  8096.    *,
  8097.    :after,
  8098.    :before {
  8099.  
  8100.        box-sizing: border-box;
  8101.  
  8102.        border: 0 solid #e5e7eb
  8103.    }
  8104.  
  8105.  
  8106.  
  8107.    :after,
  8108.    :before {
  8109.  
  8110.        --tw-content: ""
  8111.  
  8112.    }
  8113.  
  8114.  
  8115.  
  8116.    html {
  8117.  
  8118.        line-height: 1.5;
  8119.  
  8120.        -webkit-text-size-adjust: 100%;
  8121.  
  8122.        font-family: 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;
  8123.  
  8124.        font-feature-settings: normal
  8125.    }
  8126.  
  8127.  
  8128.  
  8129.    hr {
  8130.  
  8131.        height: 0;
  8132.  
  8133.        color: inherit;
  8134.  
  8135.        border-top-width: 1px
  8136.    }
  8137.  
  8138.  
  8139.  
  8140.    abbr:where([title]) {
  8141.  
  8142.        -webkit-text-decoration: underline dotted;
  8143.  
  8144.        text-decoration: underline dotted
  8145.    }
  8146.  
  8147.  
  8148.  
  8149.    h1,
  8150.    h2,
  8151.    h3,
  8152.    h4,
  8153.    h5,
  8154.    h6 {
  8155.  
  8156.        font-size: inherit;
  8157.  
  8158.        font-weight: inherit
  8159.    }
  8160.  
  8161.  
  8162.  
  8163.    a {
  8164.  
  8165.        color: inherit;
  8166.  
  8167.        text-decoration: inherit
  8168.    }
  8169.  
  8170.  
  8171.  
  8172.    b,
  8173.    strong {
  8174.  
  8175.        font-weight: bolder
  8176.    }
  8177.  
  8178.  
  8179.  
  8180.    code,
  8181.    kbd,
  8182.    pre,
  8183.    samp {
  8184.  
  8185.        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  8186.  
  8187.        font-size: 1em
  8188.    }
  8189.  
  8190.  
  8191.  
  8192.    small {
  8193.  
  8194.        font-size: 80%
  8195.    }
  8196.  
  8197.  
  8198.  
  8199.    sub,
  8200.    sup {
  8201.  
  8202.        font-size: 75%;
  8203.  
  8204.        line-height: 0;
  8205.  
  8206.        position: relative;
  8207.  
  8208.        vertical-align: baseline
  8209.    }
  8210.  
  8211.  
  8212.  
  8213.    sub {
  8214.  
  8215.        bottom: -.25em
  8216.    }
  8217.  
  8218.  
  8219.  
  8220.    sup {
  8221.  
  8222.        top: -.5em
  8223.    }
  8224.  
  8225.  
  8226.  
  8227.    table {
  8228.  
  8229.        text-indent: 0;
  8230.  
  8231.        border-color: inherit;
  8232.  
  8233.        border-collapse: collapse
  8234.    }
  8235.  
  8236.  
  8237.  
  8238.    button,
  8239.    input,
  8240.    optgroup,
  8241.    select,
  8242.    textarea {
  8243.  
  8244.        font-family: inherit;
  8245.  
  8246.        font-size: 100%;
  8247.  
  8248.        font-weight: inherit;
  8249.  
  8250.        line-height: inherit;
  8251.  
  8252.        color: inherit;
  8253.  
  8254.        margin: 0;
  8255.  
  8256.        padding: 0
  8257.    }
  8258.  
  8259.  
  8260.  
  8261.    button,
  8262.    select {
  8263.  
  8264.        text-transform: none
  8265.    }
  8266.  
  8267.  
  8268.  
  8269.    [type=button],
  8270.    [type=reset],
  8271.    [type=submit],
  8272.    button {
  8273.  
  8274.        -webkit-appearance: button;
  8275.  
  8276.        background-color: transparent;
  8277.  
  8278.        background-image: none
  8279.    }
  8280.  
  8281.  
  8282.  
  8283.    :-moz-focusring {
  8284.  
  8285.        outline: auto
  8286.    }
  8287.  
  8288.  
  8289.  
  8290.    :-moz-ui-invalid {
  8291.  
  8292.        box-shadow: none
  8293.    }
  8294.  
  8295.  
  8296.  
  8297.    progress {
  8298.  
  8299.        vertical-align: baseline
  8300.    }
  8301.  
  8302.  
  8303.  
  8304.    ::-webkit-inner-spin-button,
  8305.    ::-webkit-outer-spin-button {
  8306.  
  8307.        height: auto
  8308.    }
  8309.  
  8310.  
  8311.  
  8312.    [type=search] {
  8313.  
  8314.        -webkit-appearance: textfield;
  8315.  
  8316.        outline-offset: -2px
  8317.    }
  8318.  
  8319.  
  8320.  
  8321.    ::-webkit-search-decoration {
  8322.  
  8323.        -webkit-appearance: none
  8324.    }
  8325.  
  8326.  
  8327.  
  8328.    ::-webkit-file-upload-button {
  8329.  
  8330.        -webkit-appearance: button;
  8331.  
  8332.        font: inherit
  8333.    }
  8334.  
  8335.  
  8336.  
  8337.    summary {
  8338.  
  8339.        display: list-item
  8340.    }
  8341.  
  8342.  
  8343.  
  8344.    blockquote,
  8345.    dd,
  8346.    dl,
  8347.    figure,
  8348.    h1,
  8349.    h2,
  8350.    h3,
  8351.    h4,
  8352.    h5,
  8353.    h6,
  8354.    hr,
  8355.    p,
  8356.    pre {
  8357.  
  8358.        margin: 0
  8359.    }
  8360.  
  8361.  
  8362.  
  8363.    fieldset {
  8364.  
  8365.        margin: 0
  8366.    }
  8367.  
  8368.  
  8369.  
  8370.    fieldset,
  8371.    legend {
  8372.  
  8373.        padding: 0
  8374.    }
  8375.  
  8376.  
  8377.  
  8378.    menu,
  8379.    ol,
  8380.    ul {
  8381.  
  8382.        list-style: none;
  8383.  
  8384.        margin: 0;
  8385.  
  8386.        padding: 0
  8387.    }
  8388.  
  8389.  
  8390.  
  8391.    textarea {
  8392.  
  8393.        resize: vertical
  8394.    }
  8395.  
  8396.  
  8397.  
  8398.    input::-moz-placeholder,
  8399.    textarea::-moz-placeholder {
  8400.  
  8401.        opacity: 1;
  8402.  
  8403.        color: #9ca3af
  8404.    }
  8405.  
  8406.  
  8407.  
  8408.    input::placeholder,
  8409.    textarea::placeholder {
  8410.  
  8411.        opacity: 1;
  8412.  
  8413.        color: #9ca3af
  8414.    }
  8415.  
  8416.  
  8417.  
  8418.    [role=button],
  8419.    button {
  8420.  
  8421.        cursor: pointer
  8422.    }
  8423.  
  8424.  
  8425.  
  8426.    :disabled {
  8427.  
  8428.        cursor: default
  8429.    }
  8430.  
  8431.  
  8432.  
  8433.    audio,
  8434.    canvas,
  8435.    embed,
  8436.    iframe,
  8437.    img,
  8438.    object,
  8439.    svg,
  8440.    video {
  8441.  
  8442.        display: block;
  8443.  
  8444.        vertical-align: middle
  8445.    }
  8446.  
  8447.  
  8448.  
  8449.    img,
  8450.    video {
  8451.  
  8452.        max-width: 100%;
  8453.  
  8454.        height: auto
  8455.    }
  8456.  
  8457.  
  8458.  
  8459.    [hidden] {
  8460.  
  8461.        display: none
  8462.    }
  8463.  
  8464.  
  8465.  
  8466.    *,
  8467.    :after,
  8468.    :before {
  8469.  
  8470.        --tw-border-spacing-x: 0;
  8471.  
  8472.        --tw-border-spacing-y: 0;
  8473.  
  8474.        --tw-translate-x: 0;
  8475.  
  8476.        --tw-translate-y: 0;
  8477.  
  8478.        --tw-rotate: 0;
  8479.  
  8480.        --tw-skew-x: 0;
  8481.  
  8482.        --tw-skew-y: 0;
  8483.  
  8484.        --tw-scale-x: 1;
  8485.  
  8486.        --tw-scale-y: 1;
  8487.  
  8488.        --tw-pan-x: ;
  8489.  
  8490.        --tw-pan-y: ;
  8491.  
  8492.        --tw-pinch-zoom: ;
  8493.  
  8494.        --tw-scroll-snap-strictness: proximity;
  8495.  
  8496.        --tw-ordinal: ;
  8497.  
  8498.        --tw-slashed-zero: ;
  8499.  
  8500.        --tw-numeric-figure: ;
  8501.  
  8502.        --tw-numeric-spacing: ;
  8503.  
  8504.        --tw-numeric-fraction: ;
  8505.  
  8506.        --tw-ring-inset: ;
  8507.  
  8508.        --tw-ring-offset-width: 0px;
  8509.  
  8510.        --tw-ring-offset-color: #fff;
  8511.  
  8512.        --tw-ring-color: rgba(59, 130, 246, .5);
  8513.  
  8514.        --tw-ring-offset-shadow: 0 0 #0000;
  8515.  
  8516.        --tw-ring-shadow: 0 0 #0000;
  8517.  
  8518.        --tw-shadow: 0 0 #0000;
  8519.  
  8520.        --tw-shadow-colored: 0 0 #0000;
  8521.  
  8522.        --tw-blur: ;
  8523.  
  8524.        --tw-brightness: ;
  8525.  
  8526.        --tw-contrast: ;
  8527.  
  8528.        --tw-grayscale: ;
  8529.  
  8530.        --tw-hue-rotate: ;
  8531.  
  8532.        --tw-invert: ;
  8533.  
  8534.        --tw-saturate: ;
  8535.  
  8536.        --tw-sepia: ;
  8537.  
  8538.        --tw-drop-shadow: ;
  8539.  
  8540.        --tw-backdrop-blur: ;
  8541.  
  8542.        --tw-backdrop-brightness: ;
  8543.  
  8544.        --tw-backdrop-contrast: ;
  8545.  
  8546.        --tw-backdrop-grayscale: ;
  8547.  
  8548.        --tw-backdrop-hue-rotate: ;
  8549.  
  8550.        --tw-backdrop-invert: ;
  8551.  
  8552.        --tw-backdrop-opacity: ;
  8553.  
  8554.        --tw-backdrop-saturate: ;
  8555.  
  8556.        --tw-backdrop-sepia:
  8557.  
  8558.    }
  8559.  
  8560.  
  8561.  
  8562.    ::backdrop {
  8563.  
  8564.        --tw-border-spacing-x: 0;
  8565.  
  8566.        --tw-border-spacing-y: 0;
  8567.  
  8568.        --tw-translate-x: 0;
  8569.  
  8570.        --tw-translate-y: 0;
  8571.  
  8572.        --tw-rotate: 0;
  8573.  
  8574.        --tw-skew-x: 0;
  8575.  
  8576.        --tw-skew-y: 0;
  8577.  
  8578.        --tw-scale-x: 1;
  8579.  
  8580.        --tw-scale-y: 1;
  8581.  
  8582.        --tw-pan-x: ;
  8583.  
  8584.        --tw-pan-y: ;
  8585.  
  8586.        --tw-pinch-zoom: ;
  8587.  
  8588.        --tw-scroll-snap-strictness: proximity;
  8589.  
  8590.        --tw-ordinal: ;
  8591.  
  8592.        --tw-slashed-zero: ;
  8593.  
  8594.        --tw-numeric-figure: ;
  8595.  
  8596.        --tw-numeric-spacing: ;
  8597.  
  8598.        --tw-numeric-fraction: ;
  8599.  
  8600.        --tw-ring-inset: ;
  8601.  
  8602.        --tw-ring-offset-width: 0px;
  8603.  
  8604.        --tw-ring-offset-color: #fff;
  8605.  
  8606.        --tw-ring-color: rgba(59, 130, 246, .5);
  8607.  
  8608.        --tw-ring-offset-shadow: 0 0 #0000;
  8609.  
  8610.        --tw-ring-shadow: 0 0 #0000;
  8611.  
  8612.        --tw-shadow: 0 0 #0000;
  8613.  
  8614.        --tw-shadow-colored: 0 0 #0000;
  8615.  
  8616.        --tw-blur: ;
  8617.  
  8618.        --tw-brightness: ;
  8619.  
  8620.        --tw-contrast: ;
  8621.  
  8622.        --tw-grayscale: ;
  8623.  
  8624.        --tw-hue-rotate: ;
  8625.  
  8626.        --tw-invert: ;
  8627.  
  8628.        --tw-saturate: ;
  8629.  
  8630.        --tw-sepia: ;
  8631.  
  8632.        --tw-drop-shadow: ;
  8633.  
  8634.        --tw-backdrop-blur: ;
  8635.  
  8636.        --tw-backdrop-brightness: ;
  8637.  
  8638.        --tw-backdrop-contrast: ;
  8639.  
  8640.        --tw-backdrop-grayscale: ;
  8641.  
  8642.        --tw-backdrop-hue-rotate: ;
  8643.  
  8644.        --tw-backdrop-invert: ;
  8645.  
  8646.        --tw-backdrop-opacity: ;
  8647.  
  8648.        --tw-backdrop-saturate: ;
  8649.  
  8650.        --tw-backdrop-sepia:
  8651.  
  8652.    }
  8653.  
  8654.  
  8655.  
  8656.    .sr-only {
  8657.  
  8658.        position: absolute;
  8659.  
  8660.        width: 1px;
  8661.  
  8662.        height: 1px;
  8663.  
  8664.        padding: 0;
  8665.  
  8666.        margin: -1px;
  8667.  
  8668.        overflow: hidden;
  8669.  
  8670.        clip: rect(0, 0, 0, 0);
  8671.  
  8672.        white-space: nowrap;
  8673.  
  8674.        border-width: 0
  8675.    }
  8676.  
  8677.  
  8678.  
  8679.    .pointer-events-none {
  8680.  
  8681.        pointer-events: none
  8682.    }
  8683.  
  8684.  
  8685.  
  8686.    .pointer-events-auto {
  8687.  
  8688.        pointer-events: auto
  8689.    }
  8690.  
  8691.  
  8692.  
  8693.    .fixed {
  8694.  
  8695.        position: fixed
  8696.    }
  8697.  
  8698.  
  8699.  
  8700.    .\!absolute {
  8701.  
  8702.        position: absolute !important
  8703.    }
  8704.  
  8705.  
  8706.  
  8707.    .absolute {
  8708.  
  8709.        position: absolute
  8710.    }
  8711.  
  8712.  
  8713.  
  8714.    .relative {
  8715.  
  8716.        position: relative
  8717.    }
  8718.  
  8719.  
  8720.  
  8721.    .sticky {
  8722.  
  8723.        position: sticky
  8724.    }
  8725.  
  8726.  
  8727.  
  8728.    .inset-0 {
  8729.  
  8730.        top: 0;
  8731.  
  8732.        bottom: 0
  8733.    }
  8734.  
  8735.  
  8736.  
  8737.    .inset-0,
  8738.    .inset-x-0 {
  8739.  
  8740.        right: 0;
  8741.  
  8742.        left: 0
  8743.    }
  8744.  
  8745.  
  8746.  
  8747.    .inset-y-0 {
  8748.  
  8749.        top: 0;
  8750.  
  8751.        bottom: 0
  8752.    }
  8753.  
  8754.  
  8755.  
  8756.    .-right-\[3px\] {
  8757.  
  8758.        right: -3px
  8759.    }
  8760.  
  8761.  
  8762.  
  8763.    .bottom-0 {
  8764.  
  8765.        bottom: 0
  8766.    }
  8767.  
  8768.  
  8769.  
  8770.    .left-0 {
  8771.  
  8772.        left: 0
  8773.    }
  8774.  
  8775.  
  8776.  
  8777.    .left-5 {
  8778.  
  8779.        left: 1.25rem
  8780.    }
  8781.  
  8782.  
  8783.  
  8784.    .left-6 {
  8785.  
  8786.        left: 1.5rem
  8787.    }
  8788.  
  8789.  
  8790.  
  8791.    .right-0 {
  8792.  
  8793.        right: 0
  8794.    }
  8795.  
  8796.  
  8797.  
  8798.    .right-6 {
  8799.  
  8800.        right: 1.5rem
  8801.    }
  8802.  
  8803.  
  8804.  
  8805.    .right-8 {
  8806.  
  8807.        right: 2rem
  8808.    }
  8809.  
  8810.  
  8811.  
  8812.    .top-0 {
  8813.  
  8814.        top: 0
  8815.    }
  8816.  
  8817.  
  8818.  
  8819.    .top-20 {
  8820.  
  8821.        top: 5rem
  8822.    }
  8823.  
  8824.  
  8825.  
  8826.    .top-4 {
  8827.  
  8828.        top: 1rem
  8829.    }
  8830.  
  8831.  
  8832.  
  8833.    .top-\[18px\] {
  8834.  
  8835.        top: 18px
  8836.    }
  8837.  
  8838.  
  8839.  
  8840.    .-z-10 {
  8841.  
  8842.        z-index: -10
  8843.    }
  8844.  
  8845.  
  8846.  
  8847.    .z-0 {
  8848.  
  8849.        z-index: 0
  8850.    }
  8851.  
  8852.  
  8853.  
  8854.    .z-10 {
  8855.  
  8856.        z-index: 10
  8857.    }
  8858.  
  8859.  
  8860.  
  8861.    .z-20 {
  8862.  
  8863.        z-index: 20
  8864.    }
  8865.  
  8866.  
  8867.  
  8868.    .z-30 {
  8869.  
  8870.        z-index: 30
  8871.    }
  8872.  
  8873.  
  8874.  
  8875.    .z-40 {
  8876.  
  8877.        z-index: 40
  8878.    }
  8879.  
  8880.  
  8881.  
  8882.    .z-50 {
  8883.  
  8884.        z-index: 50
  8885.    }
  8886.  
  8887.  
  8888.  
  8889.    .z-\[60\] {
  8890.  
  8891.        z-index: 60
  8892.    }
  8893.  
  8894.  
  8895.  
  8896.    .z-\[9\] {
  8897.  
  8898.        z-index: 9
  8899.    }
  8900.  
  8901.  
  8902.  
  8903.    .order-1 {
  8904.  
  8905.        order: 1
  8906.    }
  8907.  
  8908.  
  8909.  
  8910.    .order-2 {
  8911.  
  8912.        order: 2
  8913.    }
  8914.  
  8915.  
  8916.  
  8917.    .col-span-1 {
  8918.  
  8919.        grid-column: span 1/span 1
  8920.    }
  8921.  
  8922.  
  8923.  
  8924.    .col-span-12 {
  8925.  
  8926.        grid-column: span 12/span 12
  8927.    }
  8928.  
  8929.  
  8930.  
  8931.    .col-span-2 {
  8932.  
  8933.        grid-column: span 2/span 2
  8934.    }
  8935.  
  8936.  
  8937.  
  8938.    .col-span-5 {
  8939.  
  8940.        grid-column: span 5/span 5
  8941.    }
  8942.  
  8943.  
  8944.  
  8945.    .\!m-0 {
  8946.  
  8947.        margin: 0 !important
  8948.    }
  8949.  
  8950.  
  8951.  
  8952.    .m-0 {
  8953.  
  8954.        margin: 0
  8955.    }
  8956.  
  8957.  
  8958.  
  8959.    .m-4 {
  8960.  
  8961.        margin: 1rem
  8962.    }
  8963.  
  8964.  
  8965.  
  8966.    .m-auto {
  8967.  
  8968.        margin: auto
  8969.    }
  8970.  
  8971.  
  8972.  
  8973.    .mx-2 {
  8974.  
  8975.        margin-left: .5rem;
  8976.  
  8977.        margin-right: .5rem
  8978.    }
  8979.  
  8980.  
  8981.  
  8982.    .mx-6 {
  8983.  
  8984.        margin-left: 1.5rem;
  8985.  
  8986.        margin-right: 1.5rem
  8987.    }
  8988.  
  8989.  
  8990.  
  8991.    .mx-auto {
  8992.  
  8993.        margin-left: auto;
  8994.  
  8995.        margin-right: auto
  8996.    }
  8997.  
  8998.  
  8999.  
  9000.    .my-2 {
  9001.  
  9002.        margin-top: .5rem;
  9003.  
  9004.        margin-bottom: .5rem
  9005.    }
  9006.  
  9007.  
  9008.  
  9009.    .my-20 {
  9010.  
  9011.        margin-top: 5rem;
  9012.  
  9013.        margin-bottom: 5rem
  9014.    }
  9015.  
  9016.  
  9017.  
  9018.    .my-3 {
  9019.  
  9020.        margin-top: .75rem;
  9021.  
  9022.        margin-bottom: .75rem
  9023.    }
  9024.  
  9025.  
  9026.  
  9027.    .my-4 {
  9028.  
  9029.        margin-top: 1rem;
  9030.  
  9031.        margin-bottom: 1rem
  9032.    }
  9033.  
  9034.  
  9035.  
  9036.    .my-6 {
  9037.  
  9038.        margin-top: 1.5rem;
  9039.  
  9040.        margin-bottom: 1.5rem
  9041.    }
  9042.  
  9043.  
  9044.  
  9045.    .my-7 {
  9046.  
  9047.        margin-top: 1.75rem;
  9048.  
  9049.        margin-bottom: 1.75rem
  9050.    }
  9051.  
  9052.  
  9053.  
  9054.    .my-8 {
  9055.  
  9056.        margin-top: 2rem;
  9057.  
  9058.        margin-bottom: 2rem
  9059.    }
  9060.  
  9061.  
  9062.  
  9063.    .my-auto {
  9064.  
  9065.        margin-top: auto;
  9066.  
  9067.        margin-bottom: auto
  9068.    }
  9069.  
  9070.  
  9071.  
  9072.    .-mb-px {
  9073.  
  9074.        margin-bottom: -1px
  9075.    }
  9076.  
  9077.  
  9078.  
  9079.    .-ml-1 {
  9080.  
  9081.        margin-left: -.25rem
  9082.    }
  9083.  
  9084.  
  9085.  
  9086.    .-ml-px {
  9087.  
  9088.        margin-left: -1px
  9089.    }
  9090.  
  9091.  
  9092.  
  9093.    .-mr-10 {
  9094.  
  9095.        margin-right: -2.5rem
  9096.    }
  9097.  
  9098.  
  9099.  
  9100.    .-mr-12 {
  9101.  
  9102.        margin-right: -3rem
  9103.    }
  9104.  
  9105.  
  9106.  
  9107.    .-mt-16 {
  9108.  
  9109.        margin-top: -4rem
  9110.    }
  9111.  
  9112.  
  9113.  
  9114.    .mb-1 {
  9115.  
  9116.        margin-bottom: .25rem
  9117.    }
  9118.  
  9119.  
  9120.  
  9121.    .mb-1\.5 {
  9122.  
  9123.        margin-bottom: .375rem
  9124.    }
  9125.  
  9126.  
  9127.  
  9128.    .mb-10 {
  9129.  
  9130.        margin-bottom: 2.5rem
  9131.    }
  9132.  
  9133.  
  9134.  
  9135.    .mb-2 {
  9136.  
  9137.        margin-bottom: .5rem
  9138.    }
  9139.  
  9140.  
  9141.  
  9142.    .mb-3 {
  9143.  
  9144.        margin-bottom: .75rem
  9145.    }
  9146.  
  9147.  
  9148.  
  9149.    .mb-4 {
  9150.  
  9151.        margin-bottom: 1rem
  9152.    }
  9153.  
  9154.  
  9155.  
  9156.    .mb-5 {
  9157.  
  9158.        margin-bottom: 1.25rem
  9159.    }
  9160.  
  9161.  
  9162.  
  9163.    .mb-6 {
  9164.  
  9165.        margin-bottom: 1.5rem
  9166.    }
  9167.  
  9168.  
  9169.  
  9170.    .mb-8 {
  9171.  
  9172.        margin-bottom: 2rem
  9173.    }
  9174.  
  9175.  
  9176.  
  9177.    .mb-\[20px\] {
  9178.  
  9179.        margin-bottom: 20px
  9180.    }
  9181.  
  9182.  
  9183.  
  9184.    .ml-12 {
  9185.  
  9186.        margin-left: 3rem
  9187.    }
  9188.  
  9189.  
  9190.  
  9191.    .ml-2 {
  9192.  
  9193.        margin-left: .5rem
  9194.    }
  9195.  
  9196.  
  9197.  
  9198.    .ml-3 {
  9199.  
  9200.        margin-left: .75rem
  9201.    }
  9202.  
  9203.  
  9204.  
  9205.    .ml-4 {
  9206.  
  9207.        margin-left: 1rem
  9208.    }
  9209.  
  9210.  
  9211.  
  9212.    .ml-5 {
  9213.  
  9214.        margin-left: 1.25rem
  9215.    }
  9216.  
  9217.  
  9218.  
  9219.    .mr-2 {
  9220.  
  9221.        margin-right: .5rem
  9222.    }
  9223.  
  9224.  
  9225.  
  9226.    .mr-3 {
  9227.  
  9228.        margin-right: .75rem
  9229.    }
  9230.  
  9231.  
  9232.  
  9233.    .mr-4 {
  9234.  
  9235.        margin-right: 1rem
  9236.    }
  9237.  
  9238.  
  9239.  
  9240.    .mr-5 {
  9241.  
  9242.        margin-right: 1.25rem
  9243.    }
  9244.  
  9245.  
  9246.  
  9247.    .mt-1 {
  9248.  
  9249.        margin-top: .25rem
  9250.    }
  9251.  
  9252.  
  9253.  
  9254.    .mt-10 {
  9255.  
  9256.        margin-top: 2.5rem
  9257.    }
  9258.  
  9259.  
  9260.  
  9261.    .mt-12 {
  9262.  
  9263.        margin-top: 3rem
  9264.    }
  9265.  
  9266.  
  9267.  
  9268.    .mt-2 {
  9269.  
  9270.        margin-top: .5rem
  9271.    }
  9272.  
  9273.  
  9274.  
  9275.    .mt-3 {
  9276.  
  9277.        margin-top: .75rem
  9278.    }
  9279.  
  9280.  
  9281.  
  9282.    .mt-4 {
  9283.  
  9284.        margin-top: 1rem
  9285.    }
  9286.  
  9287.  
  9288.  
  9289.    .mt-5 {
  9290.  
  9291.        margin-top: 1.25rem
  9292.    }
  9293.  
  9294.  
  9295.  
  9296.    .mt-6 {
  9297.  
  9298.        margin-top: 1.5rem
  9299.    }
  9300.  
  9301.  
  9302.  
  9303.    .mt-7 {
  9304.  
  9305.        margin-top: 1.75rem
  9306.    }
  9307.  
  9308.  
  9309.  
  9310.    .mt-8 {
  9311.  
  9312.        margin-top: 2rem
  9313.    }
  9314.  
  9315.  
  9316.  
  9317.    .mt-\[20px\] {
  9318.  
  9319.        margin-top: 20px
  9320.    }
  9321.  
  9322.  
  9323.  
  9324.    .mt-\[30px\] {
  9325.  
  9326.        margin-top: 30px
  9327.    }
  9328.  
  9329.  
  9330.  
  9331.    .block {
  9332.  
  9333.        display: block
  9334.    }
  9335.  
  9336.  
  9337.  
  9338.    .inline-block {
  9339.  
  9340.        display: inline-block
  9341.    }
  9342.  
  9343.  
  9344.  
  9345.    .inline {
  9346.  
  9347.        display: inline
  9348.    }
  9349.  
  9350.  
  9351.  
  9352.    .flex {
  9353.  
  9354.        display: flex
  9355.    }
  9356.  
  9357.  
  9358.  
  9359.    .inline-flex {
  9360.  
  9361.        display: inline-flex
  9362.    }
  9363.  
  9364.  
  9365.  
  9366.    .table {
  9367.  
  9368.        display: table
  9369.    }
  9370.  
  9371.  
  9372.  
  9373.    .flow-root {
  9374.  
  9375.        display: flow-root
  9376.    }
  9377.  
  9378.  
  9379.  
  9380.    .grid {
  9381.  
  9382.        display: grid
  9383.    }
  9384.  
  9385.  
  9386.  
  9387.    .contents {
  9388.  
  9389.        display: contents
  9390.    }
  9391.  
  9392.  
  9393.  
  9394.    .hidden {
  9395.  
  9396.        display: none
  9397.    }
  9398.  
  9399.  
  9400.  
  9401.    .hidden-2 {
  9402.  
  9403.        display: block;
  9404.  
  9405.    }
  9406.  
  9407.  
  9408.  
  9409.    .h-0 {
  9410.  
  9411.        height: 0
  9412.    }
  9413.  
  9414.  
  9415.  
  9416.    .h-10 {
  9417.  
  9418.        height: 2.5rem
  9419.    }
  9420.  
  9421.  
  9422.  
  9423.    .h-12 {
  9424.  
  9425.        height: 3rem
  9426.    }
  9427.  
  9428.  
  9429.  
  9430.    .h-14 {
  9431.  
  9432.        height: 3.5rem
  9433.    }
  9434.  
  9435.  
  9436.  
  9437.    .h-16 {
  9438.  
  9439.        height: 4rem
  9440.    }
  9441.  
  9442.  
  9443.  
  9444.    .h-24 {
  9445.  
  9446.        height: 6rem
  9447.    }
  9448.  
  9449.  
  9450.  
  9451.    .h-3 {
  9452.  
  9453.        height: .75rem
  9454.    }
  9455.  
  9456.  
  9457.  
  9458.    .h-32 {
  9459.  
  9460.        height: 8rem
  9461.    }
  9462.  
  9463.  
  9464.  
  9465.    .h-4 {
  9466.  
  9467.        height: 1rem
  9468.    }
  9469.  
  9470.  
  9471.  
  9472.    .h-40 {
  9473.  
  9474.        height: 10rem
  9475.    }
  9476.  
  9477.  
  9478.  
  9479.    .h-5 {
  9480.  
  9481.        height: 1.25rem
  9482.    }
  9483.  
  9484.  
  9485.  
  9486.    .h-56 {
  9487.  
  9488.        height: 12rem;
  9489.  
  9490.    }
  9491.  
  9492.  
  9493.  
  9494.    .h-6 {
  9495.  
  9496.        height: 1.5rem
  9497.    }
  9498.  
  9499.  
  9500.  
  9501.    .h-64 {
  9502.  
  9503.        height: 16rem
  9504.    }
  9505.  
  9506.  
  9507.  
  9508.    .h-8 {
  9509.  
  9510.        height: 2rem
  9511.    }
  9512.  
  9513.  
  9514.  
  9515.    .h-\[100vh\] {
  9516.  
  9517.        height: 100vh
  9518.    }
  9519.  
  9520.  
  9521.  
  9522.    .h-\[16px\] {
  9523.  
  9524.        height: 16px
  9525.    }
  9526.  
  9527.  
  9528.  
  9529.    .h-\[24px\] {
  9530.  
  9531.        height: 24px
  9532.    }
  9533.  
  9534.  
  9535.  
  9536.    .h-\[280px\] {
  9537.  
  9538.        height: 280px
  9539.    }
  9540.  
  9541.  
  9542.  
  9543.    .h-\[460px\] {
  9544.  
  9545.        height: 460px
  9546.    }
  9547.  
  9548.  
  9549.  
  9550.    .h-\[5\.7rem\] {
  9551.  
  9552.        height: 5.7rem
  9553.    }
  9554.  
  9555.  
  9556.  
  9557.    .h-\[9\.4rem\] {
  9558.  
  9559.        height: 9.4rem
  9560.    }
  9561.  
  9562.  
  9563.  
  9564.    .h-auto {
  9565.  
  9566.        height: auto
  9567.    }
  9568.  
  9569.  
  9570.  
  9571.    .h-full {
  9572.  
  9573.        height: 100%
  9574.    }
  9575.  
  9576.  
  9577.  
  9578.    .h-px {
  9579.  
  9580.        height: 1px
  9581.    }
  9582.  
  9583.  
  9584.  
  9585.    .max-h-0 {
  9586.  
  9587.        max-height: 0
  9588.    }
  9589.  
  9590.  
  9591.  
  9592.    .max-h-\[1000px\] {
  9593.  
  9594.        max-height: 1000px
  9595.    }
  9596.  
  9597.  
  9598.  
  9599.    .max-h-\[9rem\] {
  9600.  
  9601.        max-height: 9rem
  9602.    }
  9603.  
  9604.  
  9605.  
  9606.    .max-h-screen {
  9607.  
  9608.        max-height: 100vh
  9609.    }
  9610.  
  9611.  
  9612.  
  9613.    .min-h-\[50vh\] {
  9614.  
  9615.        min-height: 50vh
  9616.    }
  9617.  
  9618.  
  9619.  
  9620.    .min-h-\[60vh\] {
  9621.  
  9622.        min-height: 60vh
  9623.    }
  9624.  
  9625.  
  9626.  
  9627.    .min-h-\[65vh\] {
  9628.  
  9629.        min-height: 65vh
  9630.    }
  9631.  
  9632.  
  9633.  
  9634.    .min-h-\[70vh\] {
  9635.  
  9636.        min-height: 70vh
  9637.    }
  9638.  
  9639.  
  9640.  
  9641.    .min-h-full {
  9642.  
  9643.        min-height: 100%
  9644.    }
  9645.  
  9646.  
  9647.  
  9648.    .min-h-screen {
  9649.  
  9650.        min-height: 100vh
  9651.    }
  9652.  
  9653.  
  9654.  
  9655.    .\!w-full {
  9656.  
  9657.        width: 100% !important
  9658.    }
  9659.  
  9660.  
  9661.  
  9662.    .w-1\/2 {
  9663.  
  9664.        width: 50%
  9665.    }
  9666.  
  9667.  
  9668.  
  9669.    .w-10 {
  9670.  
  9671.        width: 2.5rem
  9672.    }
  9673.  
  9674.  
  9675.  
  9676.    .w-11 {
  9677.  
  9678.        width: 2.75rem
  9679.    }
  9680.  
  9681.  
  9682.  
  9683.    .w-12 {
  9684.  
  9685.        width: 3rem
  9686.    }
  9687.  
  9688.  
  9689.  
  9690.    .w-14 {
  9691.  
  9692.        width: 3.5rem
  9693.    }
  9694.  
  9695.  
  9696.  
  9697.    .w-24 {
  9698.  
  9699.        width: 6rem
  9700.    }
  9701.  
  9702.  
  9703.  
  9704.    .w-28 {
  9705.  
  9706.        width: 7rem
  9707.    }
  9708.  
  9709.  
  9710.  
  9711.    .w-3 {
  9712.  
  9713.        width: .75rem
  9714.    }
  9715.  
  9716.  
  9717.  
  9718.    .w-4 {
  9719.  
  9720.        width: 1rem
  9721.    }
  9722.  
  9723.  
  9724.  
  9725.    .w-5 {
  9726.  
  9727.        width: 1.25rem
  9728.    }
  9729.  
  9730.  
  9731.  
  9732.    .w-56 {
  9733.  
  9734.        width: 14rem
  9735.    }
  9736.  
  9737.  
  9738.  
  9739.    .w-6 {
  9740.  
  9741.        width: 1.5rem
  9742.    }
  9743.  
  9744.  
  9745.  
  9746.    .w-72 {
  9747.  
  9748.        width: 18rem
  9749.    }
  9750.  
  9751.  
  9752.  
  9753.    .w-8 {
  9754.  
  9755.        width: 2rem
  9756.    }
  9757.  
  9758.  
  9759.  
  9760.    .w-80 {
  9761.  
  9762.        width: 20rem
  9763.    }
  9764.  
  9765.  
  9766.  
  9767.    .w-\[16px\] {
  9768.  
  9769.        width: 16px
  9770.    }
  9771.  
  9772.  
  9773.  
  9774.    .w-\[24px\] {
  9775.  
  9776.        width: 24px
  9777.    }
  9778.  
  9779.  
  9780.  
  9781.    .w-\[280px\] {
  9782.  
  9783.        width: 280px
  9784.    }
  9785.  
  9786.  
  9787.  
  9788.    .w-\[80px\] {
  9789.  
  9790.        width: 80px
  9791.    }
  9792.  
  9793.  
  9794.  
  9795.    .w-auto {
  9796.  
  9797.        width: auto
  9798.    }
  9799.  
  9800.  
  9801.  
  9802.    .w-full {
  9803.  
  9804.        width: 100%
  9805.    }
  9806.  
  9807.  
  9808.  
  9809.    .w-screen {
  9810.  
  9811.        width: 100vw
  9812.    }
  9813.  
  9814.  
  9815.  
  9816.    .min-w-0 {
  9817.  
  9818.        min-width: 0
  9819.    }
  9820.  
  9821.  
  9822.  
  9823.    .max-w-7xl {
  9824.  
  9825.        max-width: 80rem
  9826.    }
  9827.  
  9828.  
  9829.  
  9830.    .max-w-\[15rem\] {
  9831.  
  9832.        max-width: 15rem
  9833.    }
  9834.  
  9835.  
  9836.  
  9837.    .max-w-\[2\.5rem\] {
  9838.  
  9839.        max-width: 2.5rem
  9840.    }
  9841.  
  9842.  
  9843.  
  9844.    .max-w-\[3\.5rem\] {
  9845.  
  9846.        max-width: 3.5rem
  9847.    }
  9848.  
  9849.  
  9850.  
  9851.    .max-w-full {
  9852.  
  9853.        max-width: 100%
  9854.    }
  9855.  
  9856.  
  9857.  
  9858.    .max-w-md {
  9859.  
  9860.        max-width: 28rem
  9861.    }
  9862.  
  9863.  
  9864.  
  9865.    .max-w-xl {
  9866.  
  9867.        max-width: 36rem
  9868.    }
  9869.  
  9870.  
  9871.  
  9872.    .max-w-xs {
  9873.  
  9874.        max-width: 20rem
  9875.    }
  9876.  
  9877.  
  9878.  
  9879.    .flex-1 {
  9880.  
  9881.        flex: 1 1 0%
  9882.    }
  9883.  
  9884.  
  9885.  
  9886.    .flex-shrink {
  9887.  
  9888.        flex-shrink: 1
  9889.    }
  9890.  
  9891.  
  9892.  
  9893.    .flex-shrink-0,
  9894.    .shrink-0 {
  9895.  
  9896.        flex-shrink: 0
  9897.    }
  9898.  
  9899.  
  9900.  
  9901.    .flex-grow,
  9902.    .grow {
  9903.  
  9904.        flex-grow: 1
  9905.    }
  9906.  
  9907.  
  9908.  
  9909.    .table-auto {
  9910.  
  9911.        table-layout: auto
  9912.    }
  9913.  
  9914.  
  9915.  
  9916.    .origin-\[0\] {
  9917.  
  9918.        transform-origin: 0
  9919.    }
  9920.  
  9921.  
  9922.  
  9923.    .origin-top-right {
  9924.  
  9925.        transform-origin: top right
  9926.    }
  9927.  
  9928.  
  9929.  
  9930.    .-translate-x-full {
  9931.  
  9932.        --tw-translate-x: -100%
  9933.    }
  9934.  
  9935.  
  9936.  
  9937.    .-translate-x-full,
  9938.    .-translate-y-1\/2 {
  9939.  
  9940.        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))
  9941.    }
  9942.  
  9943.  
  9944.  
  9945.    .-translate-y-1\/2 {
  9946.  
  9947.        --tw-translate-y: -50%
  9948.    }
  9949.  
  9950.  
  9951.  
  9952.    .-translate-y-3 {
  9953.  
  9954.        --tw-translate-y: -0.75rem
  9955.    }
  9956.  
  9957.  
  9958.  
  9959.    .-translate-y-3,
  9960.    .translate-x-0 {
  9961.  
  9962.        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))
  9963.    }
  9964.  
  9965.  
  9966.  
  9967.    .translate-x-0 {
  9968.  
  9969.        --tw-translate-x: 0px
  9970.    }
  9971.  
  9972.  
  9973.  
  9974.    .translate-y-0 {
  9975.  
  9976.        --tw-translate-y: 0px
  9977.    }
  9978.  
  9979.  
  9980.  
  9981.    .rotate-0,
  9982.    .translate-y-0 {
  9983.  
  9984.        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))
  9985.    }
  9986.  
  9987.  
  9988.  
  9989.    .rotate-0 {
  9990.  
  9991.        --tw-rotate: 0deg
  9992.    }
  9993.  
  9994.  
  9995.  
  9996.    .rotate-180 {
  9997.  
  9998.        --tw-rotate: 180deg
  9999.    }
  10000.  
  10001.  
  10002.  
  10003.    .rotate-180,
  10004.    .scale-100 {
  10005.  
  10006.        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))
  10007.    }
  10008.  
  10009.  
  10010.  
  10011.    .scale-100 {
  10012.  
  10013.        --tw-scale-x: 1;
  10014.  
  10015.        --tw-scale-y: 1
  10016.    }
  10017.  
  10018.  
  10019.  
  10020.    .scale-75 {
  10021.  
  10022.        --tw-scale-x: .75;
  10023.  
  10024.        --tw-scale-y: .75
  10025.    }
  10026.  
  10027.  
  10028.  
  10029.    .scale-75,
  10030.    .scale-95 {
  10031.  
  10032.        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))
  10033.    }
  10034.  
  10035.  
  10036.  
  10037.    .scale-95 {
  10038.  
  10039.        --tw-scale-x: .95;
  10040.  
  10041.        --tw-scale-y: .95
  10042.    }
  10043.  
  10044.  
  10045.  
  10046.    .transform {
  10047.  
  10048.        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))
  10049.    }
  10050.  
  10051.  
  10052.  
  10053.    @keyframes  ping {
  10054.  
  10055.        75%,
  10056.        to {
  10057.  
  10058.            transform: scale(2);
  10059.  
  10060.            opacity: 0
  10061.        }
  10062.  
  10063.    }
  10064.  
  10065.  
  10066.  
  10067.    .animate-ping {
  10068.  
  10069.        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
  10070.    }
  10071.  
  10072.  
  10073.  
  10074.    @keyframes  pulse {
  10075.  
  10076.        50% {
  10077.  
  10078.            opacity: .5
  10079.        }
  10080.  
  10081.    }
  10082.  
  10083.  
  10084.  
  10085.    .animate-pulse {
  10086.  
  10087.        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
  10088.    }
  10089.  
  10090.  
  10091.  
  10092.    @keyframes  spin {
  10093.  
  10094.        to {
  10095.  
  10096.            transform: rotate(1turn)
  10097.        }
  10098.  
  10099.    }
  10100.  
  10101.  
  10102.  
  10103.    .animate-spin {
  10104.  
  10105.        animation: spin 1s linear infinite
  10106.    }
  10107.  
  10108.  
  10109.  
  10110.    .cursor-not-allowed {
  10111.  
  10112.        cursor: not-allowed
  10113.    }
  10114.  
  10115.  
  10116.  
  10117.    .cursor-pointer {
  10118.  
  10119.        cursor: pointer
  10120.    }
  10121.  
  10122.  
  10123.  
  10124.    .appearance-none {
  10125.  
  10126.        -webkit-appearance: none;
  10127.  
  10128.        -moz-appearance: none;
  10129.  
  10130.        appearance: none
  10131.    }
  10132.  
  10133.  
  10134.  
  10135.    .grid-flow-col {
  10136.  
  10137.        grid-auto-flow: column
  10138.    }
  10139.  
  10140.  
  10141.  
  10142.    .grid-cols-1 {
  10143.  
  10144.        grid-template-columns: repeat(1, minmax(0, 1fr))
  10145.    }
  10146.  
  10147.  
  10148.  
  10149.    .grid-cols-12 {
  10150.  
  10151.        grid-template-columns: repeat(12, minmax(0, 1fr))
  10152.    }
  10153.  
  10154.  
  10155.  
  10156.    .grid-cols-2 {
  10157.  
  10158.        grid-template-columns: repeat(2, minmax(0, 1fr))
  10159.    }
  10160.  
  10161.  
  10162.  
  10163.    .grid-cols-3 {
  10164.  
  10165.        grid-template-columns: repeat(3, minmax(0, 1fr))
  10166.    }
  10167.  
  10168.  
  10169.  
  10170.    .grid-cols-6 {
  10171.  
  10172.        grid-template-columns: repeat(6, minmax(0, 1fr))
  10173.    }
  10174.  
  10175.  
  10176.  
  10177.    .flex-row {
  10178.  
  10179.        flex-direction: row
  10180.    }
  10181.  
  10182.  
  10183.  
  10184.    .flex-row-reverse {
  10185.  
  10186.        flex-direction: row-reverse
  10187.    }
  10188.  
  10189.  
  10190.  
  10191.    .flex-col {
  10192.  
  10193.        flex-direction: column
  10194.    }
  10195.  
  10196.  
  10197.  
  10198.    .flex-col-reverse {
  10199.  
  10200.        flex-direction: column-reverse
  10201.    }
  10202.  
  10203.  
  10204.  
  10205.    .content-center {
  10206.  
  10207.        align-content: center
  10208.    }
  10209.  
  10210.  
  10211.  
  10212.    .content-start {
  10213.  
  10214.        align-content: flex-start
  10215.    }
  10216.  
  10217.  
  10218.  
  10219.    .content-end {
  10220.  
  10221.        align-content: flex-end
  10222.    }
  10223.  
  10224.  
  10225.  
  10226.    .items-start {
  10227.  
  10228.        align-items: flex-start
  10229.    }
  10230.  
  10231.  
  10232.  
  10233.    .items-end {
  10234.  
  10235.        align-items: flex-end
  10236.    }
  10237.  
  10238.  
  10239.  
  10240.    .items-center {
  10241.  
  10242.        align-items: center
  10243.    }
  10244.  
  10245.  
  10246.  
  10247.    .items-stretch {
  10248.  
  10249.        align-items: stretch
  10250.    }
  10251.  
  10252.  
  10253.  
  10254.    .justify-start {
  10255.  
  10256.        justify-content: flex-start
  10257.    }
  10258.  
  10259.  
  10260.  
  10261.    .justify-end {
  10262.  
  10263.        justify-content: flex-end
  10264.    }
  10265.  
  10266.  
  10267.  
  10268.    .justify-center {
  10269.  
  10270.        justify-content: center
  10271.    }
  10272.  
  10273.  
  10274.  
  10275.    .justify-between {
  10276.  
  10277.        justify-content: space-between
  10278.    }
  10279.  
  10280.  
  10281.  
  10282.    .justify-around {
  10283.  
  10284.        justify-content: space-around
  10285.    }
  10286.  
  10287.  
  10288.  
  10289.    .\!gap-0 {
  10290.  
  10291.        gap: 0 !important
  10292.    }
  10293.  
  10294.  
  10295.  
  10296.    .gap-1 {
  10297.  
  10298.        gap: .25rem
  10299.    }
  10300.  
  10301.  
  10302.  
  10303.    .gap-1\.5 {
  10304.  
  10305.        gap: .375rem
  10306.    }
  10307.  
  10308.  
  10309.  
  10310.    .gap-12 {
  10311.  
  10312.        gap: 3rem
  10313.    }
  10314.  
  10315.  
  10316.  
  10317.    .gap-2 {
  10318.  
  10319.        gap: .5rem
  10320.    }
  10321.  
  10322.  
  10323.  
  10324.    .gap-3 {
  10325.  
  10326.        gap: .75rem
  10327.    }
  10328.  
  10329.  
  10330.  
  10331.    .gap-4 {
  10332.  
  10333.        gap: 1rem
  10334.    }
  10335.  
  10336.  
  10337.  
  10338.    .gap-5 {
  10339.  
  10340.        gap: 1.25rem
  10341.    }
  10342.  
  10343.  
  10344.  
  10345.    .gap-6 {
  10346.  
  10347.        gap: 1.5rem
  10348.    }
  10349.  
  10350.  
  10351.  
  10352.    .gap-8 {
  10353.  
  10354.        gap: 2rem
  10355.    }
  10356.  
  10357.  
  10358.  
  10359.    .gap-x-4 {
  10360.  
  10361.        -moz-column-gap: 1rem;
  10362.  
  10363.        column-gap: 1rem
  10364.    }
  10365.  
  10366.  
  10367.  
  10368.    .gap-y-10 {
  10369.  
  10370.        row-gap: 2.5rem
  10371.    }
  10372.  
  10373.  
  10374.  
  10375.    .gap-y-4 {
  10376.  
  10377.        row-gap: 1rem
  10378.    }
  10379.  
  10380.  
  10381.  
  10382.    .gap-y-8 {
  10383.  
  10384.        row-gap: 2rem
  10385.    }
  10386.  
  10387.  
  10388.  
  10389.    .-space-x-px>:not([hidden])~:not([hidden]) {
  10390.  
  10391.        --tw-space-x-reverse: 0;
  10392.  
  10393.        margin-right: calc(-1px * var(--tw-space-x-reverse));
  10394.  
  10395.        margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
  10396.    }
  10397.  
  10398.  
  10399.  
  10400.    .space-x-2>:not([hidden])~:not([hidden]) {
  10401.  
  10402.        --tw-space-x-reverse: 0;
  10403.  
  10404.        margin-right: calc(.5rem * var(--tw-space-x-reverse));
  10405.  
  10406.        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  10407.    }
  10408.  
  10409.  
  10410.  
  10411.    .space-x-6>:not([hidden])~:not([hidden]) {
  10412.  
  10413.        --tw-space-x-reverse: 0;
  10414.  
  10415.        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  10416.  
  10417.        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
  10418.    }
  10419.  
  10420.  
  10421.  
  10422.    .space-y-1>:not([hidden])~:not([hidden]) {
  10423.  
  10424.        --tw-space-y-reverse: 0;
  10425.  
  10426.        margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  10427.  
  10428.        margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
  10429.    }
  10430.  
  10431.  
  10432.  
  10433.    .space-y-2>:not([hidden])~:not([hidden]) {
  10434.  
  10435.        --tw-space-y-reverse: 0;
  10436.  
  10437.        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  10438.  
  10439.        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
  10440.    }
  10441.  
  10442.  
  10443.  
  10444.    .space-y-3>:not([hidden])~:not([hidden]) {
  10445.  
  10446.        --tw-space-y-reverse: 0;
  10447.  
  10448.        margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  10449.  
  10450.        margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  10451.    }
  10452.  
  10453.  
  10454.  
  10455.    .space-y-4>:not([hidden])~:not([hidden]) {
  10456.  
  10457.        --tw-space-y-reverse: 0;
  10458.  
  10459.        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  10460.  
  10461.        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  10462.    }
  10463.  
  10464.  
  10465.  
  10466.    .space-y-5>:not([hidden])~:not([hidden]) {
  10467.  
  10468.        --tw-space-y-reverse: 0;
  10469.  
  10470.        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  10471.  
  10472.        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  10473.    }
  10474.  
  10475.  
  10476.  
  10477.    .divide-y>:not([hidden])~:not([hidden]) {
  10478.  
  10479.        --tw-divide-y-reverse: 0;
  10480.  
  10481.        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  10482.  
  10483.        border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
  10484.    }
  10485.  
  10486.  
  10487.  
  10488.    .divide-gray-100>:not([hidden])~:not([hidden]) {
  10489.  
  10490.        --tw-divide-opacity: 1;
  10491.  
  10492.        border-color: rgb(243 244 246/var(--tw-divide-opacity))
  10493.    }
  10494.  
  10495.  
  10496.  
  10497.    .overflow-hidden {
  10498.  
  10499.        overflow: hidden
  10500.    }
  10501.  
  10502.  
  10503.  
  10504.    .overflow-x-auto {
  10505.  
  10506.        overflow-x: auto
  10507.    }
  10508.  
  10509.  
  10510.  
  10511.    .overflow-y-auto {
  10512.  
  10513.        overflow-y: auto
  10514.    }
  10515.  
  10516.  
  10517.  
  10518.    .overflow-x-hidden {
  10519.  
  10520.        overflow-x: hidden
  10521.    }
  10522.  
  10523.  
  10524.  
  10525.    .overflow-x-scroll {
  10526.  
  10527.        overflow-x: scroll
  10528.    }
  10529.  
  10530.  
  10531.  
  10532.    .overflow-y-scroll {
  10533.  
  10534.        overflow-y: scroll
  10535.    }
  10536.  
  10537.  
  10538.  
  10539.    .truncate {
  10540.  
  10541.        overflow: hidden;
  10542.  
  10543.        white-space: nowrap
  10544.    }
  10545.  
  10546.  
  10547.  
  10548.    .text-ellipsis,
  10549.    .truncate {
  10550.  
  10551.        text-overflow: ellipsis
  10552.    }
  10553.  
  10554.  
  10555.  
  10556.    .whitespace-nowrap {
  10557.  
  10558.        white-space: nowrap
  10559.    }
  10560.  
  10561.  
  10562.  
  10563.    .whitespace-pre-line {
  10564.  
  10565.        white-space: pre-line
  10566.    }
  10567.  
  10568.  
  10569.  
  10570.    .break-words {
  10571.  
  10572.        overflow-wrap: break-word
  10573.    }
  10574.  
  10575.  
  10576.  
  10577.    .\!rounded-\[50px\] {
  10578.  
  10579.        border-radius: 50px !important
  10580.    }
  10581.  
  10582.  
  10583.  
  10584.    .\!rounded-full {
  10585.  
  10586.        border-radius: 9999px !important
  10587.    }
  10588.  
  10589.  
  10590.  
  10591.    .\!rounded-lg {
  10592.  
  10593.        border-radius: .5rem !important
  10594.    }
  10595.  
  10596.  
  10597.  
  10598.    .rounded {
  10599.  
  10600.        border-radius: .25rem
  10601.    }
  10602.  
  10603.  
  10604.  
  10605.    .rounded-2xl {
  10606.  
  10607.        border-radius: 1rem
  10608.    }
  10609.  
  10610.  
  10611.  
  10612.    .rounded-3xl {
  10613.  
  10614.        border-radius: 1.5rem
  10615.    }
  10616.  
  10617.  
  10618.  
  10619.    .rounded-\[15px\] {
  10620.  
  10621.        border-radius: 15px
  10622.    }
  10623.  
  10624.  
  10625.  
  10626.    .rounded-\[1rem\] {
  10627.  
  10628.        border-radius: 1rem
  10629.    }
  10630.  
  10631.  
  10632.  
  10633.    .rounded-\[8px\] {
  10634.  
  10635.        border-radius: 8px
  10636.    }
  10637.  
  10638.  
  10639.  
  10640.    .rounded-full {
  10641.  
  10642.        border-radius: 9999px
  10643.    }
  10644.  
  10645.  
  10646.  
  10647.    .rounded-lg {
  10648.  
  10649.        border-radius: .5rem
  10650.    }
  10651.  
  10652.  
  10653.  
  10654.    .rounded-md {
  10655.  
  10656.        border-radius: .375rem
  10657.    }
  10658.  
  10659.  
  10660.  
  10661.    .rounded-none {
  10662.  
  10663.        border-radius: 0
  10664.    }
  10665.  
  10666.  
  10667.  
  10668.    .rounded-xl {
  10669.  
  10670.        border-radius: .75rem
  10671.    }
  10672.  
  10673.  
  10674.  
  10675.    .rounded-b-lg {
  10676.  
  10677.        border-bottom-right-radius: .5rem;
  10678.  
  10679.        border-bottom-left-radius: .5rem
  10680.    }
  10681.  
  10682.  
  10683.  
  10684.    .rounded-l-full {
  10685.  
  10686.        border-top-left-radius: 9999px;
  10687.  
  10688.        border-bottom-left-radius: 9999px
  10689.    }
  10690.  
  10691.  
  10692.  
  10693.    .rounded-l-md {
  10694.  
  10695.        border-top-left-radius: .375rem;
  10696.  
  10697.        border-bottom-left-radius: .375rem
  10698.    }
  10699.  
  10700.  
  10701.  
  10702.    .rounded-r-full {
  10703.  
  10704.        border-top-right-radius: 9999px;
  10705.  
  10706.        border-bottom-right-radius: 9999px
  10707.    }
  10708.  
  10709.  
  10710.  
  10711.    .rounded-r-md {
  10712.  
  10713.        border-top-right-radius: .375rem;
  10714.  
  10715.        border-bottom-right-radius: .375rem
  10716.    }
  10717.  
  10718.  
  10719.  
  10720.    .rounded-t-\[20px\] {
  10721.  
  10722.        border-top-left-radius: 20px;
  10723.  
  10724.        border-top-right-radius: 20px
  10725.    }
  10726.  
  10727.  
  10728.  
  10729.    .rounded-t-lg {
  10730.  
  10731.        border-top-left-radius: .5rem;
  10732.  
  10733.        border-top-right-radius: .5rem
  10734.    }
  10735.  
  10736.  
  10737.  
  10738.    .rounded-bl-\[15px\] {
  10739.  
  10740.        border-bottom-left-radius: 15px
  10741.    }
  10742.  
  10743.  
  10744.  
  10745.    .rounded-bl-full {
  10746.  
  10747.        border-bottom-left-radius: 9999px
  10748.    }
  10749.  
  10750.  
  10751.  
  10752.    .rounded-br-\[15px\] {
  10753.  
  10754.        border-bottom-right-radius: 15px
  10755.    }
  10756.  
  10757.  
  10758.  
  10759.    .rounded-tr-\[3000px\] {
  10760.  
  10761.        border-top-right-radius: 3000px
  10762.    }
  10763.  
  10764.  
  10765.  
  10766.    .border {
  10767.  
  10768.        border-width: 1px
  10769.    }
  10770.  
  10771.  
  10772.  
  10773.    .border-0 {
  10774.  
  10775.        border-width: 0
  10776.    }
  10777.  
  10778.  
  10779.  
  10780.    .border-2 {
  10781.  
  10782.        border-width: 2px
  10783.    }
  10784.  
  10785.  
  10786.  
  10787.    .\!border-b {
  10788.  
  10789.        border-bottom-width: 1px !important
  10790.    }
  10791.  
  10792.  
  10793.  
  10794.    .border-b {
  10795.  
  10796.        border-bottom-width: 1px
  10797.    }
  10798.  
  10799.  
  10800.  
  10801.    .border-b-2 {
  10802.  
  10803.        border-bottom-width: 2px
  10804.    }
  10805.  
  10806.  
  10807.  
  10808.    .border-r {
  10809.  
  10810.        border-right-width: 1px
  10811.    }
  10812.  
  10813.  
  10814.  
  10815.    .border-t {
  10816.  
  10817.        border-top-width: 1px
  10818.    }
  10819.  
  10820.  
  10821.  
  10822.    .border-t-2 {
  10823.  
  10824.        border-top-width: 2px
  10825.    }
  10826.  
  10827.  
  10828.  
  10829.    .\!border-none {
  10830.  
  10831.        border-style: none !important
  10832.    }
  10833.  
  10834.  
  10835.  
  10836.    .border-none {
  10837.  
  10838.        border-style: none
  10839.    }
  10840.  
  10841.  
  10842.  
  10843.    .border-\[\#626274\] {
  10844.  
  10845.        --tw-border-opacity: 1;
  10846.  
  10847.        border-color: rgb(98 98 116/var(--tw-border-opacity))
  10848.    }
  10849.  
  10850.  
  10851.  
  10852.    .border-gray-300 {
  10853.  
  10854.        --tw-border-opacity: 1;
  10855.  
  10856.        border-color: rgb(209 213 219/var(--tw-border-opacity))
  10857.    }
  10858.  
  10859.  
  10860.  
  10861.    .border-gray-500 {
  10862.  
  10863.        --tw-border-opacity: 1;
  10864.  
  10865.        border-color: rgb(107 114 128/var(--tw-border-opacity))
  10866.    }
  10867.  
  10868.  
  10869.  
  10870.    .border-gray-600 {
  10871.  
  10872.        --tw-border-opacity: 1;
  10873.  
  10874.        border-color: rgb(75 85 99/var(--tw-border-opacity))
  10875.    }
  10876.  
  10877.  
  10878.  
  10879.    .border-gray-700 {
  10880.  
  10881.        --tw-border-opacity: 1;
  10882.  
  10883.        border-color: rgb(55 65 81/var(--tw-border-opacity))
  10884.    }
  10885.  
  10886.  
  10887.  
  10888.    .border-indigo-500 {
  10889.  
  10890.        --tw-border-opacity: 1;
  10891.  
  10892.        border-color: rgb(99 102 241/var(--tw-border-opacity))
  10893.    }
  10894.  
  10895.  
  10896.  
  10897.    .border-transparent {
  10898.  
  10899.        border-color: transparent
  10900.    }
  10901.  
  10902.  
  10903.  
  10904.    .border-white\/30 {
  10905.  
  10906.        border-color: hsla(0, 0%, 100%, .3)
  10907.    }
  10908.  
  10909.  
  10910.  
  10911.    .\!bg-gray-300 {
  10912.  
  10913.        --tw-bg-opacity: 1 !important;
  10914.  
  10915.        background-color: rgb(209 213 219/var(--tw-bg-opacity)) !important
  10916.    }
  10917.  
  10918.  
  10919.  
  10920.    .bg-\[\#22a328\] {
  10921.  
  10922.        --tw-bg-opacity: 1;
  10923.  
  10924.        background-color: rgb(34 163 40/var(--tw-bg-opacity))
  10925.    }
  10926.  
  10927.  
  10928.  
  10929.    .bg-\[\#2abe31\] {
  10930.  
  10931.        --tw-bg-opacity: 1;
  10932.  
  10933.        background-color: rgb(42 190 49/var(--tw-bg-opacity))
  10934.    }
  10935.  
  10936.  
  10937.  
  10938.    .bg-\[\#5067e4\] {
  10939.  
  10940.        --tw-bg-opacity: 1;
  10941.  
  10942.        background-color: rgb(80 103 228/var(--tw-bg-opacity))
  10943.    }
  10944.  
  10945.  
  10946.  
  10947.    .bg-\[\#e44a4a\] {
  10948.  
  10949.        --tw-bg-opacity: 1;
  10950.  
  10951.        background-color: rgb(228 74 74/var(--tw-bg-opacity))
  10952.    }
  10953.  
  10954.  
  10955.  
  10956.    .bg-\[\#e7fea2\] {
  10957.  
  10958.        --tw-bg-opacity: 1;
  10959.  
  10960.        background-color: rgb(231 254 162/var(--tw-bg-opacity))
  10961.    }
  10962.  
  10963.  
  10964.  
  10965.    .bg-\[\#ffc5c5\] {
  10966.  
  10967.        --tw-bg-opacity: 1;
  10968.  
  10969.        background-color: rgb(255 197 197/var(--tw-bg-opacity))
  10970.    }
  10971.  
  10972.  
  10973.  
  10974.    .bg-\[\#fff2c5\] {
  10975.  
  10976.        --tw-bg-opacity: 1;
  10977.  
  10978.        background-color: rgb(255 242 197/var(--tw-bg-opacity))
  10979.    }
  10980.  
  10981.  
  10982.  
  10983.    .bg-backgroundSecondary {
  10984.  
  10985.        --tw-bg-opacity: 1;
  10986.  
  10987.        background-color: rgb(50 50 62/var(--tw-bg-opacity))
  10988.    }
  10989.  
  10990.  
  10991.  
  10992.    .bg-black {
  10993.  
  10994.        --tw-bg-opacity: 1;
  10995.  
  10996.        background-color: rgb(0 0 0/var(--tw-bg-opacity))
  10997.    }
  10998.  
  10999.  
  11000.  
  11001.    .bg-blue-100 {
  11002.  
  11003.        --tw-bg-opacity: 1;
  11004.  
  11005.        background-color: rgb(219 234 254/var(--tw-bg-opacity))
  11006.    }
  11007.  
  11008.  
  11009.  
  11010.    .bg-btnPurple {
  11011.  
  11012.        --tw-bg-opacity: 1;
  11013.  
  11014.        background-color: rgb(112 127 235/var(--tw-bg-opacity))
  11015.    }
  11016.  
  11017.  
  11018.  
  11019.    .bg-btnPurple\/70 {
  11020.  
  11021.        background-color: rgba(112, 127, 235, .7)
  11022.    }
  11023.  
  11024.  
  11025.  
  11026.    .bg-gray-200 {
  11027.  
  11028.        --tw-bg-opacity: 1;
  11029.  
  11030.        background-color: rgb(229 231 235/var(--tw-bg-opacity))
  11031.    }
  11032.  
  11033.  
  11034.  
  11035.    .bg-gray-300 {
  11036.  
  11037.        --tw-bg-opacity: 1;
  11038.  
  11039.        background-color: rgb(209 213 219/var(--tw-bg-opacity))
  11040.    }
  11041.  
  11042.  
  11043.  
  11044.    .bg-gray-600\/75 {
  11045.  
  11046.        background-color: rgba(75, 85, 99, .75)
  11047.    }
  11048.  
  11049.  
  11050.  
  11051.    .bg-gray-700 {
  11052.  
  11053.        --tw-bg-opacity: 1;
  11054.  
  11055.        /* background-color: rgb(55 65 81/var(--tw-bg-opacity)) */
  11056.        background-color: rgba(0, 0, 0, 0.75)
  11057.    }
  11058.  
  11059.  
  11060.  
  11061.    .bg-indigo-50 {
  11062.  
  11063.        --tw-bg-opacity: 1;
  11064.  
  11065.        background-color: rgb(238 242 255/var(--tw-bg-opacity))
  11066.    }
  11067.  
  11068.  
  11069.  
  11070.    .bg-orange-100 {
  11071.  
  11072.        --tw-bg-opacity: 1;
  11073.  
  11074.        background-color: rgb(255 237 213/var(--tw-bg-opacity))
  11075.    }
  11076.  
  11077.  
  11078.  
  11079.    .bg-orange-600 {
  11080.  
  11081.        --tw-bg-opacity: 1;
  11082.  
  11083.        background-color: rgb(234 88 12/var(--tw-bg-opacity))
  11084.    }
  11085.  
  11086.  
  11087.  
  11088.    .bg-transparent {
  11089.  
  11090.        background-color: transparent
  11091.    }
  11092.  
  11093.  
  11094.  
  11095.    .bg-white {
  11096.  
  11097.        --tw-bg-opacity: 1;
  11098.  
  11099.        background-color: rgb(255 255 255/var(--tw-bg-opacity))
  11100.    }
  11101.  
  11102.  
  11103.  
  11104.    .bg-white\/80 {
  11105.  
  11106.        background-color: hsla(0, 0%, 100%, .8)
  11107.    }
  11108.  
  11109.  
  11110.  
  11111.    .bg-opacity-0 {
  11112.  
  11113.        --tw-bg-opacity: 0
  11114.    }
  11115.  
  11116.  
  11117.  
  11118.    .bg-opacity-100 {
  11119.  
  11120.        --tw-bg-opacity: 1
  11121.    }
  11122.  
  11123.  
  11124.  
  11125.    .bg-opacity-40 {
  11126.  
  11127.        --tw-bg-opacity: 0.4
  11128.    }
  11129.  
  11130.  
  11131.  
  11132.    .bg-gradient-to-r {
  11133.  
  11134.        background-image: linear-gradient(to right, var(--tw-gradient-stops))
  11135.    }
  11136.  
  11137.  
  11138.  
  11139.    .bg-none {
  11140.  
  11141.        background-image: none
  11142.    }
  11143.  
  11144.  
  11145.  
  11146.    .from-gray-400 {
  11147.  
  11148.        --tw-gradient-from: #9ca3af;
  11149.  
  11150.        --tw-gradient-to: rgba(156, 163, 175, 0);
  11151.  
  11152.        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  11153.    }
  11154.  
  11155.  
  11156.  
  11157.    .fill-white {
  11158.  
  11159.        fill: #fff
  11160.    }
  11161.  
  11162.  
  11163.  
  11164.    .object-contain {
  11165.  
  11166.        -o-object-fit: contain;
  11167.  
  11168.        object-fit: contain
  11169.    }
  11170.  
  11171.  
  11172.  
  11173.    .\!object-cover {
  11174.  
  11175.        -o-object-fit: cover !important;
  11176.  
  11177.        object-fit: cover !important
  11178.    }
  11179.  
  11180.  
  11181.  
  11182.    .object-cover {
  11183.  
  11184.        -o-object-fit: cover;
  11185.  
  11186.        object-fit: cover
  11187.    }
  11188.  
  11189.  
  11190.  
  11191.    .object-center {
  11192.  
  11193.        -o-object-position: center;
  11194.  
  11195.        object-position: center
  11196.    }
  11197.  
  11198.  
  11199.  
  11200.    .object-left {
  11201.  
  11202.        -o-object-position: left;
  11203.  
  11204.        object-position: left
  11205.    }
  11206.  
  11207.  
  11208.  
  11209.    .object-right {
  11210.  
  11211.        -o-object-position: right;
  11212.  
  11213.        object-position: right
  11214.    }
  11215.  
  11216.  
  11217.  
  11218.    .\!p-0 {
  11219.  
  11220.        padding: 0 !important
  11221.    }
  11222.  
  11223.  
  11224.  
  11225.    .\!p-4 {
  11226.  
  11227.        padding: 1rem !important
  11228.    }
  11229.  
  11230.  
  11231.  
  11232.    .p-0 {
  11233.  
  11234.        padding: 0
  11235.    }
  11236.  
  11237.  
  11238.  
  11239.    .p-1 {
  11240.  
  11241.        padding: .25rem
  11242.    }
  11243.  
  11244.  
  11245.  
  11246.    .p-2 {
  11247.  
  11248.        padding: .5rem
  11249.    }
  11250.  
  11251.  
  11252.  
  11253.    .p-2\.5 {
  11254.  
  11255.        padding: .625rem
  11256.    }
  11257.  
  11258.  
  11259.  
  11260.    .p-3 {
  11261.  
  11262.        padding: .75rem
  11263.    }
  11264.  
  11265.  
  11266.  
  11267.    .p-4 {
  11268.  
  11269.        padding: 1rem
  11270.    }
  11271.  
  11272.  
  11273.  
  11274.    .p-5 {
  11275.  
  11276.        padding: 1.25rem
  11277.    }
  11278.  
  11279.  
  11280.  
  11281.    .p-6 {
  11282.  
  11283.        padding: 1.5rem
  11284.    }
  11285.  
  11286.  
  11287.  
  11288.    .p-8 {
  11289.  
  11290.        padding: 2rem
  11291.    }
  11292.  
  11293.  
  11294.  
  11295.    .\!px-0 {
  11296.  
  11297.        padding-left: 0 !important;
  11298.  
  11299.        padding-right: 0 !important
  11300.    }
  11301.  
  11302.  
  11303.  
  11304.    .\!px-3 {
  11305.  
  11306.        padding-left: .75rem !important;
  11307.  
  11308.        padding-right: .75rem !important
  11309.    }
  11310.  
  11311.  
  11312.  
  11313.    .\!px-4 {
  11314.  
  11315.        padding-left: 1rem !important;
  11316.  
  11317.        padding-right: 1rem !important
  11318.    }
  11319.  
  11320.  
  11321.  
  11322.    .\!py-1 {
  11323.  
  11324.        padding-top: .25rem !important;
  11325.  
  11326.        padding-bottom: .25rem !important
  11327.    }
  11328.  
  11329.  
  11330.  
  11331.    .\!py-1\.5 {
  11332.  
  11333.        padding-top: .375rem !important;
  11334.  
  11335.        padding-bottom: .375rem !important
  11336.    }
  11337.  
  11338.  
  11339.  
  11340.    .px-0 {
  11341.  
  11342.        padding-left: 0;
  11343.  
  11344.        padding-right: 0
  11345.    }
  11346.  
  11347.  
  11348.  
  11349.    .px-1 {
  11350.  
  11351.        padding-left: .25rem;
  11352.  
  11353.        padding-right: .25rem
  11354.    }
  11355.  
  11356.  
  11357.  
  11358.    .px-14 {
  11359.  
  11360.        padding-left: 3.5rem;
  11361.  
  11362.        padding-right: 3.5rem
  11363.    }
  11364.  
  11365.  
  11366.  
  11367.    .px-2 {
  11368.  
  11369.        padding-left: .5rem;
  11370.  
  11371.        padding-right: .5rem
  11372.    }
  11373.  
  11374.  
  11375.  
  11376.    .px-2\.5 {
  11377.  
  11378.        padding-left: .625rem;
  11379.  
  11380.        padding-right: .625rem
  11381.    }
  11382.  
  11383.  
  11384.  
  11385.    .px-20 {
  11386.  
  11387.        padding-left: 5rem;
  11388.  
  11389.        padding-right: 5rem
  11390.    }
  11391.  
  11392.  
  11393.  
  11394.    .px-3 {
  11395.  
  11396.        padding-left: .75rem;
  11397.  
  11398.        padding-right: .75rem
  11399.    }
  11400.  
  11401.  
  11402.  
  11403.    .px-4 {
  11404.  
  11405.        padding-left: 1rem;
  11406.  
  11407.        padding-right: 1rem
  11408.    }
  11409.  
  11410.  
  11411.  
  11412.    .px-5 {
  11413.  
  11414.        padding-left: 1.25rem;
  11415.  
  11416.        padding-right: 1.25rem
  11417.    }
  11418.  
  11419.  
  11420.  
  11421.    .px-6 {
  11422.  
  11423.        padding-left: 1.5rem;
  11424.  
  11425.        padding-right: 1.5rem
  11426.    }
  11427.  
  11428.  
  11429.  
  11430.    .px-\[0\.75rem\] {
  11431.  
  11432.        padding-left: .75rem;
  11433.  
  11434.        padding-right: .75rem
  11435.    }
  11436.  
  11437.  
  11438.  
  11439.    .px-\[18px\] {
  11440.  
  11441.        padding-left: 18px;
  11442.  
  11443.        padding-right: 18px
  11444.    }
  11445.  
  11446.  
  11447.  
  11448.    .py-0 {
  11449.  
  11450.        padding-top: 0;
  11451.  
  11452.        padding-bottom: 0
  11453.    }
  11454.  
  11455.  
  11456.  
  11457.    .py-1 {
  11458.  
  11459.        padding-top: .25rem;
  11460.  
  11461.        padding-bottom: .25rem
  11462.    }
  11463.  
  11464.  
  11465.  
  11466.    .py-1\.5 {
  11467.  
  11468.        padding-top: .375rem;
  11469.  
  11470.        padding-bottom: .375rem
  11471.    }
  11472.  
  11473.  
  11474.  
  11475.    .py-10 {
  11476.  
  11477.        padding-top: 2.5rem;
  11478.  
  11479.        padding-bottom: 2.5rem
  11480.    }
  11481.  
  11482.  
  11483.  
  11484.    .py-2 {
  11485.  
  11486.        padding-top: .5rem;
  11487.  
  11488.        padding-bottom: .5rem
  11489.    }
  11490.  
  11491.  
  11492.  
  11493.    .py-2\.5 {
  11494.  
  11495.        padding-top: .625rem;
  11496.  
  11497.        padding-bottom: .625rem
  11498.    }
  11499.  
  11500.  
  11501.  
  11502.    .py-24 {
  11503.  
  11504.        padding-top: 6rem;
  11505.  
  11506.        padding-bottom: 6rem
  11507.    }
  11508.  
  11509.  
  11510.  
  11511.    .py-3 {
  11512.  
  11513.        padding-top: .75rem;
  11514.  
  11515.        padding-bottom: .75rem
  11516.    }
  11517.  
  11518.  
  11519.  
  11520.    .py-4 {
  11521.  
  11522.        padding-top: 1rem;
  11523.  
  11524.        padding-bottom: 1rem
  11525.    }
  11526.  
  11527.  
  11528.  
  11529.    .py-5 {
  11530.  
  11531.        padding-top: 1.25rem;
  11532.  
  11533.        padding-bottom: 1.25rem
  11534.    }
  11535.  
  11536.  
  11537.  
  11538.    .py-6 {
  11539.  
  11540.        padding-top: 1.5rem;
  11541.  
  11542.        padding-bottom: 1.5rem
  11543.    }
  11544.  
  11545.  
  11546.  
  11547.    .py-8 {
  11548.  
  11549.        padding-top: 2rem;
  11550.  
  11551.        padding-bottom: 2rem
  11552.    }
  11553.  
  11554.  
  11555.  
  11556.    .py-\[0\.5rem\] {
  11557.  
  11558.        padding-top: .5rem;
  11559.  
  11560.        padding-bottom: .5rem
  11561.    }
  11562.  
  11563.  
  11564.  
  11565.    .py-\[5\.5rem\] {
  11566.  
  11567.        padding-top: 5.5rem;
  11568.  
  11569.        padding-bottom: 5.5rem
  11570.    }
  11571.  
  11572.  
  11573.  
  11574.    .pb-0 {
  11575.  
  11576.        padding-bottom: 0
  11577.    }
  11578.  
  11579.  
  11580.  
  11581.    .pb-1 {
  11582.  
  11583.        padding-bottom: .25rem
  11584.    }
  11585.  
  11586.  
  11587.  
  11588.    .pb-14 {
  11589.  
  11590.        padding-bottom: 3.5rem
  11591.    }
  11592.  
  11593.  
  11594.  
  11595.    .pb-16 {
  11596.  
  11597.        padding-bottom: 4rem
  11598.    }
  11599.  
  11600.  
  11601.  
  11602.    .pb-2 {
  11603.  
  11604.        padding-bottom: .5rem
  11605.    }
  11606.  
  11607.  
  11608.  
  11609.    .pb-2\.5 {
  11610.  
  11611.        padding-bottom: .625rem
  11612.    }
  11613.  
  11614.  
  11615.  
  11616.    .pb-20 {
  11617.  
  11618.        padding-bottom: 5rem
  11619.    }
  11620.  
  11621.  
  11622.  
  11623.    .pb-24 {
  11624.  
  11625.        padding-bottom: 6rem
  11626.    }
  11627.  
  11628.  
  11629.  
  11630.    .pb-3 {
  11631.  
  11632.        padding-bottom: .75rem
  11633.    }
  11634.  
  11635.  
  11636.  
  11637.    .pb-32 {
  11638.  
  11639.        padding-bottom: 8rem
  11640.    }
  11641.  
  11642.  
  11643.  
  11644.    .pb-4 {
  11645.  
  11646.        padding-bottom: 1rem
  11647.    }
  11648.  
  11649.  
  11650.  
  11651.    .pb-5 {
  11652.  
  11653.        padding-bottom: 1.25rem
  11654.    }
  11655.  
  11656.  
  11657.  
  11658.    .pb-8,
  11659.    .pb-\[2rem\] {
  11660.  
  11661.        padding-bottom: 2rem
  11662.    }
  11663.  
  11664.  
  11665.  
  11666.    .pb-\[3px\] {
  11667.  
  11668.        padding-bottom: 3px
  11669.    }
  11670.  
  11671.  
  11672.  
  11673.    .pl-10 {
  11674.  
  11675.        padding-left: 2.5rem
  11676.    }
  11677.  
  11678.  
  11679.  
  11680.    .pl-2 {
  11681.  
  11682.        padding-left: .5rem
  11683.    }
  11684.  
  11685.  
  11686.  
  11687.    .pl-3 {
  11688.  
  11689.        padding-left: .75rem
  11690.    }
  11691.  
  11692.  
  11693.  
  11694.    .pl-4 {
  11695.  
  11696.        padding-left: 1rem
  11697.    }
  11698.  
  11699.  
  11700.  
  11701.    .pl-5 {
  11702.  
  11703.        padding-left: 1.25rem
  11704.    }
  11705.  
  11706.  
  11707.  
  11708.    .pl-\[3\.2rem\] {
  11709.  
  11710.        padding-left: 3.2rem
  11711.    }
  11712.  
  11713.  
  11714.  
  11715.    .pr-0 {
  11716.  
  11717.        padding-right: 0
  11718.    }
  11719.  
  11720.  
  11721.  
  11722.    .pr-10 {
  11723.  
  11724.        padding-right: 2.5rem
  11725.    }
  11726.  
  11727.  
  11728.  
  11729.    .pr-2 {
  11730.  
  11731.        padding-right: .5rem
  11732.    }
  11733.  
  11734.  
  11735.  
  11736.    .pr-20 {
  11737.  
  11738.        padding-right: 5rem
  11739.    }
  11740.  
  11741.  
  11742.  
  11743.    .pr-3 {
  11744.  
  11745.        padding-right: .75rem
  11746.    }
  11747.  
  11748.  
  11749.  
  11750.    .pr-4 {
  11751.  
  11752.        padding-right: 1rem
  11753.    }
  11754.  
  11755.  
  11756.  
  11757.    .pr-5 {
  11758.  
  11759.        padding-right: 1.25rem
  11760.    }
  11761.  
  11762.  
  11763.  
  11764.    .pr-\[3\.2rem\] {
  11765.  
  11766.        padding-right: 3.2rem
  11767.    }
  11768.  
  11769.  
  11770.  
  11771.    .pt-0 {
  11772.  
  11773.        padding-top: 0
  11774.    }
  11775.  
  11776.  
  11777.  
  11778.    .pt-1 {
  11779.  
  11780.        padding-top: .25rem
  11781.    }
  11782.  
  11783.  
  11784.  
  11785.    .pt-10 {
  11786.  
  11787.        padding-top: 2.5rem
  11788.    }
  11789.  
  11790.  
  11791.  
  11792.    .pt-12 {
  11793.  
  11794.        padding-top: 3rem
  11795.    }
  11796.  
  11797.  
  11798.  
  11799.    .pt-14 {
  11800.  
  11801.        padding-top: 3.5rem
  11802.    }
  11803.  
  11804.  
  11805.  
  11806.    .pt-16 {
  11807.  
  11808.        padding-top: 4rem
  11809.    }
  11810.  
  11811.  
  11812.  
  11813.    .pt-2 {
  11814.  
  11815.        padding-top: .5rem
  11816.    }
  11817.  
  11818.  
  11819.  
  11820.    .pt-3 {
  11821.  
  11822.        padding-top: .75rem
  11823.    }
  11824.  
  11825.  
  11826.  
  11827.    .pt-4 {
  11828.  
  11829.        padding-top: 1rem
  11830.    }
  11831.  
  11832.  
  11833.  
  11834.    .pt-5 {
  11835.  
  11836.        padding-top: 1.25rem
  11837.    }
  11838.  
  11839.  
  11840.  
  11841.    .pt-6 {
  11842.  
  11843.        padding-top: 1.5rem
  11844.    }
  11845.  
  11846.  
  11847.  
  11848.    .pt-8 {
  11849.  
  11850.        padding-top: 2rem
  11851.    }
  11852.  
  11853.  
  11854.  
  11855.    .text-left {
  11856.  
  11857.        text-align: left
  11858.    }
  11859.  
  11860.  
  11861.  
  11862.    .text-center {
  11863.  
  11864.        text-align: center
  11865.    }
  11866.  
  11867.  
  11868.  
  11869.    .text-right {
  11870.  
  11871.        text-align: right
  11872.    }
  11873.  
  11874.  
  11875.  
  11876.    .text-justify {
  11877.  
  11878.        text-align: justify
  11879.    }
  11880.  
  11881.  
  11882.  
  11883.    .text-start {
  11884.  
  11885.        text-align: start
  11886.    }
  11887.  
  11888.  
  11889.  
  11890.    .text-2xl {
  11891.  
  11892.        font-size: 1.5rem;
  11893.  
  11894.        line-height: 2rem
  11895.    }
  11896.  
  11897.  
  11898.  
  11899.    .text-4xl {
  11900.  
  11901.        font-size: 2.25rem;
  11902.  
  11903.        line-height: 2.5rem
  11904.    }
  11905.  
  11906.  
  11907.  
  11908.    .text-\[0\.92rem\] {
  11909.  
  11910.        font-size: .92rem
  11911.    }
  11912.  
  11913.  
  11914.  
  11915.    .text-\[10px\] {
  11916.  
  11917.        font-size: 10px
  11918.    }
  11919.  
  11920.  
  11921.  
  11922.    .text-\[12px\] {
  11923.  
  11924.        font-size: 12px
  11925.    }
  11926.  
  11927.  
  11928.  
  11929.    .text-\[13px\] {
  11930.  
  11931.        font-size: 13px
  11932.    }
  11933.  
  11934.  
  11935.  
  11936.    .text-\[14px\] {
  11937.  
  11938.        font-size: 14px
  11939.    }
  11940.  
  11941.  
  11942.  
  11943.    .text-\[15px\] {
  11944.  
  11945.        font-size: 15px
  11946.    }
  11947.  
  11948.  
  11949.  
  11950.    .text-\[18px\] {
  11951.  
  11952.        font-size: 18px
  11953.    }
  11954.  
  11955.  
  11956.  
  11957.    .text-\[20px\] {
  11958.  
  11959.        font-size: 20px
  11960.    }
  11961.  
  11962.  
  11963.  
  11964.    .text-\[24px\] {
  11965.  
  11966.        font-size: 24px
  11967.    }
  11968.  
  11969.  
  11970.  
  11971.    .text-\[40px\] {
  11972.  
  11973.        font-size: 40px
  11974.    }
  11975.  
  11976.  
  11977.  
  11978.    .text-base {
  11979.  
  11980.        font-size: 1rem;
  11981.  
  11982.        line-height: 1.5rem
  11983.    }
  11984.  
  11985.  
  11986.  
  11987.    .text-lg {
  11988.  
  11989.        font-size: 1.125rem;
  11990.  
  11991.        line-height: 1.75rem
  11992.    }
  11993.  
  11994.  
  11995.  
  11996.    .text-sm {
  11997.  
  11998.        font-size: .875rem;
  11999.  
  12000.        line-height: 1.25rem
  12001.    }
  12002.  
  12003.  
  12004.  
  12005.    .text-xl {
  12006.  
  12007.        font-size: 1.25rem;
  12008.  
  12009.        line-height: 1.75rem
  12010.    }
  12011.  
  12012.  
  12013.  
  12014.    .text-xs {
  12015.  
  12016.        font-size: .75rem;
  12017.  
  12018.        line-height: 1rem
  12019.    }
  12020.  
  12021.  
  12022.  
  12023.    .font-bold {
  12024.  
  12025.        font-weight: 700
  12026.    }
  12027.  
  12028.  
  12029.  
  12030.    .font-extrabold {
  12031.  
  12032.        font-weight: 800
  12033.    }
  12034.  
  12035.  
  12036.  
  12037.    .font-light {
  12038.  
  12039.        font-weight: 300
  12040.    }
  12041.  
  12042.  
  12043.  
  12044.    .font-medium {
  12045.  
  12046.        font-weight: 500
  12047.    }
  12048.  
  12049.  
  12050.  
  12051.    .font-normal {
  12052.  
  12053.        font-weight: 400
  12054.    }
  12055.  
  12056.  
  12057.  
  12058.    .font-semibold {
  12059.  
  12060.        font-weight: 600
  12061.    }
  12062.  
  12063.  
  12064.  
  12065.    .uppercase {
  12066.  
  12067.        text-transform: uppercase
  12068.    }
  12069.  
  12070.  
  12071.  
  12072.    .capitalize {
  12073.  
  12074.        text-transform: capitalize
  12075.    }
  12076.  
  12077.  
  12078.  
  12079.    .italic {
  12080.  
  12081.        font-style: italic
  12082.    }
  12083.  
  12084.  
  12085.  
  12086.    .leading-4 {
  12087.  
  12088.        line-height: 1rem
  12089.    }
  12090.  
  12091.  
  12092.  
  12093.    .leading-5 {
  12094.  
  12095.        line-height: 1.25rem
  12096.    }
  12097.  
  12098.  
  12099.  
  12100.    .leading-6 {
  12101.  
  12102.        line-height: 1.5rem
  12103.    }
  12104.  
  12105.  
  12106.  
  12107.    .leading-7 {
  12108.  
  12109.        line-height: 1.75rem
  12110.    }
  12111.  
  12112.  
  12113.  
  12114.    .leading-\[150\%\] {
  12115.  
  12116.        line-height: 150%
  12117.    }
  12118.  
  12119.  
  12120.  
  12121.    .leading-\[20px\] {
  12122.  
  12123.        line-height: 20px
  12124.    }
  12125.  
  12126.  
  12127.  
  12128.    .leading-\[26px\] {
  12129.  
  12130.        line-height: 26px
  12131.    }
  12132.  
  12133.  
  12134.  
  12135.    .leading-\[30\.8px\] {
  12136.  
  12137.        line-height: 30.8px
  12138.    }
  12139.  
  12140.  
  12141.  
  12142.    .leading-\[66\.8px\] {
  12143.  
  12144.        line-height: 66.8px
  12145.    }
  12146.  
  12147.  
  12148.  
  12149.    .leading-normal {
  12150.  
  12151.        line-height: 1.5
  12152.    }
  12153.  
  12154.  
  12155.  
  12156.    .tracking-\[0\.1em\] {
  12157.  
  12158.        letter-spacing: .1em
  12159.    }
  12160.  
  12161.  
  12162.  
  12163.    .tracking-\[0\.2em\] {
  12164.  
  12165.        letter-spacing: .2em
  12166.    }
  12167.  
  12168.  
  12169.  
  12170.    .tracking-\[0\.3px\] {
  12171.  
  12172.        letter-spacing: .3px
  12173.    }
  12174.  
  12175.  
  12176.  
  12177.    .tracking-tight {
  12178.  
  12179.        letter-spacing: -.025em
  12180.    }
  12181.  
  12182.  
  12183.  
  12184.  
  12185.  
  12186.    .text-black {
  12187.  
  12188.        --tw-text-opacity: 1;
  12189.  
  12190.        color: rgb(0 0 0/var(--tw-text-opacity))
  12191.    }
  12192.  
  12193.  
  12194.  
  12195.    .text-blue-700 {
  12196.  
  12197.        --tw-text-opacity: 1;
  12198.  
  12199.        color: rgb(29 78 216/var(--tw-text-opacity))
  12200.    }
  12201.  
  12202.  
  12203.  
  12204.    .text-btnPurple {
  12205.  
  12206.        --tw-text-opacity: 1;
  12207.  
  12208.        color: rgb(112 127 235/var(--tw-text-opacity))
  12209.    }
  12210.  
  12211.  
  12212.  
  12213.    .text-gray-200 {
  12214.  
  12215.        --tw-text-opacity: 1;
  12216.  
  12217.        color: rgb(229 231 235/var(--tw-text-opacity))
  12218.    }
  12219.  
  12220.  
  12221.  
  12222.    .text-gray-300 {
  12223.  
  12224.        --tw-text-opacity: 1;
  12225.  
  12226.        color: rgb(209 213 219/var(--tw-text-opacity))
  12227.    }
  12228.  
  12229.  
  12230.  
  12231.    .text-gray-400 {
  12232.  
  12233.        --tw-text-opacity: 1;
  12234.  
  12235.        color: rgb(156 163 175/var(--tw-text-opacity))
  12236.    }
  12237.  
  12238.  
  12239.  
  12240.    .text-gray-500 {
  12241.  
  12242.        --tw-text-opacity: 1;
  12243.  
  12244.        color: rgb(107 114 128/var(--tw-text-opacity))
  12245.    }
  12246.  
  12247.  
  12248.  
  12249.    .text-gray-600 {
  12250.  
  12251.        --tw-text-opacity: 1;
  12252.  
  12253.        color: rgb(75 85 99/var(--tw-text-opacity))
  12254.    }
  12255.  
  12256.  
  12257.  
  12258.    .text-gray-900 {
  12259.  
  12260.        --tw-text-opacity: 1;
  12261.  
  12262.        color: rgb(17 24 39/var(--tw-text-opacity))
  12263.    }
  12264.  
  12265.  
  12266.  
  12267.    .text-green-500 {
  12268.  
  12269.        --tw-text-opacity: 1;
  12270.  
  12271.        color: rgb(34 197 94/var(--tw-text-opacity))
  12272.    }
  12273.  
  12274.  
  12275.  
  12276.    .text-green-600 {
  12277.  
  12278.        --tw-text-opacity: 1;
  12279.  
  12280.        color: rgb(22 163 74/var(--tw-text-opacity))
  12281.    }
  12282.  
  12283.  
  12284.  
  12285.    .text-indigo-600 {
  12286.  
  12287.        --tw-text-opacity: 1;
  12288.  
  12289.        color: rgb(79 70 229/var(--tw-text-opacity))
  12290.    }
  12291.  
  12292.  
  12293.  
  12294.    .text-info {
  12295.  
  12296.        --tw-text-opacity: 1;
  12297.  
  12298.        color: rgb(34 211 238/var(--tw-text-opacity))
  12299.    }
  12300.  
  12301.  
  12302.  
  12303.    .text-orange-700 {
  12304.  
  12305.        --tw-text-opacity: 1;
  12306.  
  12307.        color: rgb(194 65 12/var(--tw-text-opacity))
  12308.    }
  12309.  
  12310.  
  12311.  
  12312.    .text-red-400 {
  12313.  
  12314.        --tw-text-opacity: 1;
  12315.  
  12316.        color: rgb(248 113 113/var(--tw-text-opacity))
  12317.    }
  12318.  
  12319.  
  12320.  
  12321.    .text-red-600 {
  12322.  
  12323.        --tw-text-opacity: 1;
  12324.  
  12325.        color: rgb(220 38 38/var(--tw-text-opacity))
  12326.    }
  12327.  
  12328.  
  12329.  
  12330.    .text-red-700 {
  12331.  
  12332.        --tw-text-opacity: 1;
  12333.  
  12334.        color: rgb(185 28 28/var(--tw-text-opacity))
  12335.    }
  12336.  
  12337.  
  12338.  
  12339.    .text-slate-900 {
  12340.  
  12341.        --tw-text-opacity: 1;
  12342.  
  12343.        color: rgb(15 23 42/var(--tw-text-opacity))
  12344.    }
  12345.  
  12346.  
  12347.  
  12348.    .text-white {
  12349.  
  12350.        --tw-text-opacity: 1;
  12351.  
  12352.        color: rgb(255 255 255/var(--tw-text-opacity))
  12353.    }
  12354.  
  12355.  
  12356.  
  12357.    .text-white\/70 {
  12358.  
  12359.        color: hsla(0, 0%, 100%, .7)
  12360.    }
  12361.  
  12362.  
  12363.  
  12364.    .text-white\/75 {
  12365.  
  12366.        color: hsla(0, 0%, 100%, .75)
  12367.    }
  12368.  
  12369.  
  12370.  
  12371.    .underline {
  12372.  
  12373.        text-decoration-line: underline
  12374.    }
  12375.  
  12376.  
  12377.  
  12378.    .no-underline {
  12379.  
  12380.        text-decoration-line: none
  12381.    }
  12382.  
  12383.  
  12384.  
  12385.    .opacity-0 {
  12386.  
  12387.        opacity: 0
  12388.    }
  12389.  
  12390.  
  12391.  
  12392.    .opacity-100 {
  12393.  
  12394.        opacity: 1
  12395.    }
  12396.  
  12397.  
  12398.  
  12399.    .opacity-25 {
  12400.  
  12401.        opacity: .25
  12402.    }
  12403.  
  12404.  
  12405.  
  12406.    .opacity-75 {
  12407.  
  12408.        opacity: .75
  12409.    }
  12410.  
  12411.  
  12412.  
  12413.    .mix-blend-multiply {
  12414.  
  12415.        mix-blend-mode: multiply
  12416.    }
  12417.  
  12418.  
  12419.  
  12420.    .shadow-2xl {
  12421.  
  12422.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  12423.  
  12424.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
  12425.    }
  12426.  
  12427.  
  12428.  
  12429.    .shadow-2xl,
  12430.    .shadow-lg {
  12431.  
  12432.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  12433.    }
  12434.  
  12435.  
  12436.  
  12437.    .shadow-lg {
  12438.  
  12439.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  12440.  
  12441.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  12442.    }
  12443.  
  12444.  
  12445.  
  12446.    .shadow-sm {
  12447.  
  12448.        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  12449.  
  12450.        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  12451.    }
  12452.  
  12453.  
  12454.  
  12455.    .shadow-sm,
  12456.    .shadow-xl {
  12457.  
  12458.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  12459.    }
  12460.  
  12461.  
  12462.  
  12463.    .shadow-xl {
  12464.  
  12465.        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  12466.  
  12467.        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
  12468.    }
  12469.  
  12470.  
  12471.  
  12472.    .shadow-white\/20 {
  12473.  
  12474.        --tw-shadow-color: hsla(0, 0%, 100%, .2);
  12475.  
  12476.        --tw-shadow: var(--tw-shadow-colored)
  12477.    }
  12478.  
  12479.  
  12480.  
  12481.    .ring-1 {
  12482.  
  12483.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  12484.  
  12485.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  12486.  
  12487.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  12488.    }
  12489.  
  12490.  
  12491.  
  12492.    .ring-black {
  12493.  
  12494.        --tw-ring-opacity: 1;
  12495.  
  12496.        --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
  12497.    }
  12498.  
  12499.  
  12500.  
  12501.    .ring-gray-500 {
  12502.  
  12503.        --tw-ring-opacity: 1;
  12504.  
  12505.        --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
  12506.    }
  12507.  
  12508.  
  12509.  
  12510.    .ring-slate-200 {
  12511.  
  12512.        --tw-ring-opacity: 1;
  12513.  
  12514.        --tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity))
  12515.    }
  12516.  
  12517.  
  12518.  
  12519.    .ring-white {
  12520.  
  12521.        --tw-ring-opacity: 1;
  12522.  
  12523.        --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  12524.    }
  12525.  
  12526.  
  12527.  
  12528.    .ring-opacity-5 {
  12529.  
  12530.        --tw-ring-opacity: 0.05
  12531.    }
  12532.  
  12533.  
  12534.  
  12535.    .blur {
  12536.  
  12537.        --tw-blur: blur(8px)
  12538.    }
  12539.  
  12540.  
  12541.  
  12542.    .blur,
  12543.    .grayscale {
  12544.  
  12545.        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)
  12546.    }
  12547.  
  12548.  
  12549.  
  12550.    .grayscale {
  12551.  
  12552.        --tw-grayscale: grayscale(100%)
  12553.    }
  12554.  
  12555.  
  12556.  
  12557.    .invert {
  12558.  
  12559.        --tw-invert: invert(100%)
  12560.    }
  12561.  
  12562.  
  12563.  
  12564.    .filter,
  12565.    .invert {
  12566.  
  12567.        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)
  12568.    }
  12569.  
  12570.  
  12571.  
  12572.    .backdrop-blur-sm {
  12573.  
  12574.        --tw-backdrop-blur: blur(4px)
  12575.    }
  12576.  
  12577.  
  12578.  
  12579.    .backdrop-blur-sm,
  12580.    .backdrop-blur-xl {
  12581.  
  12582.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  12583.  
  12584.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  12585.    }
  12586.  
  12587.  
  12588.  
  12589.    .backdrop-blur-xl {
  12590.  
  12591.        --tw-backdrop-blur: blur(24px)
  12592.    }
  12593.  
  12594.  
  12595.  
  12596.    .backdrop-filter {
  12597.  
  12598.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  12599.  
  12600.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  12601.    }
  12602.  
  12603.  
  12604.  
  12605.    .transition {
  12606.  
  12607.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  12608.  
  12609.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  12610.  
  12611.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  12612.  
  12613.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  12614.  
  12615.        transition-duration: .15s
  12616.    }
  12617.  
  12618.  
  12619.  
  12620.    .transition-all {
  12621.  
  12622.        transition-property: all;
  12623.  
  12624.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  12625.  
  12626.        transition-duration: .15s
  12627.    }
  12628.  
  12629.  
  12630.  
  12631.    .transition-colors {
  12632.  
  12633.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  12634.  
  12635.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  12636.  
  12637.        transition-duration: .15s
  12638.    }
  12639.  
  12640.  
  12641.  
  12642.    .transition-opacity {
  12643.  
  12644.        transition-property: opacity;
  12645.  
  12646.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  12647.  
  12648.        transition-duration: .15s
  12649.    }
  12650.  
  12651.  
  12652.  
  12653.    .duration-100 {
  12654.  
  12655.        transition-duration: .1s
  12656.    }
  12657.  
  12658.  
  12659.  
  12660.    .duration-1000 {
  12661.  
  12662.        transition-duration: 1s
  12663.    }
  12664.  
  12665.  
  12666.  
  12667.    .duration-150 {
  12668.  
  12669.        transition-duration: .15s
  12670.    }
  12671.  
  12672.  
  12673.  
  12674.    .duration-200 {
  12675.  
  12676.        transition-duration: .2s
  12677.    }
  12678.  
  12679.  
  12680.  
  12681.    .duration-300 {
  12682.  
  12683.        transition-duration: .3s
  12684.    }
  12685.  
  12686.  
  12687.  
  12688.    .duration-500 {
  12689.  
  12690.        transition-duration: .5s
  12691.    }
  12692.  
  12693.  
  12694.  
  12695.    .duration-75 {
  12696.  
  12697.        transition-duration: 75ms
  12698.    }
  12699.  
  12700.  
  12701.  
  12702.    .duration-\[600ms\] {
  12703.  
  12704.        transition-duration: .6s
  12705.    }
  12706.  
  12707.  
  12708.  
  12709.    .ease-in {
  12710.  
  12711.        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
  12712.    }
  12713.  
  12714.  
  12715.  
  12716.    .ease-in-out {
  12717.  
  12718.        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  12719.    }
  12720.  
  12721.  
  12722.  
  12723.    .ease-out {
  12724.  
  12725.        transition-timing-function: cubic-bezier(0, 0, .2, 1)
  12726.    }
  12727.  
  12728.  
  12729.  
  12730.    .line-clamp-1 {
  12731.  
  12732.        -webkit-line-clamp: 1
  12733.    }
  12734.  
  12735.  
  12736.  
  12737.    .line-clamp-1,
  12738.    .line-clamp-2 {
  12739.  
  12740.        overflow: hidden;
  12741.  
  12742.        display: -webkit-box;
  12743.  
  12744.        -webkit-box-orient: vertical
  12745.    }
  12746.  
  12747.  
  12748.  
  12749.    .line-clamp-2 {
  12750.  
  12751.        -webkit-line-clamp: 2
  12752.    }
  12753.  
  12754.  
  12755.  
  12756.    .scrollbar-hide {
  12757.  
  12758.        -ms-overflow-style: none;
  12759.  
  12760.        scrollbar-width: none
  12761.    }
  12762.  
  12763.  
  12764.  
  12765.    .scrollbar-hide::-webkit-scrollbar {
  12766.  
  12767.        display: none
  12768.    }
  12769.  
  12770.  
  12771.  
  12772.    input[type=number]::-webkit-inner-spin-button,
  12773.    input[type=number]::-webkit-outer-spin-button {
  12774.  
  12775.        -webkit-appearance: none;
  12776.  
  12777.        appearance: none
  12778.    }
  12779.  
  12780.  
  12781.  
  12782.    .bg-gradient-black {
  12783.  
  12784.        background: linear-gradient(163.42deg, #374353c3 -107%, #ffffff00 105.46%);
  12785.  
  12786.        border: 1px solid #626274;
  12787.  
  12788.        border-radius: 16px
  12789.    }
  12790.  
  12791.  
  12792.  
  12793.  
  12794.  
  12795.  
  12796.  
  12797.    html {
  12798.  
  12799.        -moz-tab-size: 4;
  12800.  
  12801.        -o-tab-size: 4;
  12802.  
  12803.        tab-size: 4
  12804.    }
  12805.  
  12806.  
  12807.  
  12808.    body {
  12809.  
  12810.        margin: 0;
  12811.  
  12812.        line-height: inherit
  12813.    }
  12814.  
  12815.  
  12816.  
  12817.    .membership-banner {
  12818.  
  12819.        content: "";
  12820.  
  12821.        position: relative;
  12822.  
  12823.        background: url(/images/logo-transparent.png) 100% 60% no-repeat;
  12824.  
  12825.        background-size: 60%, 70%;
  12826.  
  12827.        overflow: hidden
  12828.    }
  12829.  
  12830.  
  12831.  
  12832.    .text-gradient-orange {
  12833.  
  12834.        background: linear-gradient(270deg, #e7273d -1.95%, #df5f3b 97.95%);
  12835.  
  12836.        -webkit-background-clip: text;
  12837.  
  12838.        -webkit-text-fill-color: transparent;
  12839.  
  12840.        background-clip: text
  12841.    }
  12842.  
  12843.  
  12844.  
  12845.    .featured-game-card:hover {
  12846.  
  12847.        transition: all 1s
  12848.    }
  12849.  
  12850.  
  12851.  
  12852.    .featured-game-card:hover img {
  12853.  
  12854.        filter: blur(3.5px);
  12855.  
  12856.    }
  12857.  
  12858.  
  12859.  
  12860.    .featured-game-card .blur-sharp {
  12861.  
  12862.        overflow: hidden;
  12863.  
  12864.        border-radius: 1rem
  12865.    }
  12866.  
  12867.  
  12868.  
  12869.    .cover {
  12870.  
  12871.        transition: all 1s;
  12872.  
  12873.        opacity: 0;
  12874.  
  12875.        left: 0;
  12876.  
  12877.        right: 0;
  12878.  
  12879.        border-radius: 1rem
  12880.    }
  12881.  
  12882.  
  12883.  
  12884.    .featured-game-card:hover .cover {
  12885.  
  12886.        transition: all 1s;
  12887.  
  12888.        opacity: 1;
  12889.  
  12890.        border-radius: 1rem
  12891.    }
  12892.  
  12893.  
  12894.  
  12895.    .icon-button {
  12896.  
  12897.        position: relative;
  12898.  
  12899.        display: inline-flex;
  12900.  
  12901.        border: 0;
  12902.  
  12903.        padding: 0;
  12904.  
  12905.        margin: 0;
  12906.  
  12907.        outline: none;
  12908.  
  12909.        background: #fff;
  12910.  
  12911.        border-radius: 50%;
  12912.  
  12913.        cursor: pointer;
  12914.  
  12915.        overflow: hidden;
  12916.  
  12917.        text-decoration: none;
  12918.  
  12919.        box-sizing: border-box;
  12920.  
  12921.        flex-shrink: 0
  12922.    }
  12923.  
  12924.  
  12925.  
  12926.    .flex-center,
  12927.    .icon-button {
  12928.  
  12929.        align-items: center;
  12930.  
  12931.        justify-content: center
  12932.    }
  12933.  
  12934.  
  12935.  
  12936.    .flex-center {
  12937.  
  12938.        display: flex
  12939.    }
  12940.  
  12941.  
  12942.  
  12943.    .grecaptcha-badge {
  12944.  
  12945.        visibility: hidden
  12946.    }
  12947.  
  12948.  
  12949.  
  12950.    ::-webkit-scrollbar {
  12951.  
  12952.        width: 8px;
  12953.  
  12954.        height: 2px;
  12955.  
  12956.        background-color: transparent
  12957.    }
  12958.  
  12959.  
  12960.  
  12961.    ::-webkit-scrollbar-track {
  12962.  
  12963.        display: none
  12964.    }
  12965.  
  12966.  
  12967.  
  12968.    ::-webkit-scrollbar-thumb {
  12969.  
  12970.        background-color: #c4c4c4;
  12971.  
  12972.        border-radius: .75rem
  12973.    }
  12974.  
  12975.  
  12976.  
  12977.    @keyframes  fadeInTop {
  12978.  
  12979.        0% {
  12980.  
  12981.            opacity: 0;
  12982.  
  12983.            transform: translateY(-50px)
  12984.        }
  12985.  
  12986.  
  12987.  
  12988.        to {
  12989.  
  12990.            opacity: 1;
  12991.  
  12992.            transform: translateY(0)
  12993.        }
  12994.  
  12995.    }
  12996.  
  12997.  
  12998.  
  12999.    .shadow-navbar {
  13000.  
  13001.        box-shadow: 0 100px 80px hsla(0, 0%, 89%, .07), 0 41.7776px 33.4221px hsla(0, 0%, 89%, .05), 0 22.3363px 17.869px hsla(0, 0%, 89%, .04), 0 12.5216px 10.0172px hsla(0, 0%, 89%, .04), 0 6.6501px 5.32008px hsla(0, 0%, 89%, .03), 0 2.76726px 2.21381px hsla(0, 0%, 89%, .02)
  13002.    }
  13003.  
  13004.  
  13005.  
  13006.    .fade-in-top {
  13007.  
  13008.        animation: fadeInTop .4s ease-in-out both
  13009.    }
  13010.  
  13011.  
  13012.  
  13013.  
  13014.  
  13015.  
  13016.  
  13017.    .shadow-social-media {
  13018.  
  13019.        box-shadow: 0 0 20px hsla(0, 0%, 45%, .22)
  13020.    }
  13021.  
  13022.  
  13023.  
  13024.    select {
  13025.  
  13026.        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  13027.  
  13028.        background-position: right .5rem center;
  13029.  
  13030.        background-repeat: no-repeat;
  13031.  
  13032.        background-size: 1.5em 1.5em;
  13033.  
  13034.        padding-right: 2.5rem;
  13035.  
  13036.        -webkit-print-color-adjust: exact;
  13037.  
  13038.        print-color-adjust: exact
  13039.    }
  13040.  
  13041.  
  13042.  
  13043.    .placeholder\:text-slate-400::-moz-placeholder {
  13044.  
  13045.        --tw-text-opacity: 1;
  13046.  
  13047.        color: rgb(148 163 184/var(--tw-text-opacity))
  13048.    }
  13049.  
  13050.  
  13051.  
  13052.    .placeholder\:text-slate-400::placeholder {
  13053.  
  13054.        --tw-text-opacity: 1;
  13055.  
  13056.        color: rgb(148 163 184/var(--tw-text-opacity))
  13057.    }
  13058.  
  13059.  
  13060.  
  13061.    .focus-within\:z-10:focus-within {
  13062.  
  13063.        z-index: 10
  13064.    }
  13065.  
  13066.  
  13067.  
  13068.    .focus-within\:text-slate-900:focus-within {
  13069.  
  13070.        --tw-text-opacity: 1;
  13071.  
  13072.        color: rgb(15 23 42/var(--tw-text-opacity))
  13073.    }
  13074.  
  13075.  
  13076.  
  13077.    .focus-within\:text-white:focus-within {
  13078.  
  13079.        --tw-text-opacity: 1;
  13080.  
  13081.        color: rgb(255 255 255/var(--tw-text-opacity))
  13082.    }
  13083.  
  13084.  
  13085.  
  13086.    .hover\:scale-105:hover {
  13087.  
  13088.        --tw-scale-x: 1.05;
  13089.  
  13090.        --tw-scale-y: 1.05
  13091.    }
  13092.  
  13093.  
  13094.  
  13095.    .hover\:scale-105:hover,
  13096.    .hover\:scale-110:hover {
  13097.  
  13098.        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))
  13099.    }
  13100.  
  13101.  
  13102.  
  13103.    .hover\:scale-110:hover {
  13104.  
  13105.        --tw-scale-x: 1.1;
  13106.  
  13107.        --tw-scale-y: 1.1
  13108.    }
  13109.  
  13110.  
  13111.  
  13112.    .hover\:cursor-not-allowed:hover {
  13113.  
  13114.        cursor: not-allowed
  13115.    }
  13116.  
  13117.  
  13118.  
  13119.    .hover\:cursor-pointer:hover {
  13120.  
  13121.        cursor: pointer
  13122.    }
  13123.  
  13124.  
  13125.  
  13126.    .hover\:border-white:hover {
  13127.  
  13128.        --tw-border-opacity: 1;
  13129.  
  13130.        border-color: rgb(255 255 255/var(--tw-border-opacity))
  13131.    }
  13132.  
  13133.  
  13134.  
  13135.    .hover\:bg-btnPurple:hover {
  13136.  
  13137.        --tw-bg-opacity: 1;
  13138.  
  13139.        background-color: rgb(112 127 235/var(--tw-bg-opacity))
  13140.    }
  13141.  
  13142.  
  13143.  
  13144.    .hover\:bg-btnPurple\/30:hover {
  13145.  
  13146.        background-color: rgba(112, 127, 235, .3)
  13147.    }
  13148.  
  13149.  
  13150.  
  13151.    .hover\:bg-gray-50:hover {
  13152.  
  13153.        --tw-bg-opacity: 1;
  13154.  
  13155.        background-color: rgb(249 250 251/var(--tw-bg-opacity))
  13156.    }
  13157.  
  13158.  
  13159.  
  13160.    .hover\:bg-orange-500:hover {
  13161.  
  13162.        --tw-bg-opacity: 1;
  13163.  
  13164.        background-color: rgb(249 115 22/var(--tw-bg-opacity))
  13165.    }
  13166.  
  13167.  
  13168.  
  13169.    .hover\:bg-slate-50\/5:hover {
  13170.  
  13171.        background-color: rgba(248, 250, 252, .05)
  13172.    }
  13173.  
  13174.  
  13175.  
  13176.    .hover\:bg-opacity-30:hover {
  13177.  
  13178.        --tw-bg-opacity: 0.3
  13179.    }
  13180.  
  13181.  
  13182.  
  13183.    .hover\:text-white:hover {
  13184.  
  13185.        --tw-text-opacity: 1;
  13186.  
  13187.        color: rgb(255 255 255/var(--tw-text-opacity))
  13188.    }
  13189.  
  13190.  
  13191.  
  13192.    .hover\:underline:hover {
  13193.  
  13194.        text-decoration-line: underline
  13195.    }
  13196.  
  13197.  
  13198.  
  13199.    .hover\:opacity-80:hover {
  13200.  
  13201.        opacity: .8
  13202.    }
  13203.  
  13204.  
  13205.  
  13206.    .hover\:shadow-lg:hover {
  13207.  
  13208.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  13209.  
  13210.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  13211.    }
  13212.  
  13213.  
  13214.  
  13215.    .hover\:shadow-lg:hover,
  13216.    .hover\:shadow-sm:hover {
  13217.  
  13218.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  13219.    }
  13220.  
  13221.  
  13222.  
  13223.    .hover\:shadow-sm:hover {
  13224.  
  13225.        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  13226.  
  13227.        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  13228.    }
  13229.  
  13230.  
  13231.  
  13232.    .focus\:z-20:focus {
  13233.  
  13234.        z-index: 20
  13235.    }
  13236.  
  13237.  
  13238.  
  13239.    .focus\:border-none:focus {
  13240.  
  13241.        border-style: none
  13242.    }
  13243.  
  13244.  
  13245.  
  13246.    .focus\:border-\[\#2D2EAD\]:focus {
  13247.  
  13248.        --tw-border-opacity: 1;
  13249.  
  13250.        border-color: rgb(45 46 173/var(--tw-border-opacity))
  13251.    }
  13252.  
  13253.  
  13254.  
  13255.    .focus\:border-\[\#707feb\]:focus {
  13256.  
  13257.        --tw-border-opacity: 1;
  13258.  
  13259.        border-color: rgb(112 127 235/var(--tw-border-opacity))
  13260.    }
  13261.  
  13262.  
  13263.  
  13264.    .focus\:border-indigo-700:focus {
  13265.  
  13266.        --tw-border-opacity: 1;
  13267.  
  13268.        border-color: rgb(67 56 202/var(--tw-border-opacity))
  13269.    }
  13270.  
  13271.  
  13272.  
  13273.    .focus\:outline-none:focus {
  13274.  
  13275.        outline: 2px solid transparent;
  13276.  
  13277.        outline-offset: 2px
  13278.    }
  13279.  
  13280.  
  13281.  
  13282.    .focus\:ring:focus {
  13283.  
  13284.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13285.  
  13286.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  13287.    }
  13288.  
  13289.  
  13290.  
  13291.    .focus\:ring-2:focus,
  13292.    .focus\:ring:focus {
  13293.  
  13294.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  13295.    }
  13296.  
  13297.  
  13298.  
  13299.    .focus\:ring-2:focus {
  13300.  
  13301.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13302.  
  13303.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  13304.    }
  13305.  
  13306.  
  13307.  
  13308.    .focus\:ring-\[\#2D2EAD\]:focus {
  13309.  
  13310.        --tw-ring-opacity: 1;
  13311.  
  13312.        --tw-ring-color: rgb(45 46 173/var(--tw-ring-opacity))
  13313.    }
  13314.  
  13315.  
  13316.  
  13317.    .focus\:ring-indigo-500:focus {
  13318.  
  13319.        --tw-ring-opacity: 1;
  13320.  
  13321.        --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
  13322.    }
  13323.  
  13324.  
  13325.  
  13326.    .focus\:ring-white:focus {
  13327.  
  13328.        --tw-ring-opacity: 1;
  13329.  
  13330.        --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  13331.    }
  13332.  
  13333.  
  13334.  
  13335.    .focus\:ring-offset-2:focus {
  13336.  
  13337.        --tw-ring-offset-width: 2px
  13338.    }
  13339.  
  13340.  
  13341.  
  13342.    .focus\:duration-300:focus {
  13343.  
  13344.        transition-duration: .3s
  13345.    }
  13346.  
  13347.  
  13348.  
  13349.    .focus-visible\:ring-2:focus-visible {
  13350.  
  13351.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  13352.  
  13353.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  13354.  
  13355.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  13356.    }
  13357.  
  13358.  
  13359.  
  13360.    .focus-visible\:ring-white:focus-visible {
  13361.  
  13362.        --tw-ring-opacity: 1;
  13363.  
  13364.        --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
  13365.    }
  13366.  
  13367.  
  13368.  
  13369.    .focus-visible\:ring-opacity-75:focus-visible {
  13370.  
  13371.        --tw-ring-opacity: 0.75
  13372.    }
  13373.  
  13374.  
  13375.  
  13376.    .disabled\:cursor-not-allowed:disabled {
  13377.  
  13378.        cursor: not-allowed
  13379.    }
  13380.  
  13381.  
  13382.  
  13383.    .group:hover .group-hover\:text-btnPurple {
  13384.  
  13385.        --tw-text-opacity: 1;
  13386.  
  13387.        color: rgb(112 127 235/var(--tw-text-opacity))
  13388.    }
  13389.  
  13390.  
  13391.  
  13392.    .group:hover .group-hover\:text-btnPurple\/50 {
  13393.  
  13394.        color: rgba(112, 127, 235, .5)
  13395.    }
  13396.  
  13397.  
  13398.  
  13399.    .group:hover .group-hover\:text-gray-500 {
  13400.  
  13401.        --tw-text-opacity: 1;
  13402.  
  13403.        color: rgb(107 114 128/var(--tw-text-opacity))
  13404.    }
  13405.  
  13406.  
  13407.  
  13408.    .peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  13409.  
  13410.        --tw-translate-y: 0px;
  13411.  
  13412.        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))
  13413.    }
  13414.  
  13415.  
  13416.  
  13417.    .peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
  13418.  
  13419.        --tw-translate-y: 0px;
  13420.  
  13421.        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))
  13422.    }
  13423.  
  13424.  
  13425.  
  13426.    .peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100 {
  13427.  
  13428.        --tw-scale-x: 1;
  13429.  
  13430.        --tw-scale-y: 1;
  13431.  
  13432.        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))
  13433.    }
  13434.  
  13435.  
  13436.  
  13437.    .peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
  13438.  
  13439.        --tw-scale-x: 1;
  13440.  
  13441.        --tw-scale-y: 1;
  13442.  
  13443.        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))
  13444.    }
  13445.  
  13446.  
  13447.  
  13448.    .peer:focus~.peer-focus\:-translate-y-3 {
  13449.  
  13450.        --tw-translate-y: -0.75rem
  13451.    }
  13452.  
  13453.  
  13454.  
  13455.    .peer:focus~.peer-focus\:-translate-y-3,
  13456.    .peer:focus~.peer-focus\:scale-75 {
  13457.  
  13458.        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))
  13459.    }
  13460.  
  13461.  
  13462.  
  13463.    .peer:focus~.peer-focus\:scale-75 {
  13464.  
  13465.        --tw-scale-x: .75;
  13466.  
  13467.        --tw-scale-y: .75
  13468.    }
  13469.  
  13470.  
  13471.  
  13472.    @media (prefers-color-scheme: dark) {
  13473.  
  13474.        .dark\:border-gray-700 {
  13475.  
  13476.            --tw-border-opacity: 1;
  13477.  
  13478.            border-color: rgb(55 65 81/var(--tw-border-opacity))
  13479.        }
  13480.  
  13481.  
  13482.  
  13483.        .dark\:bg-blue-200 {
  13484.  
  13485.            --tw-bg-opacity: 1;
  13486.  
  13487.            background-color: rgb(191 219 254/var(--tw-bg-opacity))
  13488.        }
  13489.  
  13490.  
  13491.  
  13492.        .dark\:bg-orange-200 {
  13493.  
  13494.            --tw-bg-opacity: 1;
  13495.  
  13496.            background-color: rgb(254 215 170/var(--tw-bg-opacity))
  13497.        }
  13498.  
  13499.  
  13500.  
  13501.        .dark\:text-blue-800 {
  13502.  
  13503.            --tw-text-opacity: 1;
  13504.  
  13505.            color: rgb(30 64 175/var(--tw-text-opacity))
  13506.        }
  13507.  
  13508.  
  13509.  
  13510.        .dark\:text-gray-600 {
  13511.  
  13512.            --tw-text-opacity: 1;
  13513.  
  13514.            color: rgb(75 85 99/var(--tw-text-opacity))
  13515.        }
  13516.  
  13517.  
  13518.  
  13519.        .dark\:text-orange-800 {
  13520.  
  13521.            --tw-text-opacity: 1;
  13522.  
  13523.            color: rgb(154 52 18/var(--tw-text-opacity))
  13524.        }
  13525.  
  13526.    }
  13527.  
  13528.  
  13529.  
  13530.    @media (min-width: 640px) {
  13531.  
  13532.        .sm\:static {
  13533.  
  13534.            position: static
  13535.        }
  13536.  
  13537.  
  13538.  
  13539.        .sm\:inset-auto {
  13540.  
  13541.            top: auto;
  13542.  
  13543.            right: auto;
  13544.  
  13545.            bottom: auto;
  13546.  
  13547.            left: auto
  13548.        }
  13549.  
  13550.  
  13551.  
  13552.        .sm\:col-span-2 {
  13553.  
  13554.            grid-column: span 2/span 2
  13555.        }
  13556.  
  13557.  
  13558.  
  13559.        .sm\:mx-16 {
  13560.  
  13561.            margin-left: 4rem;
  13562.  
  13563.            margin-right: 4rem
  13564.        }
  13565.  
  13566.  
  13567.  
  13568.        .sm\:my-16 {
  13569.  
  13570.            margin-top: 4rem;
  13571.  
  13572.            margin-bottom: 4rem
  13573.        }
  13574.  
  13575.  
  13576.  
  13577.        .sm\:my-8 {
  13578.  
  13579.            margin-top: 2rem;
  13580.  
  13581.            margin-bottom: 2rem
  13582.        }
  13583.  
  13584.  
  13585.  
  13586.        .sm\:-mr-10 {
  13587.  
  13588.            margin-right: -2.5rem
  13589.        }
  13590.  
  13591.  
  13592.  
  13593.        .sm\:ml-3 {
  13594.  
  13595.            margin-left: .75rem
  13596.        }
  13597.  
  13598.  
  13599.  
  13600.        .sm\:ml-4 {
  13601.  
  13602.            margin-left: 1rem
  13603.        }
  13604.  
  13605.  
  13606.  
  13607.        .sm\:ml-6 {
  13608.  
  13609.            margin-left: 1.5rem
  13610.        }
  13611.  
  13612.  
  13613.  
  13614.        .sm\:mt-0 {
  13615.  
  13616.            margin-top: 0
  13617.        }
  13618.  
  13619.  
  13620.  
  13621.        .sm\:mt-2 {
  13622.  
  13623.            margin-top: .5rem
  13624.        }
  13625.  
  13626.  
  13627.  
  13628.        .sm\:mt-4 {
  13629.  
  13630.            margin-top: 1rem
  13631.        }
  13632.  
  13633.  
  13634.  
  13635.        .sm\:mt-6 {
  13636.  
  13637.            margin-top: 1.5rem
  13638.        }
  13639.  
  13640.  
  13641.  
  13642.        .sm\:block {
  13643.  
  13644.            display: block
  13645.        }
  13646.  
  13647.  
  13648.  
  13649.        .sm\:flex {
  13650.  
  13651.            display: flex
  13652.        }
  13653.  
  13654.  
  13655.  
  13656.        .sm\:grid {
  13657.  
  13658.            display: grid
  13659.        }
  13660.  
  13661.  
  13662.  
  13663.        .sm\:hidden {
  13664.  
  13665.            display: none
  13666.        }
  13667.  
  13668.  
  13669.  
  13670.        .sm\:h-\[14\.4rem\] {
  13671.  
  13672.            height: 14.4rem
  13673.        }
  13674.  
  13675.  
  13676.  
  13677.        .sm\:max-h-\[11\.5rem\] {
  13678.  
  13679.            max-height: 11.5rem
  13680.        }
  13681.  
  13682.  
  13683.  
  13684.        .sm\:w-auto {
  13685.  
  13686.            width: auto
  13687.        }
  13688.  
  13689.  
  13690.  
  13691.        .sm\:w-full {
  13692.  
  13693.            width: 100%
  13694.        }
  13695.  
  13696.  
  13697.  
  13698.        .sm\:max-w-lg {
  13699.  
  13700.            max-width: 32rem
  13701.        }
  13702.  
  13703.  
  13704.  
  13705.        .sm\:scale-100 {
  13706.  
  13707.            --tw-scale-x: 1;
  13708.  
  13709.            --tw-scale-y: 1;
  13710.  
  13711.            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))
  13712.        }
  13713.  
  13714.  
  13715.  
  13716.        .sm\:grid-cols-2 {
  13717.  
  13718.            grid-template-columns: repeat(2, minmax(0, 1fr))
  13719.        }
  13720.  
  13721.  
  13722.  
  13723.        .sm\:grid-cols-3 {
  13724.  
  13725.            grid-template-columns: repeat(3, minmax(0, 1fr))
  13726.        }
  13727.  
  13728.  
  13729.  
  13730.        .sm\:grid-cols-4 {
  13731.  
  13732.            grid-template-columns: repeat(4, minmax(0, 1fr))
  13733.        }
  13734.  
  13735.  
  13736.  
  13737.        .sm\:flex-row-reverse {
  13738.  
  13739.            flex-direction: row-reverse
  13740.        }
  13741.  
  13742.  
  13743.  
  13744.        .sm\:items-start {
  13745.  
  13746.            align-items: flex-start
  13747.        }
  13748.  
  13749.  
  13750.  
  13751.        .sm\:items-end {
  13752.  
  13753.            align-items: flex-end
  13754.        }
  13755.  
  13756.  
  13757.  
  13758.        .sm\:items-center {
  13759.  
  13760.            align-items: center
  13761.        }
  13762.  
  13763.  
  13764.  
  13765.        .sm\:justify-start {
  13766.  
  13767.            justify-content: flex-start
  13768.        }
  13769.  
  13770.  
  13771.  
  13772.        .sm\:justify-between {
  13773.  
  13774.            justify-content: space-between
  13775.        }
  13776.  
  13777.  
  13778.  
  13779.        .sm\:gap-3 {
  13780.  
  13781.            gap: .75rem
  13782.        }
  13783.  
  13784.  
  13785.  
  13786.        .sm\:gap-4 {
  13787.  
  13788.            gap: 1rem
  13789.        }
  13790.  
  13791.  
  13792.  
  13793.        .sm\:gap-x-0 {
  13794.  
  13795.            -moz-column-gap: 0;
  13796.  
  13797.            column-gap: 0
  13798.        }
  13799.  
  13800.  
  13801.  
  13802.        .sm\:rounded-lg {
  13803.  
  13804.            border-radius: .5rem
  13805.        }
  13806.  
  13807.  
  13808.  
  13809.        .sm\:rounded-md {
  13810.  
  13811.            border-radius: .375rem
  13812.        }
  13813.  
  13814.  
  13815.  
  13816.        .sm\:p-0 {
  13817.  
  13818.            padding: 0
  13819.        }
  13820.  
  13821.  
  13822.  
  13823.        .sm\:p-6 {
  13824.  
  13825.            padding: 1.5rem
  13826.        }
  13827.  
  13828.  
  13829.  
  13830.        .sm\:px-16 {
  13831.  
  13832.            padding-left: 4rem;
  13833.  
  13834.            padding-right: 4rem
  13835.        }
  13836.  
  13837.  
  13838.  
  13839.        .sm\:px-6 {
  13840.  
  13841.            padding-left: 1.5rem;
  13842.  
  13843.            padding-right: 1.5rem
  13844.        }
  13845.  
  13846.  
  13847.  
  13848.        .sm\:py-12 {
  13849.  
  13850.            padding-top: 3rem;
  13851.  
  13852.            padding-bottom: 3rem
  13853.        }
  13854.  
  13855.  
  13856.  
  13857.        .sm\:py-16 {
  13858.  
  13859.            padding-top: 4rem;
  13860.  
  13861.            padding-bottom: 4rem
  13862.        }
  13863.  
  13864.  
  13865.  
  13866.        .sm\:py-2 {
  13867.  
  13868.            padding-top: .5rem;
  13869.  
  13870.            padding-bottom: .5rem
  13871.        }
  13872.  
  13873.  
  13874.  
  13875.        .sm\:py-24 {
  13876.  
  13877.            padding-top: 6rem;
  13878.  
  13879.            padding-bottom: 6rem
  13880.        }
  13881.  
  13882.  
  13883.  
  13884.        .sm\:py-32 {
  13885.  
  13886.            padding-top: 8rem;
  13887.  
  13888.            padding-bottom: 8rem
  13889.        }
  13890.  
  13891.  
  13892.  
  13893.        .sm\:py-4 {
  13894.  
  13895.            padding-top: 1rem;
  13896.  
  13897.            padding-bottom: 1rem
  13898.        }
  13899.  
  13900.  
  13901.  
  13902.        .sm\:pb-\[0\.5rem\] {
  13903.  
  13904.            padding-bottom: .5rem
  13905.        }
  13906.  
  13907.  
  13908.  
  13909.        .sm\:pl-4 {
  13910.  
  13911.            padding-left: 1rem
  13912.        }
  13913.  
  13914.  
  13915.  
  13916.        .sm\:pr-0 {
  13917.  
  13918.            padding-right: 0
  13919.        }
  13920.  
  13921.  
  13922.  
  13923.        .sm\:text-left {
  13924.  
  13925.            text-align: left
  13926.        }
  13927.  
  13928.  
  13929.  
  13930.        .sm\:text-2xl {
  13931.  
  13932.            font-size: 1.5rem;
  13933.  
  13934.            line-height: 2rem
  13935.        }
  13936.  
  13937.  
  13938.  
  13939.        .sm\:text-sm {
  13940.  
  13941.            font-size: .875rem;
  13942.  
  13943.            line-height: 1.25rem
  13944.        }
  13945.  
  13946.  
  13947.  
  13948.        .sm\:text-xl {
  13949.  
  13950.            font-size: 1.25rem;
  13951.  
  13952.            line-height: 1.75rem
  13953.        }
  13954.  
  13955.    }
  13956.  
  13957.  
  13958.  
  13959.    @media (min-width: 768px) {
  13960.  
  13961.        .md\:static {
  13962.  
  13963.            position: static
  13964.        }
  13965.  
  13966.  
  13967.  
  13968.        .md\:inset-y-0 {
  13969.  
  13970.            top: 0;
  13971.  
  13972.            bottom: 0
  13973.        }
  13974.  
  13975.  
  13976.  
  13977.        .md\:left-0 {
  13978.  
  13979.            left: 0
  13980.        }
  13981.  
  13982.  
  13983.  
  13984.        .md\:col-span-11 {
  13985.  
  13986.            grid-column: span 11/span 11
  13987.        }
  13988.  
  13989.  
  13990.  
  13991.        .md\:col-span-6 {
  13992.  
  13993.            grid-column: span 6/span 6
  13994.        }
  13995.  
  13996.  
  13997.  
  13998.        .md\:col-span-7 {
  13999.  
  14000.            grid-column: span 7/span 7
  14001.        }
  14002.  
  14003.  
  14004.  
  14005.        .md\:my-12 {
  14006.  
  14007.            margin-top: 3rem;
  14008.  
  14009.            margin-bottom: 3rem
  14010.        }
  14011.  
  14012.  
  14013.  
  14014.        .md\:-mt-2 {
  14015.  
  14016.            margin-top: -.5rem
  14017.        }
  14018.  
  14019.  
  14020.  
  14021.        .md\:mb-12 {
  14022.  
  14023.            margin-bottom: 3rem
  14024.        }
  14025.  
  14026.  
  14027.  
  14028.        .md\:mb-2 {
  14029.  
  14030.            margin-bottom: .5rem
  14031.        }
  14032.  
  14033.  
  14034.  
  14035.        .md\:mt-1 {
  14036.  
  14037.            margin-top: .25rem
  14038.        }
  14039.  
  14040.  
  14041.  
  14042.        .md\:mt-10 {
  14043.  
  14044.            margin-top: 2.5rem
  14045.        }
  14046.  
  14047.  
  14048.  
  14049.        .md\:mt-16 {
  14050.  
  14051.            margin-top: 4rem
  14052.        }
  14053.  
  14054.  
  14055.  
  14056.        .md\:mt-3 {
  14057.  
  14058.            margin-top: .75rem
  14059.        }
  14060.  
  14061.  
  14062.  
  14063.        .md\:mt-6 {
  14064.  
  14065.            margin-top: 1.5rem
  14066.        }
  14067.  
  14068.  
  14069.  
  14070.        .md\:block {
  14071.  
  14072.            display: block
  14073.        }
  14074.  
  14075.  
  14076.  
  14077.        .md\:flex {
  14078.  
  14079.            display: flex
  14080.        }
  14081.  
  14082.  
  14083.  
  14084.        .md\:inline-flex {
  14085.  
  14086.            display: inline-flex
  14087.        }
  14088.  
  14089.  
  14090.  
  14091.        .md\:hidden {
  14092.  
  14093.            display: none
  14094.        }
  14095.  
  14096.  
  14097.  
  14098.        .md\:h-16 {
  14099.  
  14100.            height: 4rem
  14101.        }
  14102.  
  14103.  
  14104.  
  14105.        .md\:h-32 {
  14106.  
  14107.            height: 8rem
  14108.        }
  14109.  
  14110.  
  14111.  
  14112.        .md\:h-\[110px\] {
  14113.  
  14114.            height: 110px
  14115.        }
  14116.  
  14117.  
  14118.  
  14119.        .md\:h-\[480px\] {
  14120.  
  14121.            height: 480px
  14122.        }
  14123.  
  14124.  
  14125.  
  14126.        .md\:max-h-\[11\.5rem\] {
  14127.  
  14128.            max-height: 11.5rem
  14129.        }
  14130.  
  14131.  
  14132.  
  14133.        .md\:w-1\/2 {
  14134.  
  14135.            width: 50%
  14136.        }
  14137.  
  14138.  
  14139.  
  14140.        .md\:w-16 {
  14141.  
  14142.            width: 4rem
  14143.        }
  14144.  
  14145.  
  14146.  
  14147.        .md\:w-28 {
  14148.  
  14149.            width: 7rem
  14150.        }
  14151.  
  14152.  
  14153.  
  14154.        .md\:w-32 {
  14155.  
  14156.            width: 8rem
  14157.        }
  14158.  
  14159.  
  14160.  
  14161.        .md\:w-56 {
  14162.  
  14163.            width: 14rem
  14164.        }
  14165.  
  14166.  
  14167.  
  14168.        .md\:w-64 {
  14169.  
  14170.            width: 16rem
  14171.        }
  14172.  
  14173.  
  14174.  
  14175.        .md\:w-72 {
  14176.  
  14177.            width: 18rem
  14178.        }
  14179.  
  14180.  
  14181.  
  14182.        .md\:w-\[270px\] {
  14183.  
  14184.            width: 270px
  14185.        }
  14186.  
  14187.  
  14188.  
  14189.        .md\:w-\[75\%\] {
  14190.  
  14191.            width: 75%
  14192.        }
  14193.  
  14194.  
  14195.  
  14196.        .md\:max-w-\[18rem\] {
  14197.  
  14198.            max-width: 18rem
  14199.        }
  14200.  
  14201.  
  14202.  
  14203.        .md\:max-w-\[3\.3rem\] {
  14204.  
  14205.            max-width: 3.3rem
  14206.        }
  14207.  
  14208.  
  14209.  
  14210.        .md\:grid-cols-2 {
  14211.  
  14212.            grid-template-columns: repeat(2, minmax(0, 1fr))
  14213.        }
  14214.  
  14215.  
  14216.  
  14217.        .md\:grid-cols-3 {
  14218.  
  14219.            grid-template-columns: repeat(3, minmax(0, 1fr))
  14220.        }
  14221.  
  14222.  
  14223.  
  14224.        .md\:grid-cols-5 {
  14225.  
  14226.            grid-template-columns: repeat(5, minmax(0, 1fr))
  14227.        }
  14228.  
  14229.  
  14230.  
  14231.        .md\:flex-row {
  14232.  
  14233.            flex-direction: row
  14234.        }
  14235.  
  14236.  
  14237.  
  14238.        .md\:flex-col {
  14239.  
  14240.            flex-direction: column
  14241.        }
  14242.  
  14243.  
  14244.  
  14245.        .md\:items-start {
  14246.  
  14247.            align-items: flex-start
  14248.        }
  14249.  
  14250.  
  14251.  
  14252.        .md\:items-center {
  14253.  
  14254.            align-items: center
  14255.        }
  14256.  
  14257.  
  14258.  
  14259.        .md\:justify-center {
  14260.  
  14261.            justify-content: center
  14262.        }
  14263.  
  14264.  
  14265.  
  14266.        .md\:justify-between {
  14267.  
  14268.            justify-content: space-between
  14269.        }
  14270.  
  14271.  
  14272.  
  14273.        .md\:gap-0 {
  14274.  
  14275.            gap: 0
  14276.        }
  14277.  
  14278.  
  14279.  
  14280.        .md\:gap-16 {
  14281.  
  14282.            gap: 4rem
  14283.        }
  14284.  
  14285.  
  14286.  
  14287.        .md\:gap-2 {
  14288.  
  14289.            gap: .5rem
  14290.        }
  14291.  
  14292.  
  14293.  
  14294.        .md\:gap-3 {
  14295.  
  14296.            gap: .75rem
  14297.        }
  14298.  
  14299.  
  14300.  
  14301.        .md\:gap-8 {
  14302.  
  14303.            gap: 2rem
  14304.        }
  14305.  
  14306.  
  14307.  
  14308.        .md\:space-x-10>:not([hidden])~:not([hidden]) {
  14309.  
  14310.            --tw-space-x-reverse: 0;
  14311.  
  14312.            margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  14313.  
  14314.            margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
  14315.        }
  14316.  
  14317.  
  14318.  
  14319.        .md\:space-x-2>:not([hidden])~:not([hidden]) {
  14320.  
  14321.            --tw-space-x-reverse: 0;
  14322.  
  14323.            margin-right: calc(.5rem * var(--tw-space-x-reverse));
  14324.  
  14325.            margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  14326.        }
  14327.  
  14328.  
  14329.  
  14330.        .md\:rounded-none {
  14331.  
  14332.            border-radius: 0
  14333.        }
  14334.  
  14335.  
  14336.  
  14337.        .md\:rounded-l-full {
  14338.  
  14339.            border-top-left-radius: 9999px;
  14340.  
  14341.            border-bottom-left-radius: 9999px
  14342.        }
  14343.  
  14344.  
  14345.  
  14346.        .md\:border-b-0 {
  14347.  
  14348.            border-bottom-width: 0
  14349.        }
  14350.  
  14351.  
  14352.  
  14353.        .md\:border-r {
  14354.  
  14355.            border-right-width: 1px
  14356.        }
  14357.  
  14358.  
  14359.  
  14360.        .md\:px-12 {
  14361.  
  14362.            padding-left: 3rem;
  14363.  
  14364.            padding-right: 3rem
  14365.        }
  14366.  
  14367.  
  14368.  
  14369.        .md\:px-14 {
  14370.  
  14371.            padding-left: 3.5rem;
  14372.  
  14373.            padding-right: 3.5rem
  14374.        }
  14375.  
  14376.  
  14377.  
  14378.        .md\:px-4 {
  14379.  
  14380.            padding-left: 1rem;
  14381.  
  14382.            padding-right: 1rem
  14383.        }
  14384.  
  14385.  
  14386.  
  14387.        .md\:px-6 {
  14388.  
  14389.            padding-left: 1.5rem;
  14390.  
  14391.            padding-right: 1.5rem
  14392.        }
  14393.  
  14394.  
  14395.  
  14396.        .md\:px-8 {
  14397.  
  14398.            padding-left: 2rem;
  14399.  
  14400.            padding-right: 2rem
  14401.        }
  14402.  
  14403.  
  14404.  
  14405.        .md\:py-5 {
  14406.  
  14407.            padding-top: 1.25rem;
  14408.  
  14409.            padding-bottom: 1.25rem
  14410.        }
  14411.  
  14412.  
  14413.  
  14414.        .md\:py-8 {
  14415.  
  14416.            padding-top: 2rem;
  14417.  
  14418.            padding-bottom: 2rem
  14419.        }
  14420.  
  14421.  
  14422.  
  14423.        .md\:pb-\[1rem\] {
  14424.  
  14425.            padding-bottom: 1rem
  14426.        }
  14427.  
  14428.  
  14429.  
  14430.        .md\:pl-12 {
  14431.  
  14432.            padding-left: 3rem
  14433.        }
  14434.  
  14435.  
  14436.  
  14437.        .md\:pt-16 {
  14438.  
  14439.            padding-top: 4rem
  14440.        }
  14441.  
  14442.  
  14443.  
  14444.        .md\:pt-8 {
  14445.  
  14446.            padding-top: 2rem
  14447.        }
  14448.  
  14449.  
  14450.  
  14451.        .md\:text-start {
  14452.  
  14453.            text-align: start
  14454.        }
  14455.  
  14456.  
  14457.  
  14458.        .md\:text-2xl {
  14459.  
  14460.            font-size: 1.5rem;
  14461.  
  14462.            line-height: 2rem
  14463.        }
  14464.  
  14465.  
  14466.  
  14467.        .md\:text-\[14px\] {
  14468.  
  14469.            font-size: 14px
  14470.        }
  14471.  
  14472.  
  14473.  
  14474.        .md\:text-\[15px\] {
  14475.  
  14476.            font-size: 15px
  14477.        }
  14478.  
  14479.  
  14480.  
  14481.        .md\:text-\[20px\] {
  14482.  
  14483.            font-size: 20px
  14484.        }
  14485.  
  14486.  
  14487.  
  14488.        .md\:text-\[28px\] {
  14489.  
  14490.            font-size: 28px
  14491.        }
  14492.  
  14493.  
  14494.  
  14495.        .md\:text-base {
  14496.  
  14497.            font-size: 1rem;
  14498.  
  14499.            line-height: 1.5rem
  14500.        }
  14501.  
  14502.  
  14503.  
  14504.        .md\:text-xl {
  14505.  
  14506.            font-size: 1.25rem;
  14507.  
  14508.            line-height: 1.75rem
  14509.        }
  14510.  
  14511.    }
  14512.  
  14513.  
  14514.  
  14515.    @media (min-width: 1024px) {
  14516.  
  14517.        .lg\:static {
  14518.  
  14519.            position: static
  14520.        }
  14521.  
  14522.  
  14523.  
  14524.        .lg\:col-span-12 {
  14525.  
  14526.            grid-column: span 12/span 12
  14527.        }
  14528.  
  14529.  
  14530.  
  14531.        .lg\:col-span-3 {
  14532.  
  14533.            grid-column: span 3/span 3
  14534.        }
  14535.  
  14536.  
  14537.  
  14538.        .lg\:col-span-4 {
  14539.  
  14540.            grid-column: span 4/span 4
  14541.        }
  14542.  
  14543.  
  14544.  
  14545.        .lg\:col-span-6 {
  14546.  
  14547.            grid-column: span 6/span 6
  14548.        }
  14549.  
  14550.  
  14551.  
  14552.        .lg\:col-span-7 {
  14553.  
  14554.            grid-column: span 7/span 7
  14555.        }
  14556.  
  14557.  
  14558.  
  14559.        .lg\:col-span-8 {
  14560.  
  14561.            grid-column: span 8/span 8
  14562.        }
  14563.  
  14564.  
  14565.  
  14566.        .lg\:col-span-9 {
  14567.  
  14568.            grid-column: span 9/span 9
  14569.        }
  14570.  
  14571.  
  14572.  
  14573.        .lg\:mb-12 {
  14574.  
  14575.            margin-bottom: 3rem
  14576.        }
  14577.  
  14578.  
  14579.  
  14580.        .lg\:mt-0 {
  14581.  
  14582.            margin-top: 0
  14583.        }
  14584.  
  14585.  
  14586.  
  14587.        .lg\:mt-16 {
  14588.  
  14589.            margin-top: 4rem
  14590.        }
  14591.  
  14592.  
  14593.  
  14594.        .lg\:mt-4 {
  14595.  
  14596.            margin-top: 1rem
  14597.        }
  14598.  
  14599.  
  14600.  
  14601.        .lg\:block {
  14602.  
  14603.            display: block
  14604.        }
  14605.  
  14606.  
  14607.  
  14608.        .lg\:flex {
  14609.  
  14610.            display: flex
  14611.        }
  14612.  
  14613.  
  14614.  
  14615.        .lg\:grid {
  14616.  
  14617.            display: grid
  14618.        }
  14619.  
  14620.  
  14621.  
  14622.        .lg\:hidden {
  14623.  
  14624.            display: none
  14625.        }
  14626.  
  14627.  
  14628.  
  14629.        .lg\:h-10 {
  14630.  
  14631.            height: 2.5rem
  14632.        }
  14633.  
  14634.  
  14635.  
  14636.        .lg\:h-14 {
  14637.  
  14638.            height: 3.5rem
  14639.        }
  14640.  
  14641.  
  14642.  
  14643.        .lg\:h-60 {
  14644.  
  14645.            height: 15rem
  14646.        }
  14647.  
  14648.  
  14649.  
  14650.        .lg\:h-\[14\.4rem\] {
  14651.  
  14652.            height: 14.4rem
  14653.        }
  14654.  
  14655.  
  14656.  
  14657.        .lg\:h-\[170px\] {
  14658.  
  14659.            height: 170px
  14660.        }
  14661.  
  14662.  
  14663.  
  14664.        .lg\:h-\[22\.5rem\] {
  14665.  
  14666.            height: 22.5rem
  14667.        }
  14668.  
  14669.  
  14670.  
  14671.        .lg\:h-\[500px\] {
  14672.  
  14673.            height: 500px
  14674.        }
  14675.  
  14676.  
  14677.  
  14678.        .lg\:max-h-\[14rem\] {
  14679.  
  14680.            max-height: 14rem
  14681.        }
  14682.  
  14683.  
  14684.  
  14685.        .lg\:w-14 {
  14686.  
  14687.            width: 3.5rem
  14688.        }
  14689.  
  14690.  
  14691.  
  14692.        .lg\:w-64 {
  14693.  
  14694.            width: 16rem
  14695.        }
  14696.  
  14697.  
  14698.  
  14699.        .lg\:w-72 {
  14700.  
  14701.            width: 18rem
  14702.        }
  14703.  
  14704.  
  14705.  
  14706.        .lg\:w-80 {
  14707.  
  14708.            width: 20rem
  14709.        }
  14710.  
  14711.  
  14712.  
  14713.        .lg\:w-\[100\%\] {
  14714.  
  14715.            width: 100%
  14716.        }
  14717.  
  14718.  
  14719.  
  14720.        .lg\:w-\[170px\] {
  14721.  
  14722.            width: 170px
  14723.        }
  14724.  
  14725.  
  14726.  
  14727.        .lg\:w-\[300px\] {
  14728.  
  14729.            width: 300px
  14730.        }
  14731.  
  14732.  
  14733.  
  14734.        .lg\:w-\[35\%\] {
  14735.  
  14736.            width: 35%
  14737.        }
  14738.  
  14739.  
  14740.  
  14741.        .lg\:min-w-0 {
  14742.  
  14743.            min-width: 0
  14744.        }
  14745.  
  14746.  
  14747.  
  14748.        .lg\:max-w-6xl {
  14749.  
  14750.            max-width: 72rem
  14751.        }
  14752.  
  14753.  
  14754.  
  14755.        .lg\:max-w-\[20rem\] {
  14756.  
  14757.            max-width: 20rem
  14758.        }
  14759.  
  14760.  
  14761.  
  14762.        .lg\:max-w-\[3\.5rem\] {
  14763.  
  14764.            max-width: 3.5rem
  14765.        }
  14766.  
  14767.  
  14768.  
  14769.        .lg\:flex-1 {
  14770.  
  14771.            flex: 1 1 0%
  14772.        }
  14773.  
  14774.  
  14775.  
  14776.        .lg\:grid-cols-2 {
  14777.  
  14778.            grid-template-columns: repeat(2, minmax(0, 1fr))
  14779.        }
  14780.  
  14781.  
  14782.  
  14783.        .lg\:grid-cols-3 {
  14784.  
  14785.            grid-template-columns: repeat(3, minmax(0, 1fr))
  14786.        }
  14787.  
  14788.  
  14789.  
  14790.        .lg\:grid-cols-4 {
  14791.  
  14792.            grid-template-columns: repeat(4, minmax(0, 1fr))
  14793.        }
  14794.  
  14795.  
  14796.  
  14797.        .lg\:grid-cols-6 {
  14798.  
  14799.            grid-template-columns: repeat(6, minmax(0, 1fr))
  14800.        }
  14801.  
  14802.  
  14803.  
  14804.        .lg\:flex-row {
  14805.  
  14806.            flex-direction: row
  14807.        }
  14808.  
  14809.  
  14810.  
  14811.        .lg\:flex-col {
  14812.  
  14813.            flex-direction: column
  14814.        }
  14815.  
  14816.  
  14817.  
  14818.        .lg\:content-between {
  14819.  
  14820.            align-content: space-between
  14821.        }
  14822.  
  14823.  
  14824.  
  14825.        .lg\:items-start {
  14826.  
  14827.            align-items: flex-start
  14828.        }
  14829.  
  14830.  
  14831.  
  14832.        .lg\:items-center {
  14833.  
  14834.            align-items: center
  14835.        }
  14836.  
  14837.  
  14838.  
  14839.        .lg\:justify-between {
  14840.  
  14841.            justify-content: space-between
  14842.        }
  14843.  
  14844.  
  14845.  
  14846.        .lg\:gap-0 {
  14847.  
  14848.            gap: 0
  14849.        }
  14850.  
  14851.  
  14852.  
  14853.        .lg\:gap-10 {
  14854.  
  14855.            gap: 2.5rem
  14856.        }
  14857.  
  14858.  
  14859.  
  14860.        .lg\:gap-2 {
  14861.  
  14862.            gap: .5rem
  14863.        }
  14864.  
  14865.  
  14866.  
  14867.        .lg\:gap-20 {
  14868.  
  14869.            gap: 5rem
  14870.        }
  14871.  
  14872.  
  14873.  
  14874.        .lg\:gap-4 {
  14875.  
  14876.            gap: 1rem
  14877.        }
  14878.  
  14879.  
  14880.  
  14881.        .lg\:gap-6 {
  14882.  
  14883.            gap: 1.5rem
  14884.        }
  14885.  
  14886.  
  14887.  
  14888.        .lg\:gap-x-16 {
  14889.  
  14890.            -moz-column-gap: 4rem;
  14891.  
  14892.            column-gap: 4rem
  14893.        }
  14894.  
  14895.  
  14896.  
  14897.        .lg\:gap-x-4 {
  14898.  
  14899.            -moz-column-gap: 1rem;
  14900.  
  14901.            column-gap: 1rem
  14902.        }
  14903.  
  14904.  
  14905.  
  14906.        .lg\:gap-x-\[58px\] {
  14907.  
  14908.            -moz-column-gap: 58px;
  14909.  
  14910.            column-gap: 58px
  14911.        }
  14912.  
  14913.  
  14914.  
  14915.        .lg\:overflow-y-visible {
  14916.  
  14917.            overflow-y: visible
  14918.        }
  14919.  
  14920.  
  14921.  
  14922.        .lg\:rounded-2xl {
  14923.  
  14924.            border-radius: 1rem
  14925.        }
  14926.  
  14927.  
  14928.  
  14929.        .lg\:border-b-0 {
  14930.  
  14931.            border-bottom-width: 0
  14932.        }
  14933.  
  14934.  
  14935.  
  14936.        .lg\:border-r {
  14937.  
  14938.            border-right-width: 1px
  14939.        }
  14940.  
  14941.  
  14942.  
  14943.        .lg\:p-0 {
  14944.  
  14945.            padding: 0
  14946.        }
  14947.  
  14948.  
  14949.  
  14950.        .lg\:px-0 {
  14951.  
  14952.            padding-left: 0;
  14953.  
  14954.            padding-right: 0
  14955.        }
  14956.  
  14957.  
  14958.  
  14959.        .lg\:px-10 {
  14960.  
  14961.            padding-left: 2.5rem;
  14962.  
  14963.            padding-right: 2.5rem
  14964.        }
  14965.  
  14966.  
  14967.  
  14968.        .lg\:px-11 {
  14969.  
  14970.            padding-left: 2.75rem;
  14971.  
  14972.            padding-right: 2.75rem
  14973.        }
  14974.  
  14975.  
  14976.  
  14977.        .lg\:px-12 {
  14978.  
  14979.            padding-left: 3rem;
  14980.  
  14981.            padding-right: 3rem
  14982.        }
  14983.  
  14984.  
  14985.  
  14986.        .lg\:px-14 {
  14987.  
  14988.            padding-left: 3.5rem;
  14989.  
  14990.            padding-right: 3.5rem
  14991.        }
  14992.  
  14993.  
  14994.  
  14995.        .lg\:px-16 {
  14996.  
  14997.            padding-left: 4rem;
  14998.  
  14999.            padding-right: 4rem
  15000.        }
  15001.  
  15002.  
  15003.  
  15004.        .lg\:px-20 {
  15005.  
  15006.            padding-left: 5rem;
  15007.  
  15008.            padding-right: 5rem
  15009.        }
  15010.  
  15011.  
  15012.  
  15013.        .lg\:px-7 {
  15014.  
  15015.            padding-left: 1.75rem;
  15016.  
  15017.            padding-right: 1.75rem
  15018.        }
  15019.  
  15020.  
  15021.  
  15022.        .lg\:px-8 {
  15023.  
  15024.            padding-left: 2rem;
  15025.  
  15026.            padding-right: 2rem
  15027.        }
  15028.  
  15029.  
  15030.  
  15031.        .lg\:px-\[3\.2rem\] {
  15032.  
  15033.            padding-left: 3.2rem;
  15034.  
  15035.            padding-right: 3.2rem
  15036.        }
  15037.  
  15038.  
  15039.  
  15040.        .lg\:py-24 {
  15041.  
  15042.            padding-top: 6rem;
  15043.  
  15044.            padding-bottom: 6rem
  15045.        }
  15046.  
  15047.  
  15048.  
  15049.        .lg\:py-4 {
  15050.  
  15051.            padding-top: 1rem;
  15052.  
  15053.            padding-bottom: 1rem
  15054.        }
  15055.  
  15056.  
  15057.  
  15058.        .lg\:py-8 {
  15059.  
  15060.            padding-top: 2rem;
  15061.  
  15062.            padding-bottom: 2rem
  15063.        }
  15064.  
  15065.  
  15066.  
  15067.        .lg\:pb-\[3\.5rem\] {
  15068.  
  15069.            padding-bottom: 3.5rem
  15070.        }
  15071.  
  15072.  
  15073.  
  15074.        .lg\:pr-2 {
  15075.  
  15076.            padding-right: .5rem
  15077.        }
  15078.  
  15079.  
  15080.  
  15081.        .lg\:pt-10 {
  15082.  
  15083.            padding-top: 2.5rem
  15084.        }
  15085.  
  15086.  
  15087.  
  15088.        .lg\:pt-14 {
  15089.  
  15090.            padding-top: 3.5rem
  15091.        }
  15092.  
  15093.  
  15094.  
  15095.        .lg\:pt-24 {
  15096.  
  15097.            padding-top: 6rem
  15098.        }
  15099.  
  15100.  
  15101.  
  15102.        .lg\:text-start {
  15103.  
  15104.            text-align: start
  15105.        }
  15106.  
  15107.  
  15108.  
  15109.        .lg\:text-2xl {
  15110.  
  15111.            font-size: 1.5rem;
  15112.  
  15113.            line-height: 2rem
  15114.        }
  15115.  
  15116.  
  15117.  
  15118.        .lg\:text-4xl {
  15119.  
  15120.            font-size: 2.25rem;
  15121.  
  15122.            line-height: 2.5rem
  15123.        }
  15124.  
  15125.  
  15126.  
  15127.        .lg\:text-\[14px\] {
  15128.  
  15129.            font-size: 14px
  15130.        }
  15131.  
  15132.  
  15133.  
  15134.        .lg\:text-\[15px\] {
  15135.  
  15136.            font-size: 15px
  15137.        }
  15138.  
  15139.  
  15140.  
  15141.        .lg\:text-\[16px\] {
  15142.  
  15143.            font-size: 16px
  15144.        }
  15145.  
  15146.  
  15147.  
  15148.        .lg\:text-\[20px\] {
  15149.  
  15150.            font-size: 20px
  15151.        }
  15152.  
  15153.  
  15154.  
  15155.        .lg\:text-\[26px\] {
  15156.  
  15157.            font-size: 26px
  15158.        }
  15159.  
  15160.  
  15161.  
  15162.        .lg\:text-\[30px\] {
  15163.  
  15164.            font-size: 30px
  15165.        }
  15166.  
  15167.  
  15168.  
  15169.        .lg\:text-\[32px\] {
  15170.  
  15171.            font-size: 32px
  15172.        }
  15173.  
  15174.  
  15175.  
  15176.        .lg\:text-lg {
  15177.  
  15178.            font-size: 1.125rem;
  15179.  
  15180.            line-height: 1.75rem
  15181.        }
  15182.  
  15183.    }
  15184.  
  15185.  
  15186.  
  15187.    @media (min-width: 1280px) {
  15188.  
  15189.        .xl\:col-span-1 {
  15190.  
  15191.            grid-column: span 1/span 1
  15192.        }
  15193.  
  15194.  
  15195.  
  15196.        .xl\:col-span-2 {
  15197.  
  15198.            grid-column: span 2/span 2
  15199.        }
  15200.  
  15201.  
  15202.  
  15203.        .xl\:col-span-4 {
  15204.  
  15205.            grid-column: span 4/span 4
  15206.        }
  15207.  
  15208.  
  15209.  
  15210.        .xl\:col-span-6 {
  15211.  
  15212.            grid-column: span 6/span 6
  15213.        }
  15214.  
  15215.  
  15216.  
  15217.        .xl\:col-span-8 {
  15218.  
  15219.            grid-column: span 8/span 8
  15220.        }
  15221.  
  15222.  
  15223.  
  15224.        .xl\:mt-0 {
  15225.  
  15226.            margin-top: 0
  15227.        }
  15228.  
  15229.  
  15230.  
  15231.        .xl\:block {
  15232.  
  15233.            display: block
  15234.        }
  15235.  
  15236.  
  15237.  
  15238.        .xl\:flex {
  15239.  
  15240.            display: flex
  15241.        }
  15242.  
  15243.  
  15244.  
  15245.        .xl\:w-auto {
  15246.  
  15247.            width: auto
  15248.        }
  15249.  
  15250.  
  15251.  
  15252.        .xl\:w-full {
  15253.  
  15254.            width: 100%
  15255.        }
  15256.  
  15257.  
  15258.  
  15259.        .xl\:max-w-\[1280px\] {
  15260.  
  15261.            max-width: 1280px
  15262.        }
  15263.  
  15264.  
  15265.  
  15266.        .xl\:grid-cols-6 {
  15267.  
  15268.            grid-template-columns: repeat(6, minmax(0, 1fr))
  15269.        }
  15270.  
  15271.  
  15272.  
  15273.        .xl\:gap-4 {
  15274.  
  15275.            gap: 1rem
  15276.        }
  15277.  
  15278.  
  15279.  
  15280.        .xl\:px-7 {
  15281.  
  15282.            padding-left: 1.75rem;
  15283.  
  15284.            padding-right: 1.75rem
  15285.        }
  15286.  
  15287.  
  15288.  
  15289.        .xl\:text-center {
  15290.  
  15291.            text-align: center
  15292.        }
  15293.  
  15294.  
  15295.  
  15296.        .xl\:text-2xl {
  15297.  
  15298.            font-size: 1.5rem;
  15299.  
  15300.            line-height: 2rem
  15301.        }
  15302.  
  15303.  
  15304.  
  15305.        .xl\:text-base {
  15306.  
  15307.            font-size: 1rem;
  15308.  
  15309.            line-height: 1.5rem
  15310.        }
  15311.  
  15312.    }
  15313.  
  15314.  
  15315.  
  15316.  
  15317.  
  15318.    .font-medium {
  15319.  
  15320.        font-weight: 500;
  15321.  
  15322.    }
  15323.  
  15324.    .text-sm {
  15325.  
  15326.        font-size: .875rem;
  15327.  
  15328.        line-height: 1.25rem;
  15329.  
  15330.    }
  15331.  
  15332.    .py-2 {
  15333.  
  15334.        padding-top: 0.5rem;
  15335.  
  15336.        padding-bottom: 0.5rem;
  15337.  
  15338.    }
  15339.  
  15340.    .rounded-md {
  15341.  
  15342.        border-radius: 0.375rem;
  15343.  
  15344.    }
  15345.  
  15346.    .justify-center {
  15347.  
  15348.        justify-content: center;
  15349.  
  15350.    }
  15351.  
  15352.    .w-full {
  15353.  
  15354.        width: 100%;
  15355.  
  15356.    }
  15357.  
  15358.    .inline-flex {
  15359.  
  15360.        display: inline-flex;
  15361.  
  15362.    }
  15363.  
  15364.    [type=button],
  15365.    [type=reset],
  15366.    [type=submit],
  15367.    button {
  15368.  
  15369.        -webkit-appearance: button;
  15370.  
  15371.        background-color: transparent;
  15372.  
  15373.        background-image: none;
  15374.  
  15375.    }
  15376.  
  15377.    [role=button],
  15378.    button {
  15379.  
  15380.        cursor: pointer;
  15381.  
  15382.    }
  15383.  
  15384.    button,
  15385.    select {
  15386.  
  15387.        text-transform: none;
  15388.  
  15389.    }
  15390.  
  15391.    button,
  15392.    input,
  15393.    optgroup,
  15394.    select,
  15395.    textarea {
  15396.  
  15397.        font-family: inherit;
  15398.  
  15399.        font-size: 100%;
  15400.  
  15401.        font-weight: inherit;
  15402.  
  15403.        line-height: inherit;
  15404.  
  15405.        color: inherit;
  15406.  
  15407.        margin: 0;
  15408.  
  15409.        padding: 0;
  15410.  
  15411.    }
  15412.  
  15413.  
  15414.  
  15415.    .gap-4 {
  15416.  
  15417.        gap: 1rem;
  15418.  
  15419.    }
  15420.  
  15421.    .items-center {
  15422.  
  15423.        align-items: center;
  15424.  
  15425.    }
  15426.  
  15427.    .flex-1 {
  15428.  
  15429.        flex: 1 1 0%;
  15430.  
  15431.    }
  15432.  
  15433.    .flex {
  15434.  
  15435.        display: flex;
  15436.  
  15437.    }
  15438.  
  15439.    .ml-12 {
  15440.  
  15441.        margin-left: 3rem;
  15442.  
  15443.    }
  15444.  
  15445.  
  15446.  
  15447.  
  15448.  
  15449.    .pr-2 {
  15450.  
  15451.        padding-right: 0.5rem;
  15452.  
  15453.    }
  15454.  
  15455.  
  15456.  
  15457.    .items-center {
  15458.  
  15459.        align-items: center;
  15460.  
  15461.    }
  15462.  
  15463.    .flex {
  15464.  
  15465.        display: flex;
  15466.  
  15467.    }
  15468.  
  15469.    .right-0 {
  15470.  
  15471.        right: 0;
  15472.  
  15473.    }
  15474.  
  15475.    .inset-y-0 {
  15476.  
  15477.        top: 0;
  15478.  
  15479.        bottom: 0;
  15480.  
  15481.    }
  15482.  
  15483.    .absolute {
  15484.  
  15485.        position: absolute;
  15486.  
  15487.    }
  15488.  
  15489.  
  15490.  
  15491.    .css-18exuzb {
  15492.  
  15493.        color: rgb(255, 255, 255);
  15494.  
  15495.        background: rgb(39, 39, 48);
  15496.  
  15497.    }
  15498.  
  15499.    .ring-opacity-5 {
  15500.  
  15501.        --tw-ring-opacity: 0.05;
  15502.  
  15503.    }
  15504.  
  15505.    .ring-black {
  15506.  
  15507.        --tw-ring-opacity: 1;
  15508.  
  15509.        --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity));
  15510.  
  15511.    }
  15512.  
  15513.    .ring-1 {
  15514.  
  15515.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  15516.  
  15517.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  15518.  
  15519.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  15520.  
  15521.    }
  15522.  
  15523.    .shadow-lg {
  15524.  
  15525.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  15526.  
  15527.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  15528.  
  15529.    }
  15530.  
  15531.    .shadow-2xl,
  15532.    .shadow-lg {
  15533.  
  15534.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  15535.  
  15536.    }
  15537.  
  15538.    .opacity-100 {
  15539.  
  15540.        opacity: 1;
  15541.  
  15542.    }
  15543.  
  15544.    .rounded-md {
  15545.  
  15546.        border-radius: 0.375rem;
  15547.  
  15548.    }
  15549.  
  15550.    .transform {
  15551.  
  15552.        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));
  15553.  
  15554.    }
  15555.  
  15556.    .scale-100 {
  15557.  
  15558.        --tw-scale-x: 1;
  15559.  
  15560.        --tw-scale-y: 1;
  15561.  
  15562.    }
  15563.  
  15564.    .rotate-180,
  15565.    .scale-100 {
  15566.  
  15567.        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));
  15568.  
  15569.    }
  15570.  
  15571.    .origin-top-right {
  15572.  
  15573.        transform-origin: top right;
  15574.  
  15575.    }
  15576.  
  15577.    .w-72 {
  15578.  
  15579.        width: 18rem;
  15580.  
  15581.    }
  15582.  
  15583.    .mt-2 {
  15584.  
  15585.        margin-top: 0.5rem;
  15586.  
  15587.    }
  15588.  
  15589.    .right-0 {
  15590.  
  15591.        right: 0;
  15592.  
  15593.    }
  15594.  
  15595.    .absolute {
  15596.  
  15597.        position: absolute;
  15598.  
  15599.    }
  15600.  
  15601.  
  15602.  
  15603.    .css-1wpp9sf {
  15604.  
  15605.        color: rgb(255, 255, 255);
  15606.  
  15607.        background: rgb(245, 121, 30);
  15608.  
  15609.    }
  15610.  
  15611.  
  15612.  
  15613.    .css-mxl5am {
  15614.  
  15615.        color: rgb(255, 255, 255);
  15616.  
  15617.        background: #202020;
  15618.  
  15619.    }
  15620.  
  15621.    .css-mxl5am:hover {
  15622.        color: #FDFD34 !important;
  15623.    }
  15624.  
  15625.    .duration-300 {
  15626.  
  15627.        transition-duration: .3s;
  15628.  
  15629.    }
  15630.  
  15631.    .transition {
  15632.  
  15633.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  15634.  
  15635.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  15636.  
  15637.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  15638.  
  15639.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  15640.  
  15641.        transition-duration: .15s;
  15642.  
  15643.    }
  15644.  
  15645.    .font-medium {
  15646.  
  15647.        font-weight: 500;
  15648.  
  15649.    }
  15650.  
  15651.    .text-sm {
  15652.  
  15653.        font-size: .875rem;
  15654.  
  15655.        line-height: 1.25rem;
  15656.  
  15657.    }
  15658.  
  15659.    .py-2 {
  15660.  
  15661.        padding-top: 0.5rem;
  15662.  
  15663.        padding-bottom: 0.5rem;
  15664.  
  15665.    }
  15666.  
  15667.    .rounded-l-full {
  15668.  
  15669.        border-top-left-radius: 9999px;
  15670.  
  15671.        border-bottom-left-radius: 9999px;
  15672.  
  15673.    }
  15674.  
  15675.    .justify-center {
  15676.  
  15677.        justify-content: center;
  15678.  
  15679.    }
  15680.  
  15681.    .w-full {
  15682.  
  15683.        width: 100%;
  15684.  
  15685.    }
  15686.  
  15687.    .flex {
  15688.  
  15689.        display: flex;
  15690.  
  15691.    }
  15692.  
  15693.  
  15694.  
  15695.    .w-auto {
  15696.  
  15697.        width: auto;
  15698.  
  15699.    }
  15700.  
  15701.    .h-10 {
  15702.  
  15703.        height: 1.5rem;
  15704.  
  15705.    }
  15706.  
  15707.    .block {
  15708.  
  15709.        display: block;
  15710.  
  15711.    }
  15712.  
  15713.    img,
  15714.    video {
  15715.  
  15716.        max-width: 100%;
  15717.  
  15718.        height: auto;
  15719.  
  15720.    }
  15721.  
  15722.    audio,
  15723.    canvas,
  15724.    embed,
  15725.    iframe,
  15726.    img,
  15727.    object,
  15728.    svg,
  15729.    video {
  15730.  
  15731.        display: block;
  15732.  
  15733.        vertical-align: middle;
  15734.  
  15735.    }
  15736.  
  15737.  
  15738.  
  15739.    .offcanvas {
  15740.  
  15741.        width: 100%;
  15742.  
  15743.        max-width: 250px;
  15744.  
  15745.    }
  15746.  
  15747.  
  15748.  
  15749.    /* Desktop */
  15750.  
  15751.    @media  screen and (min-width: 768px) {
  15752.  
  15753.        .offcanvas {
  15754.  
  15755.            width: 350px;
  15756.  
  15757.  
  15758.  
  15759.        }
  15760.  
  15761.    }
  15762.  
  15763.  
  15764.  
  15765.    .css-1tq05rq {
  15766.  
  15767.        color: rgb(255, 255, 255);
  15768.  
  15769.    }
  15770.  
  15771.    .font-medium {
  15772.  
  15773.        font-weight: 500;
  15774.  
  15775.    }
  15776.  
  15777.    .text-base {
  15778.  
  15779.        font-size: 1rem;
  15780.  
  15781.        line-height: 1.5rem;
  15782.  
  15783.    }
  15784.  
  15785.    .p-2 {
  15786.  
  15787.        padding: 0.5rem;
  15788.  
  15789.    }
  15790.  
  15791.    .rounded-md {
  15792.  
  15793.        border-radius: 0.375rem;
  15794.  
  15795.    }
  15796.  
  15797.    .items-center {
  15798.  
  15799.        align-items: center;
  15800.  
  15801.    }
  15802.  
  15803.    .flex {
  15804.  
  15805.        display: flex;
  15806.  
  15807.    }
  15808.  
  15809. </style>
  15810.  
  15811.  
  15812. <body class=" flex-column min-vh-100 text-white" style="background-color:rgb(22, 22, 22)">
  15813.  
  15814.  
  15815.  
  15816.    <!-- Google Tag Manager (noscript) -->
  15817.    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWQ43V8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  15818.    <!-- End Google Tag Manager (noscript) -->
  15819.  
  15820.  
  15821.  
  15822.    
  15823. <style>
  15824.      .opacity-100 {
  15825.          opacity: 1;
  15826.      }
  15827.  
  15828.      .pt-4 {
  15829.          padding-top: 1rem;
  15830.      }
  15831.  
  15832.      .pr-2 {
  15833.          padding-right: 0.5rem;
  15834.      }
  15835.  
  15836.      .flex {
  15837.          display: flex;
  15838.      }
  15839.  
  15840.      .-mr-10 {
  15841.          margin-right: -2.5rem;
  15842.      }
  15843.  
  15844.      .top-0 {
  15845.          top: 0;
  15846.      }
  15847.  
  15848.      .right-0 {
  15849.          right: 0;
  15850.      }
  15851.  
  15852.      .absolute {
  15853.          position: absolute;
  15854.      }
  15855.  
  15856.      .css-1wpp9sf {
  15857.          color: rgb(255, 255, 255);
  15858.          background: rgb(245, 121, 30);
  15859.      }
  15860.  
  15861.      .duration-300 {
  15862.          transition-duration: .3s;
  15863.      }
  15864.  
  15865.      .transition {
  15866.          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  15867.          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  15868.          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  15869.          transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  15870.          transition-duration: .15s;
  15871.      }
  15872.  
  15873.      .font-medium {
  15874.          font-weight: 500;
  15875.      }
  15876.  
  15877.      .text-sm {
  15878.          font-size: .875rem;
  15879.          line-height: 1.25rem;
  15880.      }
  15881.  
  15882.      .py-2 {
  15883.          padding-top: 0.5rem;
  15884.          padding-bottom: 0.5rem;
  15885.      }
  15886.  
  15887.      .rounded-l-full {
  15888.          border-top-left-radius: 9999px;
  15889.          border-bottom-left-radius: 9999px;
  15890.      }
  15891.  
  15892.      .justify-center {
  15893.          justify-content: center;
  15894.      }
  15895.  
  15896.      .w-full {
  15897.          width: 100%;
  15898.      }
  15899.  
  15900.      .flex {
  15901.          display: flex;
  15902.      }
  15903.  
  15904.      a {
  15905.          color: inherit;
  15906.          text-decoration: inherit;
  15907.      }
  15908.  
  15909.  </style>
  15910.  
  15911.  
  15912.  <!--Navbar -->
  15913.  <header class="mb-5">
  15914.      <nav class="fixed top-0 z-40 w-full border-b border-t border-transparent backdrop-blur-sm" style="background-color:rgb(0,0,0, 0.75);" data-headlessui-state="open">
  15915.          <div class="mx-auto max-w-7xl px-3 sm:px-6 lg:px-[3.2rem]">
  15916.              <div class="relative flex h-16 items-center justify-between md:justify-between">
  15917.                  <div class="absolute inset-y-0 space-x-4 left-0 flex items-center">
  15918.                      <button class="navbar-toggler border-0 lg:hidden" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
  15919.                          <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="block h-6 w-6">
  15920.                              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
  15921.                          </svg>
  15922.                      </button>
  15923.                      <a class="relative w-auto" href="https://rajadiamond.id">
  15924.                          <img alt="logo" srcset="/assets/thumbnail/panen.webp" src="/assets/thumbnail/panen.webp" width="100" height="100" decoding="async" data-nimg="1" class="block h-12 w-auto" loading="lazy" style="color: transparent;" />
  15925.                      </a>
  15926.                  </div>
  15927.  
  15928.                  <!-- Show Daftar / Masuk -->
  15929.                  <div class="flex space-x-6 items-center sm:items-center sm:justify-start ml-12 sm:ml-0 gap-4">
  15930.                      <div class="flex sm:ml-0 items-center">
  15931.                          <div class="hidden lg:ml-10 lg:block lg:self-stretch">
  15932.                              <div class="flex h-full space-x-6">
  15933.                                  <style>
  15934.                                      .hover-effect-sub-nav:hover {
  15935.                                          color: #FDFD34 !important;
  15936.                                      }
  15937.  
  15938.                                  </style>
  15939.                                  <a style="padding-top: 2px;" class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 text-sm font-medium transition-colors duration-200 ease-out border-transparent hover-effect-sub-nav" style="outline:none" href="https://rajadiamond.id"><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">
  15940.                                          <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">
  15941.                                          </path>
  15942.                                      </svg><span>Beranda</span></a>
  15943.                                  <a class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 text-sm font-medium transition-colors duration-200 ease-out border-transparent hover-effect-sub-nav" style="outline:none" href="https://rajadiamond.id/cari"><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">
  15944.                                          <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">
  15945.                                          </path>
  15946.                                      </svg><span>Cek Transaksi</span></a>
  15947.                                  <a class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 text-sm font-medium outline-none transition-colors duration-200 ease-out border-transparent hover-effect-sub-nav" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="cursor:pointer;">
  15948.                                      <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
  15949.                                          <desc></desc>
  15950.                                          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  15951.                                          <rect x="4" y="3" width="16" height="18" rx="2"></rect>
  15952.                                          <rect x="8" y="7" width="8" height="3" rx="1"></rect>
  15953.                                          <line x1="8" y1="14" x2="8" y2="14.01"></line>
  15954.                                          <line x1="12" y1="14" x2="12" y2="14.01"></line>
  15955.                                          <line x1="16" y1="14" x2="16" y2="14.01"></line>
  15956.                                          <line x1="8" y1="17" x2="8" y2="17.01"></line>
  15957.                                          <line x1="12" y1="17" x2="12" y2="17.01"></line>
  15958.                                          <line x1="16" y1="17" x2="16" y2="17.01"></line>
  15959.                                      </svg>Calculator ML</a>
  15960.                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  15961.                                      <a class="dropdown-item hover:bg-btnPurple" href="https://rajadiamond.id/hitungwr">Winrate</a>
  15962.                                      <a class="dropdown-item hover:bg-btnPurple" href="https://rajadiamond.id/hitungpointmw">Magic Wheel</a>
  15963.                                      <a class="dropdown-item hover:bg-btnPurple" href="https://rajadiamond.id/hitungpointzodiac">Zodiac</a>
  15964.                                  </div>
  15965.                                  <a class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 text-sm font-medium transition-colors duration-200 ease-out border-transparent hover-effect-sub-nav" style="outline:none" href="https://rajadiamond.id/topten">
  15966.                                      <svg xmlns="http://www.w3.org/2000/svg" class="mr-1" height="1em" width="1em" viewBox="0 0 24 24" fill="none">
  15967.                                          <path d="M12 14V17M12 14C9.58104 14 7.56329 12.2822 7.10002 10M12 14C14.419 14 16.4367 12.2822 16.9 10M17 5H19.75C19.9823 5 20.0985 5 20.1951 5.01921C20.5918 5.09812 20.9019 5.40822 20.9808 5.80491C21 5.90151 21 6.01767 21 6.25C21 6.94698 21 7.29547 20.9424 7.58527C20.7056 8.77534 19.7753 9.70564 18.5853 9.94236C18.2955 10 17.947 10 17.25 10H17H16.9M7 5H4.25C4.01767 5 3.90151 5 3.80491 5.01921C3.40822 5.09812 3.09812 5.40822 3.01921 5.80491C3 5.90151 3 6.01767 3 6.25C3 6.94698 3 7.29547 3.05764 7.58527C3.29436 8.77534 4.22466 9.70564 5.41473 9.94236C5.70453 10 6.05302 10 6.75 10H7H7.10002M12 17C12.93 17 13.395 17 13.7765 17.1022C14.8117 17.3796 15.6204 18.1883 15.8978 19.2235C16 19.605 16 20.07 16 21H8C8 20.07 8 19.605 8.10222 19.2235C8.37962 18.1883 9.18827 17.3796 10.2235 17.1022C10.605 17 11.07 17 12 17ZM7.10002 10C7.03443 9.67689 7 9.34247 7 9V4.57143C7 4.03831 7 3.77176 7.09903 3.56612C7.19732 3.36201 7.36201 3.19732 7.56612 3.09903C7.77176 3 8.03831 3 8.57143 3H15.4286C15.9617 3 16.2282 3 16.4339 3.09903C16.638 3.19732 16.8027 3.36201 16.901 3.56612C17 3.77176 17 4.03831 17 4.57143V9C17 9.34247 16.9656 9.67689 16.9 10" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  15968.                                      </svg><span>Leaderboard</span></a>
  15969.                              </div>
  15970.                          </div>
  15971.                      </div>
  15972.                  </div>
  15973.  
  15974.  
  15975.                  <div class="relative" data-headlessui-state="open">
  15976.                  </div>
  15977.                  <div class="flex items-center space-x-0.5 ">
  15978.                      <div class="h-7">
  15979.                      </div>
  15980.  
  15981.                      <!--<button style="border: solid 1px #515151" id="showSearchButton" type="button" onclick="toggleInput()" class="flex items-center gap-x-2 rounded-md bg-gray-500 p-2 text-text-color outline-none duration-200 ease-in-out lg:border lg:border-white lg:bg-transparent lg:pl-3 lg:pr-4 hover:bg-primary-400">
  15982.    <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 lg:h-5 lg:w-5">
  15983.        <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></svg><span class="hidden text-sm  lg:block pl-1">Cari Produk</span>
  15984.        </button>
  15985.  
  15986.  
  15987.  
  15988.  
  15989.          <button class="inline-flex d-block d-lg-block justify-center rounded-md py-2 text-xs font-medium hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75" id="headlessui-menu-button-:R1qd6:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="closed" aria-controls="headlessui-menu-items-:r0:">
  15990.            <div class="flex gap-2 p-2 lg:pr-2 btn-light w-full flex justify-center rounded-lg py-2 text-sm font-medium md:inline-flex transition duration-300">
  15991.                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="20" height="20">
  15992.                    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"></path>
  15993.                </svg>Masuk
  15994.            </div>
  15995.            <div class="flex gap-2 pr-0 lg:pr-2 ">
  15996.            </div>
  15997.        </button>
  15998.                            <div class="absolute right-0 mtman w-72 origin-top-right divide-y divide-gray-100 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-non css-18exuzb transform opacity-0 scale-95 hidden" aria-labelledby="headlessui-menu-button-:R1qd6:" id="headlessui-menu-items-:r0:" role="menu" tabindex="0" data-headlessui-state="closed">
  15999.                <div class="px-1 py-1" role="none"><style>
  16000.                                        .mtman {
  16001.                        margin-top: 16rem;
  16002.                    }
  16003.                </style>
  16004.                    <div id="headlessui-menu-item-:r1:" role="menuitem" tabindex="-1" data-headlessui-state="1">
  16005.                        <div class="text-center mt-4 ">
  16006.                            <img alt="logo-" srcset="/assets/thumbnail/20240102_094720.png" src="/assets/thumbnail/20240102_094720.png" width="150" height="120" decoding="async" data-nimg="1" class="mx-auto" loading="lazy" style="color: transparent;"/>
  16007.                            <p class="text-md font-normal mt-2">Selamat datang di <strong>NVD STORE INDONESA</strong></p>
  16008.                        </div>
  16009.                            <div class="flex w-full p-3">
  16010.                            
  16011.                                                              <a class="btn-voucher btn btn-light btn-primary w-full flex justify-center rounded-l-full py-2 text-sm font-medium md:inline-flex transition duration-300 css-1wpp9sf" href="https://nvdstore.id/login">Masuk</a>
  16012.                                                                <a class="btn-voucher btn-light w-full flex justify-center rounded-r-full py-2 text-sm font-medium md:inline-flex transition duration-300 css-mxl5am" href="https://nvdstore.id/register">Daftar</a>
  16013.                                </div>
  16014.                            </div>
  16015.                        </div>
  16016.                    </div>
  16017.                </div>
  16018.      
  16019.            </div>
  16020.        </div>
  16021.    </div> -->
  16022.  
  16023.  
  16024.                      <style>
  16025.                          .hover-effect-search:hover {
  16026.                              background-color: #FDFD34;
  16027.                              color: black;
  16028.                          }
  16029.  
  16030.                      </style>
  16031.                      <button style="border: solid 1px #515151" id="showSearchButton" type="button" onclick="toggleInput()" class="flex items-center gap-x-2 rounded-md bg-gray-500 p-2 text-text-color outline-none duration-200 ease-in-out lg:border lg:border-white lg:bg-transparent lg:pl-3 lg:pr-4 hover-effect-search">
  16032.                          <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 lg:h-5 lg:w-5">
  16033.                              <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>
  16034.                          </svg><span class="hidden text-sm  lg:block pl-1">Cari Produk</span>
  16035.                      </button>
  16036.  
  16037.                      &nbsp;&nbsp;&nbsp;&nbsp;
  16038.  
  16039.                                            <div class="lg:hidden lg:block lg:self-stretch">
  16040.                          <style>
  16041.                              .hover-effect-masuk-sm:hover {
  16042.                                  color: #FDFD34;
  16043.                              }
  16044.  
  16045.                          </style>
  16046.                          <button class="inline-flex d-block d-lg-block justify-center rounded-md py-2 text-xs font-medium hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75" id="headlessui-menu-button-:R1qd6:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="closed" aria-controls="headlessui-menu-items-:r0:">
  16047.                              <div class="flex gap-2 p-2 lg:pr-2 btn-light w-full flex justify-center rounded-lg py-2 text-sm font-medium md:inline-flex transition duration-300 hover-effect-masuk-sm">
  16048.                                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="20" height="20">
  16049.                                      <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9">
  16050.                                      </path>
  16051.                                  </svg>Masuk
  16052.                              </div>
  16053.                              <div class="flex gap-2 pr-0 lg:pr-2 ">
  16054.                              </div>
  16055.                          </button>
  16056.                      </div>
  16057.                                                                                        <div class="hidden lg:block lg:self-stretch">
  16058.                          <a href="https://rajadiamond.id/login"><button class="inline-flex d-block d-lg-block justify-center rounded-md">
  16059.                                  <style>
  16060.                                      .hover-effect-masuk:hover {
  16061.                                          color: #FDFD34;
  16062.                                      }
  16063.  
  16064.                                  </style>
  16065.                                  <div class="flex gap-2 p-2 lg:pr-2 btn-light w-full flex justify-center rounded-lg py-2 text-sm font-medium md:inline-flex transition duration-300 hover-effect-masuk">
  16066.                                      Masuk
  16067.                                  </div>
  16068.                                  <div class="flex gap-2 pr-0 lg:pr-2 ">
  16069.                                  </div>
  16070.                              </button></a>
  16071.                      </div>
  16072.  
  16073.                      <div class="hidden lg:block lg:self-stretch">
  16074.                          <a href="https://rajadiamond.id/register"><button style="background-color: #FDFD34;" class="inline-flex d-block d-lg-block justify-center rounded-md text-dark">
  16075.                                  <style>
  16076.                                      .hover-effect:hover {
  16077.                                          background-color: #ffff6c;
  16078.                                          color: black;
  16079.                                      }
  16080.  
  16081.                                  </style>
  16082.  
  16083.                                  <div class="flex gap-2 p-2 lg:pr-2 btn-light w-full flex justify-center rounded-lg py-2 text-sm font-medium md:inline-flex transition duration-300 hover-effect">
  16084.                                      Daftar
  16085.                                  </div>
  16086.                                  <div class="flex gap-2 pr-0 lg:pr-2 ">
  16087.                                  </div>
  16088.                              </button></a>
  16089.                      </div>
  16090.                                            <div class="lg:hidden lg:block lg:self-stretch">
  16091.                      </div>
  16092.  
  16093.                      <div class="hidden lg:block lg:self-stretch">
  16094.                      </div>
  16095.  
  16096.                      <div class="hidden lg:block lg:self-stretch">
  16097.                      </div>
  16098.  
  16099.                      <div class="relative" data-headlessui-state="open">
  16100.                      </div>
  16101.                      <div class="flex items-center space-x-0.5 ">
  16102.                          <div class="h-7">
  16103.                          </div>
  16104.  
  16105.                          <div class="absolute right-0 mtman w-72 origin-top-right divide-y divide-gray-100 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-non css-18exuzb transform opacity-0 scale-95 hidden" aria-labelledby="headlessui-menu-button-:R1qd6:" id="headlessui-menu-items-:r0:" role="menu" tabindex="0" data-headlessui-state="closed">
  16106.                              <div class="px-1 py-1" role="none">
  16107.                                  <style>
  16108.                                      .mtman {
  16109.                                          margin-top: 24rem;
  16110.                                      }
  16111.  
  16112.                                  </style>
  16113.                                  <div id="headlessui-menu-item-:r1:" role="menuitem" tabindex="-1" data-headlessui-state="1">
  16114.                                      <div class="text-center mt-4 ">
  16115.                                          <img alt="logo-" srcset="/assets/thumbnail/panen.webp" src="/assets/thumbnail/panen.webp" width="150" height="120" decoding="async" data-nimg="1" class="mx-auto" loading="lazy" style="color: transparent;" />
  16116.                                          <p class="text-md font-normal mt-2">Selamat datang di
  16117.                                              <strong>RAJA DIAMOND</strong>
  16118.                                          </p>
  16119.                                      </div>
  16120.                                      <div class="flex w-full p-3">
  16121.  
  16122.                                          <a class="btn-voucher btn btn-light btn-primary w-full flex justify-center rounded-l-full py-2 text-sm font-medium md:inline-flex transition duration-300 css-1wpp9sf " style="color:#0a0a0a !important;" href="https://rajadiamond.id/login">Masuk</a>
  16123.  
  16124.                                          <a class="btn-vouch   er btn-light w-full flex justify-center rounded-r-full py-2 text-sm font-medium md:inline-flex transition duration-300 css-mxl5am" href="https://rajadiamond.id/register">Daftar</a>
  16125.                                      </div>
  16126.                                  </div>
  16127.                              </div>
  16128.                          </div>
  16129.                      </div>
  16130.  
  16131.                  </div>
  16132.              </div>
  16133.          </div>
  16134.  
  16135.  
  16136.          <!-- End Show Daftar / Masuk -->
  16137.  
  16138.          <!-- End Show Daftar / Masuk -->
  16139.  
  16140.  
  16141.  
  16142.          <div id="searchContainer" class="col-lg-11 mx-auto w-full max-w-7xl p-4 sm:p-8">
  16143.              <div class="flex w-full items-center md:mx-auto lg:mx-0 xl:px-0">
  16144.  
  16145.                  <form class="relative w-full">
  16146.                      <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2">
  16147.                      </div>
  16148.                      <input id="searchInput" class="hidden block w-full rounded-md border-none py-2 pl-5 gap-3 pr-3 text-sm text-dark focus:outline-none focus:ring-1 fsm:text-sm md:py-3 ms-" placeholder="Cari ..." type="search" autocomplete="off" />
  16149.                  </form>
  16150.              </div>
  16151.              <ul class="p-2 px-3 backdrop-blur-sm rounded-4 mt-3 text-white d-none" id="live_search_ul" style="list-style: none; max-height: 600px; overflow-x:scroll"></ul>
  16152.          </div>
  16153.          </div>
  16154.          <style>
  16155.              /* Definisikan animasi untuk kontainer pencarian */
  16156.  
  16157.              @keyframes  slideDown {
  16158.  
  16159.                  0% {
  16160.  
  16161.                      transform: translateY(-100%);
  16162.  
  16163.                  }
  16164.  
  16165.                  30% {
  16166.  
  16167.                      transform: translateY(0);
  16168.  
  16169.                  }
  16170.  
  16171.              }
  16172.  
  16173.  
  16174.              /* Tambahkan gaya untuk kontainer yang terlihat */
  16175.  
  16176.              #searchContainer.visible {
  16177.  
  16178.                  animation: slideDown 0.1s ease-in-out;
  16179.  
  16180.              }
  16181.  
  16182.  
  16183.              .offcanvas-backdrop.show {
  16184.                  opacity: 1;
  16185.                  background-color: rgba(15, 23, 42, .5);
  16186.                  backdrop-filter: blur(8px);
  16187.  
  16188.              }
  16189.  
  16190.          </style>
  16191.      </nav>
  16192.  </header>
  16193.  
  16194.  <!--Show Navbar menu-->
  16195.  
  16196.  <div class="flex shrink-0 items-center px-4">
  16197.      <div class="offcanvas offcanvas-start offcanvas-backdrop.show bg-gray-700" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel" visibility: visible;" aria-modal="true" role="dialog">
  16198.          <div class="offcanvas-header">
  16199.              <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">
  16200.                  <img alt="Logo" fetchpriority="high" width="50" height="50" decoding="async" data-nimg="1" class="h-8 w-auto" src="/assets/banner/FONT RAJA DM . PNG.png" src="/assets/banner/FONT RAJA DM . PNG.png" alt="">
  16201.              </h5>
  16202.              <button type="button" class="rounded-full text-gray-400 hover:text-btnPurple focus:outline-none focus:ring-2 focus:ring-white" data-bs-dismiss="offcanvas" aria-label="Close">
  16203.                  <span class="sr-only">Close panel</span>
  16204.                  <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">
  16205.                      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
  16206.                  </svg></button>
  16207.          </div>
  16208.  
  16209.          <nav class="space-y-1 px-3 mt-4">
  16210.              <a class="group flex items-center rounded-md p-2 text-base font-medium css-1tq05rq hover-effect-sub-nav" href="https://rajadiamond.id">
  16211.                  <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
  16212.                      <desc></desc>
  16213.                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  16214.                      <polyline points="5 12 3 12 12 3 21 12 19 12"></polyline>
  16215.                      <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
  16216.                      <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
  16217.                  </svg>
  16218.                  Beranda
  16219.                  <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">
  16220.                      <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>
  16221.                  </svg>
  16222.              </a>
  16223.              <a class="group flex items-center rounded-md p-2 text-base font-medium css-1tq05rq hover-effect-sub-nav" href="https://rajadiamond.id/cari">
  16224.                  <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
  16225.                      <desc></desc>
  16226.                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  16227.                      <circle cx="10" cy="10" r="7"></circle>
  16228.                      <line x1="21" y1="21" x2="15" y2="15"></line>
  16229.                  </svg>
  16230.                  Lacak Pesanan
  16231.              </a>
  16232.  
  16233.              <div class="dropdown">
  16234.                  <a class="group flex items-center rounded-md p-2 w-90 text-base font-medium css-1tq05rq dropdown-toggle hover-effect-sub-nav:" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="cursor:pointer;">
  16235.                      <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
  16236.                          <desc></desc>
  16237.                          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  16238.                          <rect x="4" y="3" width="16" height="18" rx="2"></rect>
  16239.                          <rect x="8" y="7" width="8" height="3" rx="1"></rect>
  16240.                          <line x1="8" y1="14" x2="8" y2="14.01"></line>
  16241.                          <line x1="12" y1="14" x2="12" y2="14.01"></line>
  16242.                          <line x1="16" y1="14" x2="16" y2="14.01"></line>
  16243.                          <line x1="8" y1="17" x2="8" y2="17.01"></line>
  16244.                          <line x1="12" y1="17" x2="12" y2="17.01"></line>
  16245.                          <line x1="16" y1="17" x2="16" y2="17.01"></line>
  16246.                      </svg>
  16247.                      Calculator ML
  16248.                  </a>
  16249.                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  16250.                      <a class="dropdown-item hover-effect-sub-nav" href="https://rajadiamond.id/hitungwr">Winrate</a>
  16251.                      <a class="dropdown-item hover-effect-sub-nav" href="https://rajadiamond.id/hitungpointmw">Magic Wheel</a>
  16252.                      <a class="dropdown-item hover-effect-sub-nav" href="https://rajadiamond.id/hitungpointzodiac">Zodiac</a>
  16253.                  </div>
  16254.              </div>
  16255.  
  16256.              <a class="group flex items-center rounded-md p-2 text-base font-medium css-1tq05rq hover-effect-sub-nav" href="https://rajadiamond.id/topten">
  16257.                  <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" height="1em" width="1em" viewBox="0 0 24 24" fill="none">
  16258.                      <path d="M12 14V17M12 14C9.58104 14 7.56329 12.2822 7.10002 10M12 14C14.419 14 16.4367 12.2822 16.9 10M17 5H19.75C19.9823 5 20.0985 5 20.1951 5.01921C20.5918 5.09812 20.9019 5.40822 20.9808 5.80491C21 5.90151 21 6.01767 21 6.25C21 6.94698 21 7.29547 20.9424 7.58527C20.7056 8.77534 19.7753 9.70564 18.5853 9.94236C18.2955 10 17.947 10 17.25 10H17H16.9M7 5H4.25C4.01767 5 3.90151 5 3.80491 5.01921C3.40822 5.09812 3.09812 5.40822 3.01921 5.80491C3 5.90151 3 6.01767 3 6.25C3 6.94698 3 7.29547 3.05764 7.58527C3.29436 8.77534 4.22466 9.70564 5.41473 9.94236C5.70453 10 6.05302 10 6.75 10H7H7.10002M12 17C12.93 17 13.395 17 13.7765 17.1022C14.8117 17.3796 15.6204 18.1883 15.8978 19.2235C16 19.605 16 20.07 16 21H8C8 20.07 8 19.605 8.10222 19.2235C8.37962 18.1883 9.18827 17.3796 10.2235 17.1022C10.605 17 11.07 17 12 17ZM7.10002 10C7.03443 9.67689 7 9.34247 7 9V4.57143C7 4.03831 7 3.77176 7.09903 3.56612C7.19732 3.36201 7.36201 3.19732 7.56612 3.09903C7.77176 3 8.03831 3 8.57143 3H15.4286C15.9617 3 16.2282 3 16.4339 3.09903C16.638 3.19732 16.8027 3.36201 16.901 3.56612C17 3.77176 17 4.03831 17 4.57143V9C17 9.34247 16.9656 9.67689 16.9 10" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  16259.                  </svg>
  16260.                  Leaderboard
  16261.              </a>
  16262.      </div>
  16263.  
  16264.      </nav>
  16265.  </div>
  16266.  </div>
  16267.  
  16268.  
  16269.  
  16270.  <!-- End Show Navbar-->
  16271.  
  16272. <style>
  16273.    .py-6 {
  16274.        padding-top: 1.5rem;
  16275.        padding-bottom: 1.5rem;
  16276.    }
  16277.  
  16278.    .px-4 {
  16279.        padding-left: 1rem;
  16280.        padding-right: 1rem;
  16281.    }
  16282.  
  16283.    .items-end {
  16284.        align-items: flex-end;
  16285.    }
  16286.  
  16287.    .flex {
  16288.        display: flex;
  16289.    }
  16290.  
  16291.    .z-50 {
  16292.        z-index: 50;
  16293.    }
  16294.  
  16295.    .inset-0,
  16296.    .inset-x-0 {
  16297.        right: 0;
  16298.        left: 0;
  16299.    }
  16300.  
  16301.    .inset-0 {
  16302.        top: 0;
  16303.        bottom: 0;
  16304.    }
  16305.  
  16306.    .fixed {
  16307.        position: fixed;
  16308.    }
  16309.  
  16310.    .pointer-events-none {
  16311.        pointer-events: none;
  16312.    }
  16313.  
  16314.  
  16315.    .bg-nvd {
  16316.        background: #470000;
  16317.    }
  16318.  
  16319.  
  16320.  
  16321.    .font-bold {
  16322.        font-weight: 700;
  16323.    }
  16324.  
  16325.    .outline-none {
  16326.        outline: 2px solid transparent;
  16327.        outline-offset: 2px;
  16328.    }
  16329.  
  16330.    .text-primary-500 {
  16331.        --tw-text-opacity: 1;
  16332.        color: rgb(249 115 22/var(--tw-text-opacity));
  16333.    }
  16334.  
  16335.    .font-medium {
  16336.        font-weight: 500;
  16337.    }
  16338.  
  16339.    .text-sm {
  16340.        font-size: 0.875rem;
  16341.        line-height: 1.25rem;
  16342.    }
  16343.  
  16344.    .py-4 {
  16345.        padding-top: 1rem;
  16346.        padding-bottom: 1rem;
  16347.    }
  16348.  
  16349.    .px-3 {
  16350.        padding-left: 0.75rem;
  16351.        padding-right: 0.75rem;
  16352.    }
  16353.  
  16354.    .to-murky-800 {
  16355.        --tw-gradient-to: #34373b;
  16356.    }
  16357.  
  16358.    .from-murky-700 {
  16359.        --tw-gradient-from: #34373b;
  16360.        --tw-gradient-to: rgba(61, 67, 72, 0);
  16361.        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  16362.    }
  16363.  
  16364.    .bg-gradient-to-t {
  16365.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  16366.    }
  16367.  
  16368.    .border-primary-500 {
  16369.        --tw-border-opacity: 1;
  16370.        border-color: #e10603;
  16371.    }
  16372.  
  16373.    .border-b-2 {
  16374.        border-bottom-width: 2px;
  16375.    }
  16376.  
  16377.    .truncate,
  16378.    .whitespace-nowrap {
  16379.        white-space: nowrap;
  16380.    }
  16381.  
  16382.    .flex {
  16383.        display: flex;
  16384.    }
  16385.  
  16386.    [type=button],
  16387.    [type=reset],
  16388.    [type=submit],
  16389.    button {
  16390.        -webkit-appearance: button;
  16391.        background-color: transparent;
  16392.        background-image: none;
  16393.    }
  16394.  
  16395.    [role=button],
  16396.    button {
  16397.        cursor: pointer;
  16398.    }
  16399.  
  16400.    button,
  16401.    select {
  16402.        text-transform: none;
  16403.    }
  16404.  
  16405.    button,
  16406.    input,
  16407.    optgroup,
  16408.    select,
  16409.    textarea {
  16410.        font-family: inherit;
  16411.        font-size: 100%;
  16412.        font-weight: inherit;
  16413.        line-height: inherit;
  16414.        color: inherit;
  16415.        margin: 0;
  16416.        padding: 0;
  16417.    }
  16418.  
  16419.    .overflow-auto {
  16420.        overflow: auto;
  16421.    }
  16422.  
  16423.    .flex {
  16424.        display: flex;
  16425.    }
  16426.  
  16427.    .-mb-px {
  16428.        margin-bottom: -1px;
  16429.    }
  16430.  
  16431.    .hide-scrollbar {
  16432.        display: none;
  16433.        flex-wrap: nowrap;
  16434.        padding-bottom: 1.5rem;
  16435.        padding-left: 0;
  16436.        margin-block: 0;
  16437.        /* overflow-x: auto; */
  16438.        list-style: none;
  16439.        text-align: center;
  16440.        white-space: nowrap;
  16441.        overflow: auto;
  16442.    }
  16443.  
  16444.    .bg-gradient-to-t {
  16445.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  16446.    }
  16447.  
  16448.    .bg-gradient-to-t:hover {
  16449.        background-image: linear-gradient(to top, var(--tw-gradient-stops));
  16450.    }
  16451.  
  16452.    .from-murky-700:hover {
  16453.        --tw-gradient-from: #3d4348;
  16454.        --tw-gradient-to: rgb(0 70 128 / 0%);
  16455.        --tw-gradient-stops: #ffff6c, rgb(205 205 205 / 0%);
  16456.    }
  16457.  
  16458.    .text-yellow-400 {
  16459.        --tw-text-opacity: 1;
  16460.        color: white;
  16461.    }
  16462.  
  16463.    .animate-flicker {
  16464.        -webkit-animation: flicker 5s linear infinite;
  16465.        animation: flicker 5s linear infinite;
  16466.    }
  16467.  
  16468.    .w-8 {
  16469.        width: 2rem;
  16470.    }
  16471.  
  16472.    .h-8 {
  16473.        height: 2rem;
  16474.    }
  16475.  
  16476.    audio,
  16477.    canvas,
  16478.    embed,
  16479.    iframe,
  16480.    img,
  16481.    object,
  16482.    svg,
  16483.    video {
  16484.        display: block;
  16485.        vertical-align: middle;
  16486.    }
  16487.  
  16488.    @-webkit-keyframes flicker {
  16489.  
  16490.        0%,
  16491.        19.999%,
  16492.        22%,
  16493.        62.999%,
  16494.        64%,
  16495.        64.999%,
  16496.        70%,
  16497.        to {
  16498.            opacity: .99;
  16499.            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))
  16500.        }
  16501.  
  16502.        20%,
  16503.        21.999%,
  16504.        63%,
  16505.        63.999%,
  16506.        65%,
  16507.        69.999% {
  16508.            opacity: .4;
  16509.            filter: none
  16510.        }
  16511.    }
  16512.  
  16513.    @keyframes  flicker {
  16514.  
  16515.        0%,
  16516.        19.999%,
  16517.        22%,
  16518.        62.999%,
  16519.        64%,
  16520.        64.999%,
  16521.        70%,
  16522.        to {
  16523.            opacity: .99;
  16524.            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))
  16525.        }
  16526.  
  16527.        20%,
  16528.        21.999%,
  16529.        63%,
  16530.        63.999%,
  16531.        65%,
  16532.        69.999% {
  16533.            opacity: .4;
  16534.            filter: none
  16535.        }
  16536.    }
  16537.  
  16538.    .border-primary-500.active,
  16539.    .border-primary-500.show>.border-primary-500 .bg-gradient-to-t {
  16540.        border-color: #fff;
  16541.        color: #707FEB;
  16542.  
  16543.    }
  16544.  
  16545.    .border-primary-500 {
  16546.        --tw-border-opacity: 1;
  16547.        border-color: #FDFD34;
  16548.    }
  16549.  
  16550.    .border-primary-500:hover {
  16551.        --tw-border-opacity: 1;
  16552.        border-color: #ffff6c;
  16553.    }
  16554.  
  16555.    .border-gray-500 {
  16556.        --tw-border-opacity: 1;
  16557.        border-color: rgb(107 104 128/var(--tw-border-opacity));
  16558.    }
  16559.  
  16560.    .-mb-px {
  16561.        margin-bottom: -9px;
  16562.    }
  16563.  
  16564.  
  16565.  
  16566.    .pt-2 {
  16567.        padding-top: 0.5rem;
  16568.    }
  16569.  
  16570.    .box-content {
  16571.        box-sizing: content-box;
  16572.    }
  16573.  
  16574.    .flow-root {
  16575.        display: flow-root;
  16576.    }
  16577.  
  16578.    .mt-4 {
  16579.        margin-top: 1rem;
  16580.    }
  16581.  
  16582.    /*index*/
  16583.  
  16584.    .hover\:border-primary-500:hover {
  16585.        --tw-border-opacity: 1;
  16586.        border-color: white:
  16587.    }
  16588.  
  16589.    .hover\:\!bg-murky-600:hover {
  16590.        --tw-bg-opacity: 1 !important;
  16591.        background-color: rgb(74 81 87/var(--tw-bg-opacity)) !important
  16592.    }
  16593.  
  16594.    .hover\:\!bg-murky-800:hover {
  16595.        --tw-bg-opacity: 1 !important;
  16596.        background-color: rgb(52 55 59/var(--tw-bg-opacity)) !important
  16597.    }
  16598.  
  16599.    .hover\:bg-murky-50:hover {
  16600.        --tw-bg-opacity: 1;
  16601.        background-color: rgb(246 246 247/var(--tw-bg-opacity))
  16602.    }
  16603.  
  16604.    .hover\:bg-murky-500:hover {
  16605.        --tw-bg-opacity: 1;
  16606.        background-color: rgb(94 102 110/var(--tw-bg-opacity))
  16607.    }
  16608.  
  16609.    .hover\:bg-murky-600:hover {
  16610.        --tw-bg-opacity: 1;
  16611.        background-color: rgb(74 81 87/var(--tw-bg-opacity))
  16612.    }
  16613.  
  16614.    .hover\:bg-murky-700:hover {
  16615.        --tw-bg-opacity: 1;
  16616.        background-color: #8a1111 !important;
  16617.    }
  16618.  
  16619.    .hover\:bg-murky-800:hover {
  16620.        --tw-bg-opacity: 1;
  16621.        background-color: rgb(52 55 59/var(--tw-bg-opacity))
  16622.    }
  16623.  
  16624.    .hover\:bg-orange-400:hover,
  16625.    .hover\:bg-primary-400:hover {
  16626.        --tw-bg-opacity: 1;
  16627.        background-color: rgb(251 146 60/var(--tw-bg-opacity))
  16628.    }
  16629.  
  16630.    .hover\:bg-primary-600:hover {
  16631.        --tw-bg-opacity: 1;
  16632.        background-color: rgb(234 88 12/var(--tw-bg-opacity))
  16633.    }
  16634.  
  16635.    .hover\:from-murky-700:hover {
  16636.        --tw-gradient-from: #3d4348;
  16637.        --tw-gradient-to: rgba(61, 67, 72, 0);
  16638.        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  16639.    }
  16640.  
  16641.    .hover\:text-murky-500:hover {
  16642.        --tw-text-opacity: 1;
  16643.        color: rgb(94 102 110/var(--tw-text-opacity))
  16644.    }
  16645.  
  16646.    .hover\:text-murky-800:hover {
  16647.        --tw-text-opacity: 1;
  16648.        color: rgb(52 55 59/var(--tw-text-opacity))
  16649.    }
  16650.  
  16651.    .hover\:text-primary-200:hover {
  16652.        --tw-text-opacity: 1;
  16653.        color: rgb(254 215 170/var(--tw-text-opacity))
  16654.    }
  16655.  
  16656.    .hover\:text-primary-300:hover {
  16657.        --tw-text-opacity: 1;
  16658.        color: rgb(253 186 116/var(--tw-text-opacity))
  16659.    }
  16660.  
  16661.    .hover\:text-primary-400:hover {
  16662.        --tw-text-opacity: 1;
  16663.        color: rgb(251 146 60/var(--tw-text-opacity))
  16664.    }
  16665.  
  16666.    .hover\:shadow-2xl:hover {
  16667.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  16668.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  16669.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  16670.    }
  16671.  
  16672.    .hover\:ring-2:hover {
  16673.        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  16674.        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  16675.        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  16676.    }
  16677.  
  16678.    .hover\:ring-yellow-400:hover {
  16679.        --tw-ring-opacity: 1;
  16680.        --tw-ring-color: rgb(250 204 21);
  16681.    }
  16682.  
  16683.  
  16684.  
  16685.    .hover\:ring-offset-2:hover {
  16686.        --tw-ring-offset-width: 2px
  16687.    }
  16688.  
  16689.    .hover\:ring-offset-murky-800:hover {
  16690.        --tw-ring-offset-color: white
  16691.    }
  16692.  
  16693.    .filter {
  16694.        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)
  16695.    }
  16696.  
  16697.    .backdrop-blur {
  16698.        --tw-backdrop-blur: blur(8px)
  16699.    }
  16700.  
  16701.    .backdrop-blur,
  16702.    .backdrop-blur-sm {
  16703.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  16704.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  16705.    }
  16706.  
  16707.    .backdrop-blur-sm {
  16708.        --tw-backdrop-blur: blur(4px)
  16709.    }
  16710.  
  16711.    .backdrop-filter {
  16712.        -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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  16713.        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) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  16714.    }
  16715.  
  16716.    .transition {
  16717.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  16718.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  16719.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  16720.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16721.        transition-duration: .15s
  16722.    }
  16723.  
  16724.    .transition-\[max-height\] {
  16725.        transition-property: max-height;
  16726.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16727.        transition-duration: .15s
  16728.    }
  16729.  
  16730.    .transition-all {
  16731.        transition-property: all;
  16732.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16733.        transition-duration: .15s
  16734.    }
  16735.  
  16736.    .transition-colors {
  16737.        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  16738.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16739.        transition-duration: .15s
  16740.    }
  16741.  
  16742.    .transition-opacity {
  16743.        transition-property: opacity;
  16744.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16745.        transition-duration: .15s
  16746.    }
  16747.  
  16748.    .delay-150 {
  16749.        transition-delay: .15s
  16750.    }
  16751.  
  16752.    .duration-100 {
  16753.        transition-duration: .1s
  16754.    }
  16755.  
  16756.    .duration-150 {
  16757.        transition-duration: .15s
  16758.    }
  16759.  
  16760.    .duration-200 {
  16761.        transition-duration: .2s
  16762.    }
  16763.  
  16764.    .duration-300 {
  16765.        transition-duration: .3s
  16766.    }
  16767.  
  16768.    .duration-700 {
  16769.        transition-duration: .7s
  16770.    }
  16771.  
  16772.    .duration-75 {
  16773.        transition-duration: 75ms
  16774.    }
  16775.  
  16776.    .ease-in {
  16777.        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
  16778.    }
  16779.  
  16780.    .ease-in-out {
  16781.        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  16782.    }
  16783.  
  16784.    .ease-linear {
  16785.        transition-timing-function: linear
  16786.    }
  16787.  
  16788.    .ease-out {
  16789.        transition-timing-function: cubic-bezier(0, 0, .2, 1)
  16790.    }
  16791.  
  16792.    .ease-in-out {
  16793.        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  16794.    }
  16795.  
  16796.    .duration-300 {
  16797.        transition-duration: .3s;
  16798.    }
  16799.  
  16800.    .bg-murky-700 {
  16801.        --tw-bg-opacity: 1;
  16802.        background-color: rgb(61 67 72/var(--tw-bg-opacity));
  16803.    }
  16804.  
  16805.    .rounded-2xl {
  16806.        border-radius: 1rem;
  16807.    }
  16808.  
  16809.    .overflow-hidden {
  16810.        overflow: hidden;
  16811.    }
  16812.  
  16813.    .scale-95,
  16814.    .transform {
  16815.        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));
  16816.    }
  16817.  
  16818.    .relative {
  16819.        position: relative;
  16820.    }
  16821.  
  16822.  
  16823.  
  16824.    .flip-card {
  16825.        position: relative;
  16826.        display: inline-flex;
  16827.        flex-direction: column;
  16828.        border-radius: 0.15em 0.15em 0 0;
  16829.        font-family: Arial, Helvetica, sans-serif;
  16830.        font-size: 17px;
  16831.    }
  16832.  
  16833.    .top,
  16834.    .bottom,
  16835.    .flip-card .top-flip,
  16836.    .flip-card .bottom-flip {
  16837.        height: .75em;
  16838.        line-height: 1;
  16839.        padding: .25em;
  16840.        overflow: hidden;
  16841.    }
  16842.  
  16843.    .top,
  16844.    .flip-card .top-flip {
  16845.        background-color: #c21010 !important;
  16846.        border-top-right-radius: .1em;
  16847.        border-top-left-radius: .1em;
  16848.        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  16849.        color: #ccc;
  16850.        border-radius: 0.25em 0.25em 0 0;
  16851.    }
  16852.  
  16853.    .bottom,
  16854.    .flip-card .bottom-flip {
  16855.        background-color: #e64848 !important;
  16856.        display: flex;
  16857.        align-items: flex-end;
  16858.        border-bottom-right-radius: .1em;
  16859.        border-bottom-left-radius: .1em;
  16860.        color: #fff;
  16861.        border-radius: 0 0 0.25em 0.25em;
  16862.    }
  16863.  
  16864.    .flip-card .top-flip {
  16865.        position: absolute;
  16866.        width: 100%;
  16867.        animation: flip-top 250ms ease-in;
  16868.        transform-origin: bottom;
  16869.        background-color: #e64848 !important;
  16870.    }
  16871.  
  16872.    @keyframes  flip-top {
  16873.        100% {
  16874.            transform: rotateX(90deg);
  16875.        }
  16876.    }
  16877.  
  16878.    .flip-card .bottom-flip {
  16879.        position: absolute;
  16880.        bottom: 0;
  16881.        width: 100%;
  16882.        animation: flip-bottom 250ms ease-out 250ms;
  16883.        transform-origin: top;
  16884.        transform: rotateX(90deg);
  16885.    }
  16886.  
  16887.    @keyframes  flip-bottom {
  16888.        100% {
  16889.            transform: rotateX(0deg);
  16890.        }
  16891.    }
  16892.  
  16893.    .containerr {
  16894.        gap: .4em;
  16895.        justify-content: center;
  16896.        position: absolute;
  16897.        display: flex;
  16898.    }
  16899.  
  16900.    .container-segment {
  16901.        display: flex;
  16902.        flex-direction: column;
  16903.        gap: .1em;
  16904.        align-items: center;
  16905.    }
  16906.  
  16907.    .segment {
  16908.        display: flex;
  16909.        gap: .1em;
  16910.    }
  16911.  
  16912.    .segment-title {
  16913.        font-size: 1rem;
  16914.    }
  16915.  
  16916.  
  16917.    .text-tih {
  16918.        font-size: 1.25rem;
  16919.        line-height: 1.90rem;
  16920.    }
  16921.  
  16922.    @media (min-width: 992px) {
  16923.        .desktop-padding {
  16924.            padding: 4px;
  16925.        }
  16926.    }
  16927.  
  16928.    .container {
  16929.        max-width: 1370px;
  16930.        margin: 0 auto;
  16931.        padding: 0 20px;
  16932.        box-sizing: border-box;
  16933.    }
  16934.  
  16935.    @media (max-width: 768px) {
  16936.        .container {
  16937.            padding: 0 7px;
  16938.        }
  16939.    }
  16940.  
  16941.    .text-\[\#FF2A2A\] {
  16942.        --tw-text-opacity: 1;
  16943.        color: rgb(255 42 42/var(--tw-text-opacity));
  16944.    }
  16945.  
  16946.    .font-bold {
  16947.        font-weight: 700;
  16948.    }
  16949.  
  16950.    .text-xs {
  16951.        font-size: .75rem;
  16952.        line-height: 1rem;
  16953.    }
  16954.  
  16955.    .py-0\.5 {
  16956.        padding-top: 0.125rem;
  16957.        padding-bottom: 0.125rem;
  16958.    }
  16959.  
  16960.    .px-2 {
  16961.        padding-left: 0.5rem;
  16962.        padding-right: 0.5rem;
  16963.    }
  16964.  
  16965.    .bg-danger-100 {
  16966.        --tw-bg-opacity: 1;
  16967.        background-color: rgb(254 202 202/var(--tw-bg-opacity));
  16968.    }
  16969.  
  16970.    .rounded {
  16971.        border-radius: 0.25rem;
  16972.    }
  16973.  
  16974.    .items-center {
  16975.        align-items: center;
  16976.    }
  16977.  
  16978.    .inline-flex {
  16979.        display: inline-flex;
  16980.    }
  16981.  
  16982.    .left-4 {
  16983.        left: 1rem;
  16984.    }
  16985.  
  16986.    .absolute {
  16987.        position: absolute;
  16988.    }
  16989.  
  16990.    .text-white {
  16991.        --tw-text-opacity: 1;
  16992.        color: rgb(255 255 255/var(--tw-text-opacity));
  16993.    }
  16994.  
  16995.    .font-bold {
  16996.        font-weight: 700;
  16997.    }
  16998.  
  16999.    .text-sm {
  17000.        font-size: .875rem;
  17001.        line-height: 1.25rem;
  17002.    }
  17003.  
  17004.    .relative {
  17005.        position: relative;
  17006.    }
  17007.  
  17008.    blockquote,
  17009.    dd,
  17010.    dl,
  17011.    figure,
  17012.    h1,
  17013.    h2,
  17014.    h3,
  17015.    h4,
  17016.    h5,
  17017.    h6,
  17018.    hr,
  17019.    p,
  17020.    pre {
  17021.        margin: 0;
  17022.    }
  17023.  
  17024.    h1,
  17025.    h2,
  17026.    h3,
  17027.    h4,
  17028.    h5,
  17029.    h6 {
  17030.        font-size: inherit;
  17031.        font-weight: inherit;
  17032.    }
  17033.  
  17034.    .backdrop-promo {
  17035.        background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .4));
  17036.    }
  17037.  
  17038.    .p-2 {
  17039.        padding: 0.5rem;
  17040.    }
  17041.  
  17042.    .rounded-lg {
  17043.        border-radius: 0.5rem;
  17044.    }
  17045.  
  17046.    .overflow-hidden {
  17047.        overflow: hidden;
  17048.    }
  17049.  
  17050.    .justify-end {
  17051.        justify-content: flex-end;
  17052.    }
  17053.  
  17054.    .items-end {
  17055.        align-items: flex-end;
  17056.    }
  17057.  
  17058.    .h-full {
  17059.        height: 100%;
  17060.    }
  17061.  
  17062.    .flex {
  17063.        display: flex;
  17064.    }
  17065.  
  17066.    .top-0 {
  17067.        top: 0;
  17068.    }
  17069.  
  17070.    .inset-x-0 {
  17071.        left: 0;
  17072.        right: 0;
  17073.    }
  17074.  
  17075.    .absolute {
  17076.        position: absolute;
  17077.    }
  17078.  
  17079.    .shadow,
  17080.    .shadow-lg {
  17081.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  17082.    }
  17083.  
  17084.    .shadow-lg {
  17085.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  17086.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  17087.    }
  17088.  
  17089.    .rounded-lg {
  17090.        border-radius: 0.5rem;
  17091.    }
  17092.  
  17093.  
  17094.  
  17095.    .shadow,
  17096.    .shadow-lg {
  17097.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  17098.    }
  17099.  
  17100.    .shadow-lg {
  17101.        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  17102.        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  17103.    }
  17104.  
  17105.    .rounded-lg {
  17106.        border-radius: 0.5rem;
  17107.    }
  17108.  
  17109.    .overflow-hidden {
  17110.        overflow: hidden;
  17111.    }
  17112.  
  17113.    .h-80 {
  17114.        height: 20rem;
  17115.    }
  17116.  
  17117.    .line-through {
  17118.        text-decoration-line: line-through;
  17119.    }
  17120.  
  17121.    .text-\[\#FF2A2A\] {
  17122.        --tw-text-opacity: 1;
  17123.        color: rgb(255 42 42/var(--tw-text-opacity));
  17124.    }
  17125.  
  17126.    .text-xs {
  17127.        font-size: .75rem;
  17128.        line-height: 1rem;
  17129.    }
  17130.  
  17131.    .ml-2 {
  17132.        margin-left: 0.5rem;
  17133.    }
  17134.  
  17135.    .tihmel {
  17136.        width: 25px;
  17137.    }
  17138.  
  17139.    .shadow-2xl {
  17140.        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  17141.        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  17142.    }
  17143.  
  17144.    .shadow,
  17145.    .shadow-2xl {
  17146.        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  17147.    }
  17148.  
  17149.    .py-4 {
  17150.        padding-top: 1rem;
  17151.        padding-bottom: 1rem;
  17152.    }
  17153.  
  17154.    .px-4 {
  17155.        padding-left: 1rem;
  17156.        padding-right: 1rem;
  17157.    }
  17158.  
  17159.    .bg-transparent {
  17160.        background-color: transparent;
  17161.    }
  17162.  
  17163.    .mb-4 {
  17164.        margin-bottom: 1rem;
  17165.    }
  17166.  
  17167.    .relative {
  17168.        position: relative;
  17169.    }
  17170.  
  17171.    .-z-10 {
  17172.        z-index: -10;
  17173.    }
  17174.  
  17175.    .inset-0,
  17176.    .inset-x-0 {
  17177.        right: 0;
  17178.        left: 0;
  17179.    }
  17180.  
  17181.    .inset-0 {
  17182.        top: 0;
  17183.        bottom: 0;
  17184.    }
  17185.  
  17186.    .absolute {
  17187.        position: absolute;
  17188.    }
  17189.  
  17190.    menu,
  17191.    ol,
  17192.    ul {
  17193.        list-style: none;
  17194.        margin: 0;
  17195.        padding: 0;
  17196.    }
  17197.  
  17198.    @keyframes  hightlight {
  17199.        0% {
  17200.            left: -400%;
  17201.        }
  17202.  
  17203.        to {
  17204.            left: 100%;
  17205.        }
  17206.    }
  17207.  
  17208.    .selected-item:after {
  17209.        animation: hightlight 5s ease-in infinite forwards;
  17210.        background-color: hsla(204, 9%, 89%, 0.5);
  17211.        --tw-content: "";
  17212.        content: var(--tw-content);
  17213.    }
  17214.  
  17215.    .product-thumbnail-container {
  17216.        perspective: 25em;
  17217.    }
  17218.  
  17219.    .product-thumbnail-container img {
  17220.        position: relative;
  17221.        transform: rotateY(20deg) rotateX(-4deg) !important;
  17222.        transform-origin: left center;
  17223.    }
  17224.  
  17225.    .lazy {
  17226.        background: rgb(52 55 59/var(--tw-bg-opacity));
  17227.    }
  17228.  
  17229.    .bg-featured-game-card {
  17230.        --tw-bg-opacity: 1;
  17231.        background-color: rgb(52 55 59/var(--tw-bg-opacity));
  17232.        --tw-text-opacity: 1;
  17233.        color: rgb(255 255 255/var(--tw-text-opacity));
  17234.        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  17235.        background-repeat: no-repeat;
  17236.        background-position: top;
  17237.        background-size: clamp(60em, 100rem, 100em) auto, cover;
  17238.  
  17239.    }
  17240.  
  17241.  
  17242.    .load {
  17243.        --tw-bg-opacity: 1;
  17244.        background-color: transparent;
  17245.        color: transparent;
  17246.        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+);
  17247.        background-repeat: no-repeat;
  17248.        background-position: top;
  17249.        background-size: clamp(60em, 100rem, 100em) auto, cover;
  17250.  
  17251.    }
  17252.  
  17253.    .flipdown.flipdown__theme-light .rotor-group-heading:before {
  17254.        display: none;
  17255.    }
  17256.  
  17257.    .flipdown {
  17258.        width: 400px;
  17259.        height: 30px;
  17260.        display: inline-block;
  17261.    }
  17262.  
  17263.    .flipdown .rotor {
  17264.        font-size: 20px;
  17265.    }
  17266.  
  17267.    .flipdown .rotor,
  17268.    .flipdown .rotor-leaf,
  17269.    .flipdown .rotor-leaf-front,
  17270.    .flipdown .rotor-leaf-rear,
  17271.    .flipdown .rotor-top,
  17272.    .flipdown .rotor-bottom,
  17273.    .flipdown .rotor:after {
  17274.        width: 26px;
  17275.    }
  17276.  
  17277.    .flipdown .rotor-group:nth-child(1) {
  17278.        display: none;
  17279.    }
  17280.  
  17281.    .flipdown .rotor-group {
  17282.        padding-right: 10px;
  17283.    }
  17284.  
  17285.    .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,
  17286.    .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  17287.        left: 76px;
  17288.        display: none;
  17289.    }
  17290.  
  17291.    .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before {
  17292.        bottom: 19px;
  17293.        height: 8px;
  17294.        width: 8px;
  17295.        display: none;
  17296.    }
  17297.  
  17298.    .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after {
  17299.        bottom: 35px;
  17300.        height: 8px;
  17301.        width: 8px;
  17302.        display: none;
  17303.    }
  17304.  
  17305.    .flipdown .rotor-leaf-front,
  17306.    .flipdown .rotor-top {
  17307.        line-height: 30.5px;
  17308.    }
  17309.  
  17310.    .flipdown .rotor-leaf,
  17311.    .flipdown .rotor {
  17312.        height: 30.5px;
  17313.    }
  17314.  
  17315.    .flipdown .rotor-leaf-front,
  17316.    .flipdown .rotor-leaf-rear,
  17317.    .flipdown .rotor-top,
  17318.    .flipdown .rotor-bottom,
  17319.    .flipdown .rotor:after {
  17320.        height: 15px;
  17321.    }
  17322.  
  17323.    .flipdown .rotor-leaf-front,
  17324.    .flipdown .rotor-leaf-rear,
  17325.    .flipdown .rotor-top,
  17326.    .flipdown .rotor:after {
  17327.        height: 15px;
  17328.    }
  17329.  
  17330.    .flipdown .rotor-leaf-rear,
  17331.    .flipdown .rotor-top,
  17332.    .flipdown .rotor:after {
  17333.        height: 15px;
  17334.    }
  17335.  
  17336.  
  17337.    .flipdown .rotor-top,
  17338.    .flipdown .rotor:after {
  17339.        height: 15px;
  17340.    }
  17341.  
  17342.    .flipdown.flipdown__theme-light .rotor,
  17343.    .flipdown.flipdown__theme-light .rotor-top,
  17344.    .flipdown.flipdown__theme-light .rotor-leaf-front {
  17345.        background: #c21010;
  17346.        color: #fff;
  17347.        font-size: 20px;
  17348.    }
  17349.  
  17350.    .flipdown.flipdown__theme-light .rotor-bottom,
  17351.    .flipdown.flipdown__theme-light .rotor-leaf-rear {
  17352.        color: #fff;
  17353.        background: #e64848;
  17354.    }
  17355.  
  17356.    .flipdown.flipdown__theme-light .rotor:after {
  17357.        display: none;
  17358.    }
  17359.  
  17360.    #flipdown {
  17361.        padding-top: 4px;
  17362.        padding-left: 15px;
  17363.    }
  17364.  
  17365.    .flipdown .rotor-group-heading {
  17366.        display: none;
  17367.    }
  17368.  
  17369.    @media (max-width: 600px) {
  17370.        .flipdown {
  17371.            width: 200px;
  17372.            height: 25px;
  17373.        }
  17374.  
  17375.        .flipdown .rotor {
  17376.            font-size: 18px;
  17377.        }
  17378.  
  17379.        .flipdown.flipdown__theme-light .rotor,
  17380.        .flipdown.flipdown__theme-light .rotor-top,
  17381.        .flipdown.flipdown__theme-light .rotor-leaf-front {
  17382.            background: #c21010;
  17383.            color: #fff;
  17384.            font-size: 18px;
  17385.        }
  17386.    }
  17387.  
  17388.    @media (max-width: 768px) {
  17389.  
  17390.        .flashsale-container {
  17391.            flex-direction: column;
  17392.            align-items: flex-start;
  17393.        }
  17394.  
  17395.        .flashsale-container #flipdown {
  17396.            margin-top: 10px;
  17397.        }
  17398.  
  17399.        #flipdown {
  17400.            padding-top: 4px;
  17401.            padding-left: 0px;
  17402.        }
  17403.  
  17404.    }
  17405.  
  17406. </style>
  17407.  
  17408. <section class="relative mb-4 px-2 py-4 shadow-2xl lg:min-h-[350px]">
  17409.    <div class="col-lg-11 mx-auto px-0 d-lg-block">
  17410.        <div class=" swiper my-swiper swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-pointer-events swiper-watch-progress swiper-container swiper-container-mobile">
  17411.            <div class="swiper-wrapper">
  17412.                                                                <div class="swiper-slide " data-swiper-slide-index="0" role="group" aria-label="1 / 3">
  17413.                    <img src="/assets/banner/WhatsApp Image 2024-08-23 at 17.49.45_35e90ce1.jpg" alt="" class="d-block w-100 rounded-xl">
  17414.                    <div class="swiper-slide-shadow-left" style="opacity: 2; transition-duration: 300ms;"></div>
  17415.                    <div class="swiper-slide-shadow-right" style="opacity: 0; transition-duration: 300ms;"></div>
  17416.                </div>
  17417.                                                                <div class="swiper-slide " data-swiper-slide-index="1" role="group" aria-label="2 / 3">
  17418.                    <img src="/assets/banner/RAJA DM BANER WEB.webp" alt="" class="d-block w-100 rounded-xl">
  17419.                    <div class="swiper-slide-shadow-left" style="opacity: 2; transition-duration: 300ms;"></div>
  17420.                    <div class="swiper-slide-shadow-right" style="opacity: 0; transition-duration: 300ms;"></div>
  17421.                </div>
  17422.                                                                <div class="swiper-slide " data-swiper-slide-index="2" role="group" aria-label="3 / 3">
  17423.                    <img src="/assets/banner/RECALL.jpg" alt="" class="d-block w-100 rounded-xl">
  17424.                    <div class="swiper-slide-shadow-left" style="opacity: 2; transition-duration: 300ms;"></div>
  17425.                    <div class="swiper-slide-shadow-right" style="opacity: 0; transition-duration: 300ms;"></div>
  17426.                </div>
  17427.                                            </div>
  17428.        </div>
  17429.    </div>
  17430.    </div>
  17431.    <div class="absolute pt-3 inset-0">
  17432.        <div class="area">
  17433.            <ul class="circles">
  17434.                <li></li>
  17435.                <li></li>
  17436.                <li></li>
  17437.                <li></li>
  17438.                <li></li>
  17439.                <li></li>
  17440.                <li></li>
  17441.                <li></li>
  17442.                <li></li>
  17443.                <li></li>
  17444.            </ul>
  17445.        </div>
  17446.    </div>
  17447.    </div>
  17448. </section>
  17449.  
  17450. <style>
  17451.    .promocard {
  17452.        width: 400px;
  17453.    }
  17454.  
  17455.    @media (max-width: 768px) {
  17456.        .promocard {
  17457.            width: 370px;
  17458.        }
  17459.    }
  17460.  
  17461. </style>
  17462. <style>
  17463.    .promocard {
  17464.        position: relative;
  17465.        margin-left: 10px;
  17466.        margin-right: 10px;
  17467.        border-radius: 10px !important;
  17468.    }
  17469.  
  17470.    .badge {
  17471.        margin-top: 20px;
  17472.        position: absolute;
  17473.        top: 15px;
  17474.        right: -25px;
  17475.        background-color: #FDFD34;
  17476.        color: #0a0a0a;
  17477.        padding: 5px 40px;
  17478.        font-size: 12px;
  17479.        transform: rotate(45deg);
  17480.        border-radius: 20px 0 0 20px;
  17481.        max-width: fit-content;
  17482.        text-align: right;
  17483.        box-shadow:
  17484.            2px 2px 4px rgba(0, 0, 0, 0.2),
  17485.            -10px 10px 10px rgba(0, 0, 0, 0.1),
  17486.            -20px 20px 20px rgba(0, 0, 0, 0.05);
  17487.        z-index: 1;
  17488.        border-top-left-radius: 50px;
  17489.        border-bottom-left-radius: 50px;
  17490.    }
  17491.  
  17492.  
  17493.    @media (max-width: 768px) {
  17494.        .badge {
  17495.            right: -10px;
  17496.            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  17497.        }
  17498.    }
  17499.  
  17500. </style>
  17501. <div class="container col-md-11">
  17502.    <div class="wrapper mt-3">
  17503.        <div aria-live="assertive" class="pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:items-start sm:p-6">
  17504.            <div class="flex w-full flex-col items-center space-y-4 sm:items-end">
  17505.            </div>
  17506.        </div>
  17507.                <h3 class="mb-6 text-lg font-semibold uppercase leading-relaxed tracking-wider">
  17508.            <i class="fa-solid fa-bolt fa-beat-fade fa-lg text-warning"></i>&nbsp; F L A S H S A L E &nbsp; <div id="flipdown" class="flipdown"></div> <br />
  17509.            <p style="font-size:13px;text-transform: none;">Pesan sekarang! Persediaan terbatas.</p>
  17510.        </h3>
  17511.        <div class="slick-carousel" style="margin-bottom: 20px;">
  17512.                        <a href="https://rajadiamond.id/order/mobile-legends" style="margin-left:10px;margin-right:10px;border-radius:10px !important;" class="promocard bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-md hover:ring-yellow-400 duration-300 hover:ring-2 hover:ring-offset-white-500">
  17513.                <div class="badge">HEMAT Rp 372.516</div>
  17514.                <div class="flex items-center">
  17515.                    <div class="relative py-2 px-2 rounded-lg ring-murky-600">
  17516.                        <img alt="MOBILELEGEND - 10050 Diamond" width="80px" height="80px" src="https://rajadiamond.id//assets/promo/pdp-aspirants.webp" decoding="async" data-nimg="fill" class="!object-cover" style="border-radius:10%;">
  17517.                    </div>
  17518.                    <div class="justify-end object-center">
  17519.                        <p class="w-[100px]truncate text-sm font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17520.                            MOBILELEGEND - 10050 Diamond
  17521.                        </p>
  17522.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2"><b class="text-sm" style="color: white;font-size:13px;">
  17523.                                Rp 2.325.144</b></p>
  17524.                        <s class="text-xs" style="color:red;">
  17525.                            Rp 2.697.660
  17526.                        </s>
  17527.                    </div>
  17528.                </div>
  17529.            </a>
  17530.                        <a href="https://rajadiamond.id/order/mobile-legends" style="margin-left:10px;margin-right:10px;border-radius:10px !important;" class="promocard bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-md hover:ring-yellow-400 duration-300 hover:ring-2 hover:ring-offset-white-500">
  17531.                <div class="badge">HEMAT Rp 620</div>
  17532.                <div class="flex items-center">
  17533.                    <div class="relative py-2 px-2 rounded-lg ring-murky-600">
  17534.                        <img alt="MOBILE LEGENDS Weekly Diamond Pass" width="80px" height="80px" src="https://rajadiamond.id//assets/promo/imageswdp.jpeg" decoding="async" data-nimg="fill" class="!object-cover" style="border-radius:10%;">
  17535.                    </div>
  17536.                    <div class="justify-end object-center">
  17537.                        <p class="w-[100px]truncate text-sm font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17538.                            MOBILE LEGENDS Weekly Diamond Pass
  17539.                        </p>
  17540.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2"><b class="text-sm" style="color: white;font-size:13px;">
  17541.                                Rp 27.000</b></p>
  17542.                        <s class="text-xs" style="color:red;">
  17543.                            Rp 27.620
  17544.                        </s>
  17545.                    </div>
  17546.                </div>
  17547.            </a>
  17548.                        <a href="https://rajadiamond.id/order/mobile-legends" style="margin-left:10px;margin-right:10px;border-radius:10px !important;" class="promocard bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-md hover:ring-yellow-400 duration-300 hover:ring-2 hover:ring-offset-white-500">
  17549.                <div class="badge">HEMAT Rp 21.758</div>
  17550.                <div class="flex items-center">
  17551.                    <div class="relative py-2 px-2 rounded-lg ring-murky-600">
  17552.                        <img alt="MOBILE LEGENDS Startlight Member" width="80px" height="80px" src="https://rajadiamond.id//assets/promo/oss-ff5ddf90ee70e2c045678aee7a0b2e86.webp" decoding="async" data-nimg="fill" class="!object-cover" style="border-radius:10%;">
  17553.                    </div>
  17554.                    <div class="justify-end object-center">
  17555.                        <p class="w-[100px]truncate text-sm font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17556.                            MOBILE LEGENDS Startlight Member
  17557.                        </p>
  17558.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2"><b class="text-sm" style="color: white;font-size:13px;">
  17559.                                Rp 72.642</b></p>
  17560.                        <s class="text-xs" style="color:red;">
  17561.                            Rp 94.400
  17562.                        </s>
  17563.                    </div>
  17564.                </div>
  17565.            </a>
  17566.                    </div>
  17567.  
  17568.        <script>
  17569.            document.addEventListener('DOMContentLoaded', () => {
  17570.                var dateStr = '2024-09-30';
  17571.                console.log(dateStr);
  17572.                var timestamp = Date.parse(dateStr) / 1000;
  17573.                var flipdown = new FlipDown(timestamp, {
  17574.                    theme: 'light'
  17575.                }).start().ifEnded(() => {
  17576.                    console.log('The countdown has ended!');
  17577.                });
  17578.            });
  17579.  
  17580.        </script>
  17581.        <script>
  17582.            $('.slick-carousel').slick({
  17583.                variableWidth: true
  17584.                , autoplay: true
  17585.                , autoplaySpeed: 3000
  17586.                , speed: 300
  17587.                , arrows: false
  17588.            });
  17589.  
  17590.        </script>
  17591.                <h3 class="mb-6 text-lg font-semibold uppercase leading-relaxed tracking-wider ">
  17592.            <i class="fa-solid fa-fire fa-beat-fade fa-lg text-warning"></i>&nbsp;Populer</h3>
  17593.        <div class="grid grid-cols-2 gap-2 md:gap-4 lg:grid-cols-3">
  17594.                                    <style>
  17595.                .hover-categori-populer:hover {
  17596.                    color: #FDFD34 !important;
  17597.                }
  17598.  
  17599.            </style>
  17600.            <a href="https://rajadiamond.id/order/honor-of-kings" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17601.                <div class="flex items-center">
  17602.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17603.                        <img alt="Honor Of Kings" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/hok&#039;.png" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17604.                    </div>
  17605.                    <div class="justify-end object-center">
  17606.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17607.                            Honor Of Kings</p>
  17608.  
  17609.                        
  17610.  
  17611.  
  17612.                      
  17613.  
  17614.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17615.                            Timi
  17616.                        </p>
  17617.  
  17618.                        
  17619.                    </div>
  17620.                </div>
  17621.            </a>
  17622.                                                <style>
  17623.                .hover-categori-populer:hover {
  17624.                    color: #FDFD34 !important;
  17625.                }
  17626.  
  17627.            </style>
  17628.            <a href="https://rajadiamond.id/order/mobile-legends" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17629.                <div class="flex items-center">
  17630.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17631.                        <img alt="Mobile Legends" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/PDP-ML-Navigator.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17632.                    </div>
  17633.                    <div class="justify-end object-center">
  17634.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17635.                            Mobile Legends</p>
  17636.  
  17637.                        
  17638.  
  17639.  
  17640.                      
  17641.  
  17642.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17643.                            Moonton
  17644.                        </p>
  17645.  
  17646.                        
  17647.                    </div>
  17648.                </div>
  17649.            </a>
  17650.                                                <style>
  17651.                .hover-categori-populer:hover {
  17652.                    color: #FDFD34 !important;
  17653.                }
  17654.  
  17655.            </style>
  17656.            <a href="https://rajadiamond.id/order/genshin-impact" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17657.                <div class="flex items-center">
  17658.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17659.                        <img alt="Genshin Impact" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/Genshin Impact-6c4f (2).webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17660.                    </div>
  17661.                    <div class="justify-end object-center">
  17662.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17663.                            Genshin Impact</p>
  17664.  
  17665.                        
  17666.  
  17667.  
  17668.                      
  17669.  
  17670.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17671.                            HoYoverse
  17672.                        </p>
  17673.  
  17674.                        
  17675.                    </div>
  17676.                </div>
  17677.            </a>
  17678.                                                <style>
  17679.                .hover-categori-populer:hover {
  17680.                    color: #FDFD34 !important;
  17681.                }
  17682.  
  17683.            </style>
  17684.            <a href="https://rajadiamond.id/order/pubg" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17685.                <div class="flex items-center">
  17686.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17687.                        <img alt="PUBG Mobile" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/pubg-mobile.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17688.                    </div>
  17689.                    <div class="justify-end object-center">
  17690.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17691.                            PUBG Mobile</p>
  17692.  
  17693.                        
  17694.  
  17695.  
  17696.                      
  17697.  
  17698.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17699.                            Pubg
  17700.                        </p>
  17701.  
  17702.                        
  17703.                    </div>
  17704.                </div>
  17705.            </a>
  17706.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <style>
  17707.                .hover-categori-populer:hover {
  17708.                    color: #FDFD34 !important;
  17709.                }
  17710.  
  17711.            </style>
  17712.            <a href="https://rajadiamond.id/order/free-fire" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17713.                <div class="flex items-center">
  17714.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17715.                        <img alt="Free Fire" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/FF.webp" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17716.                    </div>
  17717.                    <div class="justify-end object-center">
  17718.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17719.                            Free Fire</p>
  17720.  
  17721.                        
  17722.  
  17723.  
  17724.                      
  17725.  
  17726.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17727.                            Garena
  17728.                        </p>
  17729.  
  17730.                        
  17731.                    </div>
  17732.                </div>
  17733.            </a>
  17734.                                                                        <style>
  17735.                .hover-categori-populer:hover {
  17736.                    color: #FDFD34 !important;
  17737.                }
  17738.  
  17739.            </style>
  17740.            <a href="https://rajadiamond.id/order/valorant" class="bg-featured-game-card relative hover:shadow-sm hover:cursor-pointer overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:ring-2 hover:ring-offset-white-500 hover-categori-populer">
  17741.                <div class="flex items-center">
  17742.                    <div class="relative h-24 w-24 rounded-lg ring-murky-600 ">
  17743.                        <img alt="Valorant" width="80px" height="80px" src="https://rajadiamond.id/assets/thumbnail/MV5BNmNhM2NjMTgtNmIyZC00ZmVjLTk4YWItZmZjNGY2NThiNDhkXkEyXkFqcGdeQXVyODU4MDU1NjU@._V1_FMjpg_UX1000_.jpg" decoding="async" data-nimg="fill" class="!object-cover" style="position: absolute; height: 100%; width: 100% inset: 0px;">
  17744.                    </div>
  17745.                    <div class="justify-end object-center">
  17746.                        <p class="w-[100px]truncate text-xs font-semibold text-murky-200 sm:w-[10px] md:w-[2px] md:text-base">
  17747.                            Valorant</p>
  17748.  
  17749.                        
  17750.  
  17751.  
  17752.                      
  17753.  
  17754.                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">
  17755.                            Riot Games
  17756.                        </p>
  17757.  
  17758.                        
  17759.                    </div>
  17760.                </div>
  17761.            </a>
  17762.                                                        </div><br>
  17763.  
  17764.  
  17765.  
  17766.        <div class="row col-lg-11 mt-1 mx-auto">
  17767.            <div class="col-sm-11">
  17768.                <ul class="nav nav-pills justify-content-left hide-scrollbar -mb-px flex space-x-1 overflow-auto" id="myTab" role="tablist">
  17769.  
  17770.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17771.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="game-tab" data-bs-toggle="tab" data-bs-target="#game" type="button" role="tab" aria-controls="game" aria-selected="true">
  17772.                            <small>Game Mobile</small>
  17773.                        </button>
  17774.                    </li>
  17775.  
  17776.  
  17777.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17778.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Akun-tab" data-bs-toggle="tab" data-bs-target="#Akun" type="button" role="tab" aria-controls="Akun" aria-selected="false">
  17779.                            <small>Akun ML Sultan</small>
  17780.                        </button>
  17781.                    </li>
  17782.  
  17783.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17784.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Joki-tab" data-bs-toggle="tab" data-bs-target="#Joki" type="button" role="tab" aria-controls="joki" aria-selected="true">
  17785.                            <small>Jasa Joki MLBB</small>
  17786.                        </button>
  17787.                    </li>
  17788.  
  17789.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17790.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Pulsa-tab" data-bs-toggle="tab" data-bs-target="#Pulsa" type="button" role="tab" aria-controls="game" aria-selected="true">
  17791.                            <small>Pulsa</small>
  17792.                        </button>
  17793.                    </li>
  17794.  
  17795.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17796.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Voucher-tab" data-bs-toggle="tab" data-bs-target="#Voucher" type="button" role="tab" aria-controls="game" aria-selected="true">
  17797.                            <small>Voucher</small>
  17798.                        </button>
  17799.                    </li>
  17800.  
  17801.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17802.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Emoney-tab" data-bs-toggle="tab" data-bs-target="#Emoney" type="button" role="tab" aria-controls="game" aria-selected="true">
  17803.                            <small>E-Money</small>
  17804.                        </button>
  17805.                    </li>
  17806.  
  17807.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17808.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="Pasca-tab" data-bs-toggle="tab" data-bs-target="#Pasca" type="button" role="tab" aria-controls="game" aria-selected="true">
  17809.                            <small>Pascabayar</small>
  17810.                        </button>
  17811.                    </li>
  17812.  
  17813.                    <li class="nav-item me-1 mt-1 nav-tab" role="presentation">
  17814.                        <button class="rounded-5 button-gradient-3d btn-sm btn-category flex whitespace-nowrap border-b-2 py-2 px-3 text-sm font-medium outline-none border-primary-500 bg-gradient-to-t from-murky-700 to-murky-800" id="app-tab" data-bs-toggle="tab" data-bs-target="#App" type="button" role="tab" aria-controls="game" aria-selected="true">
  17815.                            <small>App Premium</small>
  17816.                        </button>
  17817.                    </li>
  17818.                </ul>
  17819.            </div>
  17820.        </div>
  17821.    </div>
  17822. </div>
  17823. </div>
  17824. </div>
  17825. </div>
  17826. </div>
  17827. </div>
  17828. </div>
  17829.  
  17830.  
  17831.  
  17832. <div class="container">
  17833.    <div class="wrapper mt-3">
  17834.        <div class="col-lg-11 mt-0 mx-auto">
  17835.            <div class="tab-content" id="myTabContent">
  17836.                <div class="tab-pane active" id="game" role="tabpanel" aria-labelledby="game-tab">
  17837.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-5 lg:gap-3 xl:grid-cols-6 xl:gap-5" id="kategoriContainer">
  17838.  
  17839.                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/aov" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17840.                            <div class="blur-sharp ">
  17841.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17842.                                    <img alt="Arena of Valor" sizes="100vw" src="/assets/thumbnail/AOV-6db2.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17843.                                </div>
  17844.                            </div>
  17845.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17846.                                <div class="flex flex-col h-full justify-between no-underline">
  17847.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17848.  
  17849.                                    </div>
  17850.                                    <div>
  17851.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17852.                                            Arena of Valor</p>
  17853.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Garena
  17854.                                        </p>
  17855.  
  17856.                                    </div>
  17857.                                </div>
  17858.                            </div>
  17859.                        </a>
  17860.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://rajadiamond.id/order/clash-of-clans" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17861.                            <div class="blur-sharp ">
  17862.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17863.                                    <img alt="Clash of Clans" sizes="100vw" src="/assets/thumbnail/41e1b5a0-ffac-494f-8104-8bcfbb0de9cb.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17864.                                </div>
  17865.                            </div>
  17866.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17867.                                <div class="flex flex-col h-full justify-between no-underline">
  17868.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17869.  
  17870.                                    </div>
  17871.                                    <div>
  17872.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17873.                                            Clash of Clans</p>
  17874.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Super Cell
  17875.                                        </p>
  17876.  
  17877.                                    </div>
  17878.                                </div>
  17879.                            </div>
  17880.                        </a>
  17881.                                                                                                <a href="https://rajadiamond.id/order/undawn" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17882.                            <div class="blur-sharp ">
  17883.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17884.                                    <img alt="Undawn" sizes="100vw" src="/assets/thumbnail/undawn-577d-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17885.                                </div>
  17886.                            </div>
  17887.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17888.                                <div class="flex flex-col h-full justify-between no-underline">
  17889.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17890.  
  17891.                                    </div>
  17892.                                    <div>
  17893.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17894.                                            Undawn</p>
  17895.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Undawn
  17896.                                        </p>
  17897.  
  17898.                                    </div>
  17899.                                </div>
  17900.                            </div>
  17901.                        </a>
  17902.                                                                                                                                                                                                                                                                                                <a href="https://rajadiamond.id/order/metal-slug-awakening" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17903.                            <div class="blur-sharp ">
  17904.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17905.                                    <img alt="Metal Slug Awakening" sizes="100vw" src="/assets/thumbnail/Metal Slug Awk Gamestore Indonesia-b785-original (2).webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17906.                                </div>
  17907.                            </div>
  17908.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17909.                                <div class="flex flex-col h-full justify-between no-underline">
  17910.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17911.  
  17912.                                    </div>
  17913.                                    <div>
  17914.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17915.                                            Metal Slug Awakening</p>
  17916.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">VNG
  17917.                                        </p>
  17918.  
  17919.                                    </div>
  17920.                                </div>
  17921.                            </div>
  17922.                        </a>
  17923.                                                                                                <a href="https://rajadiamond.id/order/ace-racer" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17924.                            <div class="blur-sharp ">
  17925.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17926.                                    <img alt="Ace Racer" sizes="100vw" src="/assets/thumbnail/Ace Racer Gamestore Indonesia-e68e-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17927.                                </div>
  17928.                            </div>
  17929.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17930.                                <div class="flex flex-col h-full justify-between no-underline">
  17931.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17932.  
  17933.                                    </div>
  17934.                                    <div>
  17935.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17936.                                            Ace Racer</p>
  17937.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">NetEase
  17938.                                        </p>
  17939.  
  17940.                                    </div>
  17941.                                </div>
  17942.                            </div>
  17943.                        </a>
  17944.                                                                                                <a href="https://rajadiamond.id/order/Be-The-King" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17945.                            <div class="blur-sharp ">
  17946.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17947.                                    <img alt="Be The King: Judge Destiny" sizes="100vw" src="/assets/thumbnail/Be The King-6b7a.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17948.                                </div>
  17949.                            </div>
  17950.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17951.                                <div class="flex flex-col h-full justify-between no-underline">
  17952.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17953.  
  17954.                                    </div>
  17955.                                    <div>
  17956.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17957.                                            Be The King: Judge Destiny</p>
  17958.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Chuang Cool Entertainment
  17959.                                        </p>
  17960.  
  17961.                                    </div>
  17962.                                </div>
  17963.                            </div>
  17964.                        </a>
  17965.                                                                                                <a href="https://rajadiamond.id/order/call-of-duty" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17966.                            <div class="blur-sharp ">
  17967.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17968.                                    <img alt="Call of Duty Mobile" sizes="100vw" src="/assets/thumbnail/CODM-a478.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17969.                                </div>
  17970.                            </div>
  17971.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17972.                                <div class="flex flex-col h-full justify-between no-underline">
  17973.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17974.  
  17975.                                    </div>
  17976.                                    <div>
  17977.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17978.                                            Call of Duty Mobile</p>
  17979.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Garena
  17980.                                        </p>
  17981.  
  17982.                                    </div>
  17983.                                </div>
  17984.                            </div>
  17985.                        </a>
  17986.                                                                                                <a href="https://rajadiamond.id/order/Dragonheir" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  17987.                            <div class="blur-sharp ">
  17988.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  17989.                                    <img alt="Dragonheir" sizes="100vw" src="/assets/thumbnail/Dragonheir gamestore indonesia-0b45-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  17990.                                </div>
  17991.                            </div>
  17992.                            <div class="cover !absolute bottom-0 m-3 h-full">
  17993.                                <div class="flex flex-col h-full justify-between no-underline">
  17994.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  17995.  
  17996.                                    </div>
  17997.                                    <div>
  17998.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  17999.                                            Dragonheir</p>
  18000.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Dragonheir
  18001.                                        </p>
  18002.  
  18003.                                    </div>
  18004.                                </div>
  18005.                            </div>
  18006.                        </a>
  18007.                                                                                                <a href="https://rajadiamond.id/order/freefire-max" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18008.                            <div class="blur-sharp ">
  18009.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18010.                                    <img alt="Free Fire Max" sizes="100vw" src="/assets/thumbnail/ffmax.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18011.                                </div>
  18012.                            </div>
  18013.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18014.                                <div class="flex flex-col h-full justify-between no-underline">
  18015.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18016.  
  18017.                                    </div>
  18018.                                    <div>
  18019.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18020.                                            Free Fire Max</p>
  18021.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Garena International I
  18022.                                        </p>
  18023.  
  18024.                                    </div>
  18025.                                </div>
  18026.                            </div>
  18027.                        </a>
  18028.                                                                                                <a href="https://rajadiamond.id/order/goddess-of-victory-nikke" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18029.                            <div class="blur-sharp ">
  18030.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18031.                                    <img alt="Goddess of Victory Nikke" sizes="100vw" src="/assets/thumbnail/0e962e3b-4edd-4b1b-9be0-0e01cca20bdf.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18032.                                </div>
  18033.                            </div>
  18034.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18035.                                <div class="flex flex-col h-full justify-between no-underline">
  18036.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18037.  
  18038.                                    </div>
  18039.                                    <div>
  18040.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18041.                                            Goddess of Victory Nikke</p>
  18042.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">SHIFT UP Corporation
  18043.                                        </p>
  18044.  
  18045.                                    </div>
  18046.                                </div>
  18047.                            </div>
  18048.                        </a>
  18049.                                                                                                                                                                                                                                                                                                                                                <a href="https://rajadiamond.id/order/Chimeraland" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18050.                            <div class="blur-sharp ">
  18051.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18052.                                    <img alt="Chimeraland" sizes="100vw" src="/assets/thumbnail/1698377790_052ed53c7383b19a8a92.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18053.                                </div>
  18054.                            </div>
  18055.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18056.                                <div class="flex flex-col h-full justify-between no-underline">
  18057.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18058.  
  18059.                                    </div>
  18060.                                    <div>
  18061.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18062.                                            Chimeraland</p>
  18063.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Level Infinite
  18064.                                        </p>
  18065.  
  18066.                                    </div>
  18067.                                </div>
  18068.                            </div>
  18069.                        </a>
  18070.                                                                                                <a href="https://rajadiamond.id/order/Dragon Nest 2 Evolution" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18071.                            <div class="blur-sharp ">
  18072.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18073.                                    <img alt="Dragon Nest 2 Evolution" sizes="100vw" src="/assets/thumbnail/dragon nest 2 gamestore indonesia-c49d-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18074.                                </div>
  18075.                            </div>
  18076.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18077.                                <div class="flex flex-col h-full justify-between no-underline">
  18078.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18079.  
  18080.                                    </div>
  18081.                                    <div>
  18082.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18083.                                            Dragon Nest 2 Evolution</p>
  18084.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Level Infinite
  18085.                                        </p>
  18086.  
  18087.                                    </div>
  18088.                                </div>
  18089.                            </div>
  18090.                        </a>
  18091.                                                                                                <a href="https://rajadiamond.id/order/Dragon Raja" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18092.                            <div class="blur-sharp ">
  18093.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18094.                                    <img alt="Dragon Raja" sizes="100vw" src="/assets/thumbnail/Dragon Raja-d448.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18095.                                </div>
  18096.                            </div>
  18097.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18098.                                <div class="flex flex-col h-full justify-between no-underline">
  18099.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18100.  
  18101.                                    </div>
  18102.                                    <div>
  18103.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18104.                                            Dragon Raja</p>
  18105.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Zloong
  18106.                                        </p>
  18107.  
  18108.                                    </div>
  18109.                                </div>
  18110.                            </div>
  18111.                        </a>
  18112.                                                                                                <a href="https://rajadiamond.id/order/Honkai Impact 3" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18113.                            <div class="blur-sharp ">
  18114.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18115.                                    <img alt="Honkai Impact 3" sizes="100vw" src="/assets/thumbnail/honkai-a510b-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18116.                                </div>
  18117.                            </div>
  18118.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18119.                                <div class="flex flex-col h-full justify-between no-underline">
  18120.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18121.  
  18122.                                    </div>
  18123.                                    <div>
  18124.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18125.                                            Honkai Impact 3</p>
  18126.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Hoyoverse
  18127.                                        </p>
  18128.  
  18129.                                    </div>
  18130.                                </div>
  18131.                            </div>
  18132.                        </a>
  18133.                                                                                                <a href="https://rajadiamond.id/order/honkai-star-rail" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18134.                            <div class="blur-sharp ">
  18135.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18136.                                    <img alt="Honkai Star Rail" sizes="100vw" src="/assets/thumbnail/Honkai Star Rail.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18137.                                </div>
  18138.                            </div>
  18139.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18140.                                <div class="flex flex-col h-full justify-between no-underline">
  18141.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18142.  
  18143.                                    </div>
  18144.                                    <div>
  18145.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18146.                                            Honkai Star Rail</p>
  18147.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Hoyoverse
  18148.                                        </p>
  18149.  
  18150.                                    </div>
  18151.                                </div>
  18152.                            </div>
  18153.                        </a>
  18154.                                                                                                <a href="https://rajadiamond.id/order/One Punch Man" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18155.                            <div class="blur-sharp ">
  18156.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18157.                                    <img alt="One Punch Man" sizes="100vw" src="/assets/thumbnail/one_punch_man-1c21-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18158.                                </div>
  18159.                            </div>
  18160.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18161.                                <div class="flex flex-col h-full justify-between no-underline">
  18162.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18163.  
  18164.                                    </div>
  18165.                                    <div>
  18166.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18167.                                            One Punch Man</p>
  18168.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">FingerFun
  18169.                                        </p>
  18170.  
  18171.                                    </div>
  18172.                                </div>
  18173.                            </div>
  18174.                        </a>
  18175.                                                                                                <a href="https://rajadiamond.id/order/Ragnarok M Eternal Love" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18176.                            <div class="blur-sharp ">
  18177.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18178.                                    <img alt="Ragnarok M Eternal Love" sizes="100vw" src="/assets/thumbnail/ragnarok m gamestore indonesia-5a4c-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18179.                                </div>
  18180.                            </div>
  18181.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18182.                                <div class="flex flex-col h-full justify-between no-underline">
  18183.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18184.  
  18185.                                    </div>
  18186.                                    <div>
  18187.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18188.                                            Ragnarok M Eternal Love</p>
  18189.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Gravity
  18190.                                        </p>
  18191.  
  18192.                                    </div>
  18193.                                </div>
  18194.                            </div>
  18195.                        </a>
  18196.                                                                                                <a href="https://rajadiamond.id/order/Ragnarok Origin" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18197.                            <div class="blur-sharp ">
  18198.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18199.                                    <img alt="Ragnarok Origin" sizes="100vw" src="/assets/thumbnail/ragnarok_origin-5e28-original.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18200.                                </div>
  18201.                            </div>
  18202.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18203.                                <div class="flex flex-col h-full justify-between no-underline">
  18204.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18205.  
  18206.                                    </div>
  18207.                                    <div>
  18208.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18209.                                            Ragnarok Origin</p>
  18210.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Gravity Corporation
  18211.                                        </p>
  18212.  
  18213.                                    </div>
  18214.                                </div>
  18215.                            </div>
  18216.                        </a>
  18217.                                                                                                <a href="https://rajadiamond.id/order/Sausage Man" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18218.                            <div class="blur-sharp ">
  18219.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18220.                                    <img alt="Sausage Man" sizes="100vw" src="/assets/thumbnail/Sausage Man-54d5.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18221.                                </div>
  18222.                            </div>
  18223.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18224.                                <div class="flex flex-col h-full justify-between no-underline">
  18225.                                    <div class="relative p-3 mx-auto my-auto h-16 w-10 lg:h-14 lg:w-14">
  18226.  
  18227.                                    </div>
  18228.                                    <div>
  18229.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18230.                                            Sausage Man</p>
  18231.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">XD Global
  18232.                                        </p>
  18233.  
  18234.                                    </div>
  18235.                                </div>
  18236.                            </div>
  18237.                        </a>
  18238.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div><br>
  18239.                    <center>
  18240.                        <style>
  18241.                            .tampilkan-lainnya-btn {
  18242.                                background-color: #FDFD34;
  18243.                                color: #0a0a0a;
  18244.                            }
  18245.  
  18246.                            .tampilkan-lainnya-btn:hover {
  18247.                                background-color: #ffff6c;
  18248.                                color: black;
  18249.                            }
  18250.  
  18251.                        </style>
  18252.                        <button class="inline-flex items-center justify-center rounded-md  px-4 py-2 text-sm font-medium duration-300  disabled:cursor-not-allowed disabled:opacity-75 tampilkan-lainnya-btn" id="showAllButton" aria-label="Tampilkan Lainnya" type="button">Tampilkan Lainnya...</button>
  18253.                    </center>
  18254.                </div>
  18255.  
  18256.                <div class="tab-pane" id="Akun" role="tabpanel" aria-labelledby="Akun-tab">
  18257.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18258.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/akun/AKNML01" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18259.                            <div class="blur-sharp ">
  18260.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18261.                                    <img alt="Akun ML" sizes="100vw" src="https://rajadiamond.id/assets/thumbnail/4QfLdUmMqrmeQBc.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18262.                                </div>
  18263.                            </div>
  18264.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18265.                                <div class="flex flex-col h-full justify-between no-underline">
  18266.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18267.  
  18268.                                    </div>
  18269.                                    <div>
  18270.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18271.                                            Akun ML</p>
  18272.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Akun ML
  18273.                                        </p>
  18274.  
  18275.                                    </div>
  18276.                                </div>
  18277.                            </div>
  18278.                        </a>
  18279.                                                                                                                                                                                                                                                                    </div>
  18280.                </div>
  18281.  
  18282.                <div class="tab-pane" id="Joki" role="tabpanel" aria-labelledby="Joki-tab">
  18283.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18284.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/Jasa-Gift" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18285.                            <div class="blur-sharp ">
  18286.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18287.                                    <img alt="Jasa Gift Skin , Item &amp; Kharisma" sizes="100vw" src="/assets/thumbnail/joki.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18288.                                </div>
  18289.                            </div>
  18290.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18291.                                <div class="flex flex-col h-full justify-between no-underline">
  18292.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18293.  
  18294.                                    </div>
  18295.                                    <div>
  18296.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18297.                                            Jasa Gift Skin , Item &amp; Kharisma</p>
  18298.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Jasa Gift
  18299.                                        </p>
  18300.  
  18301.                                    </div>
  18302.                                </div>
  18303.                            </div>
  18304.                        </a>
  18305.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://rajadiamond.id/order/Joki-Paket" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18306.                            <div class="blur-sharp ">
  18307.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18308.                                    <img alt="Paket Joki MLBB" sizes="100vw" src="/assets/thumbnail/3020.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18309.                                </div>
  18310.                            </div>
  18311.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18312.                                <div class="flex flex-col h-full justify-between no-underline">
  18313.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18314.  
  18315.                                    </div>
  18316.                                    <div>
  18317.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18318.                                            Paket Joki MLBB</p>
  18319.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Mobile
  18320.                                        </p>
  18321.  
  18322.                                    </div>
  18323.                                </div>
  18324.                            </div>
  18325.                        </a>
  18326.                                                                                                                                                                    </div>
  18327.                </div>
  18328.  
  18329.                <div class="tab-pane" id="Pulsa" role="tabpanel" aria-labelledby="Pulsa-tab">
  18330.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18331.                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/Indosat" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18332.                            <div class="blur-sharp ">
  18333.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18334.                                    <img alt="Indosat" sizes="100vw" src="/assets/thumbnail/indosat.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18335.                                </div>
  18336.                            </div>
  18337.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18338.                                <div class="flex flex-col h-full justify-between no-underline">
  18339.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18340.  
  18341.                                    </div>
  18342.                                    <div>
  18343.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18344.                                            Indosat</p>
  18345.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">indosat
  18346.                                        </p>
  18347.  
  18348.                                    </div>
  18349.                                </div>
  18350.                            </div>
  18351.                        </a>
  18352.                                                                                                <a href="https://rajadiamond.id/order/XL" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18353.                            <div class="blur-sharp ">
  18354.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18355.                                    <img alt="XL" sizes="100vw" src="/assets/thumbnail/xl.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18356.                                </div>
  18357.                            </div>
  18358.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18359.                                <div class="flex flex-col h-full justify-between no-underline">
  18360.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18361.  
  18362.                                    </div>
  18363.                                    <div>
  18364.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18365.                                            XL</p>
  18366.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">xl
  18367.                                        </p>
  18368.  
  18369.                                    </div>
  18370.                                </div>
  18371.                            </div>
  18372.                        </a>
  18373.                                                                                                <a href="https://rajadiamond.id/order/Tri" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18374.                            <div class="blur-sharp ">
  18375.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18376.                                    <img alt="Tri" sizes="100vw" src="/assets/thumbnail/tri.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18377.                                </div>
  18378.                            </div>
  18379.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18380.                                <div class="flex flex-col h-full justify-between no-underline">
  18381.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18382.  
  18383.                                    </div>
  18384.                                    <div>
  18385.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18386.                                            Tri</p>
  18387.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Pulsa Reguler
  18388.                                        </p>
  18389.  
  18390.                                    </div>
  18391.                                </div>
  18392.                            </div>
  18393.                        </a>
  18394.                                                                                                <a href="https://rajadiamond.id/order/Smartfren" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18395.                            <div class="blur-sharp ">
  18396.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18397.                                    <img alt="Smartfren" sizes="100vw" src="/assets/thumbnail/smartfren.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18398.                                </div>
  18399.                            </div>
  18400.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18401.                                <div class="flex flex-col h-full justify-between no-underline">
  18402.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18403.  
  18404.                                    </div>
  18405.                                    <div>
  18406.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18407.                                            Smartfren</p>
  18408.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">smartfren
  18409.                                        </p>
  18410.  
  18411.                                    </div>
  18412.                                </div>
  18413.                            </div>
  18414.                        </a>
  18415.                                                                                                <a href="https://rajadiamond.id/order/Telkomsel" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18416.                            <div class="blur-sharp ">
  18417.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18418.                                    <img alt="Telkomsel" sizes="100vw" src="/assets/thumbnail/telkomsel.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18419.                                </div>
  18420.                            </div>
  18421.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18422.                                <div class="flex flex-col h-full justify-between no-underline">
  18423.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18424.  
  18425.                                    </div>
  18426.                                    <div>
  18427.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18428.                                            Telkomsel</p>
  18429.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Pulsa Reguler
  18430.                                        </p>
  18431.  
  18432.                                    </div>
  18433.                                </div>
  18434.                            </div>
  18435.                        </a>
  18436.                                                                                                <a href="https://rajadiamond.id/order/Axis" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18437.                            <div class="blur-sharp ">
  18438.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18439.                                    <img alt="Axis" sizes="100vw" src="/assets/thumbnail/axis.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18440.                                </div>
  18441.                            </div>
  18442.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18443.                                <div class="flex flex-col h-full justify-between no-underline">
  18444.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18445.  
  18446.                                    </div>
  18447.                                    <div>
  18448.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18449.                                            Axis</p>
  18450.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Pulsa Reguler
  18451.                                        </p>
  18452.  
  18453.                                    </div>
  18454.                                </div>
  18455.                            </div>
  18456.                        </a>
  18457.                                                                                                <a href="https://rajadiamond.id/order/by-u" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18458.                            <div class="blur-sharp ">
  18459.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18460.                                    <img alt="By U" sizes="100vw" src="/assets/thumbnail/byu.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18461.                                </div>
  18462.                            </div>
  18463.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18464.                                <div class="flex flex-col h-full justify-between no-underline">
  18465.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18466.  
  18467.                                    </div>
  18468.                                    <div>
  18469.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18470.                                            By U</p>
  18471.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Pulsa Reguler
  18472.                                        </p>
  18473.  
  18474.                                    </div>
  18475.                                </div>
  18476.                            </div>
  18477.                        </a>
  18478.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  18479.                </div>
  18480.  
  18481.  
  18482.                <div class="tab-pane" id="Voucher" role="tabpanel" aria-labelledby="Voucher-tab">
  18483.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18484.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/Voucher-Playstation" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18485.                            <div class="blur-sharp ">
  18486.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18487.                                    <img alt="Playstation PSN" sizes="100vw" src="/assets/thumbnail/playstation.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18488.                                </div>
  18489.                            </div>
  18490.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18491.                                <div class="flex flex-col h-full justify-between no-underline">
  18492.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18493.  
  18494.                                    </div>
  18495.                                    <div>
  18496.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18497.                                            Playstation PSN</p>
  18498.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Sony
  18499.                                        </p>
  18500.  
  18501.                                    </div>
  18502.                                </div>
  18503.                            </div>
  18504.                        </a>
  18505.                                                                                                <a href="https://rajadiamond.id/order/sw" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18506.                            <div class="blur-sharp ">
  18507.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18508.                                    <img alt="Steam Wallet (IDR)" sizes="100vw" src="/assets/thumbnail/steam.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18509.                                </div>
  18510.                            </div>
  18511.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18512.                                <div class="flex flex-col h-full justify-between no-underline">
  18513.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18514.  
  18515.                                    </div>
  18516.                                    <div>
  18517.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18518.                                            Steam Wallet (IDR)</p>
  18519.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Valve
  18520.                                        </p>
  18521.  
  18522.                                    </div>
  18523.                                </div>
  18524.                            </div>
  18525.                        </a>
  18526.                                                                                                <a href="https://rajadiamond.id/order/Voucher-Shell" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18527.                            <div class="blur-sharp ">
  18528.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18529.                                    <img alt="Garena Shell" sizes="100vw" src="/assets/thumbnail/Garena Shell-8f10e.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18530.                                </div>
  18531.                            </div>
  18532.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18533.                                <div class="flex flex-col h-full justify-between no-underline">
  18534.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18535.  
  18536.                                    </div>
  18537.                                    <div>
  18538.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18539.                                            Garena Shell</p>
  18540.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Garena
  18541.                                        </p>
  18542.  
  18543.                                    </div>
  18544.                                </div>
  18545.                            </div>
  18546.                        </a>
  18547.                                                                                                <a href="https://rajadiamond.id/order/Voucher-Razer" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18548.                            <div class="blur-sharp ">
  18549.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18550.                                    <img alt="Voucher Razer Gold" sizes="100vw" src="/assets/thumbnail/razer.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18551.                                </div>
  18552.                            </div>
  18553.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18554.                                <div class="flex flex-col h-full justify-between no-underline">
  18555.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18556.  
  18557.                                    </div>
  18558.                                    <div>
  18559.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18560.                                            Voucher Razer Gold</p>
  18561.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Razer
  18562.                                        </p>
  18563.  
  18564.                                    </div>
  18565.                                </div>
  18566.                            </div>
  18567.                        </a>
  18568.                                                                                                <a href="https://rajadiamond.id/order/Roblox" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18569.                            <div class="blur-sharp ">
  18570.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18571.                                    <img alt="Roblox" sizes="100vw" src="/assets/thumbnail/roblox.webp" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18572.                                </div>
  18573.                            </div>
  18574.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18575.                                <div class="flex flex-col h-full justify-between no-underline">
  18576.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18577.  
  18578.                                    </div>
  18579.                                    <div>
  18580.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18581.                                            Roblox</p>
  18582.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">Voucher Robux
  18583.                                        </p>
  18584.  
  18585.                                    </div>
  18586.                                </div>
  18587.                            </div>
  18588.                        </a>
  18589.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://rajadiamond.id/order/PLN" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18590.                            <div class="blur-sharp ">
  18591.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18592.                                    <img alt="PLN" sizes="100vw" src="/assets/thumbnail/pln-logo-A05D1842AB-seeklogo.com.png" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18593.                                </div>
  18594.                            </div>
  18595.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18596.                                <div class="flex flex-col h-full justify-between no-underline">
  18597.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18598.  
  18599.                                    </div>
  18600.                                    <div>
  18601.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18602.                                            PLN</p>
  18603.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">TOKEN PLN
  18604.                                        </p>
  18605.  
  18606.                                    </div>
  18607.                                </div>
  18608.                            </div>
  18609.                        </a>
  18610.                                                                    </div>
  18611.                </div>
  18612.  
  18613.                <div class="tab-pane" id="Emoney" role="tabpanel" aria-labelledby="Emoney-tab">
  18614.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18615.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/dana" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18616.                            <div class="blur-sharp ">
  18617.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18618.                                    <img alt="DANA" sizes="100vw" src="/assets/thumbnail/Screenshot_20240119-065520.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18619.                                </div>
  18620.                            </div>
  18621.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18622.                                <div class="flex flex-col h-full justify-between no-underline">
  18623.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18624.  
  18625.                                    </div>
  18626.                                    <div>
  18627.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18628.                                            DANA</p>
  18629.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">DANA
  18630.                                        </p>
  18631.  
  18632.                                    </div>
  18633.                                </div>
  18634.                            </div>
  18635.                        </a>
  18636.                                                                                                <a href="https://rajadiamond.id/order/gopay" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18637.                            <div class="blur-sharp ">
  18638.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18639.                                    <img alt="GOPAY" sizes="100vw" src="/assets/thumbnail/Screenshot_20240119-094148.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18640.                                </div>
  18641.                            </div>
  18642.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18643.                                <div class="flex flex-col h-full justify-between no-underline">
  18644.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18645.  
  18646.                                    </div>
  18647.                                    <div>
  18648.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18649.                                            GOPAY</p>
  18650.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">GOPAY
  18651.                                        </p>
  18652.  
  18653.                                    </div>
  18654.                                </div>
  18655.                            </div>
  18656.                        </a>
  18657.                                                                                                <a href="https://rajadiamond.id/order/ovo" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18658.                            <div class="blur-sharp ">
  18659.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18660.                                    <img alt="OVO" sizes="100vw" src="/assets/thumbnail/Screenshot_20240121-214525.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18661.                                </div>
  18662.                            </div>
  18663.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18664.                                <div class="flex flex-col h-full justify-between no-underline">
  18665.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18666.  
  18667.                                    </div>
  18668.                                    <div>
  18669.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18670.                                            OVO</p>
  18671.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">OVO
  18672.                                        </p>
  18673.  
  18674.                                    </div>
  18675.                                </div>
  18676.                            </div>
  18677.                        </a>
  18678.                                                                                                <a href="https://rajadiamond.id/order/shopeepay" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18679.                            <div class="blur-sharp ">
  18680.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18681.                                    <img alt="SHOPEE PAY" sizes="100vw" src="/assets/thumbnail/Screenshot_20240121-215534.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18682.                                </div>
  18683.                            </div>
  18684.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18685.                                <div class="flex flex-col h-full justify-between no-underline">
  18686.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18687.  
  18688.                                    </div>
  18689.                                    <div>
  18690.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18691.                                            SHOPEE PAY</p>
  18692.                                        <p class="font-light text-[10px] lg:text-[14px] text-warning line-clamp-2">SHOPEE PAY
  18693.                                        </p>
  18694.  
  18695.                                    </div>
  18696.                                </div>
  18697.                            </div>
  18698.                        </a>
  18699.                                                                                                                                                                                                                                                                                                                    </div>
  18700.                </div>
  18701.  
  18702.                <div class="tab-pane" id="Pasca" role="tabpanel" aria-labelledby="Pasca-tab">
  18703.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18704.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
  18705.                </div>
  18706.  
  18707.                <div class="tab-pane" id="App" role="tabpanel" aria-labelledby="app-tab">
  18708.                    <div class="mt-3 md:mt-10 grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-3 md:grid-cols-5 md:gap-3 lg:grid-cols-6 lg:gap-3 xl:grid-cols-6 xl:gap-5">
  18709.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a href="https://rajadiamond.id/order/Youtube-Premium" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18710.                            <div class="blur-sharp ">
  18711.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18712.                                    <img alt="Youtube Premium" sizes="100vw" src="/assets/thumbnail/alexander-shatov-niUkImZcSP8-unsplash.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18713.                                </div>
  18714.                            </div>
  18715.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18716.                                <div class="flex flex-col h-full justify-between no-underline">
  18717.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18718.  
  18719.                                    </div>
  18720.                                    <div>
  18721.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18722.                                            Youtube Premium</p>
  18723.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Youtube Premium
  18724.                                        </p>
  18725.  
  18726.                                    </div>
  18727.                                </div>
  18728.                            </div>
  18729.                        </a>
  18730.                                                                                                <a href="https://rajadiamond.id/order/Netflix-Premium" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18731.                            <div class="blur-sharp ">
  18732.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18733.                                    <img alt="Netflix Premium" sizes="100vw" src="/assets/thumbnail/alexander-shatov-UVfvFrp4x4E-unsplash.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18734.                                </div>
  18735.                            </div>
  18736.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18737.                                <div class="flex flex-col h-full justify-between no-underline">
  18738.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18739.  
  18740.                                    </div>
  18741.                                    <div>
  18742.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18743.                                            Netflix Premium</p>
  18744.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Netflix Premium
  18745.                                        </p>
  18746.  
  18747.                                    </div>
  18748.                                </div>
  18749.                            </div>
  18750.                        </a>
  18751.                                                                                                <a href="https://rajadiamond.id/order/Spotify-Premium" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18752.                            <div class="blur-sharp ">
  18753.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18754.                                    <img alt="Spotify Premium" sizes="100vw" src="/assets/thumbnail/alexander-shatov-w-qqwn5O-4I-unsplash.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18755.                                </div>
  18756.                            </div>
  18757.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18758.                                <div class="flex flex-col h-full justify-between no-underline">
  18759.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18760.  
  18761.                                    </div>
  18762.                                    <div>
  18763.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18764.                                            Spotify Premium</p>
  18765.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Spotify Premium
  18766.                                        </p>
  18767.  
  18768.                                    </div>
  18769.                                </div>
  18770.                            </div>
  18771.                        </a>
  18772.                                                                                                                                                                                                <a href="https://rajadiamond.id/order/Canva Pro" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18773.                            <div class="blur-sharp ">
  18774.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18775.                                    <img alt="Canva Pro" sizes="100vw" src="/assets/thumbnail/cara-mendesain-logo-di-canva-1024x690.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18776.                                </div>
  18777.                            </div>
  18778.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18779.                                <div class="flex flex-col h-full justify-between no-underline">
  18780.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18781.  
  18782.                                    </div>
  18783.                                    <div>
  18784.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18785.                                            Canva Pro</p>
  18786.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Canva Pro
  18787.                                        </p>
  18788.  
  18789.                                    </div>
  18790.                                </div>
  18791.                            </div>
  18792.                        </a>
  18793.                                                                                                <a href="https://rajadiamond.id/order/Disney-Hotstar" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18794.                            <div class="blur-sharp ">
  18795.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18796.                                    <img alt="Disney Hotstar" sizes="100vw" src="/assets/thumbnail/IMG_2355-5fdd-original.jpeg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18797.                                </div>
  18798.                            </div>
  18799.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18800.                                <div class="flex flex-col h-full justify-between no-underline">
  18801.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18802.  
  18803.                                    </div>
  18804.                                    <div>
  18805.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18806.                                            Disney Hotstar</p>
  18807.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Disney Hotstar
  18808.                                        </p>
  18809.  
  18810.                                    </div>
  18811.                                </div>
  18812.                            </div>
  18813.                        </a>
  18814.                                                                                                <a href="https://rajadiamond.id/order/Amazon Prime Video" class="featured-game-card relative hover:shadow-sm hover:cursor-pointer  group relative overflow-hidden rounded-2xl  hover:ring-yellow-400 duration-300  hover:shadow-2xl hover:ring-2   hover:ring-offset-white-500">
  18815.                            <div class="blur-sharp ">
  18816.                                <div class="relative h-56 sm:h-[14.4rem] md:h-[14.4rem] lg:h-[10.4rem] xl:w-auto ">
  18817.                                    <img alt="Amazon Prime Video" sizes="100vw" src="/assets/thumbnail/boliviainteligente-Z2A8hkOF8ak-unsplash.jpg" decoding="async" data-nimg="fill" class="object-cover object-center !hover:rounded-3xl" loading="lazy" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
  18818.                                </div>
  18819.                            </div>
  18820.                            <div class="cover !absolute bottom-0 m-3 h-full">
  18821.                                <div class="flex flex-col h-full justify-between no-underline">
  18822.                                    <div class="relative p-3 mx-auto my-auto h-15 w-10 lg:h-14 lg:w-14">
  18823.  
  18824.                                    </div>
  18825.                                    <div>
  18826.                                        <p class="font-semibold text-white text-[12px] lg:text-[16px] mb-1 line-clamp-2">
  18827.                                            Amazon Prime Video</p>
  18828.                                        <p class="font-light text-[10px] lg:text-[14px] text-danger line-clamp-2">Amazon Prime Video
  18829.                                        </p>
  18830.  
  18831.                                    </div>
  18832.                                </div>
  18833.                            </div>
  18834.                        </a>
  18835.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  18836.                </div>
  18837.            </div>
  18838.        </div>
  18839.    </div>
  18840. </div>
  18841. </div>
  18842. </div>
  18843. </div>
  18844. </div>
  18845. </div>
  18846. </div>
  18847. <!--  Modal content for the above example -->
  18848.  
  18849.  
  18850. <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  18851.    <div class="modal-dialog">
  18852.        <div class="modal-content " style="box-shadow:0 0 3rem #000000 !important">
  18853.            <div class="modal-body" style="background-color:#1a1a1a;">
  18854.                <div class="row" id="textInfo">
  18855.                    <div class="col-12 mb-2">
  18856.                        <div class="card text-gray-600 " style="border:1px ;">
  18857.                            <div class="card-header">
  18858.                                <h5 class="modal-title" id="myLargeModalLabel" style="color:#FDFD34;"><i class="fa fa-bullhorn" style="color: #ffffff;" aria-hidden="true"></i> Information</h5>
  18859.                            </div>
  18860.                            <div class="card-body border-0 pb-0">
  18861.                                <div class="row">
  18862.                                    <div class="col-12" style="font-size:12px !important">
  18863.                                        <p class="card-text"></p>
  18864.                                        <img src='' width="100%" class="img-fluid">
  18865.                                        <span style="color:#d6d6d6"> <p class='text-center'>
  18866.                                                Selamat datang di RAJA DIAMOND Selamat berbelanja.</p>
  18867.                                        </span>
  18868.                                        <div class="col-12 text-end" style="font-size:10px !important; color:#ffff52"><span>BY RAJA DIAMOND </span>
  18869.                                        </div>
  18870.                                    </div>
  18871.                                </div>
  18872.                            </div>
  18873.                        </div>
  18874.  
  18875.                        <div class="row">
  18876.                            <div class="col float-start">
  18877.                                <div class="form-check mt-2" style="font-size:12px">
  18878.                                    <label class="form-check-label mt-2" style="font-size:12px !important" for="customCheck1">
  18879.                                        <input type="checkbox" class="form-check-input" id="dontShow"> Jangan tampilkan
  18880.                                        lagi</label>
  18881.                                </div>
  18882.                            </div>
  18883.                            <div class="col text-end">
  18884.                                <style>
  18885.                                    .custom-btn-sm {
  18886.                                        font-size: 13px;
  18887.                                        background-color: #FDFD34;
  18888.                                        color: black;
  18889.                                        border: 1px solid #0a0a0a;
  18890.                                        padding: 4px 8px;
  18891.                                        border-radius: 0.25rem;
  18892.                                        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  18893.  
  18894.                                    }
  18895.  
  18896.                                    .custom-btn-sm:hover {
  18897.                                        background-color: #ffff6c;
  18898.                                        color: white;
  18899.                                    }
  18900.  
  18901.                                </style>
  18902.  
  18903.                                <button type="button" name="read_popup_news_b2c" class="ml-auto mt-2 custom-btn-sm" data-bs-dismiss="modal" onclick="disablePopup()">Tutup</button>
  18904.  
  18905.                            </div>
  18906.                        </div>
  18907.                    </div>
  18908.                </div>
  18909.            </div>
  18910.        </div>
  18911.        <!-- /.modal-content -->
  18912.    </div>
  18913.    <!-- /.modal-dialog -->
  18914. </div>
  18915. <!-- /.modal -->
  18916.    <div class="fab-container">
  18917.        <div class="fab fab-icon-holder" style="background-color: #fff;">
  18918.            <img src="/assets/callcenter.png" style="width: 100%; height: auto; display: block; margin: 0 auto;">
  18919.        </div>
  18920.        <ul class="fab-options">
  18921.            <li>
  18922.                <a href="https://www.instagram.com/rajadiamond_id/" class="text-decoration-none" target="_blank">
  18923.                    <div class="fab-icon-holder" style="background-color: #e61c6d;">
  18924.                        <i class="fa-brands fa-instagram"></i>
  18925.                    </div>
  18926.                </a>
  18927.            </li>
  18928.            <li>
  18929.                <a href="https://api.whatsapp.com/send?phone=6281292541875" class="text-decoration-none" target="_blank">
  18930.                    <div class="fab-icon-holder" style="background-color: #25D366;">
  18931.                        <i class="fab fa-whatsapp"></i>
  18932.                    </div>
  18933.                </a>
  18934.            </li>
  18935.            <li>
  18936.                <a href="https://www.tiktok.com/UniPin" class="text-decoration-none pb-2" target="_blank">
  18937.                    <div class="fab-icon-holder" style="background-color: #000; ">
  18938.                        <i class="fa-brands fa-tiktok"></i>
  18939.                    </div>
  18940.                </a>
  18941.            </li>
  18942.        </ul>
  18943.    </div>
  18944.  
  18945.  
  18946.    <button class="scroll-up-btn">
  18947.        <i class="fas fa-arrow-up"></i>
  18948.    </button>
  18949.  
  18950.  
  18951.    <script type="text/javascript">
  18952.        $.ajaxSetup({
  18953.            headers: {
  18954.                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  18955.            }
  18956.        });
  18957.  
  18958.    </script>
  18959.  
  18960.    <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
  18961.    <script src="https://rajadiamond.id/assetss/plugins/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  18962.    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  18963.    <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  18964.    <script src="https://rajadiamond.id/assetss/admin/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  18965.    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  18966.    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  18967.    
  18968.  
  18969.  
  18970.    <!-- btn up -->
  18971.    <script>
  18972.        var scrollBtn = document.querySelector(".scroll-up-btn");
  18973.        window.addEventListener("scroll", function() {
  18974.            if (window.pageYOffset > 20) {
  18975.                scrollBtn.style.display = "block";
  18976.            } else {
  18977.                scrollBtn.style.display = "none";
  18978.            }
  18979.        });
  18980.  
  18981.        scrollBtn.addEventListener("click", function() {
  18982.            window.scrollTo({
  18983.                top: 0
  18984.                , behavior: "smooth"
  18985.            });
  18986.        });
  18987.  
  18988.    </script>
  18989.  
  18990.  
  18991.    <!-- Your SDK code -->
  18992.  
  18993.  
  18994.    <script>
  18995.        const button = document.getElementById('headlessui-menu-button-:R1qd6:');
  18996.        const menu = document.getElementById('headlessui-menu-items-:r0:');
  18997.  
  18998.        button.addEventListener('click', () => {
  18999.            const isOpen = button.getAttribute('aria-expanded') === 'true';
  19000.            button.setAttribute('aria-expanded', !isOpen);
  19001.            menu.classList.toggle('opacity-100');
  19002.            menu.classList.toggle('scale-100');
  19003.            menu.classList.toggle('hidden');
  19004.        });
  19005.  
  19006.    </script>
  19007.  
  19008.  
  19009.    <script>
  19010.        document.getElementById("nomor").addEventListener("input", function() {
  19011.            let nomor = this.value;
  19012.            if (nomor.startsWith("08")) {
  19013.                nomor = "62" + nomor.slice(1);
  19014.                this.value = nomor;
  19015.            }
  19016.        });
  19017.  
  19018.    </script>
  19019.  
  19020.  
  19021.    <script>
  19022.        const showButton = document.getElementById('showSearchButton');
  19023.  
  19024.        const searchContainer = document.getElementById('searchContainer');
  19025.  
  19026.  
  19027.  
  19028.        showButton.addEventListener('click', function() {
  19029.  
  19030.  
  19031.            const isHidden = searchContainer.classList.contains('hidden');
  19032.  
  19033.  
  19034.            if (isHidden) {
  19035.  
  19036.                searchContainer.classList.remove('hidden');
  19037.  
  19038.                searchContainer.classList.add('visible');
  19039.  
  19040.            } else {
  19041.  
  19042.                searchContainer.classList.remove('visible');
  19043.  
  19044.                searchContainer.classList.add('hidden');
  19045.  
  19046.            }
  19047.  
  19048.        });
  19049.  
  19050.  
  19051.        searchContainer.classList.add('hidden');
  19052.  
  19053.  
  19054.  
  19055.        $('#searchInput').on('keyup', function() {
  19056.            let input = $('#searchInput')
  19057.            let base = $('#live_search_ul')
  19058.            base.removeClass('d-none')
  19059.            if (input.val()) {
  19060.                $.ajax({
  19061.                    method: "post"
  19062.                    , url: "https://rajadiamond.id/live-search"
  19063.                    , headers: {
  19064.                        'X-CSRF-TOKEN': "cMIqMjDZLkMltv1SIG79R625IMStcNEA9K9DVNt7"
  19065.                    }
  19066.                    , data: {
  19067.                        to_search: input.val()
  19068.                    }
  19069.                    , success: function(response) {
  19070.                        let categories = response.data
  19071.                        var html = ''
  19072.                        $.each(categories, function(index, value) {
  19073.                            let url = "https://rajadiamond.id/order/" + value.kode
  19074.                            html += '<li class="py-2 "><a href="' + url + '"><div class="d-flex align-items-center "><img class="rounded-3 me-3" src="' + value.thumbnail + '" width="90px"><b>' + value.nama + '</b></div></a></li>'
  19075.                        });
  19076.                        base.html(html)
  19077.                    }
  19078.                    , error: function(response) {
  19079.                        base.html('<li>Layanan Tidak Tersedia</li>')
  19080.                    }
  19081.                });
  19082.            } else {
  19083.                base.addClass('d-none')
  19084.            }
  19085.  
  19086.        })
  19087.  
  19088.    </script>
  19089.    <script>
  19090.        AOS.init();
  19091.  
  19092.    </script>
  19093.  
  19094. <!-- Google Tag Manager (noscript) -->
  19095. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N76TH6MS"
  19096. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  19097. <!-- End Google Tag Manager (noscript) -->
  19098.  
  19099. </body>
  19100.  
  19101. <script>
  19102.    const mySwiper = new Swiper('.my-swiper', {
  19103.        effect: "coverflow"
  19104.        , grabCursor: true
  19105.        , centeredSlides: true
  19106.        , slidesPerView: "auto"
  19107.        , loop: true
  19108.        , autoplay: {
  19109.            delay: 3000
  19110.            , disableOnInteraction: false
  19111.        , }
  19112.        , speed: 400
  19113.        , coverflowEffect: {
  19114.            rotate: 50
  19115.            , stretch: 0
  19116.            , modifier: 1
  19117.            , slideShadows: true
  19118.        , }
  19119.        , pagination: {
  19120.            el: ".swiper-pagination"
  19121.        , }
  19122.        , navigation: {
  19123.            nextEl: '.swiper-button-next'
  19124.            , prevEl: '.swiper-button-prev'
  19125.        , },
  19126.  
  19127.  
  19128.    });
  19129.  
  19130. </script>
  19131.  
  19132. <script>
  19133.    const swiper2 = new Swiper(".swiper-testimonial", {
  19134.        // Optional parameters
  19135.        direction: "horizontal"
  19136.        , loop: true
  19137.        , autoHeight: false
  19138.        , centeredSlides: true
  19139.        , slidesPerView: 1,
  19140.        // Responsive breakpoints
  19141.        breakpoints: {
  19142.            340: {
  19143.                slidesPerView: 2
  19144.                , spaceBetween: 10
  19145.            , }
  19146.            , 640: {
  19147.                slidesPerView: 3
  19148.                , spaceBetween: 40
  19149.            , }
  19150.            , 992: {
  19151.                slidesPerView: 3
  19152.                , spaceBetween: 10
  19153.            , }
  19154.        }
  19155.        , autoplay: {
  19156.            delay: 2000
  19157.            , disableOnInteraction: false
  19158.        , },
  19159.  
  19160.        // If we need pagination
  19161.        pagination: {
  19162.            el: ".swiper-pagination"
  19163.        },
  19164.  
  19165.        // Navigation arrows
  19166.        navigation: {
  19167.            nextEl: ".swiper-button-next"
  19168.            , prevEl: ".swiper-button-prev"
  19169.        }
  19170.  
  19171.        // And if we need scrollbar
  19172.        /*scrollbar: {
  19173.                el: '.swiper-scrollbar',
  19174.            },*/
  19175.    });
  19176.  
  19177. </script>
  19178.  
  19179.  
  19180.  
  19181.  
  19182.  
  19183.  
  19184.  
  19185. <script>
  19186.    var swiper = new Swiper('.swiperrr', {
  19187.        autoplay: true
  19188.        , spaceBetween: 27
  19189.        , loop: false
  19190.        , autoplay: {
  19191.            delay: 2000
  19192.        , }
  19193.        , pagination: {
  19194.            el: '.swiper-pagination'
  19195.            , clickable: true
  19196.        , }
  19197.        , breakpoints: {
  19198.            276: {
  19199.                slidesPerView: 2
  19200.                , spaceBetween: 10
  19201.            }
  19202.            , 768: {
  19203.                slidesPerView: 5
  19204.                , spaceBetween: 10
  19205.            }
  19206.            , 1024: {
  19207.                slidesPerView: 6
  19208.                , spaceBetween: 10
  19209.            }
  19210.        }
  19211.    });
  19212.  
  19213. </script>
  19214.  
  19215. <script type="text/javascript">
  19216.    document.addEventListener("DOMContentLoaded", function() {
  19217.        var showAllButton = document.getElementById('showAllButton');
  19218.        var kategoriContainer = document.getElementById('kategoriContainer');
  19219.        var kategoriCards = kategoriContainer.querySelectorAll('.featured-game-card');
  19220.        var start = 12;
  19221.  
  19222.        for (var i = start; i < kategoriCards.length; i++) {
  19223.            kategoriCards[i].classList.add('hidden');
  19224.        }
  19225.  
  19226.        showAllButton.addEventListener('click', function() {
  19227.            for (var i = start; i < start + 12 && i < kategoriCards.length; i++) {
  19228.                kategoriCards[i].classList.remove('hidden');
  19229.            }
  19230.            start += 12;
  19231.  
  19232.            if (start >= kategoriCards.length) {
  19233.                showAllButton.style.display = 'none';
  19234.            }
  19235.        });
  19236.    });
  19237.  
  19238. </script>
  19239.  
  19240. <script type="text/javascript">
  19241.    var cookie = document.cookie.split("; ");
  19242.    if (cookie.length < 2) {
  19243.        $(document).ready(function() {
  19244.            $("#popup").modal("show");
  19245.        })
  19246.    }
  19247.  
  19248.    function disablePopup() {
  19249.        var checkBox = document.getElementById("dontShow");
  19250.        var date = new Date();
  19251.        date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
  19252.        if (checkBox.checked) {
  19253.            document.cookie = "popup=0; expires=" + date.toGMTString();
  19254.        }
  19255.    }
  19256.  
  19257. </script>
  19258.  
  19259. <div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel" tabindex="-1">
  19260.    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
  19261.        <div class="modal-content bg-dark" style="box-shadow:0 0 3rem #000000 !important">
  19262.            <div class="modal-body">
  19263.                <div class="row" id="textInfo"></div>
  19264.                <div class="row">
  19265.                    <div class="col float-start">
  19266.                        <div class="form-check" style="font-size:12px">
  19267.                            <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
  19268.                            <label class="form-check-label" for="dontshowinfo">
  19269.                                Jangan tampilkan lagi
  19270.                            </label>
  19271.                        </div>
  19272.                    </div>
  19273.                    <div class="col text-end">
  19274.                        <button type="submit" name="read_popup_news_b2c" style="font-size:12px" class="btn btn-primary btn-sm">
  19275.                            Tutup
  19276.                        </button>
  19277.                    </div>
  19278.                </div>
  19279.            </div>
  19280.        </div>
  19281.    </div>
  19282. </div>
  19283.  
  19284. <!--<section class="relative mx-auto max-w-7xl p-4 sm:px-6 lg:py-6 lg:px-8">
  19285.    <div class="flex h-full w-full flex-col justify-between space-y-5">
  19286.  
  19287.        <div class="flex flex-col justify-center space-y-2">
  19288.            <h2 class="text-4xl font-bold">Ikuti Kami</h2>
  19289.            <p>Dapatkan Informasi Dan Promo Menarik Dengan Cara Mengikuti Media Sosial kami.</p>
  19290.        </div>
  19291.        <ul class="grid grid-cols-3 gap-4 md:flex md:space-x-2">
  19292.            <li>
  19293.                <a
  19294.                    class=" text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
  19295.                    target="_blank"
  19296.                    rel="noopener noreferrer"
  19297.                    href="#"
  19298.                >
  19299.                    <figure style="width: 40px; max-width: 100%; height: auto;">
  19300.                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
  19301.                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
  19302.                                <img
  19303.                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
  19304.                                    alt=""
  19305.                                    aria-hidden="true"
  19306.                                    src="/assets/icons/instagram.svg"
  19307.                                />
  19308.                            </span>
  19309.                            <img
  19310.                                alt="instagram"
  19311.                                src="/assets/icons/instagram.svg"
  19312.                                decoding="async"
  19313.                                data-nimg="intrinsic"
  19314.                                class=""
  19315.                                style="
  19316.                                    position: absolute;
  19317.                                    top: 0;
  19318.                                    left: 0;
  19319.                                    bottom: 0;
  19320.                                    right: 0;
  19321.                                    box-sizing: border-box;
  19322.                                    padding: 0;
  19323.                                    border: none;
  19324.                                    margin: auto;
  19325.                                    display: block;
  19326.                                    width: 0;
  19327.                                    height: 0;
  19328.                                    min-width: 100%;
  19329.                                    max-width: 100%;
  19330.                                    min-height: 100%;
  19331.                                    max-height: 100%;
  19332.                                "
  19333.                                srcset="/assets/icons/instagram.svg 1x, /assets/icons/instagram.svg 2x"
  19334.                            />
  19335.                        </span>
  19336.                    </figure>
  19337.                    <span class="font-bold ">instagram</span>
  19338.                </a>
  19339.            </li>
  19340.            <li>
  19341.                <a
  19342.                    class="text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
  19343.                    target="_blank"
  19344.                    rel="noopener noreferrer"
  19345.                    href="#"
  19346.                >
  19347.                    <figure style="width: 40px; max-width: 100%; height: auto;">
  19348.                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
  19349.                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
  19350.                                <img
  19351.                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
  19352.                                    alt=""
  19353.                                    aria-hidden="true"
  19354.                                    src="/assets/icons/tiktok.svg"
  19355.                                />
  19356.                            </span>
  19357.                            <img
  19358.                                alt="tiktok"
  19359.                                src="/assets/icons/tiktok.svg"
  19360.                                decoding="async"
  19361.                                data-nimg="intrinsic"
  19362.                                class=""
  19363.                                style="
  19364.                                    position: absolute;
  19365.                                    top: 0;
  19366.                                    left: 0;
  19367.                                    bottom: 0;
  19368.                                    right: 0;
  19369.                                    box-sizing: border-box;
  19370.                                    padding: 0;
  19371.                                    border: none;
  19372.                                    margin: auto;
  19373.                                    display: block;
  19374.                                    width: 0;
  19375.                                    height: 0;
  19376.                                    min-width: 100%;
  19377.                                    max-width: 100%;
  19378.                                    min-height: 100%;
  19379.                                    max-height: 100%;
  19380.                                "
  19381.                                srcset="/assets/icons/tiktok.svg 1x, /assets/icons/tiktok.svg 2x"
  19382.                            />
  19383.                        </span>
  19384.                    </figure>
  19385.                    <span class="font-bold">tiktok</span>
  19386.                </a>
  19387.            </li>
  19388.            <li>
  19389.                <a
  19390.                    class="text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
  19391.                    target="_blank"
  19392.                    rel="noopener noreferrer"
  19393.                    href="#"
  19394.                >
  19395.                    <figure style="width: 40px; max-width: 100%; height: auto;">
  19396.                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
  19397.                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
  19398.                                <img
  19399.                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
  19400.                                    alt=""
  19401.                                    aria-hidden="true"
  19402.                                    src="/assets/icons/youtube.svg"
  19403.                                />
  19404.                            </span>
  19405.                            <img
  19406.                                alt="youtube"
  19407.                                src="/assets/icons/youtube.svg"
  19408.                                decoding="async"
  19409.                                data-nimg="intrinsic"
  19410.                                class=""
  19411.                                style="
  19412.                                    position: absolute;
  19413.                                    top: 0;
  19414.                                    left: 0;
  19415.                                    bottom: 0;
  19416.                                    right: 0;
  19417.                                    box-sizing: border-box;
  19418.                                    padding: 0;
  19419.                                    border: none;
  19420.                                    margin: auto;
  19421.                                    display: block;
  19422.                                    width: 0;
  19423.                                    height: 0;
  19424.                                    min-width: 100%;
  19425.                                    max-width: 100%;
  19426.                                    min-height: 100%;
  19427.                                    max-height: 100%;
  19428.                                "
  19429.                                srcset="/assets/icons/youtube.svg 1x, /assets/icons/youtube.svg 2x"
  19430.                            />
  19431.                        </span>
  19432.                    </figure>
  19433.                    <span class="font-bold">youtube</span>
  19434.                </a>
  19435.            </li>
  19436.        </ul>
  19437.    </div>
  19438.    
  19439. </section> -->
  19440.  
  19441. <svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="-mt-8 transition delay-150 duration-300 ease-in-out print:hidden md:-mt-24">
  19442.    <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" stroke="none" stroke-width="0" fill="rgba(0,0,0,0.85)" fill-opacity="1" class="path-0 transition-all delay-150 duration-300 ease-in-out"></path>
  19443. </svg>
  19444.  
  19445.  
  19446. <footer style="background-color: rgba(0,0,0,0.85)" aria-labelledby="footer-heading" class="overflow-hidden">
  19447.  
  19448.    <h2 id="footer-heading" class="sr-only">Footer</h2>
  19449.    <div class="mx-auto max-w-7xl py-8 px-4 sm:px-6 lg:pt-14 lg:px-14">
  19450.        <div class="flex h-full w-full flex-col justify-between lg:flex-row md:justify-center md:space-x-10">
  19451.            <div class="w-full space-y-4 xl:col-span-1"><img alt="logo" srcset="/assets/banner/FONT RAJA DM . PNG.png" src="/assets/banner/FONT RAJA DM . PNG.png" width="64" height="64" decoding="async" data-nimg="1" class="h-16 w-auto md:h-[110px] md:w-[270px]" loading="lazy" style="color: transparent;">
  19452.                <p class="text-base" style="color: rgb(255, 255, 255);">Raja Diamond adalah tempat top up game online murah aman dan legal andalan remaja masa kini dengan promo top up Mobile Legends, Free Fire, Roblox, Hok, Genshin Impact lengkap pasti paling murah dan cepat di Indonesia.
  19453.                </p>
  19454.            </div>
  19455.            <div class="mt-12 grid w-full grid-cols-2 gap-6 lg:gap-10 gap-y-10 md:flex lg:justify-between xl:mt-0" style="color: rgb(255, 255, 255);">
  19456.                <div class="w-full">
  19457.                    <h3 class="text-sm font-bold uppercase" style="color: #FDFD34;">PETA SITUS</h3>
  19458.  
  19459.                    <ul class="mt-4 space-y-4">
  19460.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id">Beranda</a></li>
  19461.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/daftar-harga">Daftar Harga</a>
  19462.                        </li>
  19463.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/login">Masuk</a></li>
  19464.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/register">Daftar</a></li>
  19465.                    </ul>
  19466.                </div>
  19467.                <div class="w-full">
  19468.                    <h3 class="text-sm font-bold uppercase" style="color: #FDFD34;">TOP UP LAINNYA</h3>
  19469.  
  19470.                    <ul class="mt-4 space-y-4">
  19471.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/order/mobile-legends">Mobile Legends</a></li>
  19472.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/order/free-fire">Free
  19473.                                Fire</a></li>
  19474.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/order/call-of-duty">Call of Duty Mobile</a></li>
  19475.                        <li><a class="text-sm hover:text-primary-400" href="https://rajadiamond.id/order/genshin-impact">Genshin Impact</a></li>
  19476.                    </ul>
  19477.                </div>
  19478.                <div class="w-full">
  19479.                    <h3 class="text-sm font-bold uppercase  ">Kontak Kami</h3>
  19480.  
  19481.                    <div class="items-center space-x-0 my-4">
  19482.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a target="_blank" href="https://www.instagram.com/rajadiamond_id/" class="social-icon" aria-label="instagram" style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  19483.                                <div class="social-container" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
  19484.                                    <svg class="social-svg" viewBox="0 0 64 64" style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  19485.                                        <g class="social-svg-background" style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  19486.                                            <circle cx="32" cy="32" r="31"></circle>
  19487.                                        </g>
  19488.                                        <g class="social-svg-icon" style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  19489.                                            <path d="M 39.88,25.89 C 40.86,25.89 41.65,25.10 41.65,24.12 41.65,23.14 40.86,22.35 39.88,22.35 38.90,22.35 38.11,23.14 38.11,24.12 38.11,25.10 38.90,25.89 39.88,25.89 Z M 32.00,24.42 C 27.82,24.42 24.42,27.81 24.42,32.00 24.42,36.19 27.82,39.58 32.00,39.58 36.18,39.58 39.58,36.18 39.58,32.00 39.58,27.82 36.18,24.42 32.00,24.42 Z M 32.00,36.92 C 29.28,36.92 27.08,34.72 27.08,32.00 27.08,29.28 29.28,27.08 32.00,27.08 34.72,27.08 36.92,29.28 36.92,32.00 36.92,34.72 34.72,36.92 32.00,36.92 Z M 32.00,19.90 C 35.94,19.90 36.41,19.92 37.96,19.99 39.41,20.05 40.19,20.29 40.71,20.50 41.40,20.77 41.89,21.08 42.41,21.60 42.92,22.12 43.24,22.61 43.51,23.30 43.71,23.82 43.95,24.60 44.02,26.04 44.09,27.60 44.11,28.06 44.11,32.01 44.11,35.95 44.09,36.41 44.02,37.97 43.95,39.41 43.71,40.19 43.51,40.71 43.24,41.40 42.92,41.90 42.41,42.41 41.89,42.93 41.40,43.25 40.71,43.51 40.19,43.71 39.41,43.96 37.96,44.02 36.41,44.09 35.94,44.11 32.00,44.11 28.06,44.11 27.59,44.09 26.04,44.02 24.59,43.96 23.81,43.72 23.29,43.51 22.60,43.24 22.11,42.93 21.59,42.41 21.08,41.90 20.76,41.40 20.49,40.71 20.29,40.19 20.05,39.41 19.98,37.97 19.91,36.41 19.89,35.95 19.89,32.01 19.89,28.06 19.91,27.60 19.98,26.04 20.05,24.60 20.29,23.82 20.49,23.30 20.76,22.61 21.08,22.12 21.59,21.60 22.11,21.08 22.60,20.76 23.29,20.50 23.81,20.30 24.59,20.05 26.04,19.99 27.59,19.91 28.06,19.90 32.00,19.90 Z M 32.00,17.24 C 27.99,17.24 27.49,17.26 25.91,17.33 24.34,17.40 23.27,17.65 22.33,18.01 21.36,18.39 20.54,18.90 19.72,19.72 18.90,20.54 18.39,21.37 18.01,22.33 17.65,23.27 17.40,24.34 17.33,25.92 17.26,27.49 17.24,27.99 17.24,32.00 17.24,36.01 17.26,36.51 17.33,38.09 17.40,39.66 17.65,40.73 18.01,41.67 18.39,42.65 18.90,43.47 19.72,44.29 20.54,45.11 21.37,45.61 22.33,45.99 23.27,46.36 24.34,46.61 25.92,46.68 27.49,46.75 27.99,46.77 32.01,46.77 36.02,46.77 36.52,46.75 38.09,46.68 39.66,46.61 40.74,46.36 41.68,45.99 42.65,45.62 43.47,45.11 44.29,44.29 45.11,43.47 45.62,42.64 46.00,41.67 46.36,40.74 46.61,39.66 46.68,38.09 46.75,36.51 46.77,36.01 46.77,32.00 46.77,27.99 46.75,27.49 46.68,25.91 46.61,24.34 46.36,23.27 46.00,22.33 45.62,21.35 45.11,20.53 44.29,19.71 43.47,18.89 42.65,18.39 41.68,18.01 40.74,17.64 39.67,17.39 38.09,17.32 36.51,17.26 36.01,17.24 32.00,17.24 Z">
  19490.                                            </path>
  19491.                                        </g>
  19492.                                        <g class="social-svg-mask" style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  19493.                                            <path d="M0,0v64h64V0H0z M 42.03,23.99 C 42.03,24.99 41.22,25.79 40.23,25.79 39.23,25.79 38.43,24.99 38.43,23.99 38.43,22.99 39.23,22.19 40.23,22.19 41.22,22.19 42.03,22.99 42.03,23.99 Z M 24.52,31.99 C 24.52,27.74 27.97,24.29 32.22,24.29 36.47,24.29 39.92,27.75 39.92,31.99 39.92,36.24 36.47,39.70 32.22,39.70 27.97,39.70 24.52,36.25 24.52,31.99 Z M 27.22,31.99 C 27.22,34.76 29.46,36.99 32.22,36.99 34.98,36.99 37.22,34.76 37.22,31.99 37.22,29.23 34.98,27.00 32.22,27.00 29.46,27.00 27.22,29.23 27.22,31.99 Z M 38.28,19.79 C 36.70,19.72 36.22,19.70 32.22,19.70 28.22,19.70 27.74,19.71 26.17,19.79 24.69,19.85 23.90,20.11 23.37,20.31 22.67,20.58 22.17,20.90 21.65,21.43 21.13,21.96 20.80,22.46 20.53,23.16 20.33,23.68 20.08,24.48 20.01,25.94 19.94,27.52 19.92,27.99 19.92,32.01 19.92,36.01 19.94,36.48 20.01,38.06 20.08,39.52 20.33,40.32 20.53,40.84 20.80,41.54 21.13,42.05 21.65,42.57 22.17,43.10 22.67,43.41 23.37,43.69 23.90,43.90 24.69,44.15 26.17,44.21 27.74,44.28 28.22,44.30 32.22,44.30 36.22,44.30 36.70,44.28 38.28,44.21 39.75,44.15 40.54,43.89 41.07,43.69 41.77,43.42 42.27,43.10 42.80,42.57 43.32,42.05 43.64,41.54 43.91,40.84 44.12,40.32 44.36,39.52 44.43,38.06 44.50,36.48 44.52,36.01 44.52,32.01 44.52,27.99 44.50,27.52 44.43,25.94 44.36,24.48 44.12,23.68 43.91,23.16 43.64,22.46 43.32,21.96 42.80,21.43 42.27,20.90 41.77,20.59 41.07,20.31 40.54,20.10 39.75,19.85 38.28,19.79 Z M 26.03,17.09 C 27.64,17.02 28.15,17.00 32.22,17.00 36.27,17.00 36.80,17.02 38.38,17.08 38.38,17.08 38.41,17.08 38.41,17.08 40.01,17.15 41.10,17.41 42.06,17.78 43.04,18.17 43.87,18.68 44.71,19.51 45.54,20.34 46.06,21.18 46.44,22.17 46.81,23.13 47.06,24.21 47.14,25.81 47.21,27.41 47.23,27.92 47.23,31.99 47.23,36.07 47.21,36.58 47.14,38.18 47.06,39.78 46.81,40.87 46.44,41.82 46.06,42.80 45.54,43.65 44.71,44.48 43.87,45.31 43.04,45.83 42.06,46.21 41.10,46.58 40.00,46.84 38.41,46.91 36.81,46.98 36.31,47.00 32.23,47.00 28.15,47.00 27.64,46.98 26.04,46.91 24.44,46.84 23.35,46.58 22.40,46.21 21.42,45.82 20.58,45.31 19.75,44.48 18.91,43.65 18.39,42.81 18.01,41.82 17.64,40.86 17.39,39.78 17.32,38.18 17.25,36.58 17.23,36.07 17.23,31.99 17.23,27.92 17.25,27.41 17.32,25.82 17.39,24.21 17.64,23.13 18.01,22.17 18.39,21.20 18.91,20.35 19.75,19.52 20.58,18.69 21.41,18.17 22.40,17.78 23.35,17.42 24.44,17.16 26.03,17.09 Z">
  19494.                                            </path>
  19495.                                        </g>
  19496.                                    </svg>
  19497.                                </div>
  19498.                            </a></div>
  19499.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a target="_blank" href="https://www.tiktok.com/UniPin" class="social-icon" aria-label="tiktok" style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  19500.                                <div class="social-container" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg class="social-svg" viewBox="0 0 64 64" style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  19501.                                        <g class="social-svg-background" style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  19502.                                            <circle cx="32" cy="32" r="31"></circle>
  19503.                                        </g>
  19504.                                        <g class="social-svg-icon" style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  19505.                                            <path d="M 0,0 H 64 V 64 H 0 Z"></path>
  19506.                                        </g>
  19507.                                        <g class="social-svg-mask" style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  19508.                                            <path d="M 0 0 L 0 64 L 64 64 L 64 0 L 0 0 z M 33.330078 16 L 38.845703 16 C 38.841484 16.464979 38.879928 16.930827 38.960938 17.388672 L 38.962891 17.388672 C 39.347214 19.450699 40.563022 21.263117 42.324219 22.402344 C 43.560373 23.223837 45.011906 23.660664 46.496094 23.660156 L 46.496094 24.853516 C 46.499654 24.854516 46.504312 24.854771 46.507812 24.855469 L 46.507812 29.123047 C 43.760055 29.129293 41.080342 28.271577 38.847656 26.669922 L 38.847656 37.882812 C 38.835889 43.478203 34.296575 48.007827 28.701172 48.007812 C 26.63222 48.048166 24.599665 47.449168 22.884766 46.291016 C 22.767781 46.167585 22.658664 46.038312 22.548828 45.910156 C 19.166219 43.334883 17.735525 38.905122 19.021484 34.820312 C 20.351327 30.5961 24.272588 27.726928 28.701172 27.736328 C 29.158607 27.742889 29.614526 27.781926 30.066406 27.853516 L 30.054688 33.488281 C 29.612312 33.350917 29.152646 33.277637 28.689453 33.273438 C 26.564626 33.28434 24.721455 34.740631 24.216797 36.804688 C 23.712137 38.868744 24.676556 41.009904 26.556641 42 C 27.215641 42.344292 27.967447 42.505495 28.710938 42.511719 C 31.19892 42.507676 33.238354 40.539029 33.330078 38.052734 L 33.330078 16 z">
  19509.                                            </path>
  19510.                                        </g>
  19511.                                    </svg></div>
  19512.                            </a></div>
  19513.                        <div class="icon-button hover:shadow-lg css-4a5a1" style="width: 44px; height: 44px;"><a target="_blank" href="https://www.youtube.com/takapedia" class="social-icon" aria-label="youtube" style="display: inline-block; width: 40px; height: 40px; position: relative; overflow: hidden; vertical-align: middle;">
  19514.                                <div class="social-container" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"><svg class="social-svg" viewBox="0 0 64 64" style="border-radius: 50%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill-rule: evenodd;">
  19515.                                        <g class="social-svg-background" style="transition: fill 170ms ease-in-out 0s; fill: transparent;">
  19516.                                            <circle cx="32" cy="32" r="31"></circle>
  19517.                                        </g>
  19518.                                        <g class="social-svg-icon" style="transition: fill 170ms ease-in-out 0s; fill: rgb(230, 230, 230);">
  19519.                                            <path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z">
  19520.                                            </path>
  19521.                                        </g>
  19522.                                        <g class="social-svg-mask" style="transition: fill 170ms ease-in-out 0s; fill: rgb(39, 39, 48);">
  19523.                                            <path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z">
  19524.                                            </path>
  19525.                                        </g>
  19526.                                    </svg></div>
  19527.                            </a></div>
  19528.                    </div>
  19529.                    <!--<div class="mt-6">
  19530.                        <h3 class="text-sm font-bold uppercase">Pertanyaan Bisnis</h3>
  19531.                        <div class="strip-primary"></div>
  19532.                        <ul class="mt-4 space-y-4">
  19533.                        <li> <a href="mailto:mailto:diowbok@gmail.com" class="text-sm pb-[3px] text-base mt-5">mailto:diowbok@gmail.com</a></li>
  19534.                    </ul>
  19535.                      
  19536.                    </div>-->
  19537.                </div>
  19538.            </div>
  19539.        </div>
  19540.  
  19541.        <div class="mt-12 flex flex-col gap-1 md:flex-row lg:flex-row border-t pt-8 place-items-start" style="border-color: rgb(255, 255, 255);">
  19542.            <p class="text-xs xs:text-center" style="color: rgb(255, 255, 255);">Copyright © 2024
  19543.                Raja Diamond - Provider Top Up Games Murah Instant 100% Legal.</p>
  19544.            <div class="flex gap-3"><a class="text-xs xl:text-center hover:underline border-r pr-3" href="https://rajadiamond.id/about-us" style="color: #FDFD34;">Tentang Kami</a><a class="text-xs xl:text-center hover:underline " href="https://rajadiamond.id/Terms-and-conditions" style="color: #FDFD34;">Syarat &amp; Ketentuan Pengguna</a></div>
  19545.  
  19546.        </div>
  19547.    </div>
  19548. </footer>
  19549.  
  19550.  
  19551.  
  19552. </html>
  19553.  

Home · About · News · Docs · Terms

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