<style>
.tabs-1__tab::after {
  opacity: 0;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: calc(50% - 10px);
  background-color: #27193a;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in;
}

.tabs-1__tab.x-tabs_tab-selected::after {
  opacity: 1;
} 
  @media(max-width:767px){
  	.tabs-1__tab::after {
  opacity: 0;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  right: calc(50% - 10px);
  top: calc(100% - 10px);
  background-color: #27193a;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in;
}
  }

</style>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const maxWidth = 767; 
    if (window.innerWidth <= maxWidth) {
        const nestedTabs = document.getElementById('brxe-3e16aa');
        if (nestedTabs) {
            const tabTitles = nestedTabs.querySelectorAll('.tab-menu .tab-title');
            const tabContentContainer = nestedTabs.querySelector('.tab-content');
            const panes = tabContentContainer.children;

            tabTitles.forEach((title, index) => {
                title.addEventListener('click', function () {
                    
                    if (title.nextSibling !== tabContentContainer) {
                        title.parentNode.insertBefore(tabContentContainer, title.nextSibling);
                    }

                    tabContentContainer.style.display = 'block';

                    Array.from(panes).forEach(pane => pane.style.display = 'none');
                    const currentPane = panes[index];
                    currentPane.style.display = 'block';
                    currentPane.style.padding = '10px';
                });
            });
        }
    }
});

</script>

<style>
  @media (max-width: 767px){
    #brxe-3e16aa .tab-content{
      display: none;
    }
    .tabs-1__flex-content > img{
    	width: 100% !important;
    }
  }
</style>