/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2025 | 13:38:35 */
/* Base pill tab style */
.themify_builder_content-3823 .module-tab .tab-nav > li > a {
    display: inline-block !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 50px !important;
    border: 2px solid transparent !important;
    background: transparent !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #f44a02, #ff7b00) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    color: #f44a02 !important;
    transition: all 0.3s ease !important;
    min-width: 160px !important;
    text-align: center !important;
}

/* Hover effect */
.themify_builder_content-3823 .module-tab .tab-nav > li > a:hover {
    background: linear-gradient(90deg, #f44a02, #ff7b00) !important;
    color: #fff !important;
}

/* Active tab style */
.themify_builder_content-3823 .module-tab .tab-nav > li.current > a {
    background: linear-gradient(90deg, #f44a02, #ff7b00) !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
}

/* Spacing between buttons */
.themify_builder_content-3823 .module-tab .tab-nav > li {
    margin-right: 12px !important;
}
/* Mobile horizontal scroll for tab buttons */
@media (max-width: 768px) {
    .themify_builder_content-3823 .module-tab .tab-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none; /* Hide scrollbar in Firefox */
        -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
    }

    /* Hide scrollbar in Chrome/Safari */
    .themify_builder_content-3823 .module-tab .tab-nav::-webkit-scrollbar {
        display: none;
    }

    /* Keep buttons from shrinking */
    .themify_builder_content-3823 .module-tab .tab-nav > li {
        flex: 0 0 auto !important;
        margin-right: 12px !important;
    }
}