/* @group Our communities and coverage
------------------------------------ */
.team-and-culture-quote {
	position: relative;
}
.team-and-culture-quote .col-left .bp-multimedia {
	height: 28.1rem;
}
.team-and-culture-quote .col-blockquote {
	position: relative;
}
.team-and-culture-quote .col-blockquote::before,
.team-and-culture-quote .col-blockquote::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 5.2rem;
	height: 4.4rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: var(--z-index-under);
}
.team-and-culture-quote .col-blockquote::after {
	background-image: url('../../img/global/quotes/right-quote.svg');
	top: -1rem;
	left: 1rem;
}
.team-and-culture-quote .col-blockquote::before {
	bottom:-1rem;
	right: 1rem;
	background-image: url('../../img/global/quotes/left-quote.svg');
}


@media only screen
and (min-width : 961px) {
	.team-and-culture-quote .col-left .bp-multimedia {
		width: 37.3rem;
		height: 46.8rem;
		margin: 0 auto;
	}
	.team-and-culture-quote .col-blockquote::before,
	.team-and-culture-quote .col-blockquote::after {
		width: 10rem;
		height: 8.3rem;
	}
	.team-and-culture-quote .col-blockquote .wp-block-heading {
		max-width: 46rem;
		margin: 0 auto;
	}
	.team-and-culture-quote .col-blockquote::after {
		top: -4.2rem;
		left: 2rem;
	}
	.team-and-culture-quote .col-blockquote::before {
		bottom: 0;
		right: 2rem;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.team-and-culture-quote {
		padding-bottom: 2rem;
	}
	.team-and-culture-quote .col-left {
		margin: 0 auto 3rem!important;
		padding-inline: 9rem!important;
	}
	.team-and-culture-quote .col-blockquote {
		padding-left: 9rem!important;
		padding-right: 9rem!important;
	}
	.team-and-culture-quote .wp-block-heading {
		text-align: left;
	}
	.team-and-culture-quote h3.wp-block-heading {
		--fs: 2.5rem;
		--lh: 1em;
		--ls: .008em;
		--fw: 900;
	}
}

/* @end */

/* CMS */
/* :where(.editor-styles-wrapper) .main-hero::before {
	height: 100%;
} */

/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contenedor.animateActive .elemento {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}
