.doctor-reviews {
	background-color: var(--surface-warm);
}

.doctor-reviews > .container {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(var(--spacing-32), 5vw, calc(var(--spacing-32) * 2));
}

.doctor-reviews__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: var(--spacing-32);
}

.doctor-reviews__head h2 {
	max-width: 860px;
	color: var(--color-off-black);
	font-size: clamp(36px, 5vw, var(--font-size-display));
	line-height: var(--line-height-heading);
}

.doctor-reviews__head p {
	max-width: 620px;
	margin-top: var(--spacing-20);
	color: var(--color-gray-dark);
	font-size: var(--font-size-md);
	line-height: var(--line-height-body);
}

.doctor-reviews__actions,
.doctor-reviews__nav {
	display: flex;
	align-items: center;
	gap: var(--spacing-10);
}

.doctor-reviews__actions {
	flex-direction: column;
	align-items: flex-end;
}

.doctor-reviews__button {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-pill);
	background-color: var(--color-white);
	color: var(--color-blue);
	box-shadow: var(--shadow-sm);
	transition: background-color var(--transition-base), color var(--transition-base), opacity var(--transition-base);
}

.doctor-reviews__button:hover,
.doctor-reviews__button:focus {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.doctor-reviews__button.swiper-button-disabled {
	opacity: .35;
}

.doctor-reviews__slider {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.doctor-reviews__track,
.doctor-reviews__slide {
	min-width: 0;
}

.doctor-reviews__slide {
	height: auto;
}

.doctor-reviews__slide .review-mini {
	height: 100%;
}

@media (max-width: 700px) {
	.doctor-reviews__head {
		align-items: start;
		flex-direction: column;
	}

	.doctor-reviews__actions {
		align-items: flex-start;
	}
}