/* ===============================
   CLEAN TESTIMONIAL CSS
=============================== */

.custom-testi-gradient-text {
	background: linear-gradient(to right, #60a5fa, #a855f7);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* TRACK */
.custom-testi-track {
	height: auto;
	/* FIXED */
	max-height: 40rem;
	overflow: hidden;
	border-radius: 1.5rem;
}

/* REMOVE GRADIENT COMPLETELY */
.custom-testi-track,
.custom-testi-track-reverse {
	-webkit-mask-image: none;
	mask-image: none;
}

/* CARD */
.custom-testi-card {
	background-color: white;
	border: 3px solid orange;
	border-radius: 1rem;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
}

.custom-testi-card:hover {
	transform: scale(1.05);
}

/* STAR */
.custom-testi-stars {
	color: #fbbf24;
	font-size: 1.25rem;
}

/* TEXT */
.custom-testi-text-black {
	color: black;
}

.custom-testi-text-gray-300 {
	color: #d1d5db;
}

.custom-testi-text-gray-400 {
	color: #9ca3af;
}

.custom-testi-text-gray-500 {
	color: #6b7280;
}

/* ===============================
   ANIMATION (ONLY WHEN ACTIVE)
=============================== */

@keyframes custom-testi-scroll-down {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50%);
	}
}

@keyframes custom-testi-scroll-up {
	0% {
		transform: translateY(-50%);
	}

	100% {
		transform: translateY(0);
	}
}

/* Default OFF */
.custom-testi-anim-t2b,
.custom-testi-anim-b2t {
	animation: none;
}

/* ENABLE ONLY WHEN NEEDED */
.custom-testi-active-scroll .custom-testi-anim-t2b {
	animation: custom-testi-scroll-down 12s linear infinite;
}

.custom-testi-active-scroll .custom-testi-anim-b2t {
	animation: custom-testi-scroll-up 12s linear infinite;
}

/* Pause on hover */
.custom-testi-track:hover .custom-testi-pause-hover {
	animation-play-state: paused;
}

/* ===============================
   LIMIT TO 6 CARDS VISIBLE
=============================== */

.custom-testi-limit-6>div>.custom-testi-card:nth-child(n+7) {
	display: none;
}

/* FIX CARD HEIGHT + ALIGNMENT */
.custom-testi-card {
	background-color: white;
	border: 3px solid orange;
	border-radius: 1rem;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	padding: 1.5rem;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* IMPORTANT */

	height: 100%;
	/* Equal height */
	min-height: 260px;
	/* Adjust if needed */
}

/* FIX TEXT OVERFLOW */
.custom-testi-card p {
	margin-bottom: 8px;
}

/* LIMIT FEEDBACK HEIGHT */
.custom-testi-feedback {
	flex-grow: 1;
	overflow: hidden;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* max 3 lines */
	-webkit-box-orient: vertical;
}

/* STAR ALWAYS BOTTOM RIGHT */
.custom-testi-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: auto;
}

/* IMAGE FIX */
.custom-testi-card img {
	width: 55px;
	height: 55px;
	object-fit: cover;
	border-radius: 50%;
}

/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 767.98px) {
	.custom-testi-hide-md {
		display: none !important;
	}
}

@media (max-width: 991.98px) {
	.custom-testi-hide-lg {
		display: none !important;
	}
}