@media screen and (min-width: 701px) {
  html body .dibu {
    isolation: isolate;
    overflow: hidden;
    min-height: 430px;
    padding-top: 7rem;
    background-color: #06111f !important;
    background-image:
      linear-gradient(90deg, rgba(2, 10, 20, 0.97) 0%, rgba(4, 20, 38, 0.91) 43%, rgba(4, 20, 38, 0.66) 100%),
      url('../img/home-pc-v2/footer-wheel-factory.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  }

  html body .dibu::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 80% 42%, rgba(36, 139, 255, 0.2), transparent 28%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 30%);
  }

  html body .dibu::after {
    z-index: -1;
    width: 48%;
    height: 100%;
    opacity: 0.24;
    background-image: linear-gradient(135deg, transparent 42%, rgba(54, 148, 255, 0.22) 42%, rgba(54, 148, 255, 0.22) 42.5%, transparent 42.5%);
  }

  html body .dibu .bls {
    opacity: 0.7;
  }

  html body .dibu .waves {
    filter: saturate(0.85) brightness(0.78);
  }

  html body .dibu .footer,
  html body .dibu .footer2 {
    position: relative;
    z-index: 2;
  }

  html body .dibu .footer-l p,
  html body .dibu .footer-r li a,
  html body .dibu .footer-r p,
  html body .dibu .footer-r .dz_ a,
  html body .dibu .footer2 {
    color: rgba(255, 255, 255, 0.76) !important;
  }

  html body .dibu .footer-r h3 {
    color: #fff !important;
  }

  html body .dibu .footer-r li a:hover,
  html body .dibu .footer-r .dz_ a:hover {
    color: #54a7ff !important;
  }

  html body .dibu .footer2 {
    border-top-color: rgba(255, 255, 255, 0.13) !important;
  }
}