.footer {
  background-color: #0a2644;
}
.footer::before {
  content: "";
  background: linear-gradient(180deg, #0a2644 0%, #34aed8 130.88%);
  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 80%;
  z-index: 0;
}
.footer .container {
  z-index: 1;
}
.container__footer-content-wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.footer-content-wrapper__medx-logo {
  width: 10.75rem;
  margin-bottom: 3rem;
}
.container__footer-content-wrapper h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 100%;
  color: #ffffff;
  margin-bottom: 0.75rem;
}
.container__footer-content-wrapper h3 span {
  font-weight: 700;
}
.quality-compliance-info-wrapper {
  margin-bottom: 1.25rem;
}
.quality-compliance-info-wrapper h6 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%;
  color: #ffffff;
}
.quality-compliance-info-wrapper ul li {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  color: #ffffff;
}
.quality-compliance-info-wrapper ul li span {
  font-weight: 700;
}
@media (min-width: 768px) {
  .container__footer-content-wrapper {
    padding-top: 3.25rem;
    padding-bottom: 15.5rem;
  }
  .footer-content-wrapper__medx-logo {
    width: 13.5rem;
    margin-bottom: 2.5rem;
  }
  .container__footer-content-wrapper h3 {
    font-size: 1.25rem;
    width: 35rem;
    margin-bottom: 2.5rem;
  }
  .quality-compliance-info-wrapper ul li {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .container__footer-content-wrapper h3 {
    width: 50rem;
  }
  .quality-compliance-info-wrapper {
    margin-bottom: 1.75rem;
  }
  .quality-compliance-info-wrapper h6 {
    font-size: 1.25rem;
    font-weight: 700;
  }
  .quality-compliance-info-wrapper ul li {
    font-weight: 500;
  }
}