/*******************************************************
 Start CSS styles for black background 
 *******************************************************/

.black-and-white {
  background-color: #000;
  color: #ffffff;
}

.bg-dark-theme-75 {
  background-color: #0a0a0a;
}

.bg-dark-theme-50 {
  background-color: #121212;
}

.bg-dark-theme-25 {
  background-color: #191919;
}

.text-light-dark-theme-75 {
  color: #ffffff;
  opacity: 87%;
}

.text-light-dark-theme-50 {
  color: #ffffff;
  opacity: 60%;
}

.text-light-dark-theme-25 {
  color: #ffffff;
  opacity: 38%;
}

.theme-faqs .accordion {
  --bs-accordion-border-width: 0px;
}
.theme-faqs .accordion-item {
  background-color: #121212;
  border: #121212;
}

.theme-faqs .accordion-button {
  background-color: #121212;
}

.theme-faqs .accordion-button:focus {
  box-shadow: inherit;
}

.theme-faqs .accordion-button:hover {
  background-color: #121212;
}
.theme-faqs .accordion-button:active {
  background-color: #121212;
}

.theme-faqs .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.theme-faqs .accordion-collapse p a {
  text-decoration: none;
  color: #ffffff;
  display: unset;
}

.theme-faqs .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #121212;
}

.theme-faqs .accordion-button:not(.collapsed)::after {
  filter: brightness(0%) invert(100%);
}

.theme .nav-tabs .nav-link.active {
  border-bottom: 1px solid red;
  background-color: #000000;
  color: white;
}

.theme .nav-tabs .nav-link {
  color: white;
  margin-right: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: #fff;
}

.theme .nav-tabs li {
  border: #fff;
}

.theme-tag a {
  text-decoration: none;
  color: #fff;
}

/*End of CSS styles for black background */

/********************************************************
 Start CSS styles for white background 
 ********************************************************/

/* .black-and-white {
  background-color: #ffffff;
  color: #000;
}

.bg-dark-theme-75 {
  background-color: #e7eaea;
  color: #000;
}

.bg-dark-theme-50 {
  background-color: #e7eaea;
  color: #000;
}

.bg-dark-theme-25 {
  background-color: #e7eaea;
  color: #000;
}

.text-light-dark-theme-75 {
  color: #0a0a0a;
}

.text-light-dark-theme-50 {
  color: #121212;
}

.text-light-dark-theme-25 {
  color: #191919;
}

.theme-faqs .accordion {
  --bs-accordion-border-width: 0px;
}
.theme-faqs .accordion-item {
  background-color: #e7eaea;
  border: #e7eaea;
}

.theme-faqs .accordion-button {
  background-color: #e7eaea;
}

.theme-faqs .accordion-button:focus {
  box-shadow: inherit;
}

.theme-faqs .accordion-button:hover {
  background-color: #e7eaea;
}
.theme-faqs .accordion-button:active {
  background-color: #e7eaea;
}

.theme-faqs .accordion-button::after {
  background-image: url("http://cdn.onlinewebfonts.com/svg/img_221758.png") !important;
}

.theme-faqs .accordion-collapse p a {
  text-decoration: none;
  color: #000000;
  display: unset;
}

.theme-faqs .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #e7eaea;
}

.theme-faqs .accordion-button:not(.collapsed)::after {
  filter: brightness(0%) invert(30%);
}

.theme .nav-tabs .nav-link.active {
  border-bottom: 1px solid red;
  color: black;
}

.theme .nav-tabs .nav-link {
  color: black;
  margin-right: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: #fff;
}

.theme .nav-tabs li a:hover {
  color: black;
}

.theme .nav-tabs li {
  border: #fff;
}

.theme-tag a {
  text-decoration: none;
  color: #000;
} */