@import url(clients.css); 
.reviews {
	margin-top: 40px;
}
.reviews h2 {
	margin-bottom: 20px;
}
.reviews .card__list {
	gap: 12px;
}
.reviews .hidden {
	display: none;
}
.reviews .btn {
	margin-top: 30px;
	font-size: 16px;
}
@media (min-width: 768px) {
	.reviews {
		margin-top: 50px;
	}
	.reviews h2 {
		font-size: 42px;
	}
	.reviews .card__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.reviews .btn {
		width: 300px;
		height: 60px;
		font-size: 18px;
	}	
}
@media (min-width: 1024px) {
	.reviews {
		margin-top: 60px;
		margin-bottom: 48px;
	}
	.reviews h2 {
		font-size: 43px;
	}
	.reviews .card__list {
		grid-template-columns: repeat(3, 1fr);
		padding-bottom: 12px;
	}	
	.reviews .clients .card__item {
		padding: 0!important;
	}
	.reviews .btn {
		display: none;
	}	
}