/* Section 09 — see resources/design/homepage/sections/09-testimonials/brief.md */
.testimonials { padding: 80px 0; }
.testimonials-heading { margin-bottom: 56px; }
.testimonials-row {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 1822px;
    margin: 0 auto;
}
@media (max-width: 2141.98px) {
    .testimonials-row { max-width: none; padding: 0 var(--skin-gutter); }
}
.testimonials-track-wrap { flex: 1; overflow: hidden; min-width: 0; }
.testimonials-track {
    display: flex;
    gap: 32px;
    transition: transform 0.4s ease;
}
.testimonial-card {
    flex: 0 0 512px;
    max-width: 512px;
    background: var(--skin-grey-5);
    border-radius: 12px;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 458px;
}
.testimonial-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; }
.testimonial-name { color: var(--skin-red); font-family: var(--font-heading); font-weight: 600; font-size: 21px; line-height: 23px; margin: 0; }
.testimonial-source { font-family: var(--font-heading); font-weight: 600; font-size: 17px; color: var(--skin-black); }
.testimonial-stars i { color: var(--skin-gold); font-size: 20px; margin-right: 4px; }
.testimonial-body { font-size: 17px; line-height: 25px; color: var(--skin-black); flex: 1; overflow: hidden; }
.testimonial-body p { margin: 0 0 1em; }
.testimonials-nav { flex-shrink: 0; }

@media (max-width: 991.98px) {
	.testimonials {
		position: relative;
		padding: 40px 20px 100px;
	}
	
	.testimonials-row { padding: 0; }
	
	.skin-btn-circle {
		position: absolute;
		bottom: 20px;
	}
	#testimonialsPrev {
		left: 30px;
	}
	#testimonialsNext {
		right: 30px;
	}
    .testimonial-card { flex: 0 0 100%; max-width: 100%; }
}