.layout-boxed .block-tabs {
	max-width: var(--max-width-x-large);
	margin: auto;
	border-radius: var(--border-radius);
}

.block-tabs {
	padding: var(--spacing-large) var(--side-spacing) 20px;
}

.block-tabs-inner {
	width: 100%;
	max-width: 100%;
	margin: auto;
}

/* top content */

.block-tabs .top-content {
	max-width: var(--max-width-small);
	text-align: center;
	margin: 0 auto;
}

.block-tabs .top-content h2 {
	margin-bottom: 15px;
}

/* tab navigation */

.block-tabs .tabs-container {
	margin-top: 45px;
}

.block-tabs .tabs-container .tab-links-container {
	text-align: center;
	margin-bottom: 50px;
	overflow-x: auto;
}

.block-tabs .tabs-container .tab-links {
	display: inline-flex;
	column-gap: 70px;
	border-bottom: 1px solid #B1B1B1;
	width: max-content;
	margin-bottom: 5px;
}

.block-tabs .tabs-container .tab-links .tab-link {
	background-color: transparent;
	color: #000;
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 10px 3px;
	margin-bottom: -1.5px;
	min-width: 0;
	flex-shrink: 0;
}

.block-tabs .tabs-container .tab-links .tab-link:hover,
.block-tabs .tabs-container .tab-links .tab-link:focus {
	cursor: pointer;
	color: #0C63AC;
}

.block-tabs .tabs-container .tab-links .tab-link.active {
	color: #0C63AC;
	border-bottom-color: #0C63AC;
}

/* tab content */

.block-tabs .tabs-container .tab-content {
	display: none;
}

.block-tabs .tabs-container .tab-content .bg-tabs-light {
	background-color: var(--color-background-light);
	padding: clamp(40px, 30.816px + 2.449vw, 70px) var(--side-spacing-large);
}

/* tab content columns */

.block-tabs .tabs-container .tab-content {
	display: flex;
	gap: var(--grid-gap-small);
}

.block-tabs .tabs-container .tab-content .tab-column {
	min-width: 0;
}

.block-tabs .tabs-container .tab-content.has-1-columns .tab-column {
	flex-basis: 100%;
}

.block-tabs .tabs-container .tab-content.has-2-columns .tab-column {
	flex-basis: 50%;
}

.block-tabs .tabs-container .tab-content.has-3-columns .tab-column {
	flex-basis: 33.333%;
}

/* gallery */

.block-tabs .tabs-container .tab-gallery-images {
	display: flex;
	justify-content: space-evenly;
	gap: 30px;
}

.block-tabs .tabs-container .tab-content.has-1-columns .tab-column.bg-tabs-white {
	padding: 30px 50px;
}

.block-tabs .tabs-container .tab-content.has-1-columns .tab-gallery-images {
	justify-content: center;
	column-gap: 6%;
}

.block-tabs .tabs-container .tab-gallery-images img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.block-tabs .tabs-container .tab-gallery-images .single-image:has(.caption-above) {
	align-self: flex-start;
}

.block-tabs .tabs-container .tab-gallery-images .caption-above {
	display: block;
	max-width: 300px;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 800;
	font-style: italic;
	text-align: center;
  	margin: 0 auto 30px;
}

.block-tabs .tabs-container .tab-gallery-images .single-image:has(.caption-below) {
	align-self: flex-end;
}

.block-tabs .tabs-container .tab-gallery-images .caption-below {
	display: block;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	margin-top: 12px;
}

/* video */

.block-tabs .tabs-container .tab-video {
	position: relative;
}

.block-tabs .tabs-container .tab-video .video-background {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
}

.block-tabs .tabs-container .tab-video .video-background video {
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: relative;
}

/* image */

.block-tabs .tabs-container .tab-column.tab-image {
	display: flex;
	position: relative;
	padding: 0;
}

.block-tabs .tabs-container .tab-image .image-background {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
}

.block-tabs .tabs-container .tab-image .image-background img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: relative;
}

.block-tabs .tabs-container .tab-image h3 {
	color: #fff;
	margin-bottom: 0;
}

.block-tabs .tabs-container .tab-image:has(.heading-top) {
	padding-bottom: 20%;
}

.block-tabs .tabs-container .tab-image .card-gradient {
	position: relative;
	z-index: 1;
}

.block-tabs .tabs-container .tab-image .card-gradient:has(.heading-top) {
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	padding: 70px var(--side-spacing-large) 80px;
	margin-top: auto;
}

.block-tabs .tabs-container .tab-image:has(.heading-bottom) {
	padding-top: 20%;
}

.block-tabs .tabs-container .tab-image .card-gradient:has(.heading-bottom) {
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
	padding: 130px var(--side-spacing-large) 70px;
	margin-top: auto;
}


@media screen and (max-width: 900px) {

	.block-tabs .tabs-container .tab-content.has-2-columns,
	.block-tabs .tabs-container .tab-content.has-3-columns {
		flex-wrap: wrap;
	}

	.block-tabs .tabs-container .tab-content.has-2-columns .tab-column,
	.block-tabs .tabs-container .tab-content.has-3-columns .tab-column {
		flex-basis: 100%;
	}

}

@media screen and (max-width: 800px) {

	.block-tabs .tabs-container .tab-links {
		column-gap: 30px;
	}

}

@media screen and (max-width: 500px) {

	.block-tabs .tabs-container .tab-column.tab-text p {
		column-count: 1 !important;
	}
}