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(images/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;
  }
}