@media (min-width: 701px) {
  html body .dibu {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 360px;
    background-color: #062f2b !important;
    background-image:
      linear-gradient(100deg, rgba(3, 35, 32, .97) 0%, rgba(5, 54, 49, .91) 48%, rgba(6, 61, 54, .82) 100%),
      url("img/footer-factory-dark.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center 46% !important;
    background-size: cover !important;
  }

  html body .dibu::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(circle at 74% 22%, rgba(92, 183, 159, .19), transparent 36%),
      linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .23));
  }

  html body .dibu,
  html body .dibu p,
  html body .dibu span,
  html body .dibu li,
  html body .dibu h2,
  html body .dibu h3,
  html body .dibu h4 {
    color: rgba(255, 255, 255, .86);
  }

  html body .dibu a {
    color: rgba(255, 255, 255, .88);
    transition: color .25s ease, opacity .25s ease;
  }

  html body .dibu a:hover,
  html body .dibu a:focus-visible {
    color: #a9e1d1;
  }

  html body .dibu input,
  html body .dibu textarea,
  html body .dibu select {
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .09);
    color: #fff;
  }

  html body .dibu input::placeholder,
  html body .dibu textarea::placeholder {
    color: rgba(255, 255, 255, .58);
  }

  html body .dibu .parallax use:nth-child(1) {
    fill: rgba(12, 91, 81, .32) !important;
  }

  html body .dibu .parallax use:nth-child(2) {
    fill: rgba(8, 69, 62, .42) !important;
  }

  html body .dibu .parallax use:nth-child(3) {
    fill: rgba(6, 58, 52, .55) !important;
  }

  html body .dibu .parallax use:nth-child(4) {
    fill: rgba(4, 43, 39, .72) !important;
  }
}