html{font-size:20px}body{font-size:14px;line-height:24px;font-weight:400;background:#121212;color:#BDBDBD;position:relative}.bg-overlay{top:0;left:0;width:100%;height:100%;z-index:999;background:rgb(0 0 0 / .8);transition:all 0.2s ease;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bg-overlay.active{display:block;position:fixed}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row>*{padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}a{transition:0.3s;color:var(--color1);text-decoration:none}a:hover,a:focus{text-decoration:unset;color:var(--color1)}img{max-width:100%}ul{list-style:none;padding:0;margin:0}:root{--color1:#F60;--color2:#FFB328;--btn-color1:#96C052;--scroll-bar-bg-color:#353535}.content-intro::-webkit-scrollbar{width:2px;height:32px}.content-intro::-webkit-scrollbar-track{background:var(--scroll-bar-bg-color)}.content-intro::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:12px}.btn{background:var(--btn-color1);border-radius:16px;color:#111!important;line-height:24px;padding:8px 10px;width:100%;border:0;font-size:14px;transition:.2s;text-transform:capitalize;font-weight:700}.btn a{color:inherit}.btn2{background:var(--btn-color2);box-shadow:0 2px 6.3px 0 rgb(173 255 47 / .4),0 -3px 4px 0 rgb(173 255 47 / .4),0 4px 8.3px 0 rgb(255 255 255 / .25) inset}#header{padding:36px 0 48px;overflow:hidden}.group-logo{display:flex;align-items:center;justify-content:center;gap:26px;margin:auto;position:relative;}.group-logo::before{content:'';width:100%;height:4px;background:linear-gradient(90deg,#fff0 0%,rgb(0 216 65 / .6) 100%);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.group-logo::after{content:'';width:100%;height:4px;background:linear-gradient(90deg,#fff0 0%,rgb(0 216 65 / .6) 100%);position:absolute;left:100%;top:50%;transform:translateY(-50%) rotate(180deg)}#header .logo{position:relative;z-index:99;display:inline-block}.logo img{object-fit:contain}#footer{padding:24px 0;background:#1B1B20;font-size:16px}#footer a{text-decoration:underline}#footer .group-logo{margin-bottom:10px}#footer .group-logo::before,#footer .group-logo::after{display:none}.g-imgbot{position:fixed;bottom:0;z-index:999;width:100%}.g-imgbot img{width:100%;max-height:67px}.rn-close{position:absolute;z-index:99;top:10px;right:10px;cursor:pointer}.rn-close span{width:44px;height:44px;line-height:24px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgb(18 18 18 / .3);color:#fff}.g-imgtop img{max-height:80px;z-index:99;position:relative}#main-content{padding-bottom:100px}.top-main{position:relative}.bg-tophome{position:absolute;width:100%;top:0;left:0;z-index:-1}h1{font-size:20px;font-weight:700;line-height:24px;color:#fff;margin-bottom:14px}h2{color:#fff;font-size:20px;font-weight:700;line-height:28px;margin-bottom:12px}h3{color:#fff;font-size:16px;font-weight:700;line-height:24px;margin-bottom:10px}h4{color:#fff;font-size:14px;line-height:24px;margin-bottom:6px;font-weight:700}p{margin-bottom:10px}.bg-topmain{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}.list-main-link{display:flex;flex-wrap:wrap;gap:20px;padding-top:30px;max-width: 1100px;justify-content: center;margin: auto;}.bg-img{position:absolute;left:-30%;top:-35%;z-index:-1}.img-intro{position:relative;max-width:max-content}.img-intro::after{content:'';background:url(/uploads/content/a-intro.png) no-repeat;position:absolute;width:116px;height:205px;bottom:0;left:96%;z-index:-1}.group-link{background:url(/uploads/content/bg-link.png) no-repeat;background-size:cover;padding:20px 15px;border-radius:16px;text-align:center;max-width:100%;width:200px;transition:.2s;position:relative;text-transform:capitalize;color:#fff}.ref-link{position:absolute;width:100%;height:100%;left:0;top:0;z-index:99;text-indent:-9999px; overflow:hidden;}.group-link img{transition:.2s}.group-link p{margin:20px 0 26px;font-weight:600}.introduce{padding-top:80px;padding-bottom:50px}.casters{position:relative}.casters::after{content:"";background:linear-gradient(180deg,#fff0 0%,#121212 100%);position:absolute;bottom:0;width:100%;height:108px;left:0;pointer-events:none;z-index:11}.casters .container{overflow:hidden}.casters{padding:50px 0}.top-cast{width:100%;max-width:700px;margin:auto;text-align:center;padding-bottom:30px}.casters p{margin-bottom:36px}.list-cast{display:flex;align-items:center;gap:20px;margin:0 -50px}.list-cast .has-mt{margin-top:-60px}.list-cast img{object-fit:cover;border-radius:16px}.seo-content{padding-top:50px}.nav-content ul{display:flex;flex-direction:column;gap:24px}.nav-item a{color:#888;font-size:18px;line-height:28px}.nav-item.active a{color:var(--color1);font-weight:700}.modal-content{overflow:hidden}.title-nc{text-transform:uppercase}.list-nha-cai{display:grid;grid-template-columns:1fr 1fr;gap:20px}.list-nha-cai h2{color:#fff}.row-nhacai{display:flex;gap:16px;border-radius:16px;border:2px solid #616161;background:url(images/bg-nc.png) no-repeat;background-size:cover;backdrop-filter:blur(2.75px);padding:20px;position:relative}.logobox img{object-fit:contain}.description{color:#989898}.datcuocbox{margin-left:auto;display:flex;align-items:center}.datcuocbox a{width:115px;line-height:20px;font-size:14px;box-shadow:0 4px 8.3px 0 rgb(255 255 255 / .25) inset,0 -3px 4px 0 #506134,0 2px 6.3px 0 rgb(152 216 49 / .4)}

@media (min-width:1200px){.group-link:hover img,.group-link:hover{transform:scale(1.07)}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1300px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1450px}}@media (min-width:992px){.content-intro{max-height:850px;overflow-y:scroll;padding-right:15px}}@media (min-width:576px){.modal-dialog{max-width:400px}}@media (max-width:1200px){#header{overflow:hidden}.group-logo::before,.group-logo::after{background:linear-gradient(90deg,#fff0 60%,rgb(0 216 65 / .6) 100%)}h1{position:relative;z-index:111}.top-main{padding-bottom:50px}.img-intro img{height:auto}.img-intro::after{left:auto;right:0}.list-cast{gap:8px;margin:0;justify-content:center}.list-cast img{height:auto}.main-link{align-items:unset}}@media (max-width:991px){.main-link{justify-content:center;margin-bottom:20px}.row-nhacai{flex-direction:column;align-items:center}.ratebox{text-align:center}.datcuocbox{margin:0}}@media (max-width:767px){.container,.container-sm{max-width:100%}#header{padding:20px 40px}#main-content{padding-bottom:50px}.group-logo{gap:16px}.group-logo::before,.group-logo::after{background:linear-gradient(90deg,#fff0 90%,rgb(0 216 65 / .6) 100%)}.list-main-link{padding-top:20px}.img-intro{margin-top:10px}.content-main{display:flex;flex-direction:column}.top-main{padding-top:10px;padding-bottom: 0;}.introduce{padding:15px 0 30px}.casters,.seo-content{padding:0 0 32px}.casters .text-center{text-align:left!important}.casters p{margin-bottom:20px}.list-cast span.name{margin-bottom:8px}#footer{font-size:16px}}@media (max-width:575px){.list-main-link{display:block}.btn{width:130px}.casters::after{height:70px}.group-link{width:100%;padding:20px 15px;gap:15px;display:flex;align-items:center;margin-bottom:14px}.group-link:not(.dt){background:url(images/bg-nc.png);background-size:cover}.group-link.dt{display:inline-block;width:calc((100% - 12px)/2)}.group-link.last{float:right}.group-link .btn{margin-left:auto}.group-link p{margin:10px 0;}.group-link img{max-width:72px;object-fit:contain}.list-cast .item{min-width:48px}.list-cast .has-mt{margin-top:-30px}.btn-close{right:0}.list-nha-cai{grid-template-columns:1fr 1fr}}@media (max-width:320px){#main-content{padding-left:0;padding-right:0}.group-link .btn{font-size:13px}}


.topnhacai {
  display: flex;
  gap: 56px;
  margin: auto;
  margin-top: 5rem;
  background-color: #1F1F1F;
  background-image: url(/uploads/content/bg-tnc.png);
  background-position: right;
  padding: 24px 60px;
  border-radius: 16px;
  max-width: max-content;
}
.topnhacai .list-mg {
  display: flex;
  gap: 22px;
  margin-top: -60px;
}
.topnhacai .list-mg img {
  border-radius: 16px;
}
.topnhacai h4 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}
.group-btn {
  display: flex;
  gap: 20px;
  padding-top: 30px;
}
    .group-btn + .group-btn {
        padding-top: 20px;
    }
