.bg-blue {
  background-color: var(--bs-blue) !important;
}
.text-blue {
  color: var(--bs-blue) !important;
}

.bg-indigo {
  background-color: var(--bs-indigo) !important;
}
.text-indigo {
  color: var(--bs-indigo) !important;
}

.bg-purple {
  background-color: var(--bs-purple) !important;
}
.text-purple {
  color: var(--bs-purple) !important;
}

.bg-pink {
  background-color: var(--bs-pink) !important;
}
.text-pink {
  color: var(--bs-pink) !important;
}

.bg-red {
  background-color: var(--bs-red) !important;
}
.text-red {
  color: var(--bs-red) !important;
}

.bg-orange {
  background-color: var(--bs-orange) !important;
}
.text-orange {
  color: var(--bs-orange) !important;
}

.bg-yellow {
  background-color: var(--bs-yellow) !important;
}
.text-yellow {
  color: var(--bs-yellow) !important;
}

.bg-green {
  background-color: var(--bs-green) !important;
}
.text-green {
  color: var(--bs-green) !important;
}

.bg-teal {
  background-color: var(--bs-teal) !important;
}
.text-teal {
  color: var(--bs-teal) !important;
}

.bg-cyan {
  background-color: var(--bs-cyan) !important;
}
.text-cyan {
  color: var(--bs-cyan) !important;
}

.bg-white {
  background-color: var(--bs-white) !important;
}
.text-white {
  color: var(--bs-white) !important;
}

.bg-gray {
  background-color: var(--bs-gray) !important;
}
.text-gray {
  color: var(--bs-gray) !important;
}

.bg-gray-dark {
  background-color: var(--bs-gray-dark) !important;
}
.text-gray-dark {
  color: var(--bs-gray-dark) !important;
}

.bg-auxilia {
  background-color: #00AEEF !important;
}
.text-auxilia {
  color: #00AEEF !important;
}

.bg-freebsd {
  background-color: #AB2B28 !important;
}
.text-freebsd {
  color: #AB2B28 !important;
}

.bg-miniso {
  background-color: #ed1c24 !important;
}
.text-miniso {
  color: #ed1c24 !important;
}

.btn-miniso {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ed1c24;
  --bs-btn-border-color: #ed1c24;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c01404;
  --bs-btn-hover-border-color: #c01404;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c01404;
  --bs-btn-active-border-color: #c01404;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ed1c24;
  --bs-btn-disabled-border-color: #ed1c24;
}

.btn-outline-miniso {
  --bs-btn-color: #ed1c24;
  --bs-btn-border-color: #ed1c24;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ed1c24;
  --bs-btn-hover-border-color: #ed1c24;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ed1c24;
  --bs-btn-active-border-color: #ed1c24;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ed1c24;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ed1c24;
  --bs-gradient: none;
}

.pagination-miniso {
  --bs-pagination-active-bg: #ed1c24;
  --bs-pagination-active-border-color: #ed1c24;
}

.page-link-miniso {
  color: #ed1c24;
}

.page-link-miniso:hover {
  color: #ed1c24;
}
/**
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
*/




.bg-php {
	background-color: #474A8A !important;
}

.text-php {
  color: #474A8A !important;
}

.card-header.text-light nav a {
	color: var(--bs-light) !important;
}

.card-header.text-light nav a:hover {
	color: var(--bs-white) !important;
}

.card-header.text-dark nav a {
	color: var(--bs-dark) !important;
}

.card-header.text-dark nav a:hover {
	color: var(--bs-gray) !important;
}

.carousel-indicators button.thumbnail {
  width: 100px;
}

.carousel-indicators button.thumbnail:not[.active] {
  opacity: 0.7;
}

.carousel-indicators {
  position: static;
}

@media screen and (min-width:992px) {
  .carousel {
    max-width: 70%;
    margin: 0 auto;
  }
}