:root {
  --primary-color: #2c5cda;
  --primary-hover: #351aae;
  --secondary-color: #f5742b;
  --text-secondary: #67717c;
  --text-primary: #000;
  --text-green: #00a184;
  --light-green: #00a18313;
  --text-red: #fa254c;
  --light-red: #fa254c1c;
  --text-white: #fff;
  --bgcolor: #f8f9fa;
  --bg-white: #fff;
  --bg-black: #000;
  --border-color: #67717c;
  --light-border-color: #67717c4a;
  --svg-color-1: #f5742b;
  --svg-color-2: #2c5cda;
  --svg-color-3: #000;
  --svg-color-4: #fff;
  --footer-bg: #eff2f6;
  --green-svg: #00a184;
  --bg-light-primary: #e8eefa;
  --common-shadow: #5a75a70a;
  --active-shadow:#006ae42f;
  --dark-shadow: #36436749;
  --red-color: #ff8b8b;
  --yellow-color: #c68604;
  --light-yellow: #f9cd74;
  --sky-blue-color: #0064fb;
  --light-sky-blue: #daecfacc;
}