.patient-stories-section {
	display: flex;
	flex-flow: column;
	padding: 64px 16px;
	background-color: $color-black-100;

	@include tablet {
		padding: 40px 16px;
	}

	@include mobile {
		padding: 32px 16px;
	}
}

.patient-stories-section__main {
	display: flex;
	flex-flow: column;
	align-self: center;
	gap: 64px;
	width: 100%;
	max-width: 1086px;

	@include tablet {
		gap: 32px;
		max-width: 639px;
	}

	@include mobile {
		gap: 16px;
		max-width: 264px;
	}
}

.patient-stories-section__slider {
	position: relative;

	.swiper-slider {
		overflow: hidden;
	}
}

.patient-stories-section__slide {
	padding: 16px;
	border-radius: 4px;
	background-color: white;
	border: 1px solid $color-black-200;
	box-sizing: border-box;

	@include tablet {
		padding: 10px;
	}

	@include mobile {
		padding: 12px;
	}
}

.patient-stories-section__slide__img-link {
	display: block;
	width: 100%;

	img {
		display: block;
		width: 100%;
		aspect-ratio: 157 / 210;
		object-fit: cover;
		object-position: center;
		pointer-events: none;
		border-radius: 4px;
		border: 14px solid #eee5dc;
		box-sizing: border-box;

		@include tablet {
			border: 8px solid #eee5dc;
		}

		@include mobile {
			border: 11px solid #eee5dc;
		}
	}
}