/* ===== TESTIMONIAL STYLES ===== */

	/* Testimonial Section Styling */
	.testimonial-card-r4 .card {
		transition: all 0.3s ease !important;
		background: transparent !important;
		backdrop-filter: blur(20px) !important;
		-webkit-backdrop-filter: blur(20px) !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 25px !important;
		width: 220px; 
		flex-shrink: 0;
	}

	/* Testimonial card hover - no background change */
	.ver-r4 .testimonial-card-r4 .card:hover {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		transform: none !important;
		box-shadow: none !important;
		backdrop-filter: blur(20px) !important;
		-webkit-backdrop-filter: blur(20px) !important;
	}

	/* Ensure no background changes on hover for any child elements */
	.ver-r4 .testimonial-card-r4 .card:hover * {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
	}

	/* Force disable all hover animations and transitions for testimonial cards */
	.ver-r4 .testimonial-card-r4,
	.ver-r4 .testimonial-card-r4 *,
	.ver-r4 .testimonial-card-r4 .card,
	.ver-r4 .testimonial-card-r4 .card * {
		transition: none !important;
		animation: none !important;
	}

	/* Override any external CSS that might be adding hover effects */
	.ver-r4 .testimonial-card-r4 .card:hover::before,
	.ver-r4 .testimonial-card-r4 .card:hover::after {
		display: none !important;
		background: none !important;
		background-color: none !important;
	}

	.testimonial-nav-btn {
		width: 48px !important;
		height: 48px !important;
		border: 2px solid rgba(--color-dashed-border) !important;
		background: transparent !important;
		transition: all 0.3s ease !important;
	}

	.testimonial-nav-btn:hover {
		border-color: rgba(255, 255, 255, 0.6) !important;
		background: rgba(255, 255, 255, 0.1) !important;
		transform: translateY(-2px) !important;
	}

	/* Arrow buttons above testimonial cards */
	.testimonial-nav-btn-above {
		width: 48px !important;
		height: 48px !important;
		border: 2px solid rgba(--color-dashed-border) !important;
		background: transparent !important;
		transition: all 0.3s ease !important;
	}

	.testimonial-nav-btn-above:hover {
		border-color: rgba(255, 255, 255, 0.6) !important;
		background: rgba(255, 255, 255, 0.1) !important;
		transform: translateY(-2px) !important;
	}

	.company-badge {
		background: transparent !important;
		background-color: transparent !important;
		padding: 8px 12px !important;
		border-radius: 25px !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

	.company-badge img {
		filter: brightness(0) invert(1) opacity(0.6) !important;
	}

	.testimonial-card-r4 .card .w-16,
	.testimonial-card-r4 .card .w-14 {
		width: 64px !important;
		height: 64px !important;
	}

	.testimonial-card-r4 .card .w-14 {
		width: 56px !important;
		height: 56px !important;
	}

	/* Profile circle background - coal black */
	.testimonial-card-r4 .card .w-14.bg-primary {
		background-color: #a3a3a3 !important;
	}

	.quote-icon-dim {
		color: #2d2e2e !important;
	}

	.compact-text {
		line-height: 1.3 !important;
		margin-bottom: 0 !important;
	}

	.testimonial-card-r4 .card .fs-32 {
		font-size: 32px !important;
	}

	.testimonial-card-r4 .card .fs-16 {
		font-size: 16px !important;
	}

	.testimonial-card-r4 .card .fs-14 {
		font-size: 14px !important;
	}

@media (min-width: 576px) {
	.testimonial-card-r4 .card{
		width: 320px; 
	}
}