.custom-reviews {

	width: 100%;
	margin: 0 0 100px 0;

	.section--title {

		color: #000;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 26px;
		margin: 0 0 20px 0;

		@media screen and (max-width: 768px) {
			font-size: 18px;
		}

	}

	.blocks {

		display: flex;
		gap: 20px;

		@media screen and (max-width: 990px) {
			overflow: auto;
			margin: 0 -5rem;
			padding: 0 5rem;
			@media screen and (max-width: 768px) {
				margin: 0 -1.5rem;
				padding: 0 1.5rem;
			}
		}

		.block {

			flex: 1;
			max-width: 30%;
			border: 1px solid var(--grey);
			border-radius: 6px;
			overflow: hidden;

			@media screen and (max-width: 990px) {
				min-width: 300px;
				width: 300px;
				max-width: 300px;
				flex: unset;
			}

			.image--container {

				width: 100%;
				position: relative;
				aspect-ratio: 1/0.7;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					display: block;
				}

			}

			.meta {

				padding: 20px;

				.meta-flex {

					display: flex;
					gap: 12px;
					align-items: center;

					.initial {

						width: 44px;
						min-width: 44px;
						height: 44px;
						border-radius: 3px;
						background: var(--blue);
						color: #fff;
						text-transform: uppercase;
						font-size: 14px;
						letter-spacing: 0;
						text-align: center;
						line-height: 44px;

					}

					.name {

						span {
							color: #000;
							font-size: 16px;
						}

						.verified {
							display: flex;
							align-items: center;
							gap: 4px;
							color: var(--green);
							font-size: 12px;
							img {
								display: block;
								width: 20px;
								height: unset;
							}
						}

					}

				}

				.quote {

					margin: 20px 0 0 0;

					p {
						margin: 0;
						color: #000;
						font-size: 16px;
					}

				}

			}

		}

	}

}