:root {
    --main-bg:#00447B;
    --primary-color:#E79C2E;
    --heading-color-1:#008EFF;
    --white-color:#FFFFFF;
    --black-color:#000000;
    --text-color-1:#686868;
    --extra-color-1:#ECECEC;
    --extra-color-2:#F4FAFF;
    --extra-color-3:#D8EBFB;
    --extra-color-4:#EFF9FF;
    --extra-color-5:#e6e6fa;
    --input-color:#BCBCBC;

}
.main_bg{
    background-color: var(--main-bg);
}
.main_color{
    color: var(--main-bg);
}
.primary_color{
    color: var(--primary-color);
}
.primary_bg{
    background-color: var(--primary-color);
}
.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);
}
.heading_bg{
    background-color: var(--heading-color-1);
}
.heading_color_1{
    color: var(--heading-color-1);
}
.text_color-1{
    color: var(--text-color-1);
}
.extra_bg_1{
    background-color: var(--extra-color-1);
}
.extra_color_1{
  color: var(--extra-color-1);
}
.extra_bg_2{
    background-color: var(--extra-color-2);
}
.extra_color_2{
    color: var(--extra-color-2);
}

.input_color{
    color: var(--input-color);
}
.extra_color_3{
    color: var(--extra-color-3);
}
.extra_bg_4{
    background-color: var(--extra-color-4);
}
.extra_bg_5{
    background-color: var(--extra-color-5);
}