:root {
    /* main-color */
    --theme-primary-color: #f62884;
    --theme-secondary-color: #4babc6;
    --theme-light-color: rgba(233, 32, 99, 0.123);

    /* over all color */
    --bg-theme-color: var(--theme-primary-color);
    --btn-theme-color: linear-gradient(to right, var(--theme-primary-color) 0%, var(--theme-secondary-color) 51%, var(--theme-primary-color) 100%);
    --btn-theme-color-hover: linear-gradient(
        -45deg,
        var(--theme-primary-color),
        var(--theme-secondary-color)
    );
    --bg-theme-color-hover: var(--theme-primary-color);
    --bg-theme-secondary-color: var(--theme-secondary-color);
    --label-theme-color: #f7c2d4;
    --light-label-theme-color: rgba(242, 41, 91, 0.04);
    --light-label-theme-color2: var(--theme-light-color);
    --light-label-theme-secondary-color: rgba(255, 170, 72, 0.12);
    --text-placeholder-theme-color: #697a8d;
    --review-star-bg-color: #00b67a;
    --chart-color1: rgba(255, 170, 72, 1);
    --chart-color2: rgba(255, 170, 72, 1);
    --chart-color3: rgba(255, 170, 72, 0.6);
    --checkout-total-text-color: #435971;
    --text-theme-color: var(--theme-primary-color);
    --theme-white: #ffffff;
    --theme-black: #000000;
    --checkout-icon-color: #00c95a;
    --theme-grey: #808080;
}


.icon-green-color {
    color: var(--checkout-icon-color);
}

.text-theme-border-color {
    border-color: var(--theme-primary-color) !important;
}


/*Theme Color*/
.spinner-color {
    color: var(--theme-primary-color);
}

.text-primary-color, .text-primary {
    color: var(--theme-primary-color) !important;
}

.text-secondary-color, .text-secondary {
    color: var(--theme-secondary-color) !important;
}

.text-theme-color {
    color: var(--theme-primary-color);
}

.text-theme-color:hover {
    color: var(--bg-theme-color);
}

.btn-primary {
    background: var(--theme-primary-color) !important;
    color: var(--white);
    border: none;
}

.btn-primary:hover {
    background: var(--theme-secondary-color) !important;
}