.custom-shadow {
  box-shadow: 0 10px 30px -10px rgba(14, 165, 233, 0.08);
}

/* Gaya Latar Belakang Hero Kustom */
.hero-custom-bg {
  background-image:
    linear-gradient(
      to right,
      rgba(248, 250, 252, 0.76) 35%,
      rgba(248, 250, 252, 0.55) 70%,
      rgba(248, 250, 252, 0.3) 100%
    ),
    url("IMG/hero-bg.png");
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

/* Mode Responsif Layar HP */
@media (max-width: 768px) {
  .hero-custom-bg {
    background-image:
      linear-gradient(
        to bottom,
        rgba(248, 250, 252, 0.78) 50%,
        rgba(248, 250, 252, 0.9) 100%
      ),
      url("IMG/hero-bg.png");
  }
}