/* The homepage's patient videos follow the same calm blue and teal palette. */
.serene .testimonials{margin-top:48px;padding-top:36px;border-top:1px solid #d4e4ef;scroll-margin-top:154px}
.serene .testimonials-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.serene .testimonials-heading h3{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:0 0 10px}
.serene .testimonials-heading p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.serene .testimonial-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:10px 16px;background:#fff;color:var(--blue);border:1px solid #c9ddeb;border-radius:999px;font-size:15px;line-height:1.5}
.serene .testimonial-toggle .icon{width:16px;height:16px}
.serene .testimonial-viewport{overflow:hidden;padding:4px 0 14px;mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.serene .testimonial-track{display:flex;width:max-content;animation:trivayu-testimonial-scroll 144s linear infinite;will-change:transform}
.serene .testimonial-list{display:flex;flex-shrink:0;gap:20px;width:max-content;padding-right:20px}
.serene .testimonial-card{flex:0 0 260px;width:260px;border:1px solid #d3e4f1;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #1d5c9709}
.serene .testimonial-open{display:block;width:100%;height:100%;padding:0;text-align:left;color:var(--ink);border-radius:19px}
.serene .testimonial-open:focus-visible{outline:3px solid var(--teal);outline-offset:-4px}
.serene .testimonial-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#dcebf3}
.serene .testimonial-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#123c5d99);pointer-events:none}
.serene .testimonial-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.serene .testimonial-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffffbd;border-radius:50%;background:#008fa0eb;color:#fff;box-shadow:0 4px 20px #123c5d30}
.serene .testimonial-play .icon{width:23px;height:23px;margin-left:3px}
.serene .testimonial-video-label{position:absolute;z-index:1;left:20px;bottom:17px;font-size:11px;font-weight:600;letter-spacing:1.8px;color:#fff}
.serene .testimonial-card-copy{display:flex;flex-direction:column;gap:14px;min-height:124px;padding:20px}
.serene .testimonial-card-copy strong{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.3px}
.serene .testimonial-card-copy>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;line-height:1.5;color:var(--teal);margin-top:auto}
.serene .testimonial-card-copy .icon{width:18px;height:18px}
.serene .testimonials-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}
.serene .testimonials-footer p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.serene .testimonials-footer .text-link{font-size:16px}
.serene [data-testimonial-ticker][data-paused="true"] .testimonial-track,
.serene [data-testimonial-ticker][data-playing="true"] .testimonial-track,
.serene .testimonial-viewport:focus-within .testimonial-track{animation-play-state:paused}
@media(hover:hover){.serene .testimonial-viewport:hover .testimonial-track{animation-play-state:paused}}
/* Keyboard users can browse every original card in a stationary scroll area. */
.serene .testimonial-viewport:has(:focus-visible){overflow-x:auto;mask-image:none}
.serene .testimonial-viewport:has(:focus-visible) .testimonial-track{animation:none;transform:none}
.serene .testimonial-viewport:has(:focus-visible) .testimonial-copy{display:none}
@keyframes trivayu-testimonial-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.serene .testimonial-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:28px 24px 20px;border-radius:20px}
.serene .testimonial-dialog h2{font-size:24px;line-height:1.35;letter-spacing:-.5px;padding-right:28px;margin:0 0 18px}
.serene .testimonial-dialog video{display:block;width:100%;max-height:calc(100dvh - 190px);aspect-ratio:9/16;object-fit:contain;background:#112f43;border-radius:12px}
.serene .testimonial-dialog>p{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 0}
@media(max-width:1080px){.serene .testimonials{scroll-margin-top:132px}}
@media(max-width:600px){
 .serene .testimonials{margin-top:32px;padding-top:28px;scroll-margin-top:114px}
 .serene .testimonials-heading{align-items:flex-start;gap:12px;margin-bottom:18px}
 .serene .testimonials-heading h3{font-size:25px;letter-spacing:-.6px;margin-bottom:8px}
 .serene .testimonials-heading p{font-size:16px}
 .serene .testimonial-toggle{font-size:14px;padding:9px 12px;gap:6px}
 .serene .testimonial-card{flex-basis:240px;width:240px;border-radius:17px}
 .serene .testimonial-list{gap:16px;padding-right:16px}
 .serene .testimonial-card-copy{padding:18px;min-height:118px;gap:12px}
 .serene .testimonial-card-copy strong{font-size:17px}
 .serene .testimonial-card-copy>span{font-size:15px}
 .serene .testimonials-footer{align-items:flex-start;flex-direction:column;gap:10px}
 .serene .testimonials-footer .text-link{font-size:15px}
 .serene .testimonial-dialog{padding:24px 18px 18px}
 .serene .testimonial-dialog h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 .serene .testimonial-track{animation:none;transform:none;will-change:auto}
 .serene .testimonial-copy,.serene .testimonial-toggle{display:none}
 .serene .testimonial-viewport{overflow-x:auto;mask-image:none}
}