.btn.btn-bet.bet2 {
  background-color: var(--color1);
}

.btn.bet3 {
  background-color: #00E1E1;
}

.btn.bet4 {
  background-color: #FF8A00;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .group-link {
    width: 170px;
  }
}
@media (max-width: 991px) and (min-width: 576px) {
  .list-main-link{display: grid;grid-template-columns: 1fr 1fr 1fr;}
  .group-link{flex:1;width:auto;}
}
@media (max-width: 991px) {
  .top-main {
    padding-bottom: 0;
  }
  .topnhacai .list-mg {
    display: none;
  }
  .topnhacai {
    margin-top: 20px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .topnhacai {
    margin: 20px auto;
  }
  .group-btn {
    order: -1;
    padding: 0 0 30px;
    justify-content: center;
  }
  .group-btn .btn {
    width: auto;
    font-size: 11px;
    min-width: unset;
  }
  .g-imgtop img {
    max-height: 40px;
  }
}
@media (max-width: 575px) {
  .group-btn {
            padding-bottom: 15px;
            gap: 15px;
    justify-content: space-between;
  }
        .group-btn + .group-btn {
            padding-top: 0;
        }
  .group-btn .btn.btn-bet {
    padding: 6px 0;
            flex: 1;

  }
  .topnhacai {
    background-image: url(/uploads/content/bg-nc.png);
    width: 100%;
    max-width: 100%;
    justify-content: center;
    padding: 24px;
  }
}
@media (max-width: 320px) {
  .group-btn .btn.btn-bet {
    padding: 6px 8px;
  }
}

/* Post List Shortcode Styles */
.post-list-shortcode {
  margin: 40px 0;
}

.post-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.post-list-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
}

