.bg-color {
    background-color: var(--color) !important;
}
.bg-color-light {
    background-color: var(--color-light) !important;
}
.bg-color-lighter {
    background-color: var(--color-lighter) !important;
}
.bg-color-dark {
    background-color: var(--color-dark) !important;
}
.bg-color-darker {
    background-color: var(--color-darker) !important;
}
.bg-color2 {
    background-color: var(--color2) !important;
}
.bg-color2-light {
    background-color: var(--color2-light) !important;
}
.bg-color2-dark {
    background-color: var(--color2-dark) !important;
}
.bg-color3 {
    background-color: var(--color3) !important;
}
.bg-color3-light {
    background-color: var(--color3-light) !important;
}
.bg-color3-dark {
    background-color: var(--color3-dark) !important;
}
.bg-gray {
    background-color: var(--gray) !important;
}
.bg-silver {
    background-color: var(--silver) !important;
}
.bg-green {
    background-color: var(--green) !important;
}
.bg-red {
    background-color: var(--red) !important;
}
.bg-orange {
    background-color: var(--orange) !important;
}
.bg-light {
    background: var(--light) !important;
}
.bg-lighter {
    background: var(--lighter) !important;
}
.bg-dark {
    background: var(--dark) !important;
}
.bg-darker {
    background: var(--darker) !important;
}
.bg-black {
    background: black !important;
}
.bg-white {
    background: white !important;
}
.bg-pro-dark {
    background: var(--color-pro-dark) !important;
}
.bg-pro {
    background: var(--color-pro) !important;
}
/*
.bg-gradient1{
    background: var(--color);
    background: -moz-linear-gradient(45deg, var(--color3) 0%, var(--colo1) 100%);
    background: -webkit-linear-gradient(45deg, var(--color3) 0%,  var(--color) 100%);
    background: linear-gradient(45deg, var(--color3) 0%,  var(--color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c20645",endColorstr="#fdaf24",GradientType=1);
}
*/
.bg-gradient1 {
    background: rgb(194, 6, 69) !important;
    background: -moz-linear-gradient(45deg, var(--color2) 0%, var(--color) 100%) !important;
    background: -webkit-linear-gradient(45deg, var(--color2) 0%, var(--color) 100%) !important;
    background: linear-gradient(45deg, var(--color2) 0%, var(--color) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c20645", endColorstr="#fdaf24", GradientType=1);
}
.bg-gradient2 {
    background: rgb(18, 9, 13) !important;
    background: -moz-linear-gradient(45deg, var(--color) 0%, #610024 100%) !important;
    background: -webkit-linear-gradient(45deg, var(--color2) 0%, #610024 100%) !important;
    background: linear-gradient(45deg, var(--color2) 0%, #610024 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#12090d", endColorstr="#b70043", GradientType=1) !important;
}
.bg-gradient3 {
    background: rgb(25, 22, 19) !important;
    background: -moz-linear-gradient(45deg, rgba(25, 22, 19, 1) 0%, rgba(236, 196, 149, 1) 100%) !important;
    background: -webkit-linear-gradient(45deg, rgba(25, 22, 19, 1) 0%, rgba(236, 196, 149, 1) 100%) !important;
    background: linear-gradient(45deg, rgba(25, 22, 19, 1) 0%, rgba(236, 196, 149, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191613", endColorstr="#ecc495", GradientType=1) !important;
}
.bg-gradient4 {
    background: rgb(254, 182, 40);
    background: -moz-linear-gradient(45deg, rgba(254, 182, 40, 1) 0%, rgba(251, 207, 153, 1) 100%) !important;
    background: -webkit-linear-gradient(45deg, rgba(254, 182, 40, 1) 0%, rgba(251, 207, 153, 1) 100%) !important;
    background: linear-gradient(45deg, rgba(254, 182, 40, 1) 0%, rgba(251, 207, 153, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feb628", endColorstr="#fbcf99", GradientType=1) !important;
}