:root {
    --scrollbarBG: transparent;
    --thumbBG: #e4e4e4;
    --thumbBG-hover: #90a4ae;

    --bg-main: #fff;
    --bg-sidebar: linear-gradient(180deg, #950c7a 0%, #fb007f 100%);
    --color-main: #950c7a;
    --color-main-50: rgba(149, 12, 122, .5);
    --color-main-two: #fb007f;
    --color-main-two-50: rgba(251, 0, 127, .5);
    --color-main-two-80: rgba(251, 0, 127, 0.8);
    --color-grey: #f5f5f7;
    --color-grey-80: rgba(209, 209, 209, 0.8);
    --color-grey-50: rgba(5, 5, 7, 0.5);
    --color-soft-grey: rgb(134, 134, 134);
    --color-black: #202020;
    --color-black-50: rgba(0, 0, 0, 0.5);
    --color-white: #ffffff;
    --color-white-50: rgba(255, 255, 255, 0.5);

    --category-color-main: #fff;
    --category-color-black: rgb(44, 44, 44);

    --category-bg-main: #f5f5f7;
    --category-bg-games: #d65658;
    --category-bg-songs: #7d6da1;
    --category-bg-lets-learn: #F29F05;
    --category-bg-worksheets: #0f8aa6;
    --category-bg-interactives: #6ec64d;
    --category-bg-book-presentations: #69a1ec;
    --category-bg-materials: #d99b66;
    --category-bg-teaching-tips: #8c5946;
    --category-bg-crafts: #4ad9d9;
    --category-bg-flashcards: #f18e1c;

    --color-mobile-menu-logo: #fdfdfd;
    --color-mobile-menu-toggler-border:#6682a1;
    --color-mobile-menu-toggler-bg: #e3e3e3;
    --color-mobile-menu-icon: #fdfdfd;
    --color-mobile-menu-text: #fdfdfd;
    --color-mobile-menu-dropdown-bg: #fff;
    --color-mobile-top-border: #fdfdfd;

    --color-widescreen-menu-logo: #fdfdfd;
    --color-widescreen-menu-icon: #fdfdfd;
    --color-widescreen-menu-icon-80: rgba(253, 253, 253, .8);
    --color-widescreen-menu-dropdown-bg: #efefef;
    --color-widescreen-menu-dropdown-text: #EB3249;
    --color-widescreen-menu-copyright: rgba(253, 253, 253, 1);
    --color-widescreen-menu-copyright-50: rgba(253, 253, 253, .5);

    --color-sidebar-border: #EB3249;
    --color-loading-bar: #EB3249;
}

/* button color */
.btn-bg-main {
    background: var(--color-main);
}
.btn-bg-orange {
    background: #ff6d00;
}
.btn-bg-soft-orange {
    background: #ef9021;
}
.btn-bg-blue {
    background: #950c7a;
}
.btn-bg-soft-blue {
    background: #ef7066;
}
.btn-bg-green {
    background: #1bb08a;
}

.instagram-color-gradient-text {
    -webkit-text-fill-color: white !important;
}