@media screen and (min-width: 701px) {
  body .dibu {
    overflow: hidden;
    background-color: #020d1c !important;
    background-image:
      linear-gradient(100deg, rgba(1, 10, 25, 0.96) 0%, rgba(2, 25, 54, 0.88) 48%, rgba(1, 12, 29, 0.9) 100%),
      url("./img/footer-ocean.webp") !important;
    background-position: center 48% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: inset 0 1px 0 rgba(0, 188, 235, 0.2);
  }

  body .dibu::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background:
      radial-gradient(circle at 82% 18%, rgba(0, 188, 235, 0.15), transparent 30%),
      linear-gradient(180deg, rgba(0, 84, 166, 0.1), rgba(0, 0, 0, 0.22));
    content: "";
    pointer-events: none;
  }

  body .dibu .footer,
  body .dibu .footer2,
  body .dibu .bj,
  body .dibu .bls {
    position: relative;
    z-index: 1;
  }

  body .dibu .footer-r ul h3 {
    color: #ffffff !important;
  }

  body .dibu .footer-l p,
  body .dibu .footer-r ul p,
  body .dibu .footer-r ul li a {
    color: rgba(255, 255, 255, 0.72) !important;
  }

  body .dibu .footer-r ul li a:hover {
    color: #00bceb !important;
  }
}