/* Banner - main */
.card:nth-child(1) { --color: 0 0% 50%; }

/* Hero */
.card:nth-child(2) { --color: 0 0% 50%; }


/* Banner - Features */
.card:nth-child(3) { --color: 0 0% 50%; }

/* Red */
.card:nth-child(4) { --color: 0 100% 50%; }

/* Green */
.card:nth-child(5) { --color: 140 100% 50%; }

/* Blue */
.card:nth-child(6) { --color: 229 100% 50%; }

/* Yellow */
.card:nth-child(7) { --color: 39 100% 50%; }


/* Banner - test */
.card:nth-child(8) { --color: 0 0% 50%; }

/* test */
.card:nth-child(9) { --color: 267 100% 50%; }