/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
a.nav-top-link {
    font-weight: 500 !important;
}
.tukhoa {
    margin-top: -30px;
    font-style: italic;
}
.chantrang li {
    border: none !important;
}
.chantrang a {
    color: white;
}
.dark a:hover,.dark .widget a:hover {
    color: rgb(255, 255, 255);
}
.slidehome a{
    color: rgb(255, 255, 255);
}
.nut-lam-gi {
    background-color: white;
    margin: 0;
    padding: 10px 20px 10px 44px;
    background-image: url(/wp-content/uploads/2025/08/icon-lam-gi.png);
    background-position: 7px 6px;
    background-repeat: no-repeat;
    border-radius: 35px;
    box-shadow: 0 0 30px rgb(0 0 0 / 13%);
    text-transform: uppercase;
    color: #1f98f1;
}

.dich-vu-section h2, .gioi-thieu-section h2, .khach-hang-section h2, .tin-tuc-section h2, .bang-gia-section h2, .so-lieu-section h2
 {
    font-weight: 600;
    font-size: 30px;
    color: #153980;
}
.lam-gi-section .icon-box .icon-box-text p {
    font-size: 15px;
    color: #5a5a5a;
}
.lam-gi-section .cot1 .icon-box, .lam-gi-section .cot4 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #fdf8e3;
    border-radius: 40px 0 0;
}
.lam-gi-section .img-plus {
    margin-top: -68px;
}
.lam-gi-section .cot2 .icon-box, .lam-gi-section .cot5 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #f0f3fa;
    border-radius: 40px;
}
.lam-gi-section .cot3 .icon-box, .lam-gi-section .cot6 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #feeff0;
    border-radius: 0 0 40px;
}
nut-xem-them2 {
    padding: 4px 27px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}

.nut-xem-them2 {
    margin-bottom: 0;
}
#top-link {
    background: #2196f3 !important;
    color: white !important;
    border: none !important;
}
.form-tu-van {
    box-shadow: 0px 0 20px #00000014;
    padding: 30px;
    border-radius: 10px;
    background: white;
}
.form-tu-van .row-info {
    display: inline-block;
    width: 100%;
    clear: both;
}
.form-tu-van .row-info .left {
    padding-right: 6px;
    display: inline-block;
    width: 50%;
    float: left;
}

.left {
    left: 0;
}
.form-tu-van .row-info .right {
    display: inline-block;
    width: 50%;
    float: right;
    padding-left: 6px;
}

.right {
    right: 0;
}
.form-tu-van input:not([type="submit"]), .form-tu-van textarea {
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-size: 15px;
    background: #ececec;
        color: #525252;
    font-weight: 500;
}
.lien-he-section .section-bg {
    background-attachment: fixed;
}
.nut-xem-them2 {
    padding: 4px 27px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}

.nut-xem-them2 {
    margin-bottom: 0;
}
.bang-gia-section .nav li.active a {
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
    background: #33baf4;
    border: 2px solid #33baf4;
    padding: 1px 20px;
    color: white;
}
.bang-gia-section .pricing-table-header .title {
    font-size: 25px;
    color: #33baf4;
}
.bang-gia-section .price {
    font-size: 35px;
    font-weight: bold;
    color: #2f4684;
    margin-bottom: 20px;
}
.bang-gia-section .pricing-table-items.items {
    padding: 10px 16px;font-weight: 500;
}

