:root {
    /**** begin countdown colors ****/
    --flipclock-bg-color: #005C9C;
    --flipclock-color: #FFFFFF;
    /**** endof countdown colors ****/
    

    
    /**** begin custom colors ****/
    --color-1: #FF8700;
    --color-2: #eeba0b;
    --color-3: transparent;
    --color-4: #FF0095;
    --color-5: #005C9C;
    --color-6: #FFFFFF;
    --color-7: #ECFF03;
    /**** endof custom colors ****/
}

.bg-color-1 {
    background-color: var(--color-1) !important;
}
.bg-color-2 {
    background-color: var(--color-2) !important;
}
.bg-color-3 {
    background-color: var(--color-3) !important;
}
.bg-color-4 {
    background-color: var(--color-4) !important;
}
.bg-color-5 {
    background-color: var(--color-5) !important;
}
.bg-color-7 {
    background-color: var(--color-7) !important;
}

.text-title {
    color: white;
}

/*custom new design color code*/
.bg-color-8 {
    background-color: var(--color-7) !important;
}

.text-title {
    color: white;
}