@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
body {
  padding: 0;
  margin: 0;
  background: #F5F8FE;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}
body a{
  text-decoration: none;
}
body span{
  color: #00141E;
}
.mt-16{
  margin-top: 16px;
}
.container {
  width: 970px;
  margin: auto;
}
.top-header {
  background: linear-gradient(360deg, #E58500 -20%, #591D57 32%);
}

.top-header .container {
  position: relative;
  text-align: right;
}

.top-header .humbeee {
  display: none;
  cursor: pointer;
}

.top-header .logo {
  display: block;
}

.top-header .logo img {
  width: auto;
  height: 40px;
}

.top-header .social-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
}

.top-header .social-list a {
  display: inline-block;
  margin: 0 8px;
  width: 21px;
  height: 23px;
  line-height: 20px;
}

.top-nav {
  height: 55px;
  background: #350033;
  border-bottom: 3px solid #E78B0F;
}

.top-nav .container {
  position: relative;
}

.top-nav nav {
  width: calc(100% - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* overflow-x: hidden; */
}

.top-nav nav a {
  display: inline-block;
  padding: 18px 0 14px 0;
  margin-right: 24px;
  font-size: 14px;
  color: white;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.top-nav nav a.active {
  color: #FFFFFF;
  font-weight: 600;
}

.top-nav nav a.active, .top-nav nav a:hover {
  position: relative;
  padding: 10px;
  background: #E78B0F;
  border-radius: 8px;
}

.top-nav nav a.active::before, .top-nav nav a:hover::before {
  content: "";
  position: absolute;
  top: 37px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #E78B0F;
}

.top-nav nav a:hover {
  color: #FFFFFF;
}

.top-nav .search-box-top {
  position: absolute;
  top: 9px;
  right: 0;
  width: 36px;
  height: 36px;
}

.top-nav .btn-more-nav {
  position: absolute;
  top: 14px;
  right: 45px;
  width: 28px;
  height: 28px;
}
.mobile-nav {
    display: none;
}
.content .text-welcom {
    color: #350033;
    font-size: 32px;
    font-weight: 600;
}
  
.content .des-welcom {
    color: #00141E;
}
.content .des-welcom a{
    color: #E58500;
}
/* Footer */
footer {
    margin-top: 41px;
    padding-top: 41px;
    padding-bottom: 30px;
    background: url(../img2gon/bg-footer.png) no-repeat top center;
    background-size: cover;
    color: rgba(255, 255, 255, 0.8);
    line-height: 22px;
}
  

footer .list-link-footer a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    margin: 16px 12px 0 0;
}
.two-col{
    display: flex;
    justify-content: space-between;
}
.left-col{
    width: 21%;
    height: fit-content;
    background: #FFFFFF;
    border-radius: 16px;
}
.right-col{
    width: 78%;
    background: #FFFFFF;
    border-radius: 16px;
}
.tam-giac{
    position: absolute;
    top: 6px;
    width: 7px;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid  #591D57;
    border-bottom: 6px solid transparent;
}
.tam-giac-trai{
    position: relative;
    width: 24px;
    height: 24px;
    background: #EEEEEE;
    border-radius: 40px;
}
.title-box{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 16px 16px 0px 0px;
    position: relative;
    border-bottom: 2px solid #F5F8FE;
}
  .title-box h3{
      color: #020F26;
      margin: 0;
  }
.box-left .title-box h3::before{
    position: absolute;
    bottom: 16px;
    left: 0;
    content: "";
    width: 3px;
    height: 28px;
    background: #E78B0F;
}
.left-col .content-box-a a{
    color: #020F26;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
}
.left-col .content-box-a a:hover{
    color: #E78B0F;
    font-weight: 600;
}
.left-col .content-box-a a img{
    padding-right: 8px;
}
.content-box-a{
    display: flex;
    padding: 8px 0px 8px 8px;
    gap: 8px;
    align-items: center;
}
.content-box-a img{
    height: 24px;
    width: 24px;
    border-radius: 50%;
}
.cham-do-box{
    height: 8px;
    width: 8px;
    background: red;
    border-radius: 50%;
    margin-right: 8px;
    -webkit-animation: do 700ms infinite;
    -moz-animation: do 700ms infinite;
    -o-animation: do 700ms infinite;
    animation: do 700ms infinite;
}
/*  */
@-webkit-keyframes do {
  0% { background: red; }
  50% { background: #fff; }
  100% { background: red; }
  }
  @-moz-keyframes do {
  0% { background: red; }
  50% { background: #fff; }
  100% { background: red; }
  }
  @-o-keyframes do {
  0% { background: red; }
  50% { background: #fff; }
  100% { background: red; }
  }
  @keyframes do {
  0% { background: red; }
  50% { background: #fff; }
  100% { background: red; }
}
/*  */
.button-head {
    color: black;
    border: 2px solid #e7e7e7;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 6px 10px;
    gap: 8px;
    width: 210px;
    height: 32px;
}
.button-head:hover {
    background-color: #e7e7e7;
}
.head-content{
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 2px solid #F5F8FE;
}
.head-content-left{
    display: flex;
    align-items: center;
    text-align: center;
}
.head-content-right{
    display: flex;
    align-items: center;
    text-align: center;
}

.content-left-a a{
    color: #020F26;
    background: #EEEEEE;
    padding: 8px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    align-items: center;
    text-transform: capitalize;
    text-align: center;
    margin-right: 10px;
    text-decoration: none;
    display: flex;
}
.content-left-a a:hover, .content-left-a a.active{
    color: #ffffff;
    background: #E78B0F;
    padding: 8px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    align-items: center;
    text-transform: capitalize;
    text-align: center;
    margin-right: 10px;
    text-decoration: none;
}
.head-content-right a{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    color: #020F26;
}
.d-flex{
  display: flex;
}
.pright-10{
  padding-right: 10px;
}
.pr-10{
    margin-right: 8px;
    margin-bottom: 8px;
}
.tam-giac-2{
  position: absolute;
  top: 6px;
  width: 7px;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffffff;
  left: 10px;
}
.content-1{
  padding: 0 10px;
  border-bottom: 2px solid #F5F8FE;
}
.content-1 h4{
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #00141E;
    padding: 10px 0;
}
.content-1-img{
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.content-1-img img{
  padding: 6px;
  background: #FFECD3;
  border-radius: 4px;
}
.thu-ngay{
  display: flex;
  text-align: center;
  align-items: center;
}
.weekend{
  display: flex;
  text-align: center;
  align-items: center;
  margin: 8px;
}
.thu-2:hover .span-thu-2 {
  color: white; 
}
.thu-2:hover .span-thu-3 {
  color: white; 
}
.span-thu-2{
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  align-items: center;
  color: #99ADCD;
}
.span-thu-3{
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  align-items: center;
  color: #00141E;
}
.head-content-2{
  display: flex;
  /* grid-template-columns: 1fr 2fr 1fr 5fr 2fr 5fr 4fr 3fr 1fr; */
  padding: 4px;
  border-radius: 8px;
  background: #F5F8FE;
  margin: 8px;
}
.head-content-2 span{
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  align-items: center;
  color: #00141E;
}
.gio-between{
  width: 5%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.giai-between{
  width: 8%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.TT-between{
  width: 4%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.ti-so-between{
  width: 8%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.so-lieu-between{
  width: 14%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.chu-end{
  width: 20%;
  align-items: center;
  display: flex;
  justify-content: end;
}
.khach-started{
  width: 20%;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.sbobet-between{
  width: 16%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.sbobet-16{
  width: 16%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sbobet-between .button-head{ 
  width: 80px;
}
.next-between{
  width: 5%;
}
.head-content-3{
  display: flex;
  padding: 4px;
  border-radius: 8px;
  margin: 0 8px 0 8px;
  border-bottom: 2px solid #F5F8FE;
  height: 50px;
}
.gio span{
  font-size: 12px;
  line-height: 130%;
  text-transform: capitalize;
  color: #585858;
}
.gio{
  width: 5%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.gio-thong-ke span{
  font-size: 12px;
  line-height: 130%;
  text-transform: capitalize;
  color: #585858;
}
.gio-thong-ke{
  width: 20%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.giai{
  width: 8%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.giai-an{
  width: 8%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.giai-an span{
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
color: #E78B0F
}
.giai span{
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #FFFFFF;
  padding: 4px 10.5px;
  background: #FF7000;
  border-radius: 4px;
  text-align: center;
  align-items: center;
}
.TT{
  width: 4%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.TT span{
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #18A34A;
}
/*  */
@-webkit-keyframes my {
  0% { color: #18A34A; }
  50% { color: #fff; }
  100% { color: #18A34A; }
  }
  @-moz-keyframes my {
  0% { color: #18A34A; }
  50% { color: #fff; }
  100% { color: #18A34A; }
  }
  @-o-keyframes my {
  0% { color: #18A34A; }
  50% { color: #fff; }
  100% { color: #18A34A; }
  }
  @keyframes my {
  0% { color: #18A34A; }
  50% { color: #fff; }
  100% { color: #18A34A; }
}
/*  */
.TT-an, .TT-an-gray, .TT-an-main{
  width: 4%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.TT-an span{
  font-weight: 400;
  font-size: 11px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #2F80ED;
}
.TT-an-gray span{
  font-weight: 400;
  font-size: 11px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #B6B6B6;;
}
.TT-an-gray-keo span{
  font-weight: 400;
  font-size: 11px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #B6B6B6;;
  padding: 8px;
}
.ty-so{
  width: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ty-so span{
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #591D57;
  padding: 2px 10px;
  gap: 10px;
  background: #F2EDF2;
  border-radius: 4px;
  font-style: italic;
}
.ty-so-keo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ty-so-keo span{
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #591D57;
  padding: 2px 10px;
  gap: 10px;
  background: #F2EDF2;
  border-radius: 4px;
  font-style: italic;
}
.ty-so-an{
  width: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ty-so-an span{
  width: -webkit-fill-available;
  display: flex;
  justify-content: center;
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%; 
  text-transform: uppercase;
  background: linear-gradient(183.33deg, #E78B0F 49.97%, #B01000 97.25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.so-lieu{
  width: 14%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chu{
  width: 20%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.chu a {
    text-align: right;
}
.khach a {
    text-align: left;
}
.chu span{
  font-weight: 400;
  font-size: 13px;
  color: #00141E
}
.chu img{
  padding-left: 3px;
}
.khach{
  width: 20%;
  display: flex ;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
}
.khach span{
  font-weight: 400;
  font-size: 13px;
  color: #00141E
}
.khach img{
  padding-right: 3px;
}
.sbobet{
  width: 16%;
  display: block;
  text-align: center;
}
.sbobet-an{
  width: 16%;
  display: block;
  text-align: center;
}
.sbobet-black{
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  align-items: center;
  text-transform: capitalize;
  color: #585858;
}
.sbobet-red{
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  align-items: center;
  text-transform: capitalize;
  color: #EB5757;
}
.next{
  width: 5%;
  display: flex;
  align-items: center;
}
.next img:hover{
  background: #FFECD3;
}
.next img{
  padding: 8px 12px;
  gap: 10px;
  background: #F5F5F5;
  border-radius: 4px;
}
.list-social-post {
  padding: 16px;
  justify-content: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-social-post a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: 0 4px;
}
.list-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  flex-wrap: wrap;
}

.list-tags span {
  color: #00141E;
  font-size: 18px;
  font-weight: 500;
  /* color: rgba(255, 255, 255, 0.65); */
}

.list-tags a {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  background: #F5F5F5;
  border-radius: 40px;
  padding: 8px 12px;
  margin: 0 5px;
  color: #00141E;;
  text-decoration: none;
  margin: 4px;
    display: inline-block;
}
.list-tags a:hover {
  color: #E78B0F;
}
.content-6{
  text-align: center;
  border-top: 4px solid #E78B0F;
  margin: 8px;
}
.content-6 h1{
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  align-items: center;
  text-transform: uppercase;
  color: #00141E;
}
.content-7{
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0px 8px 0 8px;
}
.content-7 img{
  padding-left: 8px;
  padding-right: 16px;
}
.content-7 a{
  display: flex;
  align-items: center;
  margin: 4px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #00141E;
  background: #EDEEF2;
  padding: 7px 12px;
}
.content-7 h1{
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  align-items: center;
  text-transform: uppercase;
  color: #00141E;
}
.w-16{
  width: 16%;
}
.content-8{
  padding: 0 16px 16px 16px;
}
.about-box{
  border-top: 5px solid #E78B0F;
}
.about-box h4{
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-transform: capitalize;
  color: #350033;
  margin: 16px 0 16px 0;
}
.about-box-des{
  color: #00141E;
}
.about-box-des a{
  color: #E78B0F;
  font-weight: bold;
}
.about-box-des p{
  margin: 0;
  line-height: 160%;
}
.footer-grid{
  display: grid;
  grid-template-columns: 1.9fr 1fr;
  border-bottom: 1px solid #E78B0F;
}
.footer-grid .list-link-footer{
  display: grid;
  margin-left: 70px;
}
.text-end-footer{
  display: grid;
  grid-template-columns: 1.3fr 1fr;
}
.text-end-footer1{
  padding: 8px;
}
.head-content-BXH{
  display: flex;
    padding: 10px;
    justify-content: space-between;
}
.pr-30{
  padding-right: 30px;
}
.thu-2:hover{
  background: #E78B0F;
  border-radius: 8px;
  color: white;
}
.thu-2.active{
  background: #E78B0F;
  border-radius: 8px;
  color: white;
}
.thu-2.active span{
  color: white;
}
/* .thu-2 span:hover{
  color: white;
} */
.thu-tu-BXH{
  display: flex;
  padding: 16px;
  flex-wrap: wrap;
  border-bottom: 2px solid #F5F8FE;
}
.thu-tu-BXH a{
  color: #00141E;
}
.thu-tu-BXH .pr-10{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.number-BXH{
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  width: 34px;
  height: 34px;
  background: #EDEEF2;
  border-radius: 8px;
  justify-content: center;
  margin-right: 8px;
  margin-bottom: 8px;
}
.number-BXH.active {
    background: #FFECD3;
}
.number-BXH:hover {
    background: #FFECD3;
}
.right-BXH-main{
  display: flex;
  justify-content: end;
  padding: 8px;
  border-radius: 8px;
  margin: 8px;
}
.right-BXH{
  display: flex;
  justify-content: space-between;
  padding: 8px;
  /* border-top: 2px solid #F5F8FE; */
  background: #FEF5E9;
  border-radius: 8px;
  margin: 8px;
}
.right-BXH-head1{
  display: flex;
  align-items: center;
}
.right-BXH-head1 span{
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  color: #00141E;
  padding-left: 8px;
}
.right-BXH-head2{
  display: flex;
  align-items: center;
}

.right-BXH-1 a{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
  border-right: 1px solid #D0CECE;
  padding-right: 26px;
}
.right-BXH-2 a{
  padding-left: 16px;
  padding-right: 16px;
  border-right: 1px solid #D0CECE;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
}
.right-BXH-3 a{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
  padding-left: 16px;
}
.text-BXH-main{
  display: flex;
}
.text-BXH-main-1{
  display: flex;
  height: 54px;
}
.BXH-main{
  padding: 9px 16px;
  background: #F5F5F5;
}
.BXH-main span{
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #00141E;
}
.BXH-main-1{
  padding: 0px 16px;
  border-bottom: 2px solid #F5F8FE;
}
.BXH-main-1 span{
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #00141E;
}
.XH-BXH{
  width: 50px;
  display: flex;
  justify-content: center;
}
.XH-BXH-1{
  width: 50px;
  display: flex;
  justify-content: center;
  border-bottom: 4px solid #27AE60;
}
.XH-BXH-4{
  width: 50px;
  display: flex;
  justify-content: center;
  border-bottom: 4px solid #F2994A;
}
.XH-BXH-5{
  width: 50px;
  display: flex;
  justify-content: center;
}
.doi-bong-BXH{
  width: 200px;
}
.doi-bong-BXH-1{
  width: 200px;
  display: flex;
  align-items: center;
}
.doi-bong-BXH-1 img{
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.doi-bong-BXH-1 span{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #00141E;
}
.doi-bong-BXH span{
  justify-content: flex-start;
}
.ST-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.T-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.H-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.B-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.TG-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.TH-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.HS-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.Đ-BXH{
  width: 65px;
  display: flex;
  justify-content: center;
}
.nam-tran-BXH{
  width: 134px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.border-bt{
  border-bottom: 4px solid #e78b0f;
}
.bread-crum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  background: #E2E5F1;
  border-radius: 4px;
  padding: 10px;
  margin: 16px 0;
}

.bread-crum a {
  color: #00141E;;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
}

.bread-crum .left-bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bread-crum .left-bread a:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bread-crum .left-bread a:first-child svg {
  margin-top: -2px;
}

.bread-crum .left-bread span {
  padding: 0 10px;
  color: #00141E;
}
.right-bread{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: #00141E;
}
.right-col-head{
  margin: 16px;
}
.right-col-head h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  text-transform: capitalize;
  color: #00141E;
  margin-bottom: 16px;
}
.right-col-bottom{
  margin-bottom: 16px;
}
.post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16px;
}

.post-meta .post-meta-ava {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.post-meta .post-meta-ava img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-right: 10px;
  border: 1px solid #323D50;
}

.post-meta .post-meta-ava span {
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
  color: #00141E;
}

.post-meta .list-social-post {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-meta .list-social-post a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: 0 4px;
}
.khung-ti-so{
  border-radius: 8px;
  background: linear-gradient(93.8deg, rgba(74, 210, 149, 0.5) 28.54%, rgba(94, 178, 252, 0.5) 84.37%);
  padding: 16px 0 23px 0;
  margin: 0 16px;
}
.khung-ti-so-1{
  display: grid;
  text-align: center;
}
.khung-ti-so-2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.khung-ti-so-2-1, .khung-ti-so-2-3{
  display: block;
}
.khung-ti-so-2-2{
  display: grid;
  text-align: center;
    height: 100%;
}
.khung-ti-so-2-2 .khung-0-4{
  font-weight: 700;
  font-size: 48px;
  line-height: 130%;
  color: #591D57;
    display: block;
}
.khung-hiep-mot{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #00141E;
}
.khung-ti-so-2-2-flex .khung-mot-red{
  color: red;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding-left: 8px;
}
.khung-ti-so-2-1 {
    padding-left: 10px;
    height: 100%;
}
.khung-ti-so-2-3 {
    padding-right: 10px;
    text-align: right;
    height: 100%;
}
.khung-ti-so-2-1 img{
  width: 75px;
  height: 75px;
  border-radius: 100px;
    display: block;
}
.khung-ti-so-2-3 img{
  width: 75px;
  height: 75px;
  border-radius: 100px;
    display: block;
    margin-left: 100%;
    transform: translateX(-100%);
}
.khung-ti-so-2-1 span{
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #00141E;
  margin-top: 16px;
    display: inline-block;
}
.khung-ti-so-2-3 span{
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #00141E;
  margin-top: 16px;
    display: inline-block;
}
.khung-ti-so-1 .span-khung-1{
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  text-transform: capitalize;
  color: #00141E;
}
.khung-ti-so-1 .span-khung-2{
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  text-transform: capitalize;
  color: #E78B0F;
}
.khung-ti-so-3{
  display: flex;
  justify-content: center;
}
.khung-ti-so-3-1{
  padding: 9px 16px;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}
.khung-ti-so-3-1 .span-ket-thuc{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #16171B;
}
.khung-ti-so-3-1 .span-ket-thuc2{
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: black;
  padding-left: 8px;
}
.khung-ti-so-2-2-flex{
  display: flex;
  justify-content: center;
}
.tuong-thuat{
  display: flex;
  margin: 32px 16px 16px 16px;
  border-bottom: 2px solid #F5F8FE;
}
.tuong-thuat a{
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #00141E;
  margin-left: 10px;
  padding-bottom: 5px;
  border-bottom: 3px solid #FFFFFF;
}
.tuong-thuat a:hover{
  font-weight: 600;
  color: #E78B0F;
  border-bottom: 3px solid #E78B0F;
}
.tuong-thuat-2{
  display: flex;
  margin: 0 16px 16px 16px;
  border-bottom: 2px solid #F5F8FE;
  border-top: 2px solid #F5F8FE;
}
.tuong-thuat-2 span{
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #00141E;
  margin-left: 32px;
  padding: 16px
}
.tuong-thuat-2 span:hover{
  font-weight: 600;
  color: #E78B0F;
  border-bottom: 3px solid #E78B0F;
}
.dien-bien{
  background: #EDEEF2;
  display: flex;
  justify-content: space-between;
  margin: 16px 16px 0 16px;
  padding: 9.5px 16px;
  border-radius: 8px;
}
.dien-bien-chinh{
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: #00141E;
}
.dien-bien-phu{
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: #E78B0F;
}
.dien-bien-main{
  padding: 8px;
  display: grid;
  grid-template-columns: 1fr 10fr;
  border-bottom: 2px solid #F5F8FE;
}
.dien-bien-main-1{
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #00141E;
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-top: 3px;
}
.dien-bien-main-2{
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.dien-bien-main-2 img{
  padding-right: 8px;
}
.dien-bien-main-2 span{
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #00141E;
}
.dien-bien-main-2-1{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #555E61;
  margin-top: 8px;
}
.dien-bien-main-2-2{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #00141E;
}
.bg-img{
  border-radius: 8px;
  margin-top: 8px;
}
.side-bar{
  background: #EDEEF2;
  box-shadow: 0px 2px 0px #ff6f00;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10.5px 16px;
  gap: 8px;
  margin: 16px;
}
.side-bar span{
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  color: #00141E;
}
.doi-hinh{
  position: relative;
  width: auto;
  height: 500px;
  margin: 16px 24px;
  background: url(../img2gon/san-bong.png);
}
.pitch-row{
  width: 13%;
  text-align: center;
  position: absolute;
  top: 47%;
}
.player-name{
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.duoi-doi-hinh{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.duoi-doi-hinh-HLV{
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #F5F5F5;
  box-shadow: 0px 1px 0px #ff6f00;
  border-radius: 8px 8px 0px 0px;
  margin: 0 16px;
}
.duoi-doi-hinh-1{
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 8px 16px;
}
.duoi-doi-hinh-1 span{
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #00141E;
  padding-right: 8px;
  text-transform: capitalize;
}
.duoi-doi-hinh-2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px;
}
.duoi-doi-hinh-2 span{
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #00141E;
  padding-left: 8px;
  text-transform: capitalize;
}
.bon-cot{
  display: grid;
  grid-template-columns: 10fr 1.3fr 1.3fr 10fr;
  background: white;
  margin: 0 16px;
  border-bottom: 2px solid #F5F8FE;
  border-right: 2px solid #F5F8FE;
  border-left: 2px solid #F5F8FE;
  margin-top: 1px;
}
.bon-cot-1{
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 8px;
  border-right: 2px solid #F5F8FE;
}
.bon-cot-1 span{
  padding-right: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
}
.bon-cot-1 img{
  padding-right: 16px;
}
.bon-cot-2{
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
  border-right: 2px solid #F5F8FE;
}
.bon-cot-3{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
}
.bon-cot-3 span{
  padding-left: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
}
.bon-cot-3 img{
  padding-left: 16px;
}
.ti-le-cuoc{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 16px 27.6px 0 27.6px;
  border: 2px solid #F5F8FE;
}
.ti-le-cuoc span{
  padding: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #00141E;
  align-items: center;
  display: flex;
  justify-content: center;
}
.ti-le-cuoc-2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 27.6px 16px 27.6px;
  border: 2px solid #F5F8FE;
  border-top: none;
}
.ti-le-cuoc-2-1{
  display: flex;
  justify-content: space-around;
  padding: 12px;
}
.ti-le-cuoc-2-1 .span-blue{
  font-size: 16px;
  line-height: 19px; 
  text-transform: capitalize;
  color: #09C4FF;
}
.ti-le-cuoc-2-1 .span-black{
  font-size: 16px;
  line-height: 19px; 
  text-transform: capitalize;
  color: #00141E;
}
.ti-le-cuoc-2-1 .span-red{
  font-size: 16px;
  line-height: 19px; 
  text-transform: capitalize;
  color: #F70D28;
}
.border-lr{
  border-left: 2px solid #F5F8FE;
  border-right: 2px solid #F5F8FE;
}
.thong-ke{
  display: flex;
  justify-content: center;
}
.thong-ke-1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  color: #00141E;
    padding: 8px 16px;
    gap: 10px;
    border-radius: 40px;
    background: #F5F5F5;
    margin: 0 8px;
    width: 21%;
    text-align: center;
    cursor: pointer;
}
.thong-ke-1:hover, .thong-ke-1.active {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  background: #E78B0F;
    color: #FFFFFF;
}
.thang-hoa-bai{
  display: flex;
  justify-content: center;
  align-items: center;
}
.thang-hoa-bai img{
  padding: 8px;
}
.thang-hoa-bai span{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #00141E;
  padding: 8px 8px 8px 0px;
}
.thang-hoa-bai .thanh-xanh{
  display: flex;
  align-items: center;
  width: 32px;
  height: 4px;
  background: #27AE60;
  margin: 8px;
}
.thang-hoa-bai .thanh-cam{
  display: flex;
  align-items: center;
  width: 32px;
  height: 4px;
  margin: 8px;
  background: #F2994A;
}
.thang-hoa-bai .thanh-do{
  display: flex;
  align-items: center;
  width: 32px;
  height: 4px;
  margin: 8px;
  background: #EB5757;;
}
.comment-box {
  margin: 16px;
  padding: 16px;
  background: #EDEEF2;
  box-shadow: inset 0px 2px 0px #e78b0f;
  border-radius: 0px 0px 16px 16px;
}
.comment-box .title-com {
  font-size: 18px;
  font-weight: 500;
  color: #00141E;
}
.comment-box-1{
  padding: 20px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.icon-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.65);
}
.icon-and-text svg {
  width: 36px;
  height: 36px;
  margin: 0 8px;
}
.send-content {
  position: relative;
}
.send-content textarea {
  width: calc(100% - 32px);
  height: 60px;
  border-radius: 4px;
  background: #FFFFFF;
  padding: 16px;
  border: none;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #00141E;
}
.send-content .btn-emoji {
  position: absolute;
  top: 10px;
  right: 10px;
}
.text-gray{
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  align-items: center;
  color: #555E61;
}
.side-bar-nhan-dinh{
  box-shadow: 0px 2px 0px #ff6f00;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 14px;
  gap: 8px;
}
.side-bar-nhan-dinh span{
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  align-items: center;
  text-transform: uppercase;
  color: #00141E;
}
.nhan-dinh-cac-tran{
    display: grid;
    grid-template-columns: 2fr 8fr;
    align-items: center;
    padding: 9px 0 9px 0;
    margin: 0 8px;
    border-bottom: 2px solid #F5F8FE;
}
.span-nhan-dinh-1{
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 6px 10px;
  background: #FD3B3B;
  border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
}
.span-nhan-dinh-3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
    color: #591D57;
    padding: 6px 10px;
  background: #F2EDF2;
  border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
}
.span-nhan-dinh-2{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  color: #000000;
    vertical-align: middle;
}
.nhan-dinh-theo-giai{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  height: 58px;
  background: #F5F5F5;
  box-shadow: inset 0px -1px 0px #eeeeee;
}
.nhan-dinh-theo-giai-text{
  flex-direction: row;
  align-items: center;
  gap: 32px;
  height: 58px;
  background: #F5F5F5;
  box-shadow: inset 0px -1px 0px #eeeeee;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding-left: 28px;
  color: #00141E;
}
.tin-nhan-dinh{
  display: inline-block;
  margin: 0 16px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 2px solid #F5F8FE;
}
.tin-nhan-dinh-span1{
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #393939;
}
.tin-nhan-dinh-span1:hover{
  color: #E78B0F;
}
.tin-nhan-dinh-span2{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #393939;
}
.list-tags .tin-nhan-dinh-span3{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #757575;
    display: inline-block;
    margin: 5px 0;
}
.tin-nhan-dinh-right{
    display: inline-block;
    width: 30%;
    margin-left: 20px;
}
.tin-nhan-dinh-left {
    width: 65%;
    float: left;
}
.tin-nhan-dinh-left3 > .list-tags{
  padding: 0;
}
.xem-them{
  display: flex;
  justify-content: center;
}
.xem-them a{
  padding: 9px 68.5px;
  background: #EDEEF2;
  border-radius: 8px;
  margin: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #00141E
}
.tin-tuc-main{
  display: flex;
  justify-content: center;
  width: auto;
  height: auto;
  background: #FFFFFF;
  padding: 0 16px;
}
.tin-tuc-button{
  width: 100%;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  margin: 16px;
  flex-wrap: wrap;
}
.tin-tuc-button-1{
  padding: 8px 16px;
  background: #591D57;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  align-items: center;
  text-transform: capitalize;
  color: #FFFFFF;
}
.two-col-2{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.col-left-2{
  width: 68%;
}
.col-left-3{
  width: 100%;
}
.col-right-2{
  width: 31%;
}
.col-right-2 img{
  width: 100%;
}
.tin-1 img{
  width: 100%;
}
.mt-8{
  margin-top: 8px;
}
.mt-24{
  margin-top: 24px;
}
.mt-34{
  margin-top: 34px;
}
.tin-1-a a{
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  color: #00141E;
  margin-top: 8px;
}
.tin-1-a a:hover{
  color: #E78B0F;
}
.tin-hl-a a{
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  text-transform: capitalize;
  color: #00141E;
}
.tin-hl-a a:hover{
  color: #E78B0F;
}
.tin-3-a a{
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #00141E;
}
.tin-3-a a:hover{
  color: #E78B0F;
}
.tin-3-hl a{
  font-weight: 500;
  font-size: 15px;
  line-height: 130%;
  color: #00141E;
}
.tin-3-hl a:hover{
  color: #E78B0F;
}
.tin-4-a a{
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #00141E;
}
.tin-4-a a:hover{
  color: #E78B0F;
}
.tin-4 .mot-phut{
  margin-left: 0;
}
.tin-3{
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 2px solid #F5F8FE;
}
.pr-24{
  padding-right: 24px;
}
.between-img{
  display: flex;
  align-items: center;
}
.between-img img{
  width: 100%;
}
.Ngoai-hang-anh{
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #591D57;
  padding: 5px 12px;
  background: rgba(89, 29, 87, 0.1);
  border-radius: 4px;
}
.mot-phut{
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #757575;
  margin-left: 8px;
}
.mot-phut-hl{
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #757575;
}
.tin-1-span{
  font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #555E61;
    margin-top: 8px;
}
.arsenal a{
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  color: #E78B0F;
  padding: 5px 14px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 40px;
  margin-right: 16px;
}
.col-right-a{
  margin: 8px 8px 0 8px;
  border-bottom: 2px solid #F5F8FE;
}
.col-right-a a:hover{
  color: #E78B0F;
}
.col-right-a a{
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  text-transform: capitalize;
  color: #00141E;
  align-items: center;
  margin-bottom: 16px;
}
.col-right-span{
  margin: 8px 8px 0px 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #F5F8FE;
}
.col-right-span span{
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-transform: capitalize;
  color: #00141E;
}
.xem-nhieu{
  background: black;
  background: #350033;
  border-radius: 4px 4px 0px 0px;
  padding: 16px 14px 16px 0;
}
.head-xem-nhieu{
  display: flex;
  justify-content: space-between;
}
.head-xem-nhieu span{
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-left: 14px;
  border-left: 5px solid #EF4123;
}
.head-xem-nhieu a{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: right;
  color: #FFFFFF;display: flex;
  justify-content: space-between;
  align-items: center;
}
.xem-nhieu-right{
  padding: 8px;
  border: 2px solid #F5F8FE;
  border-radius: 0 0 12px 12px;
}
.tim-kiem-2{
  display: flex;
  align-items: center;
}
.tim-kiem-2 span{
  padding-left: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #020F26;
}
.tim-kiem-2 img{
  width: auto;
}
.tim-kiem-nhieu {
  background: #F5F5F5;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 16px;
  margin-top: 24px;
}
.tim-kiem-nhieu-2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.tim-kiem-nhieu-2 a{
  background: #FFFFFF;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #00141E;
  border-radius: 4px;
  margin: 4px;
}
/*  */
.short-news {
  background: #ffffff;
  padding: 10px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.top-short-news img {
  border-radius: 4px;
}
.carousel-news {
  width: 100%;
  margin: 0px auto;
}

.item-cai > a {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #020F26;
  text-decoration: none;
}

.item-cai > a:last-child {
  display: block;
  margin-top: 16px;
}

.item-cai.cai-news > div {
  margin-top: 10px;
  font-size: 13px;
}

.item-cai.cai-news > div a {
  font-weight: 500;
  color: #F70D28;
  text-decoration: none;
}

.item-cai.cai-news > div span {
  color: #757575;
  /* padding-left: 10px; */
}

.item-cai.cai-news > a:last-child {
  margin-top: 5px;
}

.slick-slide img {
  width: 100%;
}

.slick-slide {
  margin: 8px;
}

.slick-dots li button:before {
  font-size: 11px;
  opacity: 1;
  color: #E0E0E0;
}

.slick-dots li.slick-active button:before {
  content: "";
  width: 20px;
  height: 8px;
  border-radius: 4px;
  opacity: 1;
  background: #591D57;
  top: 5px;
}
.slick-slider{
  position:relative;
  display:block;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list{
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0
}
.slick-list:focus{
  outline:0
}
.slick-list.dragging{
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}.slick-track{
  position:relative;
  top:0;
  left:0;
  display:block
}
.slick-track:before,.slick-track:after{
  display:table;
  content:''
}
.slick-track:after{
  clear:both
}
.slick-loading .slick-track{
  visibility:hidden
}
.slick-slide{
  display:none;
  float:left;
  height:100%;
  min-height:1px
}
[dir='rtl'] 
.slick-slide{
  float:right
}
.slick-slide img{
  display:block
}
.slick-slide.slick-loading img{
  display:none
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-initialized .slick-slide{
  display:block
}
.slick-loading .slick-slide{
  visibility:hidden
}
.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden{display:none}
/*  */
.grid-keo{
  display: flex;
  background: #591D57;
  border-radius: 8px;
  margin: 8px;
}
.grid-keo span{
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  align-items: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.keo-ti-so{
  text-align: center;
  display: flex;
  align-items: center;
  width: 15%;
  padding: 12px;
  border-right: 1px solid white;
}
.keo-tran-dau{
  text-align: center;
  width: 25%;
  padding: 12px;
  border-right: 1px solid white;
}
.keo-ca-tran{
  border-right: 1px solid whitesmoke;
}
.keo-ca-tran, .keo-hiep-1{
  width: 30%;
}
.keo-ca-tran-1{
  text-align: center;
  padding: 4px;
  border-bottom: 1px solid white;
}
.keo-ca-tran-2{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}
.keo-ca-tran-2 span{
  padding: 8px;
}
.border-r{
  border-right: 1px solid white;
}
.keo-text-xanh a{
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: #27AE60;
}
/*  */
.grid-keo-main{
  display: flex;
   background: #F5F8FE;
  margin: 0 8px;
  border-bottom: 1px solid #E2E2E2;
}
.keo-ti-so-main{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
  padding: 12px;
  border-right: 1px solid #E2E2E2;
}
.keo-tran-dau-main{
  width: 25%;
  padding: 12px;
  border-right: 1px solid #E2E2E2;
}
.keo-ca-tran-main, .keo-hiep-1-main{
  width: 30%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.text-between-keo{
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 0 12px;
}
.text-between-do{
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  color: #EB5757;
}
.text-between-den{
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  color: #020F26;
}
.border-r-gray{
  border-right: 1px solid #E2E2E2;
}
.doi-bong-BXH-2{
  width: 200px;
  display: flex;
  align-items: center;
}
.doi-bong-BXH-2 span{
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #00141E;
}
.border-r-gray-none{
  border-right: none;
}
footer .social-list{
  margin: 16px 0;
}
.video-bong-da{
  background: #FEF5E9;
  border-radius: 8px;
}
.video-bong-da-2{
  display: flex;
  justify-content: space-between;
  margin: 0 16px 16px 16px;
  border-top: 1px solid #E78B0F;
  padding-top: 16px;

}
.video-bong-da-2 img{
  border-radius: 8px;
}
.grid-video{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.tin-4{
  margin: 0 0 0 16px;
}
/* .tin-5 img{
  padding-right: 14px;
} */
.side-bar-video{
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 16px 0;
  border-radius: 8px 8px 0 0;
}
.side-bar-video span{
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #E78B0F;
  padding-left: 16px;
  border-left: 4px solid #E78B0F;
}
.side-bar-video a{
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #00141E;
  align-items: center;
  display: flex;
}
.hight-light{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  grid-column-gap: 24px;
}
.head-col-hight-light{
  display: flex;
  align-items: center;
  padding-bottom: 7px;
  border-bottom: 2px solid #EF4123;
}
.head-col-hight-light span{
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #EF4123;
}
.head-col-hight-light img{
  padding-right: 8px;
}
.scroll-x {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 8px;
}

.scroll-x::-webkit-scrollbar {
  height: 8px;
}

.scroll-x::-webkit-scrollbar-track {
  background: transparent;
}

.scroll-x::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}

.scroll-x::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 8px;
}
.flex-cham-do{
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll-x, .scroll-y {
  scrollbar-width: thin!important;
  max-height: 500px;
}

.scroll-y {
  height: 365px;
  overflow-y: auto;
  width: 100%;
  position: relative;
}
.scroll-x {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 8px;
}
.post-content {
    line-height: 22px;
}
.mce-toc>ul {
    background: #F5F5F5;
    border-radius: 8px;
    padding: 16px;
    margin: 16px;
}
.mce-toc ul li {
    
}
.mce-toc ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #076DB6;
    display: block;
    position: relative;
    padding: 6px 8px;
}
.mce-toc ul li a::before {
    content: "";
    width: 15px;
    height: 15px;
    top: 9px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}
.tron-cam{
    width: 8px;
    height: 8px;
    background: #E78B0F;
    border-radius: 50%;
}
@-webkit-keyframes cam {
    0% { background: #E78B0F; }
    50% { background: #fff; }
    100% { background: #E78B0F; }
}
@-moz-keyframes cam {
    0% { background: #E78B0F; }
    50% { background: #fff; }
    100% { background: #E78B0F; }
}
@-o-keyframes cam  {
    0% { background: #E78B0F; }
    50% { background: #fff; }
    100% { background: #E78B0F; }
}
@keyframes cam  {
    0% { background: #E78B0F; }
    50% { background: #fff; }
    100% { background: #E78B0F; }
}
.flex-soi-keo{
    display: flex;
    justify-content: center;
    margin-bottom: 2px;
}
#ti-le-soi-keo-1{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #591D57;
    padding: 8px 33.5px;
    background: #FFFFFF;
    margin-right: 1px;
}
#ti-le-soi-keo-2{
    padding: 8px 33.5px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #E78B0F;
}
.main-soi-keo{
    margin: 16px;
}
.main-soi-keo img{
    width: 100%;
}
.main-soi-keo h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #00141E;
}
.main-soi-keo h2{
    line-height: 22px;
    color: #00141E;
}
.main-soi-keo p{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #00141E;
}
.tin-tuc-soi-keo{
    margin: 20px 16px;
}
.tin-tuc-soi-keo-2{
    padding: 16px;
    background: #F5F5F5;
    border-radius: 16px;
}
.side-bar-soi-keo{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #00141E;
    padding-left: 8px;
    border-left: 4px solid #E78B0F ;
}
.chua-da{
    display: flex;
    align-items: center;
    justify-content: center;
}
.chua-da span{
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #3A91FA;
}
@-webkit-keyframes chua-da {
    0% { color: #3A91FA; }
    50% { color: #fff; }
    100% { color: #3A91FA; }
}
@-moz-keyframes chua-da {
    0% { color: #3A91FA; }
    50% { color: #fff; }
    100% { color: #3A91FA; }
}
@-o-keyframes chua-da  {
    0% { color: #3A91FA; }
    50% { color: #fff; }
    100% { color: #3A91FA; }
}
@keyframes chua-da  {
    0% { color: #3A91FA; }
    50% { color: #fff; }
    100% { color: #3A91FA; }
}
.content-text-soi-keo-1{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #393939
}
.tin-3-soi-keo{
    display: grid;
    grid-template-columns: 3fr 6fr 1fr 2fr;
    padding-bottom: 16px;
    border-bottom: 2px solid #F5F8FE;
}
.ty-so-soi-keo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ty-so-soi-keo span {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #591D57;
    padding: 2px 3px;
    gap: 10px;
    background: #F2EDF2;
    border-radius: 4px;
    font-style: italic;
}
.p-16{
    padding: 0 16px;
}
.hoa-keo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.thua-keo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.thang-keo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.hoa-keo span{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #591D57;
    padding: 4.5px 2.5px;
    background: #F2C94C;
    border-radius: 4px;
}
.thua-keo span{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #555E61;
    padding: 4.5px 2.5px;
    background: #EDEEF2;
    border-radius: 4px;
}
@-webkit-keyframes hoa {
    0% { background: #F2C94C; }
    50% { background: #fff; }
    100% { background: #F2C94C; }
    0% { color: #591D57; }
    50% {color: #fff; }
    100% { color: #591D57; }
}
@-moz-keyframes hoa {
    0% { background: #F2C94C; }
    50% { background: #fff; }
    100% { background: #F2C94C; }
    0% { color: #591D57; }
    50% {color: #fff; }
    100% { color: #591D57; }
}
@-o-keyframes hoa  {
    0% { background: #F2C94C; }
    50% { background: #fff; }
    100% { background: #F2C94C; }
    0% { color: #591D57; }
    50% {color: #fff; }
    100% { color: #591D57; }
}
@keyframes hoa  {
    0% { background: #F2C94C; }
    50% { background: #fff; }
    100% { background: #F2C94C; }
    0% { color: #591D57; }
    50% {color: #fff; }
    100% { color: #591D57; }
}
.thang-keo span{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 4.5px 1.5px;
    background: #11B90D;
    border-radius: 4px;
}
@-webkit-keyframes thang {
    0% { background: #11B90D; }
    50% { background: #fff; }
    100% { background: #11B90D; }
}
@-moz-keyframes thang {
    0% { background: #11B90D; }
    50% { background: #fff; }
    100% { background: #11B90D; }
}
@-o-keyframes thang  {
    0% { background: #11B90D; }
    50% { background: #fff; }
    100% { background: #11B90D; }
}
@keyframes thang  {
    0% { background: #11B90D; }
    50% { background: #fff; }
    100% { background: #11B90D; }
}
.xem-them-2 {
    display: flex;
    justify-content: center;
}
.xem-them-2 a {
    padding: 9px 68.5px;
    background: #FFFFFF;
    border-radius: 8px;
    margin: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #00141E;
}
.side-bar-soi-keo-2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #00141E;
    padding-bottom: 8px;
    border-bottom: 2px solid #E78B0F;
}
.fill-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.grid-video-1 {
    display: block;
    margin-left: 16px;
}
.grid-video-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}
.mt-32{
    margin-top: 32px;
}
.right-col-1{
    width: 100%;
}
.container-two-col{
    width: auto;
    padding: 16px;
}
.grid-tin-chi-tiet{
    display: grid;
    grid-template-columns: auto auto;
}
.left-16{
    margin-left: 16px;
}
.left-16 img{
    width: 100%;
}
.search-box-content {
    width: 74%;
    margin: auto;
    padding: 30px 0 50px 0;
}
.search-box-content .search-input {
    position: relative;
}
.search-box-content .search-input input {
    width: 100%;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 0 20px;
    font-size: 16px;
    color: black;
    padding-right: 50px;
}
.search-box-content .search-input button {
    border: none;
    position: absolute;
    top: 16px;
    right: 20px;
    background: 0 0;
}
.danh-sach-cau-thu{
    background: #FFFFFF;
}
.text-cau-thu{
    display: flex;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 4px solid #E78B0F;
}
.text-cau-thu span{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    color: #00141E;
    padding-right: 8px;
}
.text-cau-thu a{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #E78B0F;
}
.list-cau-thu{
    padding: 24px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.card-post {
    position: relative;
}
.card-post .tag-post {
    position: absolute;
    top: 16px;
    left: 16px;
}
.card-post .tag-post img{
    width: 25px;
    height: 25px;
}
.card-post .text-post {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 16px 10px 16px;
    background: linear-gradient(356.29deg, #350033 20.14%, rgba(53, 0, 51, 0) 100.59%);
    border-radius: 4px;
    width: calc(100% - 32px);
}
.card-post .text-post .time {
    font-size: 13px;
}
.card-post .text-post a {
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fill-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.so-10 span{
    font-weight: 700;
    font-size: 38px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}
.ten-cau-thu span{
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
}
.flex-center{
    display: flex;
    align-items: center;
}
.flex-center img{
    width: 14px;
    height: 14px;
    padding-right: 8px;
}
.flex-center span{
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #FFFFFF;
}
.about-box p{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #00141E;
    margin-top: 24px;
    margin-bottom: 0;
}
.dropdown {
    width: 155px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 4px;
    position: relative;
    display: inline-block;
}
.dropdown .dropbtn {
    height: 32px;
    width: 100%;
    color: #000;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}
.dropdown .dropbtn svg {
    margin-left: 5px;
}
.dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    width: 100%;
    -webkit-box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
}
.dropdown .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown .dropdown-content a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: rgba(229, 230, 232, 0.2);
}
.mr-32{
    margin-right: 32px;
}
.tim-kiem-chose{
    display: flex;
    justify-content: center;
    margin-bottom: 38px;
}
.text-tim-kiem{
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-left: 3px solid #E78B0F;
    margin-left: 12px;
}
.danh-sach-cau-thu-text {
    background: #FFFFFF;
    padding-top: 16px;
}
.text-tim-kiem span {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #00141E;
    padding-right: 8px;
}
.text-tim-kiem a {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #00141E;
}
.content-fifa{
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 2px solid #F5F8FE;
}
.content-fifa h4{
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #00141E;
}
.fifa-world{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    border-bottom: 2px solid #F5F8FE;
    border-top: 2px solid #F5F8FE;
}
.fifa-world-1{
    padding: 8px;
    gap: 10px;
    background: #EDEEF2;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #020F26;
    margin: 0 5px;
}
.fifa-world-1:hover, .fifa-world-1.active {
    background: #E78B0F;
    color: #FFFFFF;
    font-weight: 500;
}
.search-fifa {
    width: 86%;
    margin: auto;
    padding: 13px 0;
}
.search-fifa .search-input {
    position: relative;
}
.search-fifa .search-input input {
    width: 100%;
    height: 34px;
    background: #EDEEF2;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: black;
    padding-right: 50px;
    text-align: center;
}
.search-fifa .search-input button {
    border: none;
    position: absolute;
    top: 8px;
    right: 61%;
    background: 0 0;
}
.head-content-fifa{
    display: grid;
    grid-template-columns: 1fr 5fr 2fr 2fr 2fr 2fr 4fr;
    padding: 4px;
    border-radius: 8px;
    background: #F5F5F5;
    margin: 8px;
    align-items: center;
}
.head-content-fifa span{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
    color: #00141E;
    display: flex;
    align-items: center;
    justify-content: center;
}
.doi-tuyen-fifa span{
    justify-content: flex-start;
}
.XH-fifa{
    padding: 9px 8px
}
.doi-tuyen-fifa{
    padding: 9px 8px
}
.KV-fifa{
    padding: 9px 8px
}
.diem-fifa{
    padding: 9px 8px
}
.cong-tru-fifa{
    padding: 9px 8px
}
.diem-truoc-fifa{
    padding: 9px 8px
}
.nam-tran-fifa{
    padding: 9px 8px
}
.head-content-fifa-1 {
    display: grid;
    grid-template-columns: 5% 30% 11% 10% 10% 11% 25%;
    padding: 4px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px -1px 0px #EEEEEE;
    margin: 8px;
    align-items: center;
}
.doi-tuyen-fifa-1{
    display: flex;
    align-items: center;
}
.doi-tuyen-fifa-1 img{
    height: 20px;
    width: 20px;
    padding-right: 8px;
}
.doi-tuyen-fifa-1 span{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #00141E;
}
.nam-tran-fifa-1{
    display: flex;
    justify-content: center;
}
.nam-tran-fifa-1 img{
    padding: 0 2px;
}
.XH-fifa-1{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #00141E;
    justify-content: center;
    padding: 9px 8px;
}
.doi-tuyen-fifa-1{
    padding: 9px 8px;
}
.doi-tuyen-fifa-1 span{
    width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.KV-fifa-1{
    padding: 9px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #555E61;
}
.diem-fifa-1{
    padding: 9px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #00141E;
}
.cong-tru-fifa-1{
    padding: 9px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #555E61;
}
.diem-truoc-fifa-1{
    padding: 9px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #555E61;
}
.nam-tran-fifa-1{
    padding: 9px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xem-them:hover a{
    background: #E78B0F;
    color: #FFFFFF;
}
.xem-them-2:hover a{
    background: #E78B0F;
    color: #FFFFFF;
}
.top-ghi-ban {
    display: grid;
    grid-template-columns: 1fr 5fr 3fr 3fr;
    padding: 4px;
    border-radius: 8px;
    background: #F5F5F5;
    margin: 0 8px;
    align-items: center;
}
.top-ghi-ban-1 {
    display: grid;
    grid-template-columns: 1fr 5fr 3fr 3fr;
    border-radius: 8px;
    margin: 0 8px;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px -1px 0px #EEEEEE;
}
.top-ghi-ban span{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #00141E;
    justify-content: center;
}
.cau-thu-fifa span{
    justify-content: flex-start;
}
.TT-fifa, .cau-thu-fifa, .doi-bong-fifa, .so-ban-fifa{
    padding: 9px 8px;
}
.TT-fifa-1{
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 20px;
}
.cau-thu-fifa-1{
    display: flex;
    align-items: center;
}
.cau-thu-fifa-1 img{
    height: 30px;
    width: 30px;
    padding-right: 8px;
}
.cau-thu-fifa-1 span{
    width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #00141E;
}
.doi-bong-fifa-1{
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.so-ban-fifa-1{
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.img-404{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.img-404 img{
    width: auto;
}
.text-404-yellow{
    display: flex;
    justify-content: center;
    margin-top: 33px;
}
.text-404-yellow span{
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #E78B0F;
}
.text-404 {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: #00141E;
}
.end-404{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 44px;
}
.end-404 a{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #E78B0F;
    padding: 16px 58px;
    border: 1px solid #E78B0F;
    border-radius: 50px;
    margin-right: 50px;
}
.end-404 .search-input{
    position: relative;
}
.end-404 .search-input input {
    width: 100%;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 50px;
    padding: 0 20px;
    padding-right: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #00141E;
}
.end-404 .search-input button {
    border: none;
    position: absolute;
    top: 16px;
    right: 20px;
    background: 0 0;
}
.text-CLB {
    display: flex;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 4px solid #E78B0F;
}
.text-CLB .dropdown {
    width: auto;
}
.text-CLB span {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    color: #00141E;
    padding-right: 32px;
}
.list-CLB {
    padding: 24px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}
.cac-CLB{
    display: block;
    text-align: center;
    margin-top: 20px;
}
.cac-CLB img{
    display: block;
    text-align: center;
    margin-bottom: 16px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.cac-CLB span{
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #00141E;
}
.danh-sach-CLB {
    background: #FFFFFF;
}
.thong-tin-CLB{
    margin-top: 24px;
    background-image: url(/themes/default/img2gon/bg-match-info.png);
    background-size: cover;
    border-radius: 8px;
    padding: 24px 26px 32px 30px;
    display: grid;
    grid-template-columns: 1.4fr 1.2fr 1fr;
}
.thong-tin-left{
    display: flex;
    align-items: center;
}
.CLB-img{
    padding: 5.5px;
    margin-right: 10px;
    width: 125px;
    height: 125px;
}
.CLB-img img{
    width: 125px;
    height: 125px;
}
.CLB-left{
    display: grid;
    grid-row-gap: 16px;
}
.text-CLB-left{
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #FFFFFF;
}
.d-flex-CLB{
    display: flex;
    align-items: center;
}
.d-flex-CLB img{
    margin-right: 12px;
}
.d-flex-CLB span{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}
.thong-tin-between{
    display: grid;
    grid-row-gap: 16px;
    padding: 0 16px;
    border-right: 4px dotted #FFFFFF;
    border-left: 4px dotted #FFFFFF;
}
.thong-tin-right{
    display: grid;
    grid-row-gap: 22.5px;
    padding: 0 16px;
}
.text-center-CLB{
    display: flex;
    align-items: center;
}
.text-center-CLB-1{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-transform: capitalize;
    color: #FFEBFE;
    opacity: 0.85;
    padding-right: 24px;
    width: 35%;
}
.text-center-CLB-2{
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    text-transform: capitalize;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text-center-CLB a{
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #4B97FE;
}
.main-CLB{
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    border-top: 5px solid #E78B0F;
    margin-top: 30px;
}
.two-col-CLB{
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    margin: 16px;
}
.left-col-CLB{
    width: 70%;
    height: fit-content;
    background: #FFFFFF;
    border-radius: 16px;
}
.right-col-CLB{
    width: 29%;
    background: #FFFFFF;
    border-radius: 16px;
}
.vi-tri-cau-thu{
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #00141E;
    padding: 9.5px 12px;
    background: #F7F7F7;
    border-radius: 0 8px 8px 0;
    border-left: 3px solid #E78B0F;
    margin: 16px 0;
}
.danh-sach-CLB-1{
    display: flex;
    justify-content: center;
}
.danh-sach-CLB-2{
    margin-top: 9.5px;
}
.danh-sach-CLB-1 span{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #00141E;
}
.danh-sach-CLB-2 span{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #00141E;
}
.lich-thi-dau-CLB{
    background: #F7F7F7;
    border: 1px solid #E2E2E2;
    border-radius: 0px 0px 8px 8px;
    width: 100%;
}
.head-lich-thi-dau-bxh{
    background: #350033;
    border-radius: 4px 4px 0px 0px;
    padding: 12px 12px 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-lich-thi-dau-bxh span{
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 12px;
    border-left: 5px solid #EF4123;
}
.head-lich-thi-dau-bxh a{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: right;
    color: #FFFFFF;
}
.tgian-clb{
    display: flex;
    justify-content: center;
    margin: 8px 0;
}
.tgian-clb a{
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #219653;
    padding: 6px 8px;
}
.tgian-clb a:hover{
    background: #E78B0F;
    border-radius: 40px;
    color: #FFFFFF;
}
.lich-thi-dau-3-cot{
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    background: #FFFFFF;
    margin: 8px;
    align-items: center;
    padding: 8px;
}
.doi-left-clb{
    display: flex;
    align-items: center;
}
.doi-left-clb a{
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    color: #020F26;
    width: 65px;
}
.doi-left-clb img{
    padding: 0 8px;
    width: 24px;
    height: 24px;
}
.grid-between-clb{
    display: grid;
    grid-row-gap: 3px;
}
.grid-between-clb-1{
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #020F26;
}
.grid-between-clb-2{
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    color: #27AE60;
    -webkit-animation: xanh-clb 700ms infinite;
    -moz-animation: xanh-clb  700ms infinite;
    -o-animation: xanh-clb  700ms infinite;
    animation: xanh-clb  700ms infinite;
}

/*  */
@-webkit-keyframes xanh-clb  {
    0% { color: #27AE60; }
    50% { color: #fff; }
    100% { color: #27AE60; }
}
@-moz-keyframes xanh-clb  {
    0% { color: #27AE60; }
    50% { color: #fff; }
    100% { color: #27AE60; }
}
@-o-keyframes xanh-clb  {
    0% { color: #27AE60; }
    50% { color: #fff; }
    100% { color: #27AE60; }
}
@keyframes xanh-clb  {
    0% { color: #27AE60; }
    50% { color: #fff; }
    100% { color: #27AE60; }
}

.grid-between-clb-2{
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    text-align: center;
    color: #27AE60;
}
.text-align-left{
    text-align: left;
}
.text-align-right{
    text-align: right;
}
.vs-clb{
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    background: linear-gradient(183.33deg, #E78B0F 49.97%, #B01000 97.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.time-clb{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #020F26;
}
.img-right-clb{
    margin-top: 24px;
}
.img-right-clb img{
    width: 100%;
}
.danh-sach-clb{
    margin-top: 24px;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    width: 100%;
}
.head-danh-sach-bxh{
    background: #E2E5F1;
    border-radius: 16px 16px 0px 0px;
    padding: 12px 12px 12px 0;
    display: flex;
}
.head-danh-sach-bxh span{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    color: #00141E;
    padding-left: 12px;
    border-left: 5px solid #E78B0F;
}
.tien-dao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #EDEEF2;
}
.tien-dao span{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #00141E;
    padding: 5px 8px;
}
.cau-thu-clb-right{
    padding: 6px 8px;
    border-bottom: 2px solid #e9e9e9;
}
.cau-thu-clb-right-1{
    display: flex;
    justify-content: space-between;
}
.cau-thu-right-img{
    display: flex;
    align-items: center;
}
.cau-thu-right-img img{
    width: 28px;
    height: 28px;
    padding-right: 8px;
}
.cau-thu-right-img span{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #00141E;
}
.number-cau-thu-right span{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-transform: capitalize;
    color: #00141E;
}
.scroll-y-clb{
    overflow-y: auto;
    width: 100%;
    position: relative;
    max-height: 742px;
}
.fifa-world-CLB {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 0;
    border-bottom: 2px solid #e9e9e9;
    margin: 16px;
}
.fifa-world-1-CLB{
    padding: 8px 16px;
    gap: 10px;
    background: #EDEEF2;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #020F26;
    margin: 0 5px;
}
.fifa-world-1-CLB:hover {
    background: #E78B0F;
    color: #FFFFFF;
    font-weight: 500;
}
.list-cau-thu-CLB {
    padding: 0 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}
.list-cau-thu-CLB img.fill-cover {
    width: 145px;
    height: 250px;
}

.soi-keo-hot{
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    color: #00141E;
}
.soi-keo-nay-mai{
    padding: 13px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    border-bottom: 4px solid #e78b0f;
}
.tieu-de-soi-keo{
    display: grid;
    grid-template-columns: 3fr 6fr 1fr 2fr;
    background: #F5F5F5;
    margin: 16px 0;
    padding: 9px 16px;
    border-radius: 8px;
    border-bottom: 2px solid #F5F8FE;
}
.text-center{
    text-align: center;
}
.tieu-de-soi-keo span{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #00141E;
}
.video-bong-da{
    background: #FEF5E9;
    border-radius: 8px;
}
.video-bong-da-2{
    display: flex;
    justify-content: space-between;
    margin: 0 16px 16px 16px;
    border-top: 1px solid #E78B0F;
    padding-top: 16px;

}
.video-bong-da-2 img{
    border-radius: 8px;
}
.video-bong-da-2-1{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E78B0F;
    padding-top: 16px;

}
.video-bong-da-2-1 img{
    border-radius: 8px;
}
.grid-video{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-left: 16px;
}