.testimonials-block {

	margin-top: 50px;
	padding-bottom: calc(var(--padding) - 30px) !important;
	padding-top: var(--padding) !important;

	@media screen and (max-width: 1100px) {
		padding-bottom: var(--padding) !important;
	}
	@media screen and (max-width: 662px) {
		margin-top: 30px;
		h2 {
			text-align: center;
		}
	}

	.testimonials-home-slider {
	
		--slide-width: 750px;
		--arrow-pos: -120px;

		@media screen and (max-width: 1188px) {
			--arrow-pos: -110px;	
		}
		@media screen and (max-width: 992px) {
			--arrow-pos: -90px;	
			--slide-width: 70vw;	
		}
		@media screen and (max-width: 662px) {
			--arrow-pos: -50px;	
		}

		padding-bottom: 0px;
		padding-top: calc(var(--padding) - 30px) !important;
		width: var(--slide-width);
		@media screen and (max-width: 1100px) {
			padding-top: var(--padding) !important;
		}
		@media screen and (max-width: 662px) {
			padding-top: var(--padding) !important;
		}

		.slick-list {
			overflow: visible;
		}
	
		.slick-track {
			gap: 80px; /* or whatever spacing you want */
		}
	
		.slider-button-prev {
			left: var(--arrow-pos);
		}
		.slider-button-next {
			right: var(--arrow-pos);
		}
	
		.slider-button-prev,
		.slider-button-next {
			@media screen and (max-width: 662px) {
				width: 20px;
				svg {
					max-width: 100%;
					width: 100%;
					height: auto;
				}
			}
		}
	
		.slide {
	
			&::before {
				content: '';
				background-image: url('data:image/svg+xml,<svg width="46" height="36" viewBox="0 0 46 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.1726 36V18.3C25.1726 4.95 36.4104 0 36.4104 0L37.3095 1.49998C37.3095 1.49998 30.5668 8.39997 31.7655 15.15H46V35.9999L25.1726 36Z" fill="%23B49A31"/><path d="M0.000764847 36V18.3C0.000764847 4.95 11.2385 0 11.2385 0L12.1376 1.49998C12.1376 1.49998 5.39492 8.39997 6.59359 15.15H20.8281V35.9999L0.000764847 36Z" fill="%23B49A31"/></svg>');
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
				width: 46px;
				height: 36px;
				position: absolute;
				top: 55px;
				left: 50%;
				transform: translateX(-50%);
			}
	
			background-color: var(--wp--preset--color--grey);
			border-radius: 3px;
			box-shadow: 0px 0 15px rgba(0,0,0,0.4);
			color: var(--wp--preset--color--navy);
			opacity: 0.6;
			padding: 120px 80px 50px;
			position: relative;
			text-align: center;
			transform: scale(0.8);
			transition: all 0.3s ease-in-out;
			width: var(--slide-width) !important;
			z-index: 0;
	
			@media screen and (max-width: 662px) {
				&::before {
					top: 30px;
					width: 36px;
					height: 26px;
				}
				transform: scale(1);
				padding: 70px 20px 20px;
			}
	
			p {
				margin-bottom: 0 !important;
			}
	
			&.slick-center,
			&.slick-target {
				transform: scale(1.1);
				z-index: 1;
				opacity: 1;
				@media screen and (max-width: 662px) {
					transform: scale(1);
				}
			}
	
			&.slick-current {
				background-color: var(--wp--preset--color--white);
				transition: all 0.3s ease-in-out;
				opacity: 1;
			}
	
		}
	
	}

}