:root {
  --main-color: rgb(1, 148, 243);
  --main-button-color: linear-gradient(26.73deg, #F9A51A 13.7%, #FBB612 29.8%, #FFDD00 66.81%);
  --main-button-hover-color: #F02027;
  --saphire-color: #4959b4;
  --redvj-color: rgb(1, 148, 243);
  --blue-color: #1e78fd;
  --black-color: #000;
  --white-color: #fff;
  --succsess-color: rgba(104, 113, 118, 1.00);
  --disabled-color: #e9ecef;

  --border-radius: 5px;
  --box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --box-shadow-2: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  --box-shadow-hover: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);

  --text-color: #4a5568;
  --border-color: #dadce0;
  --title-color: #1a202c;
  --subheading-color: #4a5568;
  --bgsection-color: #fff;
  --bgdecs-color: #f3f7fe;
  --bgheading-color: #222;
  --bgsection-footer: #f7fafc;
  --green-color: #00917c;
  --red-color: #f76570;
  --orange-color: #f3a46b;
  --yellow-color: #ffd205;
  --purple-color: #ba71da;
  --bgtitle-color: linear-gradient(to right, #fcb045, #C779D0, #4BC0C8);
  --hue-color: 190;
  --text-color-light: hsl(var(--hue-color), 8%, 60%);
  --scroll-bar-color: hsl(var(--hue-color), 12%, 90%);
  --scroll-thumb-color: hsl(var(--hue-color), 12%, 75%);
}