/* ==========================================================================
   Testimonials
   ========================================================================== */

.testimonials {
	background-color: #fff3ee;
}

.testimonials__carousel {
	padding-top: 3.5rem;
}

.testimonials__card {
	position: relative;
	flex: 0 0 calc((100% - 3rem) / 3);
	min-height: 36.5rem;
	background-color: var(--color-white);
	border: 1.5px solid var(--color-accent);
	border-radius: 1rem;
	padding: 5rem 2.75rem 2.75rem;
	display: flex;
	flex-direction: column;
	opacity: 0.42;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.testimonials__card.is-visible {
	opacity: 1;
}

.testimonials__card-icon {
	position: absolute;
	top: -3.5rem;
	left: 2.75rem;
	width: 7rem;
	height: 7rem;
	background-color: var(--color-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.testimonials__card-icon img {
	width: auto;
	height: 3rem;
	object-fit: contain;
}

.testimonials__card-author {
	margin-bottom: 2.5rem;
}

.testimonials__card-name {
	font-family: var(--font-primary);
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1.4;
	color: #271f0c;
	margin: 0;
}

.testimonials__card-role {
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.25;
	color: var(--color-accent);
	margin: 0.25rem 0 0;
}

.testimonials__card-text {
	font-family: var(--font-primary);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	color: #271f0c;
	text-align: justify;
	margin: 0;
}

/* ==========================================================================
   Testimonials – Responsive
   ========================================================================== */

@media (max-width: 1024px) {
	.testimonials__card {
		flex: 0 0 calc((100% - 1.5rem) / 2);
		min-height: 28rem;
	}
}

@media (max-width: 768px) {
	.testimonials__card {
		flex: 0 0 100%;
		min-height: auto;
		opacity: 1;
	}

	.testimonials__card-text {
		font-size: 1rem;
		line-height: 1.375;
	}
}