/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 29 2025 | 07:19:26 */
/* Make Themify Tab Navigation Scrollable on Mobile */
@media (max-width: 768px) {
/* Target the tab navigation container */
.module-tab .tab-nav.tf_scrollbar {
display: flex!important;         /* Keep tabs in a row */
overflow-x: auto!important;      /* Enable horizontal scroll */
-webkit-overflow-scrolling: touch!important; /* Smooth scrolling on iOS */
scrollbar-width: thin!important; /* Firefox scrollbar */
}

/* Optional: hide default scrollbar for a cleaner look */
.module-tab .tab-nav.tf_scrollbar::-webkit-scrollbar {
height: 6px;           /* Adjust thickness */
}

.module-tab .tab-nav.tf_scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.3);
border-radius: 3px;
}

.module-tab .tab-nav.tf_scrollbar li {
flex: 0 0 auto;       /* Prevent items from shrinking */
}
}