.container-tabs {
	margin: 0 auto var(--space-6);
	max-width: var(--width-feature);

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

@media (min-width: 64em) {
	.container-tabs {
		opacity: 0;
		transform: translateY(50px);
		transition: transform ease-out 600ms, opacity ease-out 600ms;
	}
	.container-tabs.in-view {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 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;
    flex-direction: column;
    margin: 0 auto 3px;
	max-width: 1440px;
}

.container-tabs .tabs-header .title-cont {
	padding: 0 var(--space-5);
	margin-bottom: var(--space-1);
}
.container-tabs .tabs-header .title-cont .subtitle {
	font-weight: 300;
	color: var(--blue);
	font-size: 0.8125rem;
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
}
.container-tabs .tabs-header .title-cont .title {
    font-size: var(--text-4xl);
    font-weight: 700;
	line-height: var(--leading-none);
}

/*Tabs*/
.container-tabs .tabs-wrapper {
	position: relative;
	width: 100%;
}

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

.container-tabs .mobile-select-button {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 20px;
	font-size: var(--text-xl);
	color: var(--white);
	background-color: var(--blue);
	text-transform: uppercase;
	text-align: left;
	justify-content: space-between;
	align-items: center;
}

.container-tabs .mobile-select-button::before {
	content: "\f055";
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	position: absolute;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "FontAwesome"; 
	font-weight: 900;
	color: var(--yellow);
	font-size: 1.75rem;
}

.container-tabs .mobile-select-button.active::before {
	content: "\f056";
}

.container-tabs .tabs {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--space-3);
	background-color: var(--blue);
	color: var(--white);
	opacity: 0;
	z-index: 1;
	transition: opacity var(--transition-appendix);
	pointer-events: none;
}

.container-tabs .tabs.open {
	opacity: 1;
	pointer-events: all;
}

.container-tabs .tabs li.active { display: none; }

.container-tabs .tabs button {
	padding: 0 var(--space-2);
	background-color: transparent;
	color: var(--white);
	font-size: var(--text-sm);
	line-height: var(--leading-relaxed);
	text-transform: uppercase;
	width: 100%;
    text-align: left;
}

.container-tabs .tabs button:focus { outline-color: var(--blue-light); }
.container-tabs .tabs li.active button { background-color: var(--primary-color-300); }

/* View All */
.container-tabs .tabs-footer .view-all {
	display: inline-block;
	padding: var(--space-3) var(--space-6);
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 600;
	color: var(--gray-100);
	border-radius: var(--rounded-full);
	background-color: var(--button-color);
	text-decoration: none;
}

@media (hover: hover) {
	.container-tabs .tabs-footer .view-all:hover {
		--button-color: var(--color-hover);
		text-decoration: none;
	}
}

@media (min-width: 40em) {
	.container-tabs .mobile-select-button {
		display: none;
	}
	.container-tabs .tabs {
		position: relative;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: var(--space-3) var(--space-5) var(--space-3) 0;
		background: none;
		opacity: 1;
		pointer-events: all;
	}
	.container-tabs .tabs button {
		color: var(--sw-text-color);
		line-height: 1.06;
		font-weight: 500;
		padding: 5px 20px;
	}

	.container-tabs .tabs li.active { display: block; }

	.container-tabs .tabs li.active button {
		background-color: var(--blue);
		color: var(--white);
		font-weight: 700;
	}
}

@media (min-width: 64em) {
	.container-tabs .tabs-header {
		flex-direction: row;
		padding: 0 60px;
		margin-bottom: var(--space-2);
	}
	.container-tabs .tabs {
		justify-content: right;
		padding: unset;
	}

	.container-tabs .tabs button { font-size: var(--text-17); }

	.container-tabs .tabs-header .title-cont {
		margin-bottom: unset;
		width: 88%;
		padding: unset;
	}

	.container-tabs .tabs-header .title-cont .subtitle {
		font-size: calc(18px + (24 - 18) * ((100vw - 1025px) / (1440 - 1025)));
		letter-spacing: var(--tracking-wider);
		line-height: var(--leading-none);
	}
	.container-tabs .tabs-header .title-cont .title {
		font-size: calc(47px + (69 - 47) * ((100vw - 1025px) / (1440 - 1025)));
	}
	.container-tabs .tabs-wrapper {
		flex-grow: 1;
		place-self: flex-end;
		margin-bottom: 6px;
	}

	@media (hover : hover) {
		.container-tabs .tabs button {
			transition: background var(--transition-appendix), color var(--transition-appendix);
		}
		.container-tabs .tabs button:hover {
			color: var(--white);
			background-color: var(--blue);
		}
	}
}

@media (min-width: 90em) {
	.container-tabs .tabs-header .title-cont .subtitle { font-size: var(--text-2xl); }
	.container-tabs .tabs-header .title-cont .title { font-size: 4.3125rem; }
}