.diagonal-footer {
  position: relative;
  color: #ffffff;
  overflow: hidden;
  background-color: transparent;
}

.diagonal-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background: linear-gradient(
  135deg,
  #0f4b63 50%,
  #e22c2c 50%
);
  pointer-events: none;
}

.diagonal-footer > .container,
.diagonal-footer .row,
.diagonal-footer p,
.diagonal-footer a,
.diagonal-footer img {
  position: relative;
  z-index: 1;
}

/* Footer text and links */
.diagonal-footer a,
.diagonal-footer .nav-link,
.diagonal-footer .fs-sm,
.diagonal-footer .fs-xs {
  color: #ffffff !important;
}

.diagonal-footer a:hover {
  color: #e3dede !important;
}