/* Global body styling for fixed header */
body {
    padding-top: 4rem; /* 64px - equivalent to pt-16 in Tailwind */
    padding-bottom: 4rem; /* Add bottom padding for mobile navbar */
    background-color: #f9fafb; /* Light gray background */
}

/* Mobile navbar styles */
@media (min-width: 768px) {
    body {
        padding-bottom: 0; /* Remove bottom padding on desktop */
    }
}


.custom-scrollbar {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #a0aec0 #edf2f7; /* Thumb and track colors for Firefox */
}
.custom-scrollbar::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #edf2f7; /* Track color */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #a0aec0; /* Thumb color */
    border-radius: 4px; /* Rounded corners */
    border: 2px solid #edf2f7; /* Space around thumb */
}