.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2rem;
	padding: var(--inline-padding);
	& > .testimonials-grid-item {
		position: relative;
		padding: 2.5rem;
		& > .testimonials-grid-item-quote {
			position: absolute;
			top: 1.5rem;
			right: 1.5rem;
			font-size: 4rem;
			color: var(--color-primary);
			opacity: 0.1;
			line-height: 1;
		}
		& > .testimonials-grid-item-content {
			position: relative;
			z-index: 1;
			& > .testimonials-grid-item-content-stars {
				display: flex;
				gap: 0.25rem;
				margin-bottom: 1.5rem;
				.testimonials-grid-item-content-stars-item {
					color: var(--color-secondary);
					font-size: 1.25rem;
				}
			}
			& > .testimonials-grid-item-content-text {
				font-size: 1.0625rem;
				line-height: 1.7;
				color: var(--color-text_medium);
				margin-bottom: 2rem;
				font-style: italic;
			}
			& > .testimonials-grid-item-content-author {
				display: flex;
				align-items: center;
				gap: 1rem;
				& > .testimonials-grid-item-content-author-avatar {
					width: 60px;
					height: 60px;
					border-radius: 50%;
					background: var(--linear-gradient_border);
					font-size: 1.5rem;
					font-weight: 700;
					color: var(--color-primary);
					flex-shrink: 0;
					border: 2px solid var(--color-secondary);
					display: flex;
					align-items: center;
					justify-content: center;
				}
				& > .testimonials-grid-item-content-author-info {
					display: flex;
					flex-direction: column;
					gap: 0.25rem;
					& > .testimonials-grid-item-content-author-info-name {
						font-size: 1.125rem;
						font-weight: 600;
						color: var(--color-text_high);
					}

					& > .testimonials-grid-item-content-author-info-role {
						font-size: 0.9375rem;
						color: var(--color-primary);
					}

					& > .testimonials-grid-item-content-author-info-company {
						font-size: 0.875rem;
						color: var(--color-text_low);
					}
				}
			}
		}
	}
}

@media (max-width: 768px) {
	.testimonials-grid {
		grid-template-columns: 1fr;
		padding: 0;
	}

	.testimonials-item {
		padding: 2rem;
	}
}