@media (min-width: 701px) {
  .dibu {
    position: relative;
    isolation: isolate;
    background-color: #071a14 !important;
    background-image:
      linear-gradient(90deg, rgba(5, 19, 14, .9), rgba(5, 19, 14, .68) 50%, rgba(5, 19, 14, .88)),
      url("../img/tianz-home/footer-nuts-dark.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .dibu::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 30, 22, .12), rgba(2, 10, 8, .35));
    pointer-events: none;
  }

  .dibu .footer,
  .dibu .footer a,
  .dibu .footer p,
  .dibu .footer span {
    color: rgba(255, 255, 255, .76);
  }

  .dibu .footer h3,
  .dibu .footer a:hover {
    color: #fff;
  }

  .dibu .bls .parallax use:nth-child(1) {
    fill: rgba(40, 79, 36, .78) !important;
  }

  .dibu .bls .parallax use:nth-child(2) {
    fill: rgba(169, 54, 42, .7) !important;
  }

  .dibu .bls .parallax use:nth-child(3) {
    fill: rgba(198, 154, 71, .26) !important;
  }

  .dibu .bls .parallax use:nth-child(4) {
    fill: #071a14 !important;
  }
}
