#page-header{
    background-image: url("../img/banner.png");
  }

  /*-------------------------------------
  SECTION: Industries (Two-Column Layout)
--------------------------------------*/
  
  /* Main container to hold the left sidebar & right content */
  .industries-container {
    display: flex;         /* Enables a side-by-side layout */
    gap: 50px;             /* Spacing between the two columns */
    width: 100%;
    align-items: flex-start; /* Ensures the left sidebar starts at top (for sticky) */
    position: relative;      /* So that 'position: sticky' can behave properly */
  }
  
  /* Left Sidebar */
  .industries-left {
    flex: 0 0 320px;       /* Fixed width for the sidebar; adjust if needed */
    /* Make the sidebar sticky within the container */
    position: sticky;
    top: 20%;              /* How far from the top of the viewport the sidebar should "stick" */
    align-self: flex-start; /* Keep the sidebar aligned at the top */

  }
  
  .industries-left ul {
    list-style: none;      /* Remove default list bullets */
    margin: 0;
    padding: 0;
  }
  
  .industries-left li {
    margin-bottom: 5px;
    padding: 17px 25px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
    background: rgb(247, 248, 250);
    font-size: 16px;
    font-weight: 600;
    /* A light background or no background is fine; adjust to taste */
  }
  
  /* Hover effect for each sidebar item */
  .industries-left li:hover {
    color: #088178;               /* Sample brand color (blue) */
    border-left-color: #088178;   /* Highlight the left border on hover */
  }
  
  /* Active sidebar item styling */
  .industries-left li.active {
    font-weight: 600;
    color: #088178;
    border-left-color: #088178;
  }
  
  /* Right Content Area */
  .industries-right {
    flex: 1; /* Take the remaining width */
  }
  .industry-content:nth-of-type(1){
    padding-top: 0px;
    }
    .industry-content {
        scroll-margin-top: 120px; /* Should match your header height */
        padding-top: 40px;
        position: relative;
    }
    
    .industries-left {
        top: 120px; /* Should match header height */
    }
  .industry-content.active {
    display: block;
  }
  
  /* Headings and paragraphs in the right content area */
  .industry-content h2 {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
  
  .industry-content p {
    margin-bottom: 1rem;
    line-height: 1.6;
    color: #333; /* Adjust text color if needed */
  }
  
  /* Horizontal line styling */
    .hr-line {
        border-bottom: 1px solid #ccc;
        margin: 40px 0; /* Spacing above/below the line */
    }