style: Add title card background color

content/tools/services/dns/index.md

@@ -62,6 +62,8 @@ These DNS filtering solutions offer a web dashboard where you can customize the
 
 ### Control D
 
+{{< title-card >}}
+
 **Control D** is a customizable DNS service which lets you block security threats, unwanted content, and advertisements on a DNS level.
 
 In addition to their paid plans, they offer a number of preconfigured DNS resolvers you can use for free.
@@ -71,6 +73,8 @@ In addition to their paid plans, they offer a number of preconfigured DNS resolv
   {{< card link="https://controld.com/privacy" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Linux" color="yellow" >}}](https://docs.controld.com/docs/ctrld)
 [{{< badge content="macOS" color="indigo" >}}](https://docs.controld.com/docs/gui-setup-utility)
 [{{< badge content="Windows" color="red" >}}](https://docs.controld.com/docs/gui-setup-utility)
@@ -80,6 +84,8 @@ In addition to their paid plans, they offer a number of preconfigured DNS resolv
 
 ### NextDNS
 
+{{< title-card >}}
+
 **NextDNS** is a customizable DNS service which lets you block security threats, unwanted content, and advertisements on a DNS level.
 
 They offer a fully functional free plan for limited use.
@@ -89,6 +95,8 @@ They offer a fully functional free plan for limited use.
   {{< card link="https://nextdns.io/privacy" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Linux" color="yellow" >}}](https://github.com/nextdns/nextdns/wiki)
 [{{< badge content="macOS" color="indigo" >}}](https://apps.apple.com/us/app/nextdns/id1464122853)
 [{{< badge content="Windows" color="red" >}}](https://github.com/nextdns/nextdns/wiki/Windows)
@@ -107,6 +115,8 @@ Encrypted DNS proxy software provides a local proxy for the [unencrypted DNS](..
 
 ### RethinkDNS
 
+{{< title-card >}}
+
 **RethinkDNS** is an open-source Android client that supports [DoH](../../../wiki/advanced/dns-overview/index.md#dns-over-https-doh), [DoT](../../../wiki/advanced/dns-overview/index.md#dns-over-tls-dot), [DNSCrypt](../../../wiki/advanced/dns-overview/index.md#dnscrypt) and DNS Proxy. It also provides additional functionality such as caching DNS responses, locally logging DNS queries, and using the app as a firewall.
 
 {{< cards >}}
@@ -114,6 +124,8 @@ Encrypted DNS proxy software provides a local proxy for the [unencrypted DNS](..
   {{< card link="https://rethinkdns.com/privacy" title="Privacy Policy" icon="eye" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Google Play" color="green" >}}](https://play.google.com/store/apps/details?id=com.celzero.bravedns)
 [{{< badge content="GitHub" >}}](https://github.com/celzero/rethink-app/releases)
 
@@ -121,6 +133,8 @@ While RethinkDNS takes up the Android VPN slot, you can still use a VPN or Orbot
 
 ### DNSCrypt-Proxy
 
+{{< title-card >}}
+
 **DNSCrypt-Proxy** is a DNS proxy with support for [DNSCrypt](../../../wiki/advanced/dns-overview/index.md#dnscrypt), [DoH](../../../wiki/advanced/dns-overview/index.md#dns-over-https-doh), and [Anonymized DNS](https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Anonymized-DNS).
 
 {{< cards >}}
@@ -128,6 +142,8 @@ While RethinkDNS takes up the Android VPN slot, you can still use a VPN or Orbot
   {{< card link="https://github.com/DNSCrypt/dnscrypt-proxy/wiki" title="Documentation" icon="document-text" >}}
 {{< /cards >}}
 
+{{< /title-card >}}
+
 [{{< badge content="Linux" color="yellow" >}}](https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Installation-linux)
 [{{< badge content="macOS" color="indigo" >}}](https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Installation-macOS)
 [{{< badge content="Windows" color="red" >}}](https://github.com/DNSCrypt/dnscrypt-proxy/wiki/Installation-Windows)