:root {
  --main-color: #7b61ff;
  --main-light-color: #f4f5fe;
  --color-glow: #c2ccf7;
  --secondary-color: #FFA654;
  --primary-color: #4e67c0;
  --white-color: #fff;
  --text-sub-color: #e0e7ff;
  --text-desc-color: #f3f4fa;
  --btn-shadow: rgba(0, 0, 0, 0.1);
  --light-shadow: rgba(0, 0, 0, 0.15);
  --body-color: #5c707e;
  --title-color: #01225e;
  --theme-color: #15befd;
  --smoke-color: #dcf6ff;
  --icon-font: "Font Awesome 6 Pro";
  --border-color: #d6dfe1;
  --gray-color: #f8f8f8;
}

.text-second-color {
  color: var(--secondary-color);
}

.bg-main-color {
  background-color: var(--main-color);
}

.text-main-color {
  color: var(--main-color);
}

.text-title {
  color: var(--title-color);
}

.text-secondary-color {
  color: var(--secondary-color);
}

.bg-secondary-color {
  background-color: var(--secondary-color);
}

.main-gradient-color {
  background: radial-gradient(
    74.51% 74.51% at 49.93% 19.83%,
    #765df4 0%,
    #604cc9 43.51%,
    #45368e 100%
  );
}

.text-glow-color {
  color: var(--color-glow);
}

.bg-main-light-color {
  background-color: #f4f5fe;
}

.text-glow-color{
  color: var(--color-glow);
}