#clientsFeedback{ margin-top:20px }
#clientsFeedback .cf-slider{ position:relative; overflow:hidden; border-radius:12px; }
#clientsFeedback .cf-track{ display:flex; transition: transform .5s ease; gap:0 }
#clientsFeedback .cf-card{
	flex: 0 0 100%;
	padding:16px;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius:12px;
	background:#fff;
	box-sizing:border-box;
}
#clientsFeedback .cf-inner{ display:flex; gap:12px; align-items:flex-start }
#clientsFeedback .cf-avatar{
	width:48px; height:48px; border-radius:50%; flex:0 0 48px;
	object-fit:cover; border:1px solid rgba(0,0,0,0.08);
}
#clientsFeedback .cf-quote{ color:#333; margin:0; line-height:1.5 }
#clientsFeedback .cf-name{ margin:6px 0 0 0; color:#555; font-size:14px }

/* nav buttons */
#clientsFeedback .cf-nav{ position:absolute; inset:0; pointer-events:none; }
#clientsFeedback .cf-btn{
	position:absolute; top:50%; transform:translateY(-50%);
	background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.08);
	padding:8px 10px; border-radius:50%; cursor:pointer; pointer-events:auto;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
#clientsFeedback .cf-prev{ left:8px }
#clientsFeedback .cf-next{ right:8px }