.block-testimonials-slide {
	.embla-instance {
		margin: auto;
		--slide-spacing: 1rem;
		--slide-size: 100%;
		--slide-spacing-sm: 1.6rem;
		--slide-size-sm: 50%;
		--slide-spacing-lg: 2rem;
		--slide-size-lg: calc(100% / 3.5);
	}
	.embla {
		overflow: hidden;
		@include media-min(1200px) {
			&::after {
				content: "";
				position: absolute;
				width: 10%;
				top: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
			}
		}
	}
	.embla__container {
		position: relative;
		backface-visibility: hidden;
		display: flex;
		touch-action: pan-y pinch-zoom;
		margin-left: calc(var(--slide-spacing) * -1);
		align-items: stretch;
	}
	@media (min-width: 750px) {
		.embla__container {
			margin-left: calc(var(--slide-spacing-sm) * -1);
		}
	}
	@media (min-width: 1200px) {
		.embla__container {
			margin-left: calc(var(--slide-spacing-lg) * -1);
		}
	}
	.embla__slide {
		position: relative;
		min-width: 0;
		flex: 0 0 var(--slide-size);
		padding-left: var(--slide-spacing);
	}
	@media (min-width: 750px) {
		.embla__slide {
			flex: 0 0 var(--slide-size-sm);
			padding-left: var(--slide-spacing-sm);
		}
	}
	@media (min-width: 1200px) {
		.embla__slide {
			flex: 0 0 var(--slide-size-lg);
			padding-left: var(--slide-spacing-lg);
		}
	}
	.embla__pagination {
		margin-top: 6rem;
	}
	.embla__pagination-button {
		width: 12px;
		height: 12px;
		border: 1px solid #424d57;
		background-color: #000;
		&.active {
			border: 1px solid #fff;
			background-color: #fff;
		}
	}
	&__card {
		display: flex;
		flex-direction: column;
		padding: 2.4rem;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
		color: #fff;
		border: 1px solid #28333e;
		height: 100%;
		.violet {
			color: #9e4ec4;
		}
		.blue {
			color: #2c80ce;
		}
		.green {
			color: #50dbd9;
		}
		&-content {
			flex: 1;
            svg {
                width: 29px;
                height: 29px;
                margin-bottom: 18px;
            }
		}
		&-author {
			margin-top: 3.2rem;
			display: flex;
            align-items: center;
			gap: 18px;
			font-size: 16px;
			font-weight: 300;
			line-height: 22px;
			svg {
				width: 56px;
				height: 56px;
			}
			span {
				color: #5d6974;
			}
		}
	}
}