<script type="text/javascript">

if(typeof jQuery == 'undefined'){
        document.write('<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></'+'script>');
  }

</script>
<script>
jQuery(document).ready(function ($) {
  
  const $tab10 = $('.tab-10').first();
  var windowWidth = $(window).width();
  
  if ($tab10.length) {


	var accordionTabs = $('.tab-10-menu'); // To target all tabs, change this class to 'oxy-tabs'

	// Find all the tabs that have our class
	accordionTabs.each(function (index) {

		// Find all the tabs inside
		$(this).children(".tab-10-menu__wrap").each(function (index) {

			let tabContent = $(this).html(); // Get the tab content
			let countedContent = $(this).parent('.tab-10-menu').next('.tab-10-content').children('.tab-10-content__pane').eq(index); // Find the correct tab content

			countedContent.before('<button class="tab-accordion">' + tabContent + '</button>'); // Create a accordion button

		});

		let accordionBtn = $(this).next('.tab-10-content').find(".tab-accordion");
		let classList = $(this).children('.tab-10-menu__wrap').attr('class');
		let activeClass = 'brx-open';


		// move the classes onto the button, apart from the active class
		accordionBtn.addClass(classList);
		accordionBtn.removeClass(activeClass);


		// Do all the accordion slidetoggle stuff, adding the unique active class where needed.
		accordionBtn.click(function () {

			$(this).next('.tab-10-content__pane').slideToggle();

			if ($(this).hasClass(activeClass)) {

				$(this).removeClass(activeClass);

			} else {

				$(this).next().siblings('.tab-10-content__pane').slideUp();
				$(this).siblings('.tab-accordion').removeClass(activeClass);
				$(this).addClass(activeClass);

			}

		});
      
      
        

	});

    // Maybe show the accordion buttons, depending if tabs are hidden
    function maybeaccordion() {
        if (windowWidth <= 1024) {
            
            accordionTabs.each(function (index) {
            
                let activeClass = 'brx-open';
                let bricksTabContent = $(this).next('.tab-10-content').children('.tab-10-content__pane');
    
                if ($(this).css('display') == 'none') {
    
                    $(this).next('.tab-10-content').find(".tab-accordion").show();
                    bricksTabContent.hide();
                
                    bricksTabContent.prev('.tab-accordion').removeClass(activeClass);
                    bricksTabContent.first().show();
                    bricksTabContent.first().prev().addClass(activeClass);
    
                } else {
    
                    $(this).next('.tab-10-content').find(".tab-accordion").hide();
                    bricksTabContent.removeAttr("style");
    
                }
            
            });
        } else {
            accordionTabs.next('.tab-10-content').find('.tab-accordion').hide();
            accordionTabs.next('.tab-10-content').children('.tab-10-content__pane').removeAttr('style');
        }

    }
      
    //* Run on page load
    maybeaccordion();

    
    let $window = $(window);



    $window.resize(function(){
        
        //* Run again if page width changes
        if ($window.width() != windowWidth) {

            windowWidth = $window.width();

            maybeaccordion();

        }


    });
    
    }
	

});
</script>