/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 13:26:14 */
.scroll{
    color: black !important; 
}


.header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    transition: transform 0.5s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    transform: translateY(0%); /* Header is initially visible */
}

.category-tab-button:hover{
	background: #ffffff;
	color: #000000 !important;
	border-radius: 0px !important;
}

.category-dropdown-item {
    transition: transform 0.3s ease; 
    transform: translateX(0);
    cursor: pointer;
}

.category-dropdown-item:hover {
    transform: translateX(8px); 
}


.off-screen {
    transform: translateY(-100%); /* Move header above the screen when scrolled */
}
.sticky {
	position: fixed;
    background-color: #F6F1E9 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-bottom-color: #e1e1e1;
    transform: translateY(0%); /* Bring back header */
}