/* Hero Section Background Image */
  .hero {
    background-image: url('') !important; /* Add your desired image URL here */
    background-size: cover !important; /* Ensures the image covers the entire section */
    background-position: center top !important; /* Centers the image */
    color: white !important; /* Optional: Change text color for better visibility */
    height: 30vh !important; /* Full viewport height */
    /* Alternatively, use a fixed height (e.g., 600px) instead of 100vh if preferred */
    min-height:520px !important; /* You can adjust this value */
  }

/* Overlay for the Hero Section */
  .hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important; /* Black color with 50% opacity */
    z-index: 1 !important; /* Make sure overlay stays above the background */
  }

  /* Content inside the hero section */
  .hero .container {
    position: relative;
    z-index: 2; /* Ensures text content is above the overlay */
  }

.bg-orange {
    background-color: #ff5601 !important;
}
		
  .text-orange {
    color: #ff5601 !important;
  }

	  .btn-orange {
    background-color: #ff5601 !important;
    border-color: #ff5601 !important;
  }

  .btn-orange:hover {
    background-color: #ff5601 !important;
    border-color: #ff5601 !important;
  }

a {
   
    text-decoration: none !important;
}


.list-view-system .list-system-bottom {
  margin-top: 15px; 
}

.system-browse-filters > ul > li {
height: 38px !important;
  line-height: 26px !mportant; }

.system-browse-view a {
  width: 75px !important; }

.list-system-configure { width:70px !important;}