.uncommon-tabs {
    width: 100%;
    height: 100%;
}

.uncommon-tabs .controlls {
    
}

.tab-links {
    display: flex;
    gap: 20px;
}

.tab-links .tab-link {
    
}

.tab-links .tab-link a {
    color: var(--brand-white-primary-32);
}

.tab-links .tab-link a.btn .btn-part {
    color: var(--brand-white-primary-32);
}

.tab-links .tab-link a.btn.current {
    pointer-events: none;
}
.tab-links .tab-link a.btn.current .btn-part{
    color: var(--brand-white-primary);
}

.tabs {
    width: 100%;
    position: relative;
}

.tabs .tab {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all 600ms;
}

.tabs .tab.inactive {
    pointer-events: none;
    opacity: 0;
}

.tabs .tab.current {
    opacity: 1;
    transition: all 600ms;
}

.tabs .tab .tab-content {
    width: 100%;
}

.tabs .tab .tab-content .inner-tab-conentent {
    width: 100%;
    padding: 99px 0 0;
    box-sizing: border-box;
}
@media only screen and (max-width: 1279px) {
    .tabs .tab .tab-content .inner-tab-conentent {
        padding: 80px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .tabs .tab .tab-content .inner-tab-conentent {
        padding: 60px 0 0;
    }
}

.tabs .tab .tab-content .inner-tab-conentent.no-padding {
    padding: 0;
}

/*side-menu-tabs*/
.side-menu-container .tabs {
    height: 100%;
}

.side-menu-container .tabs .tab  {
    height: 100%;
}

.side-menu-container .tabs .tab .tab-content {
    height: 100%;
}

.tabs .tab .tab-content .inner-tab-conentent {
    height: 100%;
}

/*tabs with scrollbar*/
.tabs .tab .tab-content .inner-tab-conentent .custom-scroll  {
    width: calc(100% + 12px);
    box-sizing: border-box;
    padding-right: 12px;
}