.tier1 {
    background: var(--yellow) !important;
    color: var(--dark-col) !important;
}

.tier2 {
    background: var(--green) !important;
    color: var(--dark-col) !important;
}

.tier3 {
    background: var(--blue) !important;
    color: var(--dark-col) !important;
}

.tier4 {
    background: var(--orange) !important;
    color: var(--text-col) !important;
}

.tier5 {
    background: linear-gradient(45deg , var(--purple), var(--pink)) !important;
    color: var(--text-col) !important;
}

.tier6 {
    background: linear-gradient(45deg , var(--pink), var(--purple)) !important;
    color: var(--text-col) !important;
}

.tier7 {
    background: var(--red) !important;
    color: var(--text-col) !important;
}

.tier8 {
    background: var(--yellowlight) !important;
    color: var(--dark-col) !important;
}

.tier9 {
    background: var(--redlight) !important;
    color: var(--dark-col) !important;
}

.tier10 {
    background: var(--bluelight) !important;
    color: var(--dark-col) !important;
}