.post-list-view-all {
  color: #96C052;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s;
}

.post-list-view-all:hover {
  color: #7da042;
  text-decoration: underline;
}

.post-list-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.post-list-featured {
  display: flex;
  flex-direction: column;
}

.post-featured-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.post-featured-thumb {
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 16px;
  max-height: 475px;
  overflow: hidden;
}

.post-featured-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}

.post-featured-thumb:hover img {
  transform: scale(1.05);
}

.post-featured-info {
  display: flex;
  flex-direction: column;
}

.post-featured-date {
  color: #BDBDBD;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}

.post-featured-title {
  margin: 0;
}

.post-featured-title a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  transition: color 0.3s;
}

.post-featured-title a:hover {
  color: var(--color1);
}

.post-list-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.post-grid-item {
  display: flex;
  flex-direction: column;
}

.post-grid-thumb {
  width: 100%;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 12px;
  max-height: 200px;
  overflow: hidden;
}

.post-grid-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.3s;
}

.post-grid-thumb:hover img {
  transform: scale(1.05);
}

.post-grid-info {
  display: flex;
  flex-direction: column;
}

.post-grid-date {
  color: #BDBDBD;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
}

.post-grid-title {
  margin: 0;
}

.post-grid-title a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color 0.3s;
}

.post-grid-title a:hover {
  color: var(--color1);
}

.post-list-shortcode.empty {
  color: #888;
  text-align: center;
  padding: 40px 0;
}

/* 4-Column Grid for Posts List Page */
.posts-grid-4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}

