:root {
  --custom-primary: #005aa7; /*#503dff*/
  --custom-secondary: #d6e3fe;

  --body-bg-one: #f1f4f6;
  --body-bg-two: #f7f8fc;

  --complete-bg: #4add27;
  --inprogress-bg: #c4daf5;
  --pending-bg: #dd2b27bd;

  --info-blue: #0ea5e9;
  --invalid-mssg: #dc3545;
  --box-shadow: #7d7d7d54;

  --full-access: #008000;
  --no-access: #dd2b27;
  --custom-access: #ffb300;
  --trial-access: #b304b5;

  --custom-black2: #00000016;
  --custom-black3: #190c294f;
  --custom-purple: #e03dff;
  --custom-darkpurple: #6304a2;
  --period-anchor: #2e2e2e;
  --export-btn-txt: #fffafa;

  --orange-pagination: #ff8800;
  --custom-white2: #ddd;
  --custom-white3: #ccc;
  --custom-purple2: #691fdc;
  --custom-blue: #2196f3;

  --purple-light: #d7d2fe;
  --purple-box-shadow: #6115ee15;
  --custom-grid-header: #005aa7;
  --card-rank-course: #707070;
}