li#tab-doanh-nghiệp {
    border: 1px solid;
    padding: 4px 10px;
    border-radius: 23px;
    margin-left: 5px;
}
li#tab-cá-nhân {
    border: 1px solid;
    padding: 4px 10px;
    border-radius: 23px;
}
li.tab.active {
    border: none !important;
}
  .table-wrap{overflow-x:auto;margin:12px 0;}
  .price-title{font:600 18px/1.3 system-ui,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;margin:24px 0 8px}
  table.price-table{width:100%;border-collapse:collapse;font:14px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;background:#fff}
  .price-table caption{
        font-weight: 700;
        color: #0f172a;
        font-size: 21px;
        margin-top: -10px;
        margin-bottom: 25px;    padding-top: 5px;
  }
  .price-table th,.price-table td{
      
      border:1px solid #e5e7eb;padding:8px 10px;vertical-align:top
      
      ;font-size: 16px;
  }
  .price-table thead th{background:#f1f5f9;font-weight:700}
  .price-table tbody tr:nth-child(even){background:#f8fafc}
  .note{font-size:13px;color:#475569;margin-top:6px}
  .badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#fde68a;color:#7c2d12;font-size:12px;margin-left:6px}
  aside#block_widget-2 img,.lienhe img {
    border-radius: 50%;
}
 aside#block_widget-2 .is-divider,.lienhe .is-divider {display:none;}
 aside h5.post-title,.lienhe h5.post-title{
    font-weight: 500;
}
.entry-content.single-page {
    padding-top: 0;
}
aside .col.post-item,.lienhe .col.post-item{
    margin-bottom: -27px;
}

.float-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
}
.chat-zalo {
    background: #8eb22b;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.chat-zalo a,.hotline a {
    font-size: 14px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}
.float-contact .hotline {
    background: #d11a59 !important;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}
.slidehome{padding-right:20px;padding-left:20px}

.bang-cuoc-wrap { --red:#d90000; --yellow:#ffe500; --border:#cfcfcf; font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif; }
.bang-title{margin:8px 0 14px;font-weight:700;font-size:22px}
.table-responsive{width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px}
.bang-cuoc{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}
.bang-cuoc th,.bang-cuoc td{border:1px solid var(--border);padding:10px 12px;vertical-align:middle;line-height:1.35;background:#fff}
.bang-cuoc thead th{background:var(--red);color:#fff;text-align:center;font-weight:700}
.bang-cuoc thead th small{display:block;font-size:.85em;opacity:.95;letter-spacing:.2px}
.bang-cuoc thead .group-gt{background:#cc0000}
.bang-cuoc thead .group-dc{background:#b30000}
.bang-cuoc tbody tr:nth-child(even):not(.zone){background:#f6f6f6}
.bang-cuoc td.price{font-weight:700}
.bang-cuoc td.pkg{color:#d11; font-weight:700}
.bang-cuoc .zone td{background:var(--yellow);font-weight:800;text-transform:none}

/* Mobile cards */
@media (max-width: 767.98px){
  .table-responsive{border:none}
  .bang-cuoc{min-width:0;border-spacing:0}
  .bang-cuoc thead{display:none}
  .bang-cuoc tr{display:block;margin:12px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
  .bang-cuoc tr.zone{padding:8px 12px;border:none;background:transparent;margin:16px 0 8px}
  .bang-cuoc tr.zone td{border:none;border-radius:8px}
  .bang-cuoc td{display:flex;justify-content:space-between;gap:16px;border:none;border-bottom:1px solid var(--border);padding:10px 12px}
  .bang-cuoc td:last-child{border-bottom:none}
  .bang-cuoc td::before{
    content: attr(data-label);
    font-weight:600;
    color:#333;
  }
  .bang-cuoc td.pkg{background:#fff5f5}
  .bang-cuoc td.pkg::before{content:"Gói cước"}
  .bang-cuoc td.price{font-weight:800}
}
.tv360-wrap { --red:#d80000; --dark:#b70000; --yellow:#ffe500; --border:#d8d8d8;
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}
.tbl-title{margin:8px 0 14px;font-weight:700;font-size:22px}
.table-responsive{width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px}
.tv360-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}
.tv360-table th,.tv360-table td{border:1px solid var(--border);padding:12px 14px;vertical-align:top;background:#fff}
.tv360-table thead th{background:var(--red);color:#fff;font-weight:800;text-align:center}
.tv360-table thead .price-row th{background:var(--yellow);color:#000}
.tv360-table .c-app-gt,.tv360-table .c-box-gt,.tv360-table .c-app-dc,.tv360-table .c-box-dc,.tv360-table .c-k-app,.tv360-table .c-k-box{position:relative}
.tv360-table .c-box-gt,.tv360-table .c-box-dc,.tv360-table .c-k-box{background:var(--dark)}
.tv360-table ul{margin:0;padding-left:18px;list-style:disc}
.tv360-table li{margin:6px 0;line-height:1.45}
.tv360-table .pad{background:#fafafa}

/* Mobile cards */
@media (max-width: 767.98px){
  .table-responsive{border:none}
  .tv360-table{min-width:0;border-spacing:0}
  .tv360-table thead{display:none}
  .tv360-table tbody tr{display:block}
  .tv360-table td{
    display:block;border:1px solid var(--border);border-radius:10px;
    margin:12px 0;background:#fff
  }
  .tv360-table td::before{
    content: attr(data-label);
    display:block;
    background:var(--red); color:#fff; font-weight:800;
    padding:10px 12px; border-radius:10px 10px 0 0; margin:-12px -14px 10px -14px;
  }
  .tv360-table td ul{padding:0 6px 8px 18px}
  /* giá: thêm nhãn ở đầu danh sách theo card */
  .tv360-table td[data-label="APP_GIATRI"]::after{content:"20.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
  .tv360-table td[data-label="BOX_GIATRI"]::after{content:"40.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
  .tv360-table td[data-label="APP_DANGCAP"]::after{content:"50.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
  .tv360-table td[data-label="BOX_DANGCAP"]::after{content:"50.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
  .tv360-table td[data-label="TV360 K+ APP"]::after{content:"179.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
  .tv360-table td[data-label="TV360 K+ BOX"]::after{content:"199.000đ";display:inline-block;margin:8px 0 0 10px;background:var(--yellow);padding:2px 8px;border-radius:6px;font-weight:800;color:#000}
}
.dark .nav-vertical li li.menu-item-has-children>a,.dark .nav-vertical-fly-out>li>a,.dark .nav-vertical>li>ul li a,.dark .nav>li.html,.dark .nav>li>a,.nav-dark .is-outline,.nav-dark .nav>li>a,.nav-dark .nav>li>button,.nav-dropdown.dark .nav-column>li>a,.nav-dropdown.dark>li>a {
    color: white!important;
}
@media (max-width: 549px) {
	
    .dich-vu-section h2, .gioi-thieu-section h2, .khach-hang-section h2, .tin-tuc-section h2, .bang-gia-section h2, .so-lieu-section h2 {
        font-weight: 600;
        font-size: 23px;
    }
    .nut-xem-them2 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}