: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: #281b92;
  --bgWhite: #ffffff;
  --bgMember: #2c3f6b;
  --bgBody: #F7F8FA;
  --bgPrimary: #281b92;
  --bgPrimaryLight: rgba(162, 210, 223, .2);
  --bgPrimaryLight-1: rgba(162, 210, 223, .1);
  --bgPrimaryLight-2: #A2D2DF;
  --bgPrimaryLight-3: #DAEDF2;
  --bgBlue: #5775FC;
  --bgHoverBlue: #007696;
  --bgVendor:#1DAD8A;
  --bgLink: #3d5894;
  --bgLightGrey: #f7f8fa;
  --bgDark: #313131;
  --bgDarkGrey: #333333;
  --bgDarkGrey-1: #666666;
  --bgLightGrey-10: #828282;
  --bgLightGrey-15: #a5a5a5;
  --bgLightGrey-20: #dbdbdb;
  --bgLightGrey-30: #dddddd;
  --bgError: #FF5A5A;
  --bgSuccess: #00A389;
  --bgSuccessLight: rgba(181, 232, 220, 0.7);
  --bgInfo: #2196F3;
  --bgWarning: #FFB740;
  --bgUpEvent:#2c3f6b;
  --bgLinearGradient: linear-gradient(180deg, #2C3F6B 0%, #35ABCB 38.54%, #35ABCB 86.46%, #35ABCB 100%);
  /* --bgLinearGradient-1: linear-gradient(180deg, rgba(0, 163, 137, 0.14) 0%, rgba(0, 163, 137, 0) 100%); */
  --bgLinearGradient-1: linear-gradient(180deg, rgba(19, 163, 0, 0.1) 0%, rgba(19, 163, 0, 0) 100%);
  --bgMemberCard: linear-gradient(178.46deg, #192531 9.42%, #35ABCB 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 */
  --xxxxSmall: 8px;
  --xxxxxxSmall: 9px;
  --xxxxxSmall: 11px;
  --xxxSmall: 10px;
  --xxxsmall: 11px;
  --xxSmall: 12px;
  --xSmall: 13px;
  --small: 14px;
  --medium: 16px;
  --large: 18px;
  --semiLarge: 20px;
  --xlarge: 24px;
  --xxLarge: 32px;
  
  --heading5: 700;

  /* 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;
}