.tabs {
    margin-bottom: 24px;
}

.tabs .bordered {
    border: none;
    box-shadow: none;
}

.tabs--in-section {
    margin-bottom: 32px;
}

.tabs--no-margin {
    margin: 0;
}

.tabs .nav-tabs>li>a {
    line-height: inherit;
    border: none;
}

.tabs .nav>li>a:hover,
.tabs .nav>li>a:focus {
    background-color: transparent;
}

.tabs .tab-content {
    background-color: white;
    background-color: var(--black_bg_black);
    border: none;
    padding: 40px 0 0;
}

.tabs .tab-content.not_tabs {
    padding-top: 0;
}

.tabs .nav-tabs+.tab-content {
    border-top: 0;
}

.tabs .nav-tabs li span {
    padding-top: 11px;
    padding-bottom: 11px;
}

.tabs .nav-tabs li a,
.tabs .nav-tabs li>span,
.tabs .nav-tabs .nav-tabs__item {
    cursor: pointer;
    display: block;
    color: var(--fill_dark_lite_white_hover);
    background-color: var(--secondary-black-dark-light-bg);
    padding: 12px 20px;
    border-radius: var(--theme-button-border-radius);
    text-decoration: none;
    font-size: calc(1rem - 2px);
    line-height: calc(1em + 6px);
}

.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover,
.tabs .nav-tabs .nav-tabs__item:not(.active):hover {
    background-color: var(--light, #e8e9ed) var(--dark, #4a4a53);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background: none;
}

.tabs .nav-tabs li.active a,
.tabs .nav-tabs li.active>span,
.tabs .nav-tabs .nav-tabs__item.active {
    background-color: var(--theme-base-color);
    color: var(--button_color_text);
    cursor: default;
    --nav-counter-color: var(--button_color_text);
}

.nav-tabs__counter {
    color: var(--nav-counter-color);
}

.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black);
}

.tabs .tab-content .content {
    margin: -8px 0 0;
}

.tabs .nav-tabs>li:before,
.pagination>li:before {
    margin: 0;
    padding: 0;
}

.nav:after {
    clear: both;
    content: " ";
    display: table;
}

.nav-tabs {
    margin: 0;
    display: flex;
    gap: 8px;
    border: 0;
    --nav-counter-color: var(--secondary);
}

.nav-tabs::before,
.nav-tabs::after {
    display: none;
}

.nav-tabs li {
    margin: 0;
    padding: 0;
    float: left;
}

.nav-tabs li:before {
    display: none !important;
}

.tabs.horizontal-scrolling {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.tabs.horizontal-scrolling:before,
.tabs.horizontal-scrolling:after {
    content: "";
    width: 10px;
    height: 48px;
    background: #fff;
    background: var(--black_bg_black);
    position: absolute;
    top: 0;
    opacity: 0;
}

.tabs.horizontal-scrolling:before {
    left: 0;
}

.tabs.horizontal-scrolling:after {
    right: 0;
}

.tabs.horizontal-scrolling .nav {
    margin: 0;
    white-space: nowrap;
    padding: 0;
}

.tabs.horizontal-scrolling .nav>li {
    float: none;
    display: inline-block;
    margin: 0;
}

.tabs.horizontal-scrolling .nav>li:not(:last-of-type) {
    margin-right: 4px;
}

.tabs.horizontal-scrolling+.tab-content {
    margin-top: 2.666rem;
}

.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type) {
    margin-right: 2.266rem;
}

.tabs.bottom-line li {
    background: none;
}

.tabs.bottom-line li a {
    padding: 0 0 0.466rem;
}

.tabs.bottom-line li.active:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 0;
}

.tabs.bottom-line+.tab-content {
    margin-top: 1.666rem;
}

.tab-nav {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    margin: 0;
}

.tab-nav li {
    margin: 0;
    padding: 0;
}

.tab-nav li::before {
    display: none;
}

.tab-nav .active,
.tab-nav .active .tab-nav__item {
    cursor: default;
    color: #fff;
    background-color: transparent;
}

.arrow_scroll {
    /* max-height: 65px; */
    overflow: hidden;
}

@media (max-width: 500px) {

}


.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative;
}

.arrow_scroll .nav.nav-tabs>li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.arrow_scroll_init .arrows_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer;
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black);
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px;
}

.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px;
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg);
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none;
}

.dropdown-select .line-block {
    position: relative;
}