body{
  background-color: #060606;
}

.orange ul,
.orange h1 {
  background-color: #fa8c23; /*orange */
  border-bottom: solid 5px #bc6818; /*orange comp */
}
.blue ul,
.blue h1 {
  padding-inline: 0.1em;
  background-color: #01cad3; /*blue */
  border-bottom: solid 5px #00868c;
}
.green ul,
.green h1 {
  background-color: #0c8e13; /*green */
  border-bottom: solid 5px #066a0b; /*green comp */
}

.red ul,
.red h1 {
  background-color: #F03926;
  border-bottom: solid 5px #9F2619; 
}

.red.active a,
.red a:hover {
  color: #F03926;
}

.orange.active a,
.orange a:hover {
  color: #fa8c23;
}
.blue.active a,
.blue a:hover {
  color: #01cad3;
}
.green.active a,
.green a:hover {
  color: #0c8e13;
}
.orange.active ul a,
.blue.active ul a,
.green.active ul a,
.red.active ul a,
.orange ul a:hover,
.blue ul a:hover,
.green ul a:hover,
.red ul a:hover {
  color: #ffffff;
}

.blue h1,
a.block.blue {
  box-shadow: 18px 0 0 #01cad3, -10px 0 0 #01cad3, 10px -10px 0 #01cad3,
    -10px -10px 0 #01cad3; /* add this line */
}

.red h1,
a.block.red {
  box-shadow: 18px 0 0 #F03926, -10px 0 0 #F03926, 10px -10px 0 #F03926,
    -10px -10px 0 #F03926; /* add this line */
}

a.block.orange,
.orange h1 {
  box-shadow: 18px 0 0 #fa8c23, -10px 0 0 #fa8c23, 10px -10px 0 #fa8c23,
    -10px -10px 0 #fa8c23; /* add this line */
}
.green h1,
a.block.green {
  box-shadow: 18px 0 0 #0c8e13, -10px 0 0 #0c8e13, 10px -10px 0 #0c8e13,
    -10px -10px 0 #0c8e13; /* add this line */
}
.blue .cta {
  border-left: solid 1.05em #01cad3;
}
.orange .cta {
  border-left: solid 1.05em #fa8c23;
}
.green .cta {
  border-left: solid 1.05em #0c8e13;
}

.neon .cta {
  border-left: solid 1.05em #87f375;
}

.neon .cta:hover {
  color: #87f375;
}

p.blue,
h2.blue,
h3.blue {
  color: #01cad3;
}

a.block.blue {
  /* width: 100%; */
  border-bottom: solid 5px #00868c;
}

a.block.green {
  border-bottom: solid 5px #066a0b;
}

a.block.orange {
  background-color: #fa8c23;
  border-bottom: solid 5px #bc6818;
  text-transform: uppercase;
}

a.block.orange:hover {
  color: #fff !important ;
}

h3.green,
h2.green,
p.green {
  color: #0c8e13;
}

h3.orange,
h2.orange,
p.orange {
  color: #fa8c23;
}

h3.neon,
h2.neon,
h1.neon,
p.neon {
  color: #87f375;
}
