.flex-layout.hero_tertiary_logos {
	--layout-spacing-top: max(1.5rem, calc(1.5 * var(--su)));
	--layout-spacing-bottom: max(5.875rem, calc(5.875 * var(--su)));
	--text-color: var(--white-100);
	--hero-line: var(--white-20);
	position: relative;
	overflow: hidden;
	min-height: max(32.75rem, calc(32.75 * var(--su)));
	background: radial-gradient(119.16% 178% at 96.2% 162.32%, var(--support-1) 0%, var(--primary-100) 96.33%), var(--primary-100);
}

.flex-layout.hero_tertiary_logos .hero-logos-grid {
	row-gap: max(5rem, calc(5 * var(--su)));
}

.flex-layout.hero_tertiary_logos .content-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: max(1rem, calc(1 * var(--su)));
	text-align: center;
}

.flex-layout.hero_tertiary_logos .logo-lockup {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: max(1.75rem, calc(1.75 * var(--su)));
	min-height: max(3.4375rem, calc(3.4375 * var(--su)));
	margin-bottom: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.hero_tertiary_logos .logo-slot {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.flex-layout.hero_tertiary_logos .logo-slot > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

.flex-layout.hero_tertiary_logos .partner-logo {
	width: max(9.3125rem, calc(9.3125 * var(--su)));
	height: max(3rem, calc(3 * var(--su)));
}

.flex-layout.hero_tertiary_logos .logo-divider {
	position: relative;
	display: block;
	flex: 0 0 max(2.0625rem, calc(2.0625 * var(--su)));
	width: max(2.0625rem, calc(2.0625 * var(--su)));
	height: max(3.4375rem, calc(3.4375 * var(--su)));
}

.flex-layout.hero_tertiary_logos .logo-divider::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: max(4rem, calc(4 * var(--su)));
	height: 1px;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(121.36deg);
}

.flex-layout.hero_tertiary_logos .brand-logo {
	width: max(7.875rem, calc(7.875 * var(--su)));
	height: max(2rem, calc(2 * var(--su)));
	gap: max(1rem, calc(1.171875 * var(--su)));
}

.flex-layout.hero_tertiary_logos .pk-heading {
	max-width: max(57.125rem, calc(57.125 * var(--su)));
	margin: 0;
	color: var(--white-100);
	font-size: var(--scaling-h1);
	line-height: 1.4;
}

.flex-layout.hero_tertiary_logos .pk-text {
	max-width: max(57.125rem, calc(57.125 * var(--su)));
	color: var(--white-100);
	font-size: var(--body-s-regular);
	line-height: 1.6;
}

.flex-layout.hero_tertiary_logos .pk-text p {
	margin: 0;
}

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

	.flex-layout.hero_tertiary_logos {
		--layout-spacing-bottom: max(4rem, calc(4 * var(--su)));
		min-height: 0;
	}

	.flex-layout.hero_tertiary_logos .hero-logos-grid {
		row-gap: max(3.5rem, calc(3.5 * var(--su)));
	}
}

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

	.flex-layout.hero_tertiary_logos .logo-lockup {
		gap: max(1.25rem, calc(1.25 * var(--su)));
		transform: scale(.8);
	}

	.flex-layout.hero_tertiary_logos .pk-heading {
		font-size: max(2.25rem, calc(2.25 * var(--su)));
	}

	.flex-layout.hero_tertiary_logos .pk-text {
		font-size: var(--body-m-regular);
	}
}