.bg-body-dark-costum {
  background-image: linear-gradient(91deg, var(--themeActiveColor) -100%, var(--bgcolor) 100%);
}
.bg-dark-costum{
  background-color: var(--bgcolor);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--themeActiveColor) ;
  --bs-btn-border-color: var(--themeActiveColor) ;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: var(--themeActiveColor) ;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--themeActiveColor) ;
  --bs-btn-active-border-color: var(--themeActiveColor) ;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--themeActiveColor) ;
  --bs-btn-disabled-border-color: var(--themeActiveColor) ;
}

.text-white {
  --bs-text-opacity: 1;
  color: var(--themePrimaryTxtColor)!important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: var(--bgcolor)!important;
}