.bg-1{
  background-color: #7b68ee60!important;
}
.bg-2{
  background-color: #7f000060!important;
}
.bg-3{
  background-color: #80800060!important;
}
.bg-4{
  background-color: #483d8b60!important;
}
.bg-5{
  background-color: #00800060!important;
}
.bg-6{
  background-color: #bc8f8f60!important;
}
.bg-7{
  background-color: #cd853f60!important;
}
.bg-8{
  background-color: #9acd3260!important;
}
.bg-9{
  background-color: #00008b60!important;
}
.bg-10{
  background-color: #7f007f60!important;
}
.bg-11{
  background-color: #8fbc8f60!important;
}
.bg-12{
  background-color: #b0306060!important;
}
.bg-13{
  background-color: #ff450060!important;
}
.bg-14{
  background-color: #00ced160!important;
}
.bg-15{
  background-color: #ffa50060!important;
}
.bg-16{
  background-color: #ffff0060!important;
}
.bg-17{
  background-color: #7fff0060!important;
}
.bg-18{
  background-color: #8a2be260!important;
}
.bg-19{
  background-color: #00ff7f60!important;
}
.bg-20{
  background-color: #dc143c60!important;
}
.bg-21{
  background-color: #00bfff60!important;
}
.bg-22{
  background-color: #0000ff60!important;
}
.bg-23{
  background-color: #b0c4de60!important;
}
.bg-24{
  background-color: #ff00ff60!important;
}
.bg-25{
  background-color: #1e90ff60!important;
}
.bg-26{
  background-color: #f0e68c60!important;
}
.bg-27{
  background-color: #90ee9060!important;
}
.bg-28{
  background-color: #ff149360!important;
}