:root {
  --base: #333333;
  --primary: #0071BC;
  --primary-trans1: #0071BC11;
  --primary-trans2: #0071BC22;
  --primary-trans3: #0071BC33;
  --primary-trans4: #0071BC44;
  --primary-trans5: #0071BC55;
  --primary-trans8: #0071BC88;
  --primary-trans10: #0071BC88;
  --primary-trans13: #0071BCCC;
  --primary2: #9FC6F9;
  --primary3: #1D3991;
  --secondary: #20b45e;
  --secondary-trans1: #20b45e11;
  --secondary2: #20b45e88;
  --bg1: #e9f2fe;
  --bg2: #f7fbff;
  --bg3: #595959;
  --bg4: #d0ffe4;
  --bg2-trans10: #f7fbffAA;
  --bg2-trans13: #f7fbffCC;
  --link: #0071BC;
  --linkText: #1D3991;
  --linkHover: #54acff;
  --title: #0f294d;
  --title2: #0f294d;
  --text2: #20b45e;
  --button1: #0071BC;
  --button1-trans15: #0071BCEE;
  --button2: #20b45e;
  --shadow: #324851;
  --shadow1: #0071BCCD;
  --star: #FC9618;
  --important: #F01D26;
  --success: #20b45e;
  --message-color: #CCDFF2;
  --link-color: var(--link);
  --link-hover-color: var(--linkHover);
  --primary-button-color: var(--primary);
  --input-border-color: var(--primary);
}