/* Styling for the outer tab list */
.brxe-xtabs .x-tabs_list {
    position: sticky;
    top: 0; /* Remains at the top when scrolling */
    z-index: 10; /* Higher z-index so that it stays in front of other content */
}

/* Ensure that the container for the inner tabs allows sticky behaviour */
.brxe-xtabs .x-tabs_content {
    position: relative;
    z-index: 5; /* Make sure it does not go over the outer tab list */
}

/* Styling for the inner tab list */
.brxe-xtabs .x-tabs_content .brxe-xtabs .x-tabs_list {
    position: sticky;
    top: 47px; /* Set the spacing so that it remains below the outer tab list */
    z-index: 8; /* Slightly lower than the outer list */
    background-color: #ebfcfc;
}

@media (max-width: 400px){
    .brxe-xtabs .x-tabs_content .brxe-xtabs .x-tabs_list {
        top: 50px !important; /* Set the spacing so that it remains below the outer tab list */
    }
}

/* Spacing between the tab groups (optional) */
.brxe-xtabs {
    margin-bottom: 20px;
}

.brxe-xtabs .x-tabs_content {
    overflow: visible !important; /* Prevents overflow from blocking the sticky effect */
}