.module--tabs .tab__toggle {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
	padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 4);
	font-weight: var(--body-font-weight-bold);
	gap: calc(var(--spacing-base) * 2);
	white-space: nowrap;
	transition: 
		color var(--normal-transition) ease-in-out,
		background-color var(--normal-transition) ease-in-out,
		fill var(--normal-transition) ease-in-out;
}

.module--tabs .tab__container {
	width: 100%;
}

.module--tabs .tab__items {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
}

.module--tabs .tab__items.tab__items--toggles-only {
	justify-content: center;
}

.module--tabs .tab__items.tab__items--default > [class*="span"] {
	align-items: center;
}

.module--tabs .module--tab__image svg {
	max-width: 100%;
	height: auto;
}

.module--tabs .tab__item {
	cursor: pointer;
	flex: 1 1 auto;
	text-align: center;
}

.module--tabs .tab__icon {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
}

.module--tabs .tab__icon,
.module--tabs .tab__icon .icon,
.module--tabs .tab__icon .icon svg {
	width: calc(var(--spacing-base) * 18);
	height: calc(var(--spacing-base) * 18);
}

.module--tabs .tab__toggle-progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	z-index: -1;
	transition: 
		left var(--normal-transition) ease-in-out,
		width var(--normal-transition) ease-in-out;
}

.module--tabs .tab__toggle .tab__icon-container.tab__icon-container--rotate {
	transition: transform var(--normal-transition) ease-in-out;
}

.module--tabs .tab__toggle .tab__title {
	margin: 0;
}

.module--tabs .tab__toggle .tab__icon-container {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.module--tabs .module__inner:not(:has(> .row-fluid)),
.module--tabs .tab__item {
	display: flex;
	flex-flow: column;
	gap: calc(var(--spacing-base) * 4);
}

.module--tabs .module__inner > .tab__container > .tab__item:not(:first-child) {
	margin-top: calc(var(--spacing-base) * 4);
}

.module--tabs .tab__content {
	opacity: 1;
	max-height: 100%;
	transition: opacity var(--normal-transition) ease-in-out;
}

.module--tabs .tab__content:not(.tab__content--active) {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
}

.module--tabs .tab__content-inner .row-fluid {
	align-items: center;
}

.module--tabs .tab__content-inner .row-fluid--reverse {
	flex-flow: row-reverse wrap;
}

.module--tabs .tab__image img,
.module--tabs .tab__video .hs-video-widget {
	border-radius: var(--rounded-large);
	overflow: hidden;
}

.module--tabs .tab__toggle-icon {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	width: calc(var(--spacing-base) * 5);
	height: calc(var(--spacing-base) * 5);
}

.module--tabs .tab__toggle-icon .icon {
	width: 100%;
	height: 100%;
}

.module--tabs .tab__content picture {
	overflow: hidden;
}

.module--tabs .tab__content .tab__description-inner {
	display: flex;
	flex-flow: column;
	gap: calc(var(--spacing-base) * 4);
}

.module--tabs .tab__cta-box {
	background: var(--first-color);
}

.module--tabs .tab__cta-box__inner {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	margin-inline: calc(var(--columns-gap) * -1);
	text-align: left;
}

.module--tabs .tab__cta-box__image,
.module--tabs .tab__cta-box__description {
	padding-inline: var(--columns-gap);
}

.module--tabs .tab__cta-box__description {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	row-gap: calc(var(--spacing-base) * 3);
}

@media (width <= 992px) {
	.module--tabs .module--tab__image {
		order: 2;
	} 

	.module--tabs .tab__content .button {
		width: 100%;
	} 

	.module--tabs .tab__toggles {
		display: flex;
		flex-flow: row;
		position: relative;
		z-index: 1;
		gap: var(--spacing-base);
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-inline: calc(var(--columns-gap) * -1);
		padding-inline: calc(var(--columns-gap) * 1);
		width: calc(100% + calc(var(--columns-gap) * 2));
		justify-content: flex-start;
		z-index: 1;
	}

	.module--tabs .tab__toggles::-webkit-scrollbar,
	.tab__toggle-progress {
		display: none;
	}

	.module--tabs .tab__toggle:not(.tab__toggle--active) {
		border: 1px solid var(--light-gray-color);
	}

	.module--tabs .tab__cta-box .hs_cos_wrapper_type_rich_text, 
	.module--tabs .tab__cta-box .hs_blog_post_wrapper, 
	.module--tabs .tab__cta-box .module.module--custom-rich-text .module__inner {
		gap: var(--spacing-base);
	}

	.module--tabs .tab__cta-box {
		padding: calc(var(--spacing-base) * 4);
		border-radius: calc(var(--spacing-base) * 4);
	}

	.module--tabs .tab__cta-box .button {
		width: 100%;
	}

	.module--tabs .tab__cta-box__description {
		width: 100%;
	}

	.module--tabs .tab__contents.tab__contents--images,
	.module--tabs .module--tab__image {
		max-width: 80%;
		margin: auto;
	}

	.module--tabs .tab__cta-box__image.tab__cta-box__image--mobile-hidden {
		display: none;
	}
}

@media (width > 992px) {
	.module--tabs .tab__toggles {
		display: flex;
		flex-flow: row wrap;
		position: relative;
		border: 1px solid var(--light-gray-color);
		border-radius: calc(var(--spacing-base) * 3);
		overflow: hidden;
		gap: var(--spacing-base);
		padding: var(--spacing-base);
		z-index: 1;
	}

	.module--tabs .tab__cta-box {
		padding: calc(var(--spacing-base) * 6);
		border-radius: calc(var(--spacing-base) * 5);
	}

	.module--tabs .tab__cta-box .hs_cos_wrapper_type_rich_text, 
	.module--tabs .tab__cta-box .hs_blog_post_wrapper, 
	.module--tabs .tab__cta-box .module.module--custom-rich-text .module__inner {
		gap: 0;
	}
}

{# SHOW ALL TABS ON MOBILE #}
@media screen and (max-width: 992px) {
  .tab__container[mobile="show_all"] .tab__toggles {
    display: none!important;
  }
  .tab__container[mobile="show_all"] .tab__contents > .tab__content {
    max-height: 100%!important;
    opacity: 1!important;
    transition: opacity var(--normal-transition) ease-in-out!important;
  }
  .tab__container[mobile="show_all"] .tab__contents > .tab__content:not(:last-child) {
    margin-bottom: var(--columns-gap);
  }
}