/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}

.bg-gradient-secondary {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}

.bg-gradient-tertiary {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.btn-check:focus + .btn, .btn:focus, .btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(234, 220, 133, 0.25) !important;
}

.text-success {
  color: #14edb4 !important;
}

.text-primary {
  color: #eadc85 !important;
}

.text-gray {
  color: #838898 !important;
}