/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    z-index: 997;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  #header.header-scrolled,
  #header.header-inner-pages {
    background: rgba(23, 26, 29, 0.8);
  }
  
  #header .logo {
    font-size: 19px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
  }
  
  #header .logo a {
    color: #be1f1f;
  }
  
  #header  img {
    max-height: 30px;
    background-color: transparent;
  }
  
  @media (max-width: 992px) {
    #header {
      border: 0;
    }
  }
  
  
  
  
  
  /* Transparent Header for Hero */
  #header {
    background: rgba(14, 21, 27, 0.342); /* Semi-transparent */
    padding: 10px 20px;
    transition: background 0.5s ease; /* Smooth transition for background */
    transition: 0.3s;
     
  }
 
  /* Solid White Background when Scrolling */
  #header.scrolled {
    background: rgba(245, 247, 248, 0.884);
    box-shadow: 0 12px 10px rgba(10, 78, 124, 0.123); /* Optional subtle shadow */
    transition: 0.5s;
  }
  
  #header.scrolled .navbar a {
    color: #b43c3c; /* Dark text when scrolled */
  }
    
  
  #header.scrolled .logo {
    color: #333; /* Dark logo when scrolled */
     
  }