.mainColor {
  color: var(--mainColor) !important;
}
body.dark .mainColor {
  color: var(--secondaryColor) !important;
  background-color: transparent !important;
}
.mainColorBg {
  background-color: var(--mainColor) !important;
}
body.dark .mainColorBg {
  background-color: var(--secondaryColor) !important;
}
/* ############################################### */
.mainColorLow {
  color: var(--mainColorLow) !important;
}
body.dark .mainColorLow {
  color: var(--secondaryColorLow) !important;
}
.mainColorLowa:hover {
  color: var(--mainColor) !important;
  transition: 0.3s;
}
body.dark .mainColorLowa:hover {
  color: #f5d057 !important;
}
/* ############################################### */
.mainColorLowBdr {
  border: 1px solid var(--mainColorLow);
}
body.dark .mainColorLowBdr {
  border: 1px solid var(--secondaryColorLow);
}
/* ############################################### */
.secondaryColor {
  color: #07058f !important;
}
body.dark .secondaryColor {
  color: #f9f6e7 !important;
}
/* ############################################### */
.secondaryBorderBottomColor {
  border-bottom: solid 2px #72211ba3 !important;
}
body.dark .secondaryBorderBottomColor {
  border-bottom: solid 2px #896349 !important;
}
/* ############################################### */
.mainBgColor {
  background-color: #ffffff !important;
}
body.dark .mainBgColor {
  background-color: #373b47 !important;
}
/* ############################################### */
.transparentBgColor {
  background-color: transparent !important;
}
/* ############################################### */
.linerGradientBg {
  background: linear-gradient(to top, var(--mainColorLow), #ffffff96);
}
body.dark .linerGradientBg {
  background: linear-gradient(to top, var(--secondaryColorLow), #373b4793);
}
/* ############################################### */