.hero-conversation{padding:20px 20px 15px;background:rgba(6,29,33,.89);border-color:#7aa99b;border-radius:21px;font-size:clamp(13px,1.05vw,17px)}.conversation-heading{justify-content:flex-start;gap:24px;padding-bottom:14px;margin-bottom:18px}.conversation-heading>span:first-child{padding-right:24px;border-right:1px solid #496c62}.chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.chat-in,.chat-out{padding:11px 15px;border-radius:17px}.chat-time{margin:5px 8px 12px;font-size:9px}.chat-out{border-bottom-right-radius:4px}.chat-check{width:13px;display:block;margin:2px 0 0 auto}.chat-voice{width:84%;gap:12px;border:1px solid #315c5d;background:#123337;padding:10px 13px}.chat-voice .wave{width:100%;height:27px;object-fit:fill;filter:none}.chat-voice .chat-icon{width:20px;height:20px;flex:none}.chat-voice>span{font-size:13px;flex:none}.voice-time{margin-bottom:0;color:#a9e8df}
@media(max-width:760px){.hero-conversation{padding:14px 14px 10px}.conversation-heading{gap:14px;padding-bottom:10px;margin-bottom:12px}.conversation-heading>span:first-child{padding-right:14px}.chat-avatar{width:28px;height:28px}.chat-in,.chat-out{padding:9px 12px}.chat-time{margin-bottom:8px}.chat-voice{width:94%;gap:8px;padding:8px 10px}.voice-time{margin-bottom:0}}
.chat-voice .wave{transform:scaleY(2)}.hero-conversation .chat-time{margin-bottom:8px}.hero-conversation .voice-time{margin-bottom:0}.hero-conversation .conversation-heading{margin-bottom:14px;padding-bottom:12px}.hero-conversation .chat-in,.hero-conversation .chat-out{padding-top:9px;padding-bottom:9px}