.sticky-tab-section__header {
    position: sticky;
    top: 0;
    transition: top .1s ease-in-out;
    z-index: 1;
}
.section-header.header-sticky:not(.header-hidden) ~ #MainContent .sticky-tab-section__header {
    top: var(--bs-total-header-height);
}
.sticky-tab-section__tab-item {
    margin-block: 4px;
}
.sticky-tab-section__header .container {
    --pe-extraSpace: calc((100% - var(--pe-container-width)) / 2);
    max-width: calc(var(--pe-extraSpace) + var(--pe-container-width));
    margin-right: 0;
    padding: 0;
}

.sticky-tab-list {
    gap: 30px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: 20px;
}

/* Custom scrollbar styling for Webkit browsers (Chrome, Safari, Edge) */
.sticky-tab-list::-webkit-scrollbar {
    height: 6px;
}

.sticky-tab-list::-webkit-scrollbar-track {
    background: var(--pe-color-gray-900);
    border-radius: 3px;
}

.sticky-tab-list::-webkit-scrollbar-thumb {
    background: var(--pe-color-gray-800);
    border-radius: 3px;
    transition: background 0.3s ease;
}

.sticky-tab-list::-webkit-scrollbar-thumb:hover {
    background: var(--pe-color-gray-700);
}

/* Custom scrollbar styling for Firefox */
.sticky-tab-list {
    scrollbar-width: thin;
    scrollbar-color: var(--pe-color-gray-800) var(--pe-color-gray-900);
}

.sticky-tab-list .tab-item-link {
    font-family: 'Source Code Pro';
    padding: 5px 12px;
    color: var(--pe-color-white);
    text-decoration: none;
    transition: all 0.3s ease;
    line-height: 1.5;
    border: 1px solid transparent;
    letter-spacing: -0.02em;
}

.tab-content__content h4 {
    padding-top: 10px;
    margin-bottom: 10px;
}

.tab-content__content p {
    margin-bottom: 15px;
}

.tab-content__content p:last-child {
    margin-bottom: 0;
}
.sticky-tab-list .tab-item-link:hover {
    background-color: var(--pe-color-gray-900);
}
.sticky-tab-list .tab-item-link.active {
    background-color: var(--pe-color-primary-1000);
    border-color: var(--pe-color-primary);
}
@media (max-width: 768px) {
    .sticky-tab-list {
        gap: 15px;
    }
}