:root {
    --main-bg:#146CFB;
    --text-color-1:#000713;
    --heading-color-1:#0D0D0D;
    --white-color:#FFFFFF;
    --black-color:#000000;
    --purple__bg:#EBBFFF;
    --extra__bg-1:#FFEFAA;
    --extra__bg-2:#E9F1FF;
    --extra-color-1:#FBE200;
    --extra-color-2:#FF8989;
    --extra-color-3:#2E2E2A;
    --extra-color-4:#D9D9D9;
    --extra_bg-3:#E4D9FB;
}
.main_bg{
    background-color:var(--main-bg);
}
.main_bg_color{
    color:var(--main-bg);
}
.text__color-1{
    color: var(--text-color-1);
}
.heading__color-1{
    color: var(--heading-color-1);
}
.white__color{
    color: var(--white-color);
}
.white__bg{
    background-color: var(--white-color);
}
.black__color{
color: var(--black-color);
}
.black__bg{
    background-color: var(--black-color);
}
.purple__color{
    color: var(--purple__bg);
}
.purple__bg{
    background-color: var(--purple__bg);
}
.extra__bg-1{
    background-color: var(--extra__bg-1);
}
.extra__bg-2{
    background-color: var(--extra__bg-2);
}
.extra__color_bg-1{
    color: var(--extra__bg-1);
}
.extra__color_bg-2{
    color: var(--extra__bg-2);
}
.extra__color-1{
    color: var(--extra-color-1);
}
.extra__color-2{
    color: var(--extra-color-2);
}
.extra__color-3{
    color: var(--extra-color-3);
}
.extra__color-4{
    color: var(--extra-color-4);
}



.extra__bg_color-1{
    background-color: var(--extra-color-1);
}
.extra__bg_color-2{
    background-color: var(--extra-color-2);
}
.extra__bg_color-3{
    background-color: var(--extra-color-3);
}
.extra__bg_color-4{
    background-color: var(--extra-color-4);
}
.extra__bg-3{
    background-color: var(--extra_bg-3);
}
@media(max-width:991px){
    .sm-extra__bg-2{
        background-color: #ffffff45;
    }
}