section .cs-container {
	max-width: 1200px !important;
}
/*-- -------------------------- -->
<---             HERO          -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
	#cta-2236 {
		background-color: #f7f7f7;
		overflow: hidden;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#cta-2236 .cs-container {
		width: 100%;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* 48px - 64px */
		gap: clamp(3rem, 5vw, 4rem);
		position: relative;
		z-index: 1;
		max-width: 100%;
		padding: 0;
	}
	#cta-2236 .cs-content {
		text-align: center;
		padding: var(--sectionPadding);
		/* 60px - 150px */
		padding-top: clamp(3.75rem, 8.82vw, 10.375rem);
		padding-bottom: clamp(3.75rem, 8.82vw, 10.375rem);
		pointer-events: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 2;
		width: 100%;
		min-height: 601px;
	}
	#cta-2236 .cs-title {
		font-size: 35px;
		letter-spacing: 0.15em;
		color: var(--bodyTextColorWhite);
		font-family: var(--secondaryFont);
		max-width: 100%;
	}
	#cta-2236 .cs-text {
		margin: 0 0 2rem;
		color: var(--bodyTextColorWhite) !important;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.2em;
	}
}

/*-- -------------------------- -->
<---             TEAM          -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
	section#team-section {
		padding: var(--sectionPadding);
	}
	section#team-section .cs-container {
		margin: 0 auto;
	}
	section#team-section .team-intro {
		max-width: 800px !important;
		text-align: center;
		margin-bottom: 60px;
	}
	section#team-section .team-intro h2 {
		font-family: var(--secondaryFont);
		font-size: 28px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 30px;
	}
	section#team-section .team-copy p:last-child {
		margin-bottom: 0;
	}
	.team-grid {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: 1fr;
		/* 40px - 60px */
		gap: clamp(2.5rem, 5vw, 3.75rem) 30px;
	}
	.team-card {
		text-align: center;
	}
	.team-photo {
		width: 100%;
		max-width: 260px;
		aspect-ratio: 1;
		margin: 0 auto 24px;
		border-radius: 50%;
		overflow: hidden;
		background-color: #f1f2f6;
	}
	.team-photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.team-photo svg {
		width: 100%;
		height: 100%;
		display: block;
		fill: var(--colorGray);
	}
	.team-name {
		font-family: var(--secondaryFont);
		font-size: 16px;
		line-height: 22px;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--primary);
		margin: 0 0 8px;
	}
	.team-position {
		display: block;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: var(--secondary);
		margin-bottom: 14px;
	}
	html body .team-description {
		font-size: 15px !important;
		line-height: 1.6;
		margin: 0;
	}
}
/* Tablet - 600px */
@media only screen and (min-width: 37.5rem) {
	.team-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
	.team-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}