:root {
      /* bg colors */
      --loginBg: linear-gradient(135.69deg,
          #3d5894 2.96%,
          #35abcb 32.66%,
          #35abcb 74.72%,
          #1dad8a 97.98%,
          #2eacb7 97.98%,
          #1dad8a 97.98%);
      --bgMain: #2a5e9a;
      --bgBody: #FFFDE6;
      --bgPrimary: #1025C1;
      --bgPrimaryLight: rgba(162, 210, 223, .2);
      --bgPrimaryLight-1: rgba(162, 210, 223, .1);
      --bgPrimaryLight-2: #A2D2DF;
      --bgBlue: #5775FC;
      /* --bgHoverBlue: #007696; */
      --bgHoverBlue: #2a5e9a;
      --bgVendor:#5AAE46;
      --bgLink: #1e1d19;
      --bgLightGrey: #f7f8fa;
      --bgBlack:#000000;
      --bgDark: #313131;
      --bgDark3:#2B3341;
      --bgDarkGrey: #333333;
      --bgDarkGrey-1: #666666;
      --bgLightGrey-10: #828282;
      /* --bgLightGrey-10: #a5a5a5; */
      --bgLightGrey-20: #dbdbdb;
      --bgLightGrey-30: #dddddd;
      --bgLightGrey-40: #E5E5E5;
      --bgError: #F03B3B;
      --bgSuccess: #00A389;
      --bgSuccessLight: rgba(181, 232, 220, 0.7);
      --bgInfo: #2196F3;
      --bgWarning: #FFB740;
      --bgUpEvent:#2a5e9a;
      --bgLinearGradient: linear-gradient(180deg, #2a5e9a 0%, #0095DA 38.54%, #0095DA 86.46%, #0095DA 100%);
      --bgLinearGradient-1: linear-gradient(180deg, rgba(182, 228, 249, 0.24) 0%, rgba(218, 239, 249, 0) 100%);
      --bgMemberCard: linear-gradient(178.46deg, #192531 9.42%, #0095DA 198.94%, #1DAD8A 404.93%);
    
      /* text color */
      --textDefault: #7e8594;
    
      /* borders */
      --lightBorder: #f3f3f3;
      /* --lightBorder: rgba(81, 89, 119, 0.1); */
    
      /* transition */
      --transition: all 0.3s ease-in-out;
    
      /* buttons */
      --btnGrey: #F3F3F3;
    
      /* font Sizes */
      --xxxSmall: 10px;
      --xxxsmall: 11px;
      --xxSmall: 12px;
      --xSmall: 13px;
      --small: 14px;
      --medium: 16px;
      --large: 18px;
      --semiLarge: 20px;
      --xlarge: 24px;
      --xxLarge: 32px;
    
      /* font weight */
      --semiLight: 400;
      --light: 500;
      --semiBold: 600;
      --bold: 700;
    
    /* boxShadow */
    --buttonShadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    
      /* border-radius */
    
      /* font family */
    
      --montserrat: "Montserrat", sans-serif;
      --opneSans: 'Open Sans', sans-serif;
    }