/* --------------------------- Testimonials -------------------------- */

.testimonials
{
	display: grid;
	align-items: center;
	padding: var(--gap_spacing_extra_large) var(--gap_spacing_default);
	margin: var(--gap_spacing_default);
	min-height: 880px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.testimonials h2
{
	text-align: center;
}

.testimonials p
{
	margin-bottom: var(--gap_spacing_default);
}

.testimonial-list
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--gap_spacing_large);
	margin-top: var(--gap_spacing_extra_large);
}

.testimonial
{
	position: relative;
	padding: var(--gap_spacing_extra_large) var(--gap_spacing_large);
}

.testimonial::before
{
	content: '“';
	position: absolute;
	top: 50px;
	left: 0;
	font-weight: 900;
	font-size: 180px;
	color: var(--theme_color_primary);
}

.testimonial::after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-ms-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
	z-index: -1;
}

@media (max-width: 1300px) {

	.testimonial-list
	{
		grid-template-columns: 1fr;
		grid-row-gap: var(--gap_spacing_extra_large);
	}

	.testimonial
	{
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media (max-width: 1300px) {

	.testimonial::after
	{
		-ms-transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}

}

@media (max-width: 500px) {

	.testimonials
	{
		margin: var(--gap_spacing_default) 0;
	}

	.testimonial
	{
		font-size: var(--font_size_med);
		line-height: var(--line_height_med);
		padding: var(--gap_spacing_extra_large) var(--gap_spacing_default);
	}

}