@media screen and (min-width: 1025px) {
  .garment-header:not(.is-scrolled) .logo-light {
    content: url("../img/pc-home/logo-reverse-loong.png");
  }

  body .dibu {
    min-height: 520px;
    padding-top: 6rem;
    background-image:
      linear-gradient(90deg, rgba(2, 18, 35, 0.97), rgba(3, 28, 54, 0.83) 52%, rgba(3, 28, 54, 0.7)),
      url("../img/pc-home/footer-solar-campus.webp") !important;
    background-position: center bottom !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }

  body .dibu::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(3, 28, 54, 0.15), rgba(2, 15, 29, 0.66));
  }

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

  body .dibu .footer-l .logo img {
    content: url("../img/pc-home/logo-reverse-loong.png");
    object-fit: contain !important;
    object-position: left center;
  }

  body .dibu .footer-r ul h3 {
    color: #fff;
  }

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

  body .dibu .footer-r ul li a:hover,
  body .dibu .Contacts a:hover {
    color: #ffb612;
  }

  body .dibu .footer2 {
    border-top-color: rgba(255, 255, 255, 0.18);
  }

  body .dibu .parallax > use:nth-child(1) {
    fill: #075ba8;
  }

  body .dibu .parallax > use:nth-child(2) {
    fill: #ffb612;
  }

  body .dibu .parallax > use:nth-child(3) {
    fill: rgba(22, 119, 200, 0.38);
  }

  body .dibu .parallax > use:nth-child(4) {
    fill: #031c36;
  }
}

@media screen and (min-width: 1025px) and (prefers-reduced-motion: reduce) {
  body .dibu .parallax > use {
    animation: none !important;
  }
}