/* Bevoice homepage: demo tabs (Trải nghiệm Bevoice) */
.bv-wrap{max-width:820px;margin:0 auto}
.bv-demo .bv-title{margin-bottom:0}
.bv-demo .bv-box{max-width:none;margin:30px 0 0}
.bv-tabs .nav{flex-direction:row!important;justify-content:center;margin:30px 0 0;flex-wrap:wrap}
.bv-tabs .nav a{border-right:0!important;border-bottom:3px solid rgba(255,255,255,.15);color:#fff;padding:10px 22px;margin:0 4px}
.bv-tabs .nav a i{margin-right:6px}
.bv-tabs .nav a.active{border-bottom-color:#2b70fa;color:#2b70fa;background:transparent}
.bv-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.bv-sel{border:1px solid #e7eaef;border-radius:6px;padding:8px 14px;color:#0e1133;background:#fff;font-weight:500;min-width:150px}
.bv-sample{margin-left:auto}
.bv-box .lbl{display:inline-block;font-size:12px;font-weight:700;color:#2b70fa;background:#eef1f6;border-radius:4px;padding:2px 10px}
.bv-stage{background:#0e1133;border-radius:10px;padding:26px;min-height:330px}
.bv-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:46px;margin-bottom:18px}
.bv-wave span{width:4px;height:6px;border-radius:2px;background:#2b70fa;transition:height .15s}
.bv-wave.on span{animation:bvw 1s ease-in-out infinite}
.bv-wave.on span:nth-child(3n){animation-delay:-.3s;background:#9b2cfa}.bv-wave.on span:nth-child(3n+1){animation-delay:-.6s}.bv-wave.on span:nth-child(4n){animation-delay:-.15s}
@keyframes bvw{0%,100%{height:6px}50%{height:42px}}
.bv-lines .bv-empty{color:#fff;opacity:.6;text-align:center;margin-top:60px}
.bv-cue{margin-bottom:14px;animation:bvin .5s ease}
#bv-lines .bv-cue p.src{color:#c9d1e6;font-size:15px;margin:0;line-height:1.5}
.bv-cue .src b{color:#2b70fa;font-weight:500;margin-right:6px}
.bv-cue .tr{display:inline-block;background:rgba(0,0,0,.55);color:#ffd400;font-size:18px;font-weight:500;padding:2px 10px;border-radius:4px;margin-top:4px}
@keyframes bvin{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.bv-cta{margin-left:20px;color:#2b70fa;font-weight:500}
.bv-tbl{width:100%;border-collapse:collapse;font-size:14px;color:#0e1133;table-layout:fixed}
.bv-tbl th{background:#eef1f6;padding:10px 12px;text-align:left;font-weight:700}
.bv-tbl td{padding:10px 12px;border-bottom:1px solid #e7eaef;vertical-align:top}
.bv-tbl th:first-child,.bv-tbl td:first-child{width:42px;color:#2b70fa}
.bv-tbl td small{display:block;color:#8a8f99;font-size:11px}
.bv-rest{margin-top:0;padding:0;border-top:0;border-radius:0 0 8px 8px;min-height:250px}
@media(max-width:767px){.bv-tabs .nav a{padding:8px 10px;font-size:14px;margin:0}.bv-sample{margin-left:0}.bv-cta{display:block;margin:16px 0 0}.bv-tbl{font-size:13px}.bv-tbl td,.bv-tbl th{padding:8px 6px}.bv-tbl th:first-child,.bv-tbl td:first-child{width:26px}}

/* tab 2 live recording */
.bv-opts{justify-content:space-between}.bv-mode{display:inline-flex;align-items:center;border:1px solid #d6dcef;border-radius:20px;overflow:hidden}.bv-ml{font-size:13px;color:#505056;padding:0 4px 0 12px}
.bv-mode button{border:0;background:#fff;color:#505056;font-size:13px;padding:6px 14px;cursor:pointer}
.bv-mode button.on{background:#2b70fa;color:#fff}
.bv-orig .bv-cue .tr{display:none}
.bv-orig #bv-lines .bv-cue p.src{color:#fff;font-size:19px;font-weight:500}
.bv-orig .bv-cue{margin-bottom:18px}
@media(max-width:575px){.bv-mode{margin-left:0;width:100%}.bv-mode button{flex:1}}
.bv-lines{max-height:420px;overflow:hidden}.bv-cue .tr.bv-wait{color:#8a93b0;background:transparent}.bv-note{font-size:13px;color:#8a8fa3;text-align:center;margin:12px 0 0}
#bv-lines .bv-cue p.src span{display:inline}
.bv-opts{gap:10px}
.bv-listen{border:1px solid #d6dcef;background:#fff;color:#505056;font-size:13px;padding:6px 14px;border-radius:20px;cursor:pointer}.bv-listen.on{background:#2b70fa;border-color:#2b70fa;color:#fff}.bv-listen i{margin-right:4px}
@media(max-width:575px){.bv-listen{width:100%}}