.container-tabs {
	padding: 0;
	border-top: 5px solid var(--blue-green);
	margin: 0 auto var(--space-20);
}

/* 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 {
	max-width: 1275px;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: var(--space-4) var(--space-5) 0;
	margin: 0 auto var(--space-6);
}

.container-tabs .tabs-header .title-cont {
	width: 100%;
	max-width: 665px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	padding: 0 var(--space-5);
	margin-bottom: var(--space-6);
}

.container-tabs .tabs-header .title-cont .title {
	font-family: var(--font-body);
	font-size: var(--text-xl);
	font-weight: 700;
	line-height: var(--leading-none);
	color: var(--blue-green);
	text-transform: uppercase;
}

.container-tabs .tabs-header .title-cont .subtitle {
	font-family: var(--font-display-alt);
	font-size: var(--text-xl);
	font-weight: 400;
	font-style: italic;
	line-height: var(--leading-none);
	color: var(--white);
	text-transform: lowercase;
}

/*Tabs*/
.container-tabs .tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.container-tabs .tabs button {
	width: max-content;
	font-size: var(--text-base);
	font-weight: 700;
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-wide);
	color: var(--white);
	text-transform: uppercase;
	background-color: transparent;
	padding: 11px var(--space-4);
	border: 1px solid var(--grey-70);
	border-radius: 10px;
}

.container-tabs .tabs li.active button {
	background-color: rgba(0, 154, 166, 0.3);
	border: 1px solid transparent;
}

@media (min-width: 64em) {
	.container-tabs { margin: 0 auto var(--space-48); }

	.container-tabs .tabs-header {
		flex-direction: row;
		gap: calc(32px + (64 - 32) * ((100vw - 1024px) / (1350 - 1024)));
		padding: var(--space-12) var(--space-5) 0;
		margin: 0 auto var(--space-12);
	}

	.container-tabs .tabs-header .title-cont {
		position: relative;
		max-width: unset;
		width: unset;
		flex: 1 0 auto;
		justify-content: flex-start;
		gap: var(--space-3);
		padding: 0;
		margin-bottom: 0;
	}

	.container-tabs .tabs-header .title-cont::after {
		content: '';
		position: relative;
		right: calc(-15px + (-27 - -15) * ((100vw - 1024px) / (1350 - 1024)));
		top: 0;
		transform: translatex(50%);
		width: 1px;
		height: 50px;
		background-color: var(--grey-70);
		pointer-events: none;
	}

	.container-tabs .tabs-header .title-cont .title,
	.container-tabs .tabs-header .title-cont .subtitle { 
		font-size: calc(20px + (30 - 20) * ((100vw - 1024px) / (1350 - 1024)));
	}

	.container-tabs .tabs {
		justify-content: flex-start;
		column-gap: calc(8px + (15 - 8) * ((100vw - 1024px) / (1350 - 1024)));
		row-gap: 0;
	}

	.container-tabs .tabs button {
		position: relative;
		width: unset;
		padding: var(--space-4) 10px;
		border: unset;
		border-radius: 5px;
		font-size: calc(11.5px + (14 - 11.5) * ((100vw - 1025px) / (1350 - 1025)));
	}

	.container-tabs .tabs li button::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transform: scaleY(0);
		transform-origin: center;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 154, 166, 0.3);
		transition: transform 200ms linear;
		border-radius: 5px;
		pointer-events: none;
	}
	
	.container-tabs .tabs li.active button {
		background-color: unset;
		border: unset;
	}

	.container-tabs .tabs li.active button::before { content: none; }

	.container-tabs .tabs li.active button::after {
		content: '';
		position: absolute;
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		width: 20px;
		height: 20px;
		background: url(/includes/public/assets/shared/tab-marquee-diamond-selector.svg);
		background-repeat: no-repeat;
		pointer-events: none;
	}

	@media (hover: hover) {
		.container-tabs .tabs button:hover::before{ transform: scaleY(1) }
	}
}

@media (min-width: 1350px) {
	.container-tabs .tabs-header {
		gap: var(--space-16);
	}
	.container-tabs .tabs-header .title-cont::after {
		right: -27px;
	}
	.container-tabs .tabs-header .title-cont .subtitle,
	.container-tabs .tabs-header .title-cont .title {
		font-size: var(--text-3xl);
	}

	.container-tabs .tabs {
		column-gap: 15px;
	}
	.container-tabs .tabs button {
		font-size: var(--text-sm);
	}
}