.star-rating {
	display: flex;
	align-items: center;
}

.star {
	font-size: 20px;
}

.testimonial-slider {
	opacity: 1;
}

.testimonial-slider .testimonial-content {
	margin-bottom: 20px;
}

/* Base styles for testimonial images */
.testimonial-slider .testimonial-image-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial-slider .testimonial-image {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}

/* Default layout (left image) */
.testimonial-slider .testimonial {
	display: flex;
	align-items: center;
}

.testimonial-slider .testimonial-image-container {
	margin-right: 20px;
}

.testimonial-slider .testimonial-content-container {
	flex: 1;
}

/* Right image layout is handled by JS/PHP */

/* Top image layout is handled by JS/PHP */

.testimonial-slider.hidden {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.testimonial-slider .slick-arrow {
	width: 30px;
	height: 30px;
	border: solid;
	display: inline-block;
	padding: 0;
	margin-left: 0; /* Adjust this to your needs */
	content: none;
}

.testimonial-slider .slick-arrow::before {
	content: none !important;
}

.testimonial-slider .slick-prev.slick-arrow {
	border-width: 0 2px 2px 0;
	left: -40px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.testimonial-slider .slick-next.slick-arrow {
	border-width: 0 2px 2px 0;
	right: -40px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.testimonial-slider .slick-dots li button:before {
	font-size: 24px;
}

/* Vertical centering styles */
.testimonial-slider.vertical-center {
	display: block;
}

.testimonial-slider.vertical-center .slick-track {
	display: flex;
	align-items: center;
}

.testimonial-slider.vertical-center .slick-slide {
	height: auto;
}

.testimonial-slider.vertical-center .testimonial {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.testimonial-slider.vertical-center .slick-arrow {
	top: 50%;
}

.testimonial-slider.vertical-center .slick-prev.slick-arrow {
	transform: translateY(-50%) rotate(135deg);
	-webkit-transform: translateY(-50%) rotate(135deg);
}

.testimonial-slider.vertical-center .slick-next.slick-arrow {
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
}