.uline-magic { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); background-repeat: no-repeat; background-size: 100% .6em; background-position: 0 70%; transition: background-size 0.25s ease-in}
.uline-magic:hover { padding-bottom: 25px; background-size: 100% 120%; background: linear-gradient(120deg, #FF9494 0%, #8fd3f4 100%)  }
.uline-magic2 { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 60%); background-repeat: no-repeat; background-size: 100% .6em; background-position: 0 80%; transition: background-size 0.25s ease-in}
.uline-magic3 { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 60%); background-repeat: no-repeat; background-size: 50% .6em; background-position: 0 80%; transition: background-size 0.25s ease-in}

.bg-red { color: rgb(249, 249, 249) !important; background-color: rgb(245, 105, 84) !important }
.bg-yellow { color: rgb(0, 0, 0); background-color: rgb(255, 230, 153) }
.bg-aqua { color: rgb(249, 249, 249) !important; background-color: rgb(0, 192, 239) !important }
.bg-blue { color: rgb(249, 249, 249) !important; background-color: rgb(0, 115, 183) !important }
.bg-light-blue { color: rgb(0, 0, 0); background-color: rgb(236, 244, 249) }
.bg-green { color: rgb(249, 249, 249) !important; background-color: rgb(0, 166, 90) !important }
.bg-navy { color: rgb(249, 249, 249) !important; background-color: rgb(0, 81, 128) }
.bg-teal { color: rgb(249, 249, 249) !important; background-color: rgb(57, 204, 204) !important }
.bg-olive { color: rgb(249, 249, 249) !important; background-color: rgb(61, 153, 112) !important }
.bg-lime { color: rgb(249, 249, 249) !important; background-color: rgb(1, 255, 112) !important }
.bg-orange { color: rgb(249, 249, 249) !important; background-color: rgb(255, 133, 27) !important }
.bg-fuchsia { color: rgb(249, 249, 249) !important; background-color: rgb(240, 18, 190) !important }
.bg-purple { color: rgb(249, 249, 249) !important; background-color: rgb(230, 0, 172) }
.bg-maroon { color: rgb(249, 249, 249) !important; background-color: rgb(184, 28, 0) }
.bg-black { color: rgb(249, 249, 249) !important; background-color: rgb(34, 34, 34) !important }
.bg-gray { color: rgb(249, 249, 249) !important; background-color: rgb(234, 234, 236) !important }
.bg-light-gray { color: rgb(0, 0, 0) !important; background-color: rgb(247, 247, 247) }
.bg-white { background-color: rgb(255, 255, 255) }

.black { color: rgb(0, 0, 0) !important }
.text-gray, .grey { color: rgb(107, 107, 107) !important }
.text-red { color: rgb(245, 105, 84) !important }
.text-yellow { color: rgb(255, 255, 102) !important }
.text-aqua { color: rgb(0, 192, 239) !important }
.text-blue { color: rgb(0, 115, 183) !important }
.text-dblue { color: rgb(0, 81, 128) }
.text-light-blue { color: rgb(60, 141, 188) !important }
.text-green { color: rgb(0, 166, 90) !important }
.text-navy { color: rgb(0, 31, 63) !important }
.text-teal { color: rgb(57, 204, 204) !important }
.text-olive { color: rgb(61, 153, 112) !important }
.text-lime { color: rgb(1, 255, 112) !important }
.text-orange { color: rgb(255, 133, 27) !important }
.text-fuchsia { color: rgb(240, 18, 190) !important }
.text-purple { color: rgb(147, 42, 182) !important }
.text-maroon { color: rgb(133, 20, 75) !important }
.text-white { color: rgb(255, 255, 255) !important }