:root {
  --c1: #0a56bd !important;
  --c2: #063579 !important;
  --loong-blue: #0a56bd;
  --loong-deep: #071a33;
  --loong-ink: #142033;
  --loong-sky: #e8f2fb;
  --loong-line: rgba(20, 32, 51, .12);
}

body { color: var(--loong-ink); }

.dibu {
  background-image:
    linear-gradient(105deg, rgba(4, 23, 49, .94), rgba(6, 54, 121, .78)),
    url('../img/loong-windpower/factory-aerial-branded.webp') !important;
  background-position: center, center 44% !important;
  background-size: cover, cover !important;
}

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

.garment-logo img { object-fit: contain; }
.garment-logo .logo-light { width: 185px; }
.garment-logo .logo-dark { width: 185px; }

#kf.cs-section {
  z-index: 80;
  border: 1px solid rgba(10, 86, 189, .18);
  box-shadow: 0 18px 54px rgba(8, 31, 65, .16);
}

#kf.cs-section .cs-title,
#kf.cs-section .cs-intro { color: var(--loong-ink); }
#kf.cs-section .cs-card { border-color: rgba(10, 86, 189, .14); }
#kf.cs-section .cs-card:hover { border-color: rgba(10, 86, 189, .48); }

@media (min-width: 769px) {
  .loong-home-desktop ~ .pc_ { display: none !important; }
}

@media (max-width: 768px) {
  .loong-home-desktop { display: none !important; }
}