:root {
    --Gray-01: #333333; /*Used at :Lable*/
    --Gray-02: F3F4F2; /* Used at:hover button*/
    --Gray-03: #C6C6C6; /*Used at: Input box border color*/
    --Gray-04: #F4F3F2; /* Used at :  footer background */
    --purple-03: #F4F3F2; /*Used at : Main Contaner*/
    --White: #FFFFFF; /* Used at : Header background*/
    --Pink-01: #31859C; /*Used at: Button*/
    --Pink-02: #A9D4DD; /*Used at : Border color of menu*/
    --Pink-03: #B9E0E6; /* Used at: active menu backround color*/
    --Warning: #EA0B0B; /*used for warning text color*/
    --Warning-text: #7A302E; /*used for warning text color*/
    /*nav bar*/
    --navbar_ActiveIconBGColor: var(--Pink-01);
    --navbar_SuccessIconBGColor: var(--Pink-02);
    --navbar_DisableIconBGColor: var(--Gray-03);
    --navArrowcolor: var(--Pink-01); /*Arrow color for success and active*/
    --navActiveTextColor: var(--Pink-01);
    --navArrowcolorDisabled: var(--Gray-03);
}
.colorPink {
    color: var(--Pink-01);
}
.colorWhite {
    color: var(--White);
}