.container-tabs {
	padding: 0 0 0 var(--space-4);
	margin: 0 auto var(--space-16);
	max-width: 1606px;
	overflow: hidden;

	--color: var(--primary-color-700);
	--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,
.container-tabs .tabs-footer {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 0 auto var(--space-4);
	max-width: var(--width-base);
}

.contaner-tabs .tabs-footer {
	padding: 0 var(--space-5);
}

.container-tabs .tabs-header {
	margin-bottom: 54px;
	align-items: flex-start;
	padding: 0;
}

@media (max-width: 39.9375em) {
	.container-tabs .tabs-header {
		padding-bottom: 26px;
		margin-bottom: 28px;
		padding-right: var(--space-5);
	}
}

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

.container-tabs .tabs-header .title-cont .title {
	margin-right: var(--space-8);
	font-family: var(--font-heading);
	font-size: var(--text-5xl);
	font-weight: var(--font-weight-bold);
	color: var(--text-color);
}

/*Tabs*/
.container-tabs .tabs {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: var(--space-8);
	width: 100%;
	padding-bottom: 28px;
	overflow-x: auto;
}

.container-tabs .tabs button {
	flex: 0 0 auto;
	padding: 0;
	line-height: var(--leading-none);
	text-transform: uppercase;
	width: max-content;
	font-size: 15px;
	background: transparent;
	color: var(--brown);
	letter-spacing: 0.13em;
	font-family: var(--font-display);
	text-decoration: underline;
	text-underline-offset: 19px;
	text-decoration-color: transparent;
	text-decoration-thickness: 5px;
	opacity: 0.5;
	transition: opacity var(--transition-appendix), text-decoration-color var(--transition-appendix);
}

.container-tabs .tabs li.active button {
	text-decoration-color: var(--orange);
	opacity: 1;
}

.container-tabs .tabs-footer {
	margin-top: var(--space-8);
}

/* View All */
.container-tabs .tabs-footer .view-all {
	--view-all-color: var(--brown);
	--view-all-bg: transparent;

	--view-all-hover-color: var(--white);
	--view-all-hover-bg: var(--blue-dark);

	font-family: var(--font-body-bold);
	display: inline-block;
	padding: 9px 72px;
	font-size: var(--text-sm);
	font-weight: 400;
	color: var(--view-all-color);
	text-decoration: none;
	border-radius: var(--rounded-full);
	background-color: var(--view-all-bg);
	text-transform: uppercase;
	letter-spacing: var(--tracking-wider);
	border: 1px solid;

	@media (hover: hover) {
		&:hover {
			color: var(--view-all-hover-color);
			background-color: var(--view-all-hover-bg);
			border-color: var(--view-all-hover-bg);
		}
	}
}

@media (min-width: 40em) {
	.container-tabs .tabs {
		flex-wrap: wrap;
		gap: var(--space-8) var(--space-4);
		justify-content: flex-start;
	}
}

@media (min-width: 64em) {
	.container-tabs {
		padding-inline: var(--space-10);
	}
	.container-tabs,
	.container-tabs .tab-outer {
		overflow: unset;
	}
	.container-tabs .tabs-footer .view-all {
		align-self: flex-start;
	}
	.container-tabs .tabs-header,
	.container-tabs .tabs-footer {
		padding-left: 0;
	}
}
@media (min-width: 90em) {
	.container-tabs {
		padding-inline: var(--space-10);
	}
	.container-tabs,
	.container-tabs .tab-outer {
		overflow: unset;
	}
	.container-tabs .tabs-header .title-cont {
		margin-bottom: var(--space-4);
	}
	.container-tabs .tabs-header .title-cont .title {
		font-size: var(--text-5xl);
	}
	.container-tabs .tabs button {
		font-size: 1.375rem;
	}
	.container-tabs .tabs {
		gap: 74px;
	}
	.container-tabs .tabs-header {
		margin-bottom: 60px;
	}

	.container-tabs .tabs-footer {
		margin-top: 56px;
	}
}