/* Sticky Header */
#site-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -8px 27px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    transition: top 0.8s ease, opacity 0.7s ease;
}

#site-header.hidden {
    top: -150px;
    /* Adjust the value as per your header height */
    opacity: 0;
}