/* CSS for green theme */
  body {
    background-color: #f9f9f9;
  }

  .navbar {
    background-color: #28a745;
    /* Green color for the navigation bar */
  }

  .navbar .navbar-brand,
  .navbar .nav-link {
    color: #fff;
  }


  /* CSS for the footer */
  footer {
    color: #fff;
    padding: 20px 0;
    text-align: center;
  }

  footer a {
    color: #fff;
    text-decoration: none;
  }

  /* CSS for the banner image on smaller screens */
  @media (max-width: 768px) {
    .banner {
      background-image: url('img-system/loadimg_g.php?image=bg-2.jpg');
    }
  }