/* Custom overrides minimal saja */
    :root {
      --primary: #065f46;     /* hijau tua */
      --primary-light: #0d9488; /* hijau toska accent */
    }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
    #loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:white;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    }
    .navbar {
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .navbar-brand img {
      height: 50px;
    }
    .nav-link {
      font-weight: 500;
    }
    .nav-link.active,
    .nav-link:hover {
      color: var(--primary-light) !important;
    }
    .hero {
      min-height: 100vh;
      background: linear-gradient(rgba(13, 148, 136, 0.65), rgba(6, 95, 70, 0.75)),
                  url('/rootJsi/gambar/home.jpg') center/cover no-repeat;
      color: white;
      position: relative;
    }
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.2); /* optional extra overlay */
    }
    .hero-content {
      z-index: 2;
    }
    .btn-primary-custom {
      background-color: white;
      color: var(--primary);
      border: none;
      padding: 0.8rem 2rem;
      border-radius: 50px;
      font-weight: bold;
      box-shadow: 0 4px 15px rgba(0,0,0,0.15);
      transition: all 0.3s;
    }
    .btn-primary-custom:hover {
      background-color: var(--primary);
      transform: translateY(-3px);
    }
    .service-card {
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
    }
    .icon-large {
      font-size: 4rem;
      color: var(--primary-light);
      margin-bottom: 1.2rem;
    }
    .footer {
      background-color: #4b5563;
      color: white;
    }
    .social-icon {
      font-size: 1.8rem;
      margin: 0 0.8rem;
      color: white;
      transition: color 0.3s;
    }
    .social-icon:hover {
      color: var(--primary-light);
    }