/* Responsive Styles */
@media (max-width: 1200px) {
  .posts-grid-4col {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .post-list-container {
    grid-template-columns: 1fr;
  }

  .post-list-grid {
    grid-template-columns: 1fr 1fr;
  }

  .posts-grid-4col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .post-list-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .post-list-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .post-featured-title a {
    font-size: 16px;
    line-height: 24px;
  }

  .posts-grid-4col {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 404 Error Page Styles */
.error-page {
  min-height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 0 40px;
}

.error-content {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 20px;
}

.error-code-wrapper {
  margin-bottom: 30px;
}

.error-code {
  font-size: 120px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin: 0 0 20px;
  text-shadow: 0 0 20px rgba(0, 216, 65, 0.3);
}

.error-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.2;
}

.error-description {
  font-size: 16px;
  line-height: 1.6;
  color: #BDBDBD;
  margin: 0 0 40px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.error-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.error-actions .btn {
  min-width: 160px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 16px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.error-actions .btn-primary {
  background: var(--btn-color1);
  color: #111 !important;
  box-shadow: 0 2px 6.3px 0 rgba(152, 216, 49, 0.4), 0 -3px 4px 0 rgba(152, 216, 49, 0.4), 0 4px 8.3px 0 rgba(255, 255, 255, 0.25) inset;
}

.error-actions .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px 0 rgba(152, 216, 49, 0.6), 0 -3px 4px 0 rgba(152, 216, 49, 0.4), 0 4px 8.3px 0 rgba(255, 255, 255, 0.25) inset;
}

.error-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.error-actions .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .error-page {
    padding: 40px 0 30px;
  }

  .error-content {
    padding: 20px 15px;
  }

  .error-code {
    font-size: 80px;
    margin-bottom: 15px;
  }

  .error-title {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .error-description {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .error-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .error-actions .btn {
    width: 100%;
    min-width: auto;
  }
}

/* Figure alignment styles for WordPress caption conversion */
.post-content figure {
  margin: 20px 0;
  max-width: 100%;
  clear: both;
}

.post-content figure img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.post-content figure figcaption {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #BDBDBD;
  text-align: center;
  font-style: italic;
}

/* Align center - default */
.post-content figure.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  clear: both;
}

.post-content figure.aligncenter img {
  margin: 0 auto;
}

/* Align left */
.post-content figure.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  margin-left: 0;
  max-width: 50%;
}

.post-content figure.alignleft figcaption {
  text-align: left;
}

/* Align right */
.post-content figure.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  margin-right: 0;
  max-width: 50%;
}

.post-content figure.alignright figcaption {
  text-align: right;
}

/* Align none - no alignment */
.post-content figure.alignnone {
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

/* Clearfix for floated figures */
.post-content figure.alignleft::after,
.post-content figure.alignright::after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .post-content figure.alignleft,
  .post-content figure.alignright {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
  }
  
  .post-content figure.alignleft figcaption,
  .post-content figure.alignright figcaption {
    text-align: center;
  }
  
  .post-content figure {
    margin: 16px 0;
  }
  
  .post-content figure figcaption {
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
  }
}

/* Pagination Styles */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 40px 0;
  padding: 20px 0;
}

.pagination-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  background-color: #1F1F1F;
  border: 1px solid #353535;
  border-radius: 8px;
  color: #BDBDBD;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.pagination-link:hover {
  background-color: #2A2A2A;
  color: var(--color1);
  transform: translateY(-2px);
}

.pagination-link.active {
  background-color: var(--color1);
  border-color: var(--color1);
  color: #fff;
  font-weight: 700;
  cursor: default;
  pointer-events: none;
}

.pagination-link.active:hover {
  transform: none;
  background-color: var(--color1);
}

.pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  color: #888;
  font-size: 14px;
  font-weight: 500;
  user-select: none;
}

/* Responsive Pagination */
@media (max-width: 767px) {
  .pagination {
    gap: 6px;
    margin: 30px 0;
    padding: 16px 0;
  }
  
  .pagination-link {
    min-width: 36px;
    height: 36px;
    padding: 6px 10px;
    font-size: 13px;
  }
  
  .pagination-ellipsis {
    min-width: 36px;
    height: 36px;
    padding: 6px 10px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .pagination {
    gap: 4px;
  }
  
  .pagination-link {
    min-width: 32px;
    height: 32px;
    padding: 4px 8px;
    font-size: 12px;
  }
  
  .pagination-ellipsis {
    min-width: 32px;
    height: 32px;
    padding: 4px 8px;
    font-size: 12px;
  }
}
.breadcrumb .separator {
  margin: 0 5px;
}
.post-content {
  margin-bottom: 50px;
}