.container-tabs {
	padding: 0;
	margin: 0 auto 60px;

	--color: var(--gray-dark);
	--color-hover: var(--primary-color-800);
	--text-color: var(--color);
	--button-color: var(--color);
	--border-color: var(--gray-200);
}

/* Tab Active/Inactive Functionality */
.container-tabs .tab-outer {
	opacity: 1;
	transition: opacity 150ms ease;
	overflow: hidden;
}

.container-tabs .tab-outer.animating {
	opacity: 0;
}

.inner-tab-cont:not(.active),
.inner-tab-cont:not(.active) .contentRender,
.container-tabs .tab-outer > div.contentRender:not(.active):not(.contentRender_name_plugins_common_custom_tab_inner) {
	opacity: 0;
	height: 0;
	pointer-events: none;
}

.container-tabs .tabs-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
    align-items: center;
	justify-content: space-between;
    margin: 0 auto 20px;
	gap: 10px;
    max-width: 1190px;
}

.container-tabs .tabs-header .left {
	display: contents;
}

.container-tabs .tabs-header .title-cont {
	display: contents;
	margin-bottom: var(--space-2);
}

.container-tabs .tabs-header .title-cont > * {
	padding-inline: 15px;
}

.container-tabs .tabs-header .title-cont .title {
    font-family: var(--font-barlow-condensed);
    font-size: 3rem;
	line-height: 1;
    font-weight: 700;
    color: var(--text-color);
	text-transform: uppercase;
}

.container-tabs .tabs-header .title-cont .description {
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.5;
	color: var(--text-color);
}

/*Tabs*/
.container-tabs .tabs {
	display: flex;
    flex-direction: row;
	overflow-x: scroll;
    gap: var(--space-5);
	padding: 14px 15px;
	position: relative;
	scrollbar-width: none;
}

.container-tabs .tabs::-webkit-scrollbar {
	display: none;
}

.container-tabs .button-cont {
	position: relative;
}

.container-tabs .button-cont:before,
.container-tabs .button-cont:after {
	content: '';
	position: absolute;
	pointer-events: none;
	width: 69px;
	height: 51px;
	left: 0;
	bottom: 0;
	background: linear-gradient(to right, #fff, #fff0);
	z-index: 3;
	opacity: 0;
	transition: opacity var(--transition);
}

.container-tabs .button-cont:after {
	left: auto;
	right: 0;
	background: linear-gradient(to left, #fff, #fff0);
}

.container-tabs .button-cont.gradient-left:before {
	opacity: 1;
}

.container-tabs .button-cont.gradient-right:after {
	opacity: 1;
}

.container-tabs .tabs button {
	width: max-content;
}

.container-tabs .tabs li.active button {
	color: var(--text-color-hover);
	background: none;
}

.container-tabs .tabs li.active button::before {
	scale: 1;
	background-color: var(--background-color-hover);
}

/* View All */
.container-tabs .right {
	grid-row: 2;
	padding-inline: 15px;flex-shrink: 0;
}

.container-tabs .right .button-outlined {
	margin-block: 11px;
}

@media (min-width: 64em) {
	.container-tabs {
		margin-bottom: 110px;
	}

	.container-tabs .tabs-header .left {
		display: block;
	}

	.container-tabs .tabs-header {
		display: flex;
		margin-bottom: 42px;
	}

	.container-tabs .tabs-header .title-cont {
		display: block;
		margin-bottom: 8px;
	}

	.container-tabs .tabs-header .title-cont .title {
		font-size: calc(80rem/16);
		margin-bottom: 14px;
	}

	.container-tabs .tabs-header .title-cont .description {
		font-size: calc(18rem/16);
		line-height: calc(30/18);
	}

	.container-tabs .button-cont:before,
	.container-tabs .button-cont:after {
		display: none;
	}

	.container-tabs .tabs {
		padding-block: 0;
		gap: 32px;
	}
}