.testi-wrap{background:#f2f3f5;padding:60px 0 56px;font-family:system-ui,-apple-system,sans-serif}
.testi-wrap .ti{max-width:1380px;margin:0 auto;padding:0 32px}
.testi-wrap .th{text-align:center;margin-bottom:40px}
.testi-wrap .tt{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px}
.testi-wrap .ts{font-size:14px;color:#888;margin:0}
.testi-wrap .to{overflow:hidden;width:100%}
.testi-wrap .tk{display:flex;gap:16px;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}
.testi-wrap .tc{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);display:flex;flex-direction:column;flex-shrink:0;transition:box-shadow .25s,transform .25s}
.testi-wrap .tc:hover{box-shadow:0 8px 28px rgba(0,0,0,.12);transform:translateY(-2px)}
.testi-wrap .tp{width:100%;aspect-ratio:1/1;overflow:hidden;background:#e5e5e5;flex-shrink:0}
.testi-wrap .tp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.testi-wrap .tc:hover .tp img{transform:scale(1.04)}
.testi-wrap .tpp{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#bbb;font-size:12px;background:#ebebeb}
.testi-wrap .tb{padding:20px 20px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;flex-grow:1}
.testi-wrap .tstars{display:flex;gap:2px;margin-bottom:12px;font-size:20px;line-height:1}
.testi-wrap .tstar{color:#d8d8d8}
.testi-wrap .tstar.ton{color:#1a1a1a}
.testi-wrap .tx{font-size:13px;color:#4a4a4a;line-height:1.7;margin:0 0 14px;flex-grow:1}
.testi-wrap .tn{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 10px}
.testi-wrap .tav{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.testi-wrap .tav img{width:100%;height:100%;object-fit:cover;display:block}
.testi-wrap .tav span{color:#fff;font-size:16px;font-weight:700;line-height:1}
.testi-wrap .tdots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px}
.testi-wrap .tdot{width:8px;height:8px;border-radius:50%;background:#c8c8c8;border:none;padding:0;cursor:pointer;transition:background .25s,width .25s,border-radius .25s;flex-shrink:0}
.testi-wrap .tdot.tdon{background:#1a1a1a;width:24px;border-radius:4px}
@media(max-width:1024px){.testi-wrap .tk{--v:3}}
@media(max-width:720px){.testi-wrap .tk{--v:2}}
@media(max-width:480px){.testi-wrap .ti{padding:0 16px}.testi-wrap .tt{font-size:18px}}