/* header style  */
/* Sticky Header */
.ta-sticky-header {
    position: sticky;
    top: 0;
    z-index: 9999;
}


/* Transition class to smoothly show/hide header */
.turbo-header-template.ta-header-scroll-animation {
    position: sticky;
    top: 0;
    z-index: 9999;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* When scrolling down, hide header */
.ta-header-hide {
    transform: translateY(-100%);
    opacity: 0;
}

/* When scrolling up, show header */
.ta-header-show {
    transform: translateY(0);
    opacity: 1;
}


.ta-header-scroll-animation {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.ta-header-hidden {
    transform: translateY(-100%);
    opacity: 0;
}