a {
  text-decoration: none;
}

.bg-accent-primary {
  background-color: var(--accent-primary) !important;
}

.bg-accent-secondary {
  background-color: var(--accent-secondary) !important;
}

.bg-accent-tertiary {
  background-color: var(--accent-tertiary) !important;
}

.bg-accent-quaternary {
  background-color: var(--accent-quaternary) !important;
}

.bg-primary {
  background-color: var(--background-primary) !important;
}

.bg-secondary {
  background-color: var(--background-secondary) !important;
}

.bg-tertiary {
  background-color: var(--background-tertiary) !important;
}

.bg-quaternary {
  background-color: var(--background-quaternary) !important;
}

.bg-quinary {
  background-color: var(--background-quinary) !important;
}

.bg-sextary {
  background-color: var(--background-sextary) !important;
}

.bg-septenary {
  background-color: var(--background-septenary) !important;
}

.title-primary {
  color: var(--title-primary) !important;
}

.title-secondary {
  color: var(--title-secondary) !important;
}

.title-tertiary {
  color: var(--title-tertiary) !important;
}

.text-primary {
  color: var(--text-primary) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

.text-tertiary {
  color: var(--text-tertiary) !important;
}

.text-quaternary {
  color: var(--text-quaternary) !important;
}

.nav-link {
  border-bottom: 2px solid var(--background-secondary);
}

.nav-link:hover,
.nav-link.active {
  color: var(--title-secondary) !important;
  border-bottom: 2px solid var(--title-secondary);
}

.la-md {
  font-size: 24px !important;
}

.la-lg {
  font-size: 32px !important;
}

.border-color-primary {
  border-color: var(--border-color-primary) !important;
}

.border-color-secondary {
  border-color: var(--border-color-secondary) !important;
}

.btn-primary {
  border-width: 0px !important;
  background-color: var(--accent-primary) !important;
  color: var(--text-secondary) !important;
}

.btn-primary:hover {
  background-color: var(--button-primary-hover) !important;
}

.btn-secondary {
  background-color: var(--accent-secondary) !important;
  color: var(--text-secondary) !important;
}

.btn-secondary:hover {
  border-width: 0px !important;
  background-color: var(--button-secondary-hover) !important;
}

.btn-outline-primary {
  background-color: white;
  border-color: var(--accent-primary) !important;
  color: var(--accent-primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--button-outline-primary-hover) !important;
}

.fs-7 {
  font-size: 0.8rem !important;
}

#carouselTestimonials .carousel-control,
#carouselTestimonials .carousel-indicators {
  position: static;
  margin: 0;
}

#carouselTestimonials .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px;
}

#carouselTestimonials .carousel-control-prev,
#carouselTestimonials .carousel-control-next {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid var(--accent-primary);
}

.form-control {
  background-color: var(--background-secondary);
  border-color: var(--border-color-secondary);
}

#avatar {
  height: 75px;
  width: 75px;
}

.values-icon {
  height: 48px;
  width: 48px;
}

#products li::marker {
  color: var(--accent-primary);
  font-size: 1rem;
}

.btn-check:checked + .btn {
  background-color: var(--accent-primary) !important;
  color: var(--text-secondary) !important;
  border: none;
}

.btn-check:checked + .btn:hover {
  background-color: var(--button-primary-hover) !important;
}

.blog-cover {
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms ease-out,
    transform 360ms cubic-bezier(0.25, 1, 0.5, 1), max-height 360ms ease,
    margin 360ms ease;
  will-change: opacity, transform, max-height, margin;
  display: block;
  max-height: 1000px;
  overflow: hidden;
}

.blog-cover.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  margin: 0 !important;
}

.btn-opaque {
  cursor: pointer;
}

.btn-opaque:hover {
  opacity: 0.5;
}