> ## Documentation Index
> Fetch the complete documentation index at: https://docs.borderless.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Coverage

Borderless is your gateway to global stablecoin payments, powered by our network of locally licensed and regulated partner financial institutions (PFIs). Connect once to the network and get all of the following coverage and capabilities.

<Note>
  If you're just getting started, please check out our [quick start guide](/docs/quick-start-guide).
</Note>

## Explore the Borderless network

You can explore the network in three primary ways:

* Local Fiat Currency Support
* Country Support
* Partner Finanical Institution (PFI) Support

Use the tabs below to switch how you explore coverage.

<div>
  <Accordion title="Coverage" defaultOpen>
    ## Coverage by Country

    Start here to check for your desired country support.

    <div style={{ maxHeight: "800px", overflowY: "auto" }}>
      <Tabs>
        <Tab title="Currencies">
          <div>
            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>AED</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">United Arab Emirates Dirham</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ARS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Argentine Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>AUD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Australian Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BDT</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Bangladeshi Taka</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BOB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Bolivian Boliviano</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BRL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Brazilian Real</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BWP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Botswana Pula</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CAD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Canadian Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CDF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Congolese Franc</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CLP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Chilean Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CNY</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Chinese Yuan</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>COP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Colombian Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CRC</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Costa Rican Colon</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CZK</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Czech Koruna</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>DKK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Danish Krone</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>DOP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Dominican Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>EGP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Egyptian Pound</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ETB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ethiopian Birr</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>EUR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Euro</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GBP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">British Pound Sterling</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GHS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ghanaian Cedi</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GMD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Gambian Dalasi</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GTQ</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Guatemalan Quetzal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HKD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Hong Kong Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HNL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Honduran Lempira</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HUF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Hungarian Forint</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>IDR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Indonesian Rupiah</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ILS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Israeli New Shekel</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>INR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Indian Rupee</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JMD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Jamaican Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JOD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Jordanian Dinar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JPY</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Japanese Yen</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>KES</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Kenyan Shilling</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>KRW</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">South Korean Won</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LKR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Sri Lankan Rupee</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LRD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Liberian Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MWK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Malawian Kwacha</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MXN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Mexican Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MYR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Malaysian Ringgit</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NGN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Nigerian Naira</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NOK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Norwegian Krone</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NPR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Nepalese Rupee</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PAB</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Panamanian Balboa</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PEN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Peruvian Sol</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PHP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Philippine Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PKR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Pakistani Rupee</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PLN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Polish Zloty</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PYG</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Paraguayan Guarani</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>QAR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Qatari Riyal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>RON</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Romanian Leu</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>RSD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Serbian Dinar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>RWF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Rwandan Franc</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SAR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Saudi Riyal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SEK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Swedish Krona</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SGD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Singapore Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SLE</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Leone</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>THB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Thai Baht</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>TRY</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Turkish Lira</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>TZS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Tanzanian Shilling</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>UGX</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ugandan Shilling</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>USD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">United States Dollar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>UYU</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Uruguayan Peso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>VND</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Vietnamese Dong</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>XAF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Central African CFA Franc</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>XOF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">West African CFA Franc</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ZAR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">South African Rand</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ZMW</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Zambian Kwacha</div>
              </div>
            </Card>
          </div>
        </Tab>

        <Tab title="Countries">
          <div>
            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>AND</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Andorra</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ARE</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">United Arab Emirates</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ARG</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Argentina</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>AUS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Australia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>AUT</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Austria</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BEL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Belgium</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BEN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Benin</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BFA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Burkina Faso</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BGD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Bangladesh</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BOL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Bolivia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BRA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Brazil</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BWA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Botswana</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CAN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Canada</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CHL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Chile</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CHN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">China</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CIV</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Cote d'Ivoire</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CMR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Cameroon</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>COD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Democratic Republic of the Congo</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>COG</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Republic of the Congo</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>COL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Colombia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CRI</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Costa Rica</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CYP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Cyprus</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>CZE</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Czechia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>DEU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Germany</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>DNK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Denmark</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>DOM</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Dominican Republic</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ECU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ecuador</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>EGY</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Egypt</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ESP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Spain</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>EST</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Estonia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ETH</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ethiopia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>EUU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">European Union</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>FIN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Finland</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>FRA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">France</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GAB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Gabon</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GBR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">United Kingdom</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GHA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Ghana</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GMB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Gambia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GRC</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Greece</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>GTM</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Guatemala</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HKG</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Hong Kong</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HND</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Honduras</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HRV</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Croatia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HUN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Hungary</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>IDN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Indonesia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>IND</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">India</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ISR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Israel</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ITA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Italy</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JAM</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Jamaica</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JOR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Jordan</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>JPN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Japan</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>KEN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Kenya</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>KOR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">South Korea</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LBR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Liberia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LKA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Sri Lanka</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LTU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Lithuania</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LUX</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Luxembourg</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>LVA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Latvia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MEX</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Mexico</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MLI</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Mali</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MLT</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Malta</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MWI</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Malawi</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>MYS</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Malaysia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NGA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Nigeria</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NLD</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Netherlands</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NOR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Norway</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>NPL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Nepal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PAK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Pakistan</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PAN</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Panama</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PER</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Peru</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PHL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Philippines</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>POL</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Poland</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PRT</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Portugal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PRY</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Paraguay</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>QAT</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Qatar</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ROU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Romania</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>RWA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Rwanda</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SAU</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Saudi Arabia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SEN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Senegal</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SGP</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Singapore</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SLE</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Sierra Leone</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SLV</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">El Salvador</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SRB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Serbia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SVK</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Slovakia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SVN</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Slovenia</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>SWE</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Sweden</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>TGO</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Togo</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>THA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Thailand</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>TUR</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Turkey</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>TZA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Tanzania</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>UGA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Uganda</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>URY</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Uruguay</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>USA</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">United States</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>VNM</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Vietnam</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ZAF</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">South Africa</div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>ZMB</strong> <Badge color="green">Live</Badge></span>
                </div>

                <div className="text-sm text-gray-500">Zambia</div>
              </div>
            </Card>
          </div>
        </Tab>

        <Tab title="Providers">
          <div>
            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Abra</strong> <Badge color="orange">OTC only</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Ares</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Bitso</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BlindPay</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Bridge</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>BVNK</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Capa</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Cobre</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Coins.ph</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Cybrid</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Enigma</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Finity</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Hercle</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>HoneyCoin</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Infinia</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Kotani Pay</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Koywe</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Manteca</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Mudrex</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Nonco</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>PDAX</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Stillman Digital</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Trace Finance</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Tripla A</strong> <Badge color="gray">Coming soon</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Walapay</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>

            <Card horizontal>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1 items-start text-sm" style={{ gridTemplateColumns: "250px 1fr" }}>
                <div className="flex items-center">
                  <span><strong>Yellow Card</strong> <Badge color="green">Live</Badge></span>
                </div>
              </div>
            </Card>
          </div>
        </Tab>
      </Tabs>
    </div>
  </Accordion>
