Tabs - auto rotate custom code

Flowbase

https://www.flowbase.co/clone/webflow-content-slider

Inside <head>tag

<!-- No Highlight www.flowbase.co -->
<!-- Block out any accidental highlighting of the tab buttons for added polish -->
<style>                                  
.values-tab-link {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */                                  
</style>

Before </body> tag

<!-- Auto Rotate Tabs (www.flowbase.co -->

<script>
    var Webflow = Webflow || [];
    Webflow.push(function () {
      // DOMready has fired
      // May now use jQuery and Webflow api

// start everything
      var tabTimeout;
      clearTimeout(tabTimeout);
      tabLoop();

    // Cycle through all tabs. Match class names
    function tabLoop() {
            tabTimeout = setTimeout(function() {
        var $next = $('.values-tab-menu').children('.w--current:first').next();
        if($next.length) {
         if ($(".menu-button").hasClass("w--open")) {  // if the mobile burger button is open, stop the tabs autoplay
            tabLoop(); 
            }else{
            $next.removeAttr("href").click();
            }
        } else {
        if ($(".menu-button").hasClass("w--open")){
            tabLoop();
            }else{
            $('.values-tab-link:first').removeAttr("href").click();
            }
        }
    }, 6000);     // 6 second tab loop (change this)
    }

    // Reset loop if a tab is clicked
    $('.values-tab-link').click(function() {
        clearTimeout(tabTimeout);
        tabLoop();
        });
    });
</script>