.tilted-bg-container {
  position: relative;
  overflow: hidden;
}

.tilted-bg-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bs-link-hover-color);
  transform-origin: top right;
  transform: skewY(-2deg);
  z-index: -1;
}

.fw-bolder {
  font-weight: 900!important;
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}

a.canvas:hover {
  color: #fff;
  font-weight: 700;
  background: var(--bs-primary);
}

a.canvas {
  color: var(--bs-light);
}

/* Force a specific color regardless of browser/mode */

:root {
  --bs-info: #74e4fc!important;
  --bs-info-rgb: 116, 228, 252 !important;
}