</div>

## Key concepts

The three views above share the same primitives. This section defines them so you can interpret coverage consistently.

<AccordionGroup>
  <Accordion title="Deposits vs Withdrawals">
    **Deposits (on-ramps)**\
    Local fiat currency moves **from you or your user to a Borderless PFI**, who then converts the local fiat currency into stablecoins and sends it to you, your user, or another approved party.

    Examples:

    * USD local bank transfer → USDC
    * BRL Pix transfer → USDT

    **Withdrawals (off-ramps)**\
    Stablecoins move **from you or your user to a Borderless PFI**, who then converts the stablecoins into local fiat currency and sends it to you, your user, or another approved party.

    Examples:

    * USDC → MXN local bank transfer
    * USDT → ARS local bank transfer
  </Accordion>

  <Accordion title="First-party vs Third-party payments">
    **First-party payments**

    * Funds move between **accounts you control** (corporate accounts, your own wallets, internal balances).
    * Common for:
      * Treasury operations
      * Internal rebalancing (stablecoin ⇄ fiat)
      * Funding local payout accounts

    **Third-party payments**

    * Funds move **to or from your end users, merchants, or suppliers**.
    * Common for:
      * Merchant payouts
      * Supplier payments
      * Marketplace disbursements
  </Accordion>

  <Accordion title="Assets, currencies, networks, and rails">
    For each route in the network, we track:

    * **Asset in** – e.g. `USDC`, `USDT`, `USD`
    * **Fiat out** – e.g. `MXN`, `EUR`, `KES`
    * **Network** (for stablecoins) – e.g. `Ethereum`, `Polygon`, `Base`, `Tron`
    * **Rails** – e.g. local bank schemes (SPEI, SEPA, FPS), card rails, SWIFT
  </Accordion>
</AccordionGroup>

<Info>
  If you have any questions, please don't hesitate to reach out to us via [email](mailto:support@borderless.xyz) or slack.
</Info>