.header-area {
    background-color: rgba(250,250,250,0.15);
    position: absolute; /* Changed from fixed to absolute */
    top: 40px;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all .5s ease;
}

.header-area.header-sticky {
    position: fixed; /* Changes to fixed when sticky */
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    min-height: 80px;
    top: 0;
}

.header-area.header-sticky.at-top {
  top: 40px;
  background: transparent;
  box-shadow: none;
}

/* ... rest of your existing styles ... */