.container-footer-wrapper {
  position: relative;
  z-index: 0;
}
.container-footer {
  background-color: var(--color-primary);
}
.container-footer::before {
  content: "";
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  background: linear-gradient(to left, transparent, #b6904b, transparent);
}
.info-details {
  position: relative;
  background-color: #fff9f2;
  box-shadow: 0 7px 5px rgba(0, 0, 0, 0.08);
}
.info-details::after {
  content: "";
  position: absolute;
  top: -35px;
  transform: translateX(-50%);
  left: 50%;
  width: 70px;
  height: 70px;
  background-color: var(--color-primary);
  border-radius: 100%;
}
.footer-heading {
  font-size: 1.3rem;
  text-transform: uppercase;
}