@font-face {
  font-family: "Sukhumvit";
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.eot");
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.woff2") format("woff2"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.woff") format("woff"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sukhumvit";
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.eot");
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.woff2") format("woff2"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.woff") format("woff"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("https://static.ch7.com/css/vnl2023/font/Oswald-Regular.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Surt Medium Extended";
  src: url("https://static.ch7.com/css/vnl2023/font/Surt-MediumExtended.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Surt-MediumExtended.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Surt Ultra Bold Extended";
  src: url("https://static.ch7.com/css/vnl2023/font/Surt-UltraBoldExtended.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Surt-UltraBoldExtended.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Sukhumvit";
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.eot");
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.woff2") format("woff2"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.woff") format("woff"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_tex-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sukhumvit";
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.eot");
  src: url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.woff2") format("woff2"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.woff") format("woff"), url("https://static.ch7.com/fonts/skv/sukhumvittadmai_bol-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Oswald";
  src: url("https://static.ch7.com/css/vnl2023/font/Oswald-Regular.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Surt Medium Extended";
  src: url("https://static.ch7.com/css/vnl2023/font/Surt-MediumExtended.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Surt-MediumExtended.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Surt Ultra Bold Extended";
  src: url("https://static.ch7.com/css/vnl2023/font/Surt-UltraBoldExtended.woff2") format("woff2"), url("https://static.ch7.com/css/vnl2023/font/Surt-UltraBoldExtended.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: "Oswald", "Sukhumvit Set", "Sukhumvit Set Text", Sukhumvit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  font-style: normal;
}

nav .v-line {
  border-left: 1px solid #fff;
  height: 2rem;
  margin-right: 1rem;
}
nav .navbar-nav .nav-link {
  font-size: 14px;
}
nav.bg-textile {
  overflow: hidden;
}
@media (min-width: 768px) {
  nav.bg-textile::before {
    content: "";
    background-image: url(https://static.ch7.com/images/vnl2023/nav-textile01.png);
    position: absolute;
    left: -5%;
    top: -5%;
    width: 330px;
    height: 60px;
    z-index: -1;
  }
  nav.bg-textile::after {
    content: "";
    background-image: url(https://static.ch7.com/images/vnl2023/nav-textile02.png);
    position: absolute;
    right: -5%;
    bottom: 0;
    width: 300px;
    height: 180px;
    z-index: -1;
  }
}

a.stretched-link {
  color: #000;
}
a.stretched-link._icon-link:hover img {
  transform: none;
}
a.stretched-link:hover img {
  transform: scale(1.1);
  transition: ease-in-out 0.2s;
}
a.z-index-icon {
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.bg-gray {
  background-color: #2A292B;
}

.live-vnl {
  position: relative;
  background-image: url(https://static.ch7.com/images/vnl2024/hilight-bg-vnl2024.jpg);
  background-color: #0C021F;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 1rem;
  padding-bottom: 2rem;
  margin-top: 4rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .live-vnl {
    background-size: 130%;
    padding-top: 6rem;
    margin-top: 0;
    background-position: top center;
  }
}
@media (min-width: 992px) {
  .live-vnl {
    padding-top: 6rem;
    background-position: center;
  }
}
@media (min-width: 1200px) {
  .live-vnl {
    padding-top: 6rem;
  }
}
.live-vnl._no-livematch {
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .live-vnl._no-livematch {
    margin-top: 4rem;
  }
}
.live-vnl._no-livematch .flex-layout {
  height: 90vh;
}
@media (min-width: 576px) {
  .live-vnl._no-livematch .flex-layout {
    height: 78vh;
  }
}
@media (min-width: 768px) {
  .live-vnl._no-livematch .flex-layout {
    height: 30vh;
  }
}
@media (min-width: 992px) {
  .live-vnl._no-livematch .flex-layout {
    height: 50vh;
  }
}
@media (min-width: 1200px) {
  .live-vnl._no-livematch .flex-layout {
    height: 70vh;
  }
}
.live-vnl .flex-layout {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.row._layer {
  z-index: 1;
  position: relative;
  margin-top: 0rem;
}
@media (min-width: 768px) {
  .row._layer {
    margin-top: -5rem;
  }
}
@media (min-width: 1200px) {
  .row._layer {
    margin-top: -17rem;
  }
}

img.w-logo-vertical {
  width: 25%;
  display: none;
}
@media (min-width: 768px) {
  img.w-logo-vertical {
    display: block;
    width: 15%;
    position: absolute;
    top: 10%;
    left: 5%;
  }
}
@media (min-width: 992px) {
  img.w-logo-vertical {
    width: 100%;
    position: relative;
    z-index: 1;
  }
}
img.w-icon {
  width: 60px;
  height: auto;
}

.btn.btn-more {
  border: 1px solid #fff;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .btn.btn-more {
    font-size: 18px;
  }
}
.btn.btn-more:hover {
  background-color: #fff;
  color: #000;
}
.btn.btn-more._black {
  color: #000;
  border: 1px solid #000;
}
.btn.btn-more._black:hover {
  background-color: #2A292B;
  color: #fff;
}
.btn.btn-more._blue {
  color: #08275F;
  border: 1px solid #08275F;
}
.btn.btn-more._blue:hover {
  background-color: #08275F;
  color: #fff;
}
.btn.btn-more._width {
  width: 96%;
}
@media (min-width: 768px) {
  .btn.btn-more._width {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .btn.btn-more._width {
    width: 25%;
  }
}
.btn.btn-more._text {
  font-size: 20px;
}

footer {
  color: #fff;
}
footer.footer {
  width: 100%;
  padding: 1rem 0;
}
footer img {
  margin: 0 1rem;
}
footer hr {
  width: 90%;
  border-color: #fff;
}
footer p {
  margin-bottom: 0;
  color: #fff;
}
footer p span {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  footer p span {
    display: initial;
  }
}
footer.bg-textile {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  footer.bg-textile::before {
    content: "";
    background-image: url(https://static.ch7.com/images/vnl2023/nav-textile01.png);
    position: absolute;
    left: -2%;
    top: -5%;
    width: 350px;
    height: 150px;
  }
  footer.bg-textile::after {
    content: "";
    background-image: url(https://static.ch7.com/images/vnl2023/nav-textile02.png);
    position: absolute;
    right: -2%;
    bottom: -5%;
    width: 300px;
    height: 180px;
  }
}
footer .img-size span.vnl-logo-size img, footer .img-size a.vnl-logo-size img {
  width: 100px;
}
@media (min-width: 576px) {
  footer .img-size span.vnl-logo-size img, footer .img-size a.vnl-logo-size img {
    width: 120px;
  }
}
footer .img-size span.ch7-logo-size img, footer .img-size a.ch7-logo-size img {
  width: 48px;
}
footer .img-size span.tero-logo-size img, footer .img-size a.tero-logo-size img {
  width: 100px;
}
@media (min-width: 576px) {
  footer .img-size span.tero-logo-size img, footer .img-size a.tero-logo-size img {
    width: 120px;
  }
}

.countdown._vertical {
  color: #fff;
  margin-top: -4rem;
  z-index: 10;
}
@media (min-width: 768px) {
  .countdown._vertical {
    position: absolute;
    top: 15%;
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .countdown._vertical {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .countdown._vertical {
    position: initial;
  }
}
.countdown._vertical .heading {
  font-size: 20px;
  text-align: start;
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .countdown._vertical .heading {
    text-align: center;
    margin-right: 0;
  }
}
@media (min-width: 1400px) {
  .countdown._vertical .heading {
    font-size: 20px;
  }
}
.countdown._vertical ._mg {
  margin-bottom: 0.5rem;
}
.countdown._vertical ._mg:first-child {
  margin-left: 0;
}
.countdown._vertical ._mg:last-child {
  margin-right: 0;
}
.countdown._vertical .hour._number, .countdown._vertical .minutes._number, .countdown._vertical .second._number {
  font-size: 32px;
}
@media (min-width: 768px) {
  .countdown._vertical .hour._number, .countdown._vertical .minutes._number, .countdown._vertical .second._number {
    font-size: 44px;
  }
}
@media (min-width: 992px) {
  .countdown._vertical .hour._number, .countdown._vertical .minutes._number, .countdown._vertical .second._number {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .countdown._vertical .hour._number, .countdown._vertical .minutes._number, .countdown._vertical .second._number {
    font-size: 32px;
  }
}
.countdown._vertical .hour._bg, .countdown._vertical .minutes._bg, .countdown._vertical .second._bg {
  background-color: rgba(195, 70, 0, 0.7);
}
.countdown._vertical .date._number {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 32px;
}
@media (min-width: 768px) {
  .countdown._vertical .date._number {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-size: 44px;
  }
}
@media (min-width: 992px) {
  .countdown._vertical .date._number {
    font-size: 26px;
  }
}
@media (min-width: 1400px) {
  .countdown._vertical .date._number {
    font-size: 32px;
  }
}
.countdown._vertical .date._bg {
  background-color: rgba(195, 70, 0, 0.7);
}
.countdown._vertical .minutes._number {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media (min-width: 768px) {
  .countdown._vertical .minutes._number {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
}
.countdown._vertical .text-unit {
  font-size: 16px;
}
@media (min-width: 768px) {
  .countdown._vertical .text-unit {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .countdown._vertical .text-unit._large {
    font-size: 20px;
  }
}
.countdown._vertical .colon-symbol {
  font-size: 44px;
  color: rgba(195, 70, 0, 0.7);
  line-height: 1.4;
  margin-bottom: auto;
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .countdown._vertical .colon-symbol {
    font-size: 20px;
    display: none;
  }
}
@media (min-width: 1400px) {
  .countdown._vertical .colon-symbol {
    font-size: 44px;
  }
}

.countdown._horizontal {
  color: #fff;
  margin-bottom: 1.5rem;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  padding: 1rem 2rem;
}
@media (min-width: 992px) {
  .countdown._horizontal {
    margin-bottom: 0;
  }
}
.countdown._horizontal .heading {
  font-size: 20px;
  text-align: start;
}
@media (min-width: 1400px) {
  .countdown._horizontal .heading {
    font-size: 20px;
  }
}
.countdown._horizontal ._mg {
  margin-bottom: 0.5rem;
}
.countdown._horizontal ._mg:first-child {
  margin-left: 0;
}
.countdown._horizontal ._mg:last-child {
  margin-right: 0;
}
.countdown._horizontal .hour._number, .countdown._horizontal .minutes._number, .countdown._horizontal .second._number {
  font-size: 32px;
}
@media (min-width: 768px) {
  .countdown._horizontal .hour._number, .countdown._horizontal .minutes._number, .countdown._horizontal .second._number {
    font-size: 44px;
  }
}
.countdown._horizontal .hour._bg, .countdown._horizontal .minutes._bg, .countdown._horizontal .second._bg {
  background-color: rgba(195, 70, 0, 0.8);
  text-align: center;
  width: 3rem;
}
@media (min-width: 768px) {
  .countdown._horizontal .hour._bg, .countdown._horizontal .minutes._bg, .countdown._horizontal .second._bg {
    width: 4rem;
  }
}
.countdown._horizontal .date._number {
  font-size: 32px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 768px) {
  .countdown._horizontal .date._number {
    font-size: 44px;
  }
}
.countdown._horizontal .date._bg {
  background-color: rgba(195, 70, 0, 0.8);
  text-align: center;
  width: 3rem;
}
@media (min-width: 768px) {
  .countdown._horizontal .date._bg {
    width: 4rem;
  }
}
.countdown._horizontal .minutes._number {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.countdown._horizontal .text-unit {
  font-size: 16px;
}
@media (min-width: 768px) {
  .countdown._horizontal .text-unit {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .countdown._horizontal .text-unit {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .countdown._horizontal .text-unit._large {
    font-size: 30px;
    font-weight: bold;
  }
}
.countdown._horizontal .colon-symbol {
  font-size: 44px;
  color: rgba(195, 70, 0, 0.8);
  line-height: 1;
  margin-bottom: auto;
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .countdown._horizontal .colon-symbol {
    font-size: 44px;
    line-height: 1.4;
  }
}
@media (min-width: 1400px) {
  .countdown._horizontal .colon-symbol {
    font-size: 44px;
  }
}

a video {
  width: 100%;
  height: 100%;
}

.ratio._mb {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .ratio._mb {
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .ratio._mb {
    margin-bottom: 0;
  }
}

.card.card-live, .card.card-next-live, .card.card-previous-live {
  border: 0;
  border-radius: 0.5rem;
}
.card.card-live._no-padding, .card.card-next-live._no-padding, .card.card-previous-live._no-padding {
  padding: 0;
}
.card.card-live .card-body._no-padding, .card.card-next-live .card-body._no-padding, .card.card-previous-live .card-body._no-padding {
  padding: 0;
}
.card.card-live .card-body .card-title, .card.card-next-live .card-body .card-title, .card.card-previous-live .card-body .card-title {
  color: #fff;
  display: flex;
  align-items: center;
}
.card.card-live .card-body .card-title._size, .card.card-next-live .card-body .card-title._size, .card.card-previous-live .card-body .card-title._size {
  font-size: 48px;
  display: flex;
}
.card.card-live .card-body .card-title._size span, .card.card-next-live .card-body .card-title._size span, .card.card-previous-live .card-body .card-title._size span {
  font-size: 16px;
  display: block;
}
.card.card-live .card-body .card-title._bg, .card.card-next-live .card-body .card-title._bg, .card.card-previous-live .card-body .card-title._bg {
  padding: 0.25rem 0.5rem;
}
.card.card-live .card-body .card-title._radius, .card.card-next-live .card-body .card-title._radius, .card.card-previous-live .card-body .card-title._radius {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.card.card-live .card-body .card-title span, .card.card-next-live .card-body .card-title span, .card.card-previous-live .card-body .card-title span {
  font-size: 1rem;
  margin-left: auto;
}
.card.card-live .card-body .card-subtitle._size, .card.card-next-live .card-body .card-subtitle._size, .card.card-previous-live .card-body .card-subtitle._size {
  font-size: 14px;
}
.card.card-live .card-body .card-subtitle img, .card.card-next-live .card-body .card-subtitle img, .card.card-previous-live .card-body .card-subtitle img {
  margin-left: 0.25rem;
}
.card.card-live .match img, .card.card-next-live .match img, .card.card-previous-live .match img {
  width: 64px;
  margin: 0.2rem;
  border-radius: 0.5rem;
  border: 1px solid #ACACAC;
}
.card.card-live .match span, .card.card-next-live .match span, .card.card-previous-live .match span {
  font-size: 14px;
  color: #000;
}
.card.card-live .match .flag-left, .card.card-live .match .flag-right, .card.card-live .match .date-live, .card.card-next-live .match .flag-left, .card.card-next-live .match .flag-right, .card.card-next-live .match .date-live, .card.card-previous-live .match .flag-left, .card.card-previous-live .match .flag-right, .card.card-previous-live .match .date-live {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 1rem;
}
.card.card-live .match .date-live span, .card.card-next-live .match .date-live span, .card.card-previous-live .match .date-live span {
  font-size: 14px;
  font-weight: 200;
}
.card.card-live .match .date-live span.time, .card.card-next-live .match .date-live span.time, .card.card-previous-live .match .date-live span.time {
  font-size: 32px;
  font-weight: 400;
}
.card.card-live .card-title._bg {
  background: linear-gradient(270deg, #C34600 45.71%, rgba(195, 70, 0, 0.9) 96.68%);
}
.card.card-next-live .card-title._bg {
  background-color: #0c3a8e;
}
.card.card-next-live .match .date-live span.time {
  color: #08275F;
}
.card.card-previous-live .card-title._bg {
  background-color: #4D4C4E;
}
.card.card-previous-live .match .end-live {
  display: flex;
  justify-content: center;
}
.card.card-previous-live .match .end-live span {
  color: #2A292B;
  font-size: 32px;
}
.card.card-news-landscape, .card.card-clip-landscape, .card.card-clip-standard, .card.card-news-standard, .card.card-news-overlay, .card.card-clip-overlay, .card.card-news-related-landscape, .card.card-clip-related-landscape, .card.card-clip-related-landscap {
  height: 100%;
  overflow: hidden;
}
.card.card-news-landscape .card-img-thumb, .card.card-clip-landscape .card-img-thumb, .card.card-clip-standard .card-img-thumb, .card.card-news-standard .card-img-thumb, .card.card-news-overlay .card-img-thumb, .card.card-clip-overlay .card-img-thumb, .card.card-news-related-landscape .card-img-thumb, .card.card-clip-related-landscape .card-img-thumb, .card.card-clip-related-landscap .card-img-thumb {
  padding-top: 56.25%;
  overflow: hidden;
  background: url(https://static.ch7.com/images/theme2019/ch7_logo-bw.png) center no-repeat;
  background-color: #ACACAC;
}
.card.card-news-landscape .card-body, .card.card-clip-landscape .card-body, .card.card-clip-standard .card-body, .card.card-news-standard .card-body, .card.card-news-overlay .card-body, .card.card-clip-overlay .card-body, .card.card-news-related-landscape .card-body, .card.card-clip-related-landscape .card-body, .card.card-clip-related-landscap .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.5rem;
}
.card.card-news-landscape .multiline-3, .card.card-news-landscape .multiline-2, .card.card-clip-landscape .multiline-3, .card.card-clip-landscape .multiline-2, .card.card-clip-standard .multiline-3, .card.card-clip-standard .multiline-2, .card.card-news-standard .multiline-3, .card.card-news-standard .multiline-2, .card.card-news-overlay .multiline-3, .card.card-news-overlay .multiline-2, .card.card-clip-overlay .multiline-3, .card.card-clip-overlay .multiline-2, .card.card-news-related-landscape .multiline-3, .card.card-news-related-landscape .multiline-2, .card.card-clip-related-landscape .multiline-3, .card.card-clip-related-landscape .multiline-2, .card.card-clip-related-landscap .multiline-3, .card.card-clip-related-landscap .multiline-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: pre-wrap; /* let the text wrap preserving spaces */
}
.card.card-news-landscape .multiline-3, .card.card-clip-landscape .multiline-3, .card.card-clip-standard .multiline-3, .card.card-news-standard .multiline-3, .card.card-news-overlay .multiline-3, .card.card-clip-overlay .multiline-3, .card.card-news-related-landscape .multiline-3, .card.card-clip-related-landscape .multiline-3, .card.card-clip-related-landscap .multiline-3 {
  -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
}
@media (min-width: 768px) {
  .card.card-news-landscape .multiline-3, .card.card-clip-landscape .multiline-3, .card.card-clip-standard .multiline-3, .card.card-news-standard .multiline-3, .card.card-news-overlay .multiline-3, .card.card-clip-overlay .multiline-3, .card.card-news-related-landscape .multiline-3, .card.card-clip-related-landscape .multiline-3, .card.card-clip-related-landscap .multiline-3 {
    min-height: 75px;
  }
}
.card.card-news-landscape .multiline-2, .card.card-clip-landscape .multiline-2, .card.card-clip-standard .multiline-2, .card.card-news-standard .multiline-2, .card.card-news-overlay .multiline-2, .card.card-clip-overlay .multiline-2, .card.card-news-related-landscape .multiline-2, .card.card-clip-related-landscape .multiline-2, .card.card-clip-related-landscap .multiline-2 {
  -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
}
@media (min-width: 768px) {
  .card.card-news-landscape .multiline-2, .card.card-clip-landscape .multiline-2, .card.card-clip-standard .multiline-2, .card.card-news-standard .multiline-2, .card.card-news-overlay .multiline-2, .card.card-clip-overlay .multiline-2, .card.card-news-related-landscape .multiline-2, .card.card-clip-related-landscape .multiline-2, .card.card-clip-related-landscap .multiline-2 {
    min-height: 50px;
  }
}
.card.card-news-landscape .ratio, .card.card-clip-landscape .ratio, .card.card-clip-standard .ratio, .card.card-news-standard .ratio, .card.card-news-overlay .ratio, .card.card-clip-overlay .ratio, .card.card-news-related-landscape .ratio, .card.card-clip-related-landscape .ratio, .card.card-clip-related-landscap .ratio {
  overflow: hidden;
}
.card.card-news-landscape .ratio img, .card.card-clip-landscape .ratio img, .card.card-clip-standard .ratio img, .card.card-news-standard .ratio img, .card.card-news-overlay .ratio img, .card.card-clip-overlay .ratio img, .card.card-news-related-landscape .ratio img, .card.card-clip-related-landscape .ratio img, .card.card-clip-related-landscap .ratio img {
  transition: ease-in-out 0.2s;
}
.card.card-news-landscape .ratio img:hover, .card.card-clip-landscape .ratio img:hover, .card.card-clip-standard .ratio img:hover, .card.card-news-standard .ratio img:hover, .card.card-news-overlay .ratio img:hover, .card.card-clip-overlay .ratio img:hover, .card.card-news-related-landscape .ratio img:hover, .card.card-clip-related-landscape .ratio img:hover, .card.card-clip-related-landscap .ratio img:hover {
  transform: scale(1.1);
  transition: ease-in-out 0.2s;
}
.card.card-news-landscape .card-title {
  font-size: 20px;
}
.card.card-clip-landscape img:nth-child(3), .card.card-clip-standard img:nth-child(3) {
  position: absolute;
  left: 5%;
  top: unset;
  width: 32px;
}
@media (min-width: 768px) {
  .card.card-clip-landscape img:nth-child(3), .card.card-clip-standard img:nth-child(3) {
    width: 40px;
  }
}
.card.card-clip-landscape img:nth-child(3) {
  bottom: 10%;
}
.card.card-clip-standard img:nth-child(3) {
  bottom: 10%;
}
@media (min-width: 992px) {
  .card.card-clip-standard img:nth-child(3) {
    bottom: 10%;
  }
}
.card.card-news-standard .card-body, .card.card-clip-standard .card-body {
  height: auto;
}
.card.card-news-standard .card-body .card-text:last-child, .card.card-clip-standard .card-body .card-text:last-child {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.card.card-news-overlay .card-img-overlay, .card.card-clip-overlay .card-img-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(255, 255, 255, 0.8) 60%, #fff 100%);
}
.card.card-news-overlay .card-img-overlay .text-detail, .card.card-clip-overlay .card-img-overlay .text-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  width: 100%;
}
.card.card-news-overlay .card-img-overlay .text-detail img, .card.card-clip-overlay .card-img-overlay .text-detail img {
  width: 32px;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .card.card-news-overlay .card-img-overlay .text-detail img, .card.card-clip-overlay .card-img-overlay .text-detail img {
    width: 40px;
  }
}
.card.card-news-overlay img, .card.card-clip-overlay img {
  object-fit: cover;
}
.card.card-news-related-landscape, .card.card-clip-related-landscape {
  height: auto;
  margin-bottom: 1rem;
}
.card.card-clip-related-landscape img.w-icon:last-child {
  bottom: 10%;
  left: 5%;
  top: unset;
  height: auto;
  width: 32px;
}
.card.card-clip-viral {
  border-radius: 0.825rem;
  border: 1.5px solid #C34600;
  background: transparent;
  padding: 4px;
}
.card.card-clip-viral .ratio {
  overflow: hidden;
}
.card.card-clip-viral .ratio.ratio-3x4 {
  padding-top: 133.33%;
  border-radius: 0.625rem;
}
.card.card-clip-viral .ratio.ratio-3x4 img {
  object-fit: contain;
  object-position: center;
  transition: ease-in-out 0.2s;
}
.card.card-clip-viral .ratio.ratio-3x4 img:hover {
  transform: scale(1.1);
  transition: ease-in-out 0.2s;
}
.card.card-clip-viral .ratio.ratio-3x4 img:nth-child(3) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card.card-clip-viral .ratio.ratio-3x4 img._radius {
  border-radius: 0.625rem;
}
.card.card-clip-viral .card-img-thumb {
  padding-top: 133.33%;
  overflow: hidden;
  background: url(https://static.ch7.com/images/theme2019/ch7_logo-bw.png) center no-repeat;
  background-color: #ACACAC;
}
.card.card-clip-viral .card-img-thumb._radius {
  border-radius: 0.625rem;
}
.card.card-clip-viral .w-icon {
  width: 40px;
}

.card-program-bg {
  background-color: #C34600;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .card-program-bg {
    border: 0;
    padding: 0.5rem 0;
  }
}
.card-program-bg:first-child {
  margin-top: 0;
}

.card-program {
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #ACACAC;
}
@media (min-width: 1200px) {
  .card-program {
    margin-bottom: 1rem;
    border-bottom: 0;
  }
}
.card-program a {
  color: #000;
  text-decoration: none;
}
.card-program .column, .card-program .column1, .card-program .column2, .card-program .column3 {
  display: flex;
  align-items: center;
}
.card-program .column._pd, .card-program .column1._pd, .card-program .column2._pd, .card-program .column3._pd {
  padding: 0.5rem 0;
}
.card-program .column .w-icon, .card-program .column1 .w-icon, .card-program .column2 .w-icon, .card-program .column3 .w-icon {
  margin: auto;
  border: 1px solid #ACACAC;
}
@media (min-width: 992px) {
  .card-program .column .w-icon, .card-program .column1 .w-icon, .card-program .column2 .w-icon, .card-program .column3 .w-icon {
    margin: 0;
  }
}
.card-program .column1, .card-program .column {
  flex-direction: column;
  border-right: 0;
  margin: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .card-program .column1, .card-program .column {
    border-right: 1px solid #ACACAC;
    text-align: start;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .card-program .column1, .card-program .column {
    margin: 0.5rem 0;
    font-size: 16px;
  }
}
.card-program .column1 span.locate, .card-program .column span.locate {
  font-weight: bold;
}
.card-program .column1 span.date, .card-program .column span.date {
  font-weight: bold;
}
.card-program .column1._matchday, .card-program .column._matchday {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-right: 0;
  background-color: #d1e0fb;
}
@media (min-width: 1200px) {
  .card-program .column1._matchday, .card-program .column._matchday {
    background-color: transparent;
    margin-right: 1rem;
  }
}
.card-program .column1._matchday span._day, .card-program .column._matchday span._day {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}
.card-program .column1._matchday span span, .card-program .column._matchday span span {
  font-size: 18px;
  font-weight: bold;
}
.card-program .column2 {
  justify-content: center;
  align-items: center;
}
.card-program .column2 .width {
  width: 100%;
}
.card-program .column2 span.team-a, .card-program .column2 span.team-b {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0.5rem;
  order: 1;
}
@media (min-width: 992px) {
  .card-program .column2 span.team-a, .card-program .column2 span.team-b {
    font-size: 18px;
    order: revert;
    text-align: end;
  }
}
@media (min-width: 1200px) {
  .card-program .column2 span.team-a, .card-program .column2 span.team-b {
    font-size: 20px;
  }
}
.card-program .column2 span.team-a {
  text-align: center;
}
@media (min-width: 992px) {
  .card-program .column2 span.team-a {
    text-align: end;
  }
}
.card-program .column2 span.team-b {
  text-align: center;
}
@media (min-width: 992px) {
  .card-program .column2 span.team-b {
    text-align: start;
    align-items: center;
    display: flex;
  }
}
.card-program .column2 span.date {
  font-size: 26px;
  font-weight: bold;
  background: linear-gradient(180deg, #0410CA 0%, #D83F08 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 0 0.5rem;
}
.card-program .column2 span.date-local {
  color: #ACACAC;
  font-size: 14px;
  display: block;
}
.card-program .column2 .result, .card-program .column2 .date-area {
  font-size: 26px;
  font-weight: bold;
  background: linear-gradient(180deg, #0410CA 0%, #D83F08 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border: 1px solid #ACACAC;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  width: 100px;
}
.card-program .column2 .all-set {
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}
.card-program .column2 .all-set .set-a, .card-program .column2 .all-set .set-b, .card-program .column2 .all-set .set-c, .card-program .column2 .all-set .set-d, .card-program .column2 .all-set .set-e {
  display: flex;
  margin: 0 0.1rem;
  font-size: 16px;
  flex-direction: column;
  border-right: 1px solid #ACACAC;
  padding-right: 0.25rem;
}
@media (min-width: 992px) {
  .card-program .column2 .all-set .set-a, .card-program .column2 .all-set .set-b, .card-program .column2 .all-set .set-c, .card-program .column2 .all-set .set-d, .card-program .column2 .all-set .set-e {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .card-program .column2 .all-set .set-a, .card-program .column2 .all-set .set-b, .card-program .column2 .all-set .set-c, .card-program .column2 .all-set .set-d, .card-program .column2 .all-set .set-e {
    font-size: 16px;
  }
}
.card-program .column2 .all-set .set-a:last-child, .card-program .column2 .all-set .set-b:last-child, .card-program .column2 .all-set .set-c:last-child, .card-program .column2 .all-set .set-d:last-child, .card-program .column2 .all-set .set-e:last-child {
  border: 0;
}
@media (min-width: 768px) {
  .card-program .column2 .all-set .set-a, .card-program .column2 .all-set .set-b, .card-program .column2 .all-set .set-c, .card-program .column2 .all-set .set-d, .card-program .column2 .all-set .set-e {
    border: 0;
  }
}
.card-program .column2 .all-set .set-a span:nth-child(2), .card-program .column2 .all-set .set-b span:nth-child(2), .card-program .column2 .all-set .set-c span:nth-child(2), .card-program .column2 .all-set .set-d span:nth-child(2), .card-program .column2 .all-set .set-e span:nth-child(2) {
  display: none;
}
@media (min-width: 768px) {
  .card-program .column2 .all-set .set-a span:nth-child(2), .card-program .column2 .all-set .set-b span:nth-child(2), .card-program .column2 .all-set .set-c span:nth-child(2), .card-program .column2 .all-set .set-d span:nth-child(2), .card-program .column2 .all-set .set-e span:nth-child(2) {
    display: block;
  }
}
@media (min-width: 768px) {
  .card-program .column2 .all-set .set-a, .card-program .column2 .all-set .set-b, .card-program .column2 .all-set .set-c, .card-program .column2 .all-set .set-d, .card-program .column2 .all-set .set-e {
    flex-direction: row;
  }
}
.card-program .column2 .all-set .set-a .win, .card-program .column2 .all-set .set-b .win, .card-program .column2 .all-set .set-c .win, .card-program .column2 .all-set .set-d .win, .card-program .column2 .all-set .set-e .win {
  color: #C34600;
  font-weight: bold;
}
.card-program .column2 .all-set .set-a .lost, .card-program .column2 .all-set .set-b .lost, .card-program .column2 .all-set .set-c .lost, .card-program .column2 .all-set .set-d .lost, .card-program .column2 .all-set .set-e .lost {
  font-weight: 200;
}
.card-program .column3 {
  justify-content: center;
  flex-direction: column;
}
.card-program .column3 .text-live {
  font-size: 16px;
  font-weight: bold;
  text-align: end;
  margin-bottom: 0.25rem;
  margin-right: 0;
}
.card-program .column3 img {
  margin: 0 0.25rem;
  height: auto;
}
.card-program .column3 p {
  font-size: 16px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .card-program .column3 p {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .card-program .column3 p {
    font-size: 14px;
  }
}

.card-program-border {
  background: linear-gradient(90deg, #08275F 0%, #C34600 100%);
  height: 4px;
  margin: 2rem 0;
}

.live-label {
  padding: 0.25rem 1rem;
  border: 1px solid #FF1B1B;
  border-radius: 2rem;
  color: #FF1B1B;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.live-label .text {
  font-size: 20px;
  margin-bottom: 0;
  padding-right: 0.5rem;
}
.live-label .red-circle {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #FF1B1B;
  border-radius: 2rem;
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

img._blink {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.title, .text-link {
  color: #fff;
}

.text-blue {
  color: #08275F;
}
.text-blue._related {
  font-size: 24px;
}
.text-blue._related:hover {
  color: #041430;
}

.title {
  font-size: 20px;
  font-weight: bold;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .title._large {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .title._large {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .title._large {
    font-size: 26px;
  }
}
.title._black {
  color: #000;
  font-weight: bold;
}
.title._blue {
  color: #08275F;
  font-weight: bold;
}
.title._center {
  text-align: center;
}
.title span {
  display: block;
}

.text-link {
  font-size: 16px;
}

.glide {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .glide {
    margin-bottom: 2rem;
  }
}

.glide__arrows .glide__arrow._style {
  border-radius: 2rem;
}
.glide__arrows .glide__arrow._style.glide__arrow--left, .glide__arrows .glide__arrow._style.glide__arrow--right {
  display: none;
}
@media (min-width: 1200px) {
  .glide__arrows .glide__arrow._style.glide__arrow--left, .glide__arrows .glide__arrow._style.glide__arrow--right {
    top: auto;
    bottom: -25%;
    left: auto;
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 9%;
  }
}
@media (min-width: 992px) {
  .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 7%;
  }
}
@media (min-width: 1200px) {
  .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 6%;
  }
}
@media (min-width: 768px) {
  .glide__arrows .glide__arrow._style.glide__arrow--right {
    right: 1%;
  }
}

.glide__bullets._style {
  left: 50%;
  bottom: -3%;
  display: none;
}
@media (min-width: 768px) {
  .glide__bullets._style {
    bottom: -20%;
  }
}
@media (min-width: 1200px) {
  .glide__bullets._style {
    left: 6%;
    display: inherit;
  }
}
.glide__bullets._style .glide__bullet {
  border-radius: 0;
  border: 0;
  width: 20px;
  height: 5px;
  background-color: #fff;
}
.glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
.glide__bullets._style .glide__bullet--active:hover, .glide__bullets._style .glide__bullet--active:focus {
  border: 2px solid #C34600;
}

.glide-card-live .glide__arrows .glide__arrow._style {
  border-radius: 2rem;
}
@media (min-width: 1200px) {
  .glide-card-live .glide__arrows .glide__arrow._style.glide__arrow--left, .glide-card-live .glide__arrows .glide__arrow._style.glide__arrow--right {
    bottom: -35%;
  }
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(12, 2, 31, 0) 0%, rgba(12, 2, 31, 0.7) 40%, #0C021F 100%);
}
@media (min-width: 768px) {
  .overlay {
    background: linear-gradient(180deg, rgba(12, 2, 31, 0) 0%, rgba(12, 2, 31, 0) 50%, #0C021F 100%);
  }
}

section.news {
  background: url(https://static.ch7.com/images/vnl2024/news-bg.jpg);
  background-size: cover;
}
section.news, section.clips, section.album, section.clips-program-vnl {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
section.news.head-mg, section.schedule-program.head-mg, section.news-details.head-mg, section.album-list.head-mg, section.album-detail.head-mg, section.tournament-result.head-mg {
  background-color: #fff;
  padding-top: 4rem;
}
section.news .head-bg, section.schedule-program .head-bg, section.news-details .head-bg, section.album-list .head-bg, section.album-detail .head-bg, section.tournament-result .head-bg {
  background-image: url(https://static.ch7.com/images/vnl2024/detail-bar2024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding: 2rem 0;
}
section.news .heading, section.schedule-program .heading, section.news-details .heading, section.album-list .heading, section.album-detail .heading, section.tournament-result .heading {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 1200px) {
  section.news .heading, section.schedule-program .heading, section.news-details .heading, section.album-list .heading, section.album-detail .heading, section.tournament-result .heading {
    color: #08275F;
  }
}
section.schedule-live .table > :not(caption) > * > * {
  padding: 0.5rem 0;
  border-bottom-width: 0;
}
section.schedule-live .table._quater > :not(caption) > * > * {
  padding: 1px;
}
section.schedule-live .table-responsive {
  padding: 0;
}
section.schedule-live .table-responsive._pd {
  padding: 1.5rem 1rem;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive._pd {
    padding: 2rem 0;
  }
}
section.schedule-live .table-responsive .table {
  border-color: transparent;
  width: 1024px;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  section.schedule-live .table-responsive .table {
    width: 100%;
  }
}
section.schedule-live .table-responsive .table._quater {
  background: transparent;
  width: 768px;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater {
    width: 1200px;
  }
}
@media (min-width: 1200px) {
  section.schedule-live .table-responsive .table._quater {
    width: 100%;
  }
}
section.schedule-live .table-responsive .table._quater thead tr th {
  font-size: 24px;
}
section.schedule-live .table-responsive .table._quater thead tr th:first-child {
  margin-left: 0;
}
section.schedule-live .table-responsive .table._quater thead tr th:first-child .card-program-border {
  margin-left: 0;
}
section.schedule-live .table-responsive .table._quater thead tr th:last-child .card-program-border {
  margin-right: 0;
}
section.schedule-live .table-responsive .table._quater thead tr th .card-program-border {
  margin: 1rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td {
  font-size: 16px !important;
  height: 60px;
  width: 2%;
  position: inherit;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater tbody tr.style td {
    width: 5%;
    height: 65px;
  }
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.date {
  text-align: start;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.text-final {
  font-size: 24px !important;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.text-final .card-program-border {
  margin: 1rem 0 0.5rem 0 !important;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td hr {
  opacity: 1;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 {
  background-color: #2C2A2F;
  border: 1px solid #fff;
  color: #fff;
  padding: 1rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1 img, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 img {
  margin-right: 0.5rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1 img.w-icon, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 img.w-icon {
  width: 40px;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2 {
  width: 5% !important;
  text-align: start;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2 {
    width: 15% !important;
  }
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1 {
  width: 7% !important;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 {
  width: 2% !important;
  text-align: center;
  padding: 0;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 {
    width: 5%;
  }
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team1 {
  border-top-left-radius: 0.5rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-name-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-name-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-name-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-name-team2 {
  border-bottom-left-radius: 0.5rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team5, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team7, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team3, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team1, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team1 {
  border-top-right-radius: 0.5rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team6, section.schedule-live .table-responsive .table._quater tbody tr.style td.quater-score-team8, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.semi-score-team4, section.schedule-live .table-responsive .table._quater tbody tr.style td.final-score-team2, section.schedule-live .table-responsive .table._quater tbody tr.style td.third-score-team2 {
  border-bottom-right-radius: 0.5rem;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.no-bg {
  background-color: transparent;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.border-line {
  border: 2px solid #000;
  border-left: 0;
  width: 2%;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater tbody tr.style td.border-line {
    width: 5%;
  }
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.border-line._right {
  border-right: 0;
}
section.schedule-live .table-responsive .table._quater tbody tr.style td.center-line {
  width: 2%;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table._quater tbody tr.style td.center-line {
    width: 5%;
  }
}
section.schedule-live .table-responsive .table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #E8E9F5;
}
section.schedule-live .table-responsive .table thead.table-linear {
  color: #fff;
  background-color: #C34600;
}
section.schedule-live .table-responsive .table thead tr th {
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}
section.schedule-live .table-responsive .table thead tr th.large {
  font-size: 20px;
}
section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(1), section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(2) {
  position: sticky;
  z-index: 1;
}
section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(1) {
  background: #C34600;
  left: 0%;
}
section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(2) {
  left: 18%;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(2) {
    left: 10%;
  }
}
@media (min-width: 992px) {
  section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(1), section.schedule-live .table-responsive .table thead tr.stick th:nth-of-type(2) {
    position: relative;
    left: auto;
    background: transparent;
    z-index: 1;
  }
}
section.schedule-live .table-responsive .table tbody {
  background-color: #fff;
}
section.schedule-live .table-responsive .table tbody tr td {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-bottom: 0;
}
section.schedule-live .table-responsive .table tbody tr td:first-child {
  font-size: 16px;
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table tbody tr td:first-child {
    font-size: 20px;
  }
}
section.schedule-live .table-responsive .table tbody tr td:nth-of-type(1), section.schedule-live .table-responsive .table tbody tr td:nth-of-type(2) {
  position: sticky;
  background-color: #fff;
  z-index: 1;
  width: 75px;
}
section.schedule-live .table-responsive .table tbody tr td:nth-of-type(1) {
  left: 0%;
}
section.schedule-live .table-responsive .table tbody tr td:nth-of-type(2) {
  left: 18%;
  text-align: start;
  width: 150px;
}
@media (min-width: 1200px) {
  section.schedule-live .table-responsive .table tbody tr td:nth-of-type(2) {
    width: auto;
  }
}
@media (min-width: 768px) {
  section.schedule-live .table-responsive .table tbody tr td:nth-of-type(2) {
    left: 10%;
  }
}
@media (min-width: 992px) {
  section.schedule-live .table-responsive .table tbody tr td:nth-of-type(1), section.schedule-live .table-responsive .table tbody tr td:nth-of-type(2) {
    position: relative;
    left: auto;
    background-color: transparent;
    z-index: 1;
  }
}
section.schedule-live .table-responsive .table tbody tr td img.img-table {
  width: 2rem;
  margin-right: 1rem;
  border: 1px solid #ACACAC;
}
section.schedule-live .table-responsive .table tbody tr td.border-line {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
section.national-teams {
  background-image: url(https://static.ch7.com/images/vnl2024/team-bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
}
@media (min-width: 768px) {
  section.national-teams .title {
    margin-bottom: 2rem;
  }
}
section.national-teams ul li {
  text-align: center;
}
section.national-teams ul li .flag-item {
  display: flex;
  flex-direction: column;
}
section.national-teams ul li .flag-item img {
  border-radius: 0.5rem;
}
section.national-teams ul li .flag-item span {
  font-size: 20px;
  color: #fff;
}
section.national-teams .glide__arrows {
  display: none;
}
@media (min-width: 1200px) {
  section.national-teams .glide__arrows {
    display: block;
  }
}
section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--left, section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--right {
  top: auto;
  bottom: -50%;
  left: auto;
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
}
section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--left {
  right: 20%;
}
@media (min-width: 768px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 13%;
    bottom: -50%;
  }
}
@media (min-width: 1200px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 8%;
    bottom: -35%;
  }
}
@media (min-width: 1920px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 10%;
    bottom: -20%;
  }
}
section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--right {
  right: 4%;
}
@media (min-width: 768px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--right {
    right: 2%;
    bottom: -50%;
  }
}
@media (min-width: 1200px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--right {
    bottom: -35%;
  }
}
@media (min-width: 1920px) {
  section.national-teams .glide__arrows .glide__arrow._style.glide__arrow--right {
    right: 6%;
    bottom: -20%;
  }
}
section.national-teams .glide__arrows .glide__bullets._style {
  left: 12.5%;
  bottom: -10%;
}
@media (min-width: 768px) {
  section.national-teams .glide__arrows .glide__bullets._style {
    left: 6.5%;
  }
}
@media (min-width: 1200px) {
  section.national-teams .glide__arrows .glide__bullets._style {
    left: 4.5%;
  }
}
section.national-teams .glide__arrows .glide__bullets._style .glide__bullet {
  border-radius: 0;
  border: 0;
  width: 20px;
  height: 5px;
  background-color: #fff;
}
section.national-teams .glide__arrows .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.national-teams .glide__arrows .glide__bullets._style .glide__bullet--active:hover, section.national-teams .glide__arrows .glide__bullets._style .glide__bullet--active:focus {
  border: 2px solid #C34600;
}
section.team-details img.w-flag {
  width: 50%;
  border: 1px solid #ACACAC;
  border-radius: 0.5rem;
  padding: 0;
  margin: 2rem auto;
}
@media (min-width: 768px) {
  section.team-details img.w-flag {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  section.team-details img.w-flag {
    width: 20%;
  }
}
section.team-details .table {
  background-color: #C34600;
}
section.team-details .table thead.table-linear {
  color: #fff;
}
section.team-details .table thead tr th {
  font-weight: bold;
  text-align: center;
}
section.team-details .table tbody {
  background-color: #fff;
}
section.team-details .table tbody tr td {
  font-weight: bold;
  text-align: center;
}
section.team-details .table tbody tr:last-child {
  background-color: #08275F;
}
section.team-details .table tbody tr:last-child td {
  color: #fff;
}
section.team-details .match-rerun {
  width: 100%;
}
@media (min-width: 768px) {
  section.team-details .match-rerun {
    width: 50%;
  }
}
section.team-details .match-rerun .card.card-clip-standard .card-text.multiline-2 {
  min-height: auto;
}
section.schedule-program .heading {
  text-align: center;
  color: #fff;
}
@media (min-width: 1200px) {
  section.schedule-program .heading {
    text-align: start;
    padding-left: 1rem;
  }
}
section.schedule-program .card-program {
  padding: 0;
}
section.schedule-program .card-program .column {
  margin-top: 0;
  padding-left: 1rem;
}
section.schedule-program .card-program .column1 {
  text-align: center;
  border: 0;
}
@media (min-width: 1200px) {
  section.schedule-program .card-program .column1 {
    border-right: 1px solid #ACACAC;
  }
}
section.schedule-program .card-program .column2 .all-set {
  margin-top: 0.75rem;
}
section.schedule-program .card-program .column3 {
  margin-bottom: 1rem;
}
section.schedule-program .card-program .all-set {
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}
section.schedule-program .card-program .all-set .set-a, section.schedule-program .card-program .all-set .set-b, section.schedule-program .card-program .all-set .set-c, section.schedule-program .card-program .all-set .set-d, section.schedule-program .card-program .all-set .set-e {
  display: flex;
  margin: 0 0.25rem;
  font-size: 16px;
  flex-direction: column;
  border-right: 1px solid #ACACAC;
  padding-right: 0.25rem;
}
section.schedule-program .card-program .all-set .set-a span, section.schedule-program .card-program .all-set .set-b span, section.schedule-program .card-program .all-set .set-c span, section.schedule-program .card-program .all-set .set-d span, section.schedule-program .card-program .all-set .set-e span {
  line-height: 1.6;
}
@media (min-width: 1200px) {
  section.schedule-program .card-program .all-set .set-a span, section.schedule-program .card-program .all-set .set-b span, section.schedule-program .card-program .all-set .set-c span, section.schedule-program .card-program .all-set .set-d span, section.schedule-program .card-program .all-set .set-e span {
    line-height: 1;
  }
}
section.more-teams .flag-item, section.team-all .flag-item {
  display: flex;
  flex-direction: column;
}
section.more-teams .flag-item img, section.team-all .flag-item img {
  border-radius: 0.5rem;
  border: 1px solid #ACACAC;
}
section.more-teams .flag-item span, section.team-all .flag-item span {
  font-size: 20px;
  color: #000;
  text-align: center;
}
section.team-all .flag-item {
  margin-bottom: 1rem;
}
section.sponsor {
  padding: 2rem 0;
  text-align: center;
}
section.sponsor .heading {
  font-size: 20px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  section.sponsor .heading {
    margin-bottom: 2rem;
  }
}
section.sponsor img {
  margin: auto;
}
section.clips .card.card-clip-related-landscape:last-child {
  margin-bottom: 0;
}
section.clips-hilight {
  background: url(https://static.ch7.com/images/vnl2024/clips-hilight-bg.jpg);
}
section.clips-hilight .glide__bullets._style .glide__bullet {
  background-color: #fff;
}
section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right {
  color: #fff;
  border: 1px solid #fff;
}
section.clips-hilight .card.card-clip-standard {
  border: 0;
}
@media (min-width: 768px) {
  section.album {
    padding-bottom: 0rem;
  }
}
@media (min-width: 1200px) {
  section.album {
    padding-bottom: 3rem;
  }
}
section.album .glide__bullets._style .glide__bullet {
  background-color: #2C2A2F;
}
section.album .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
  color: #000;
  border: 1px solid #000;
}
section.album .card.card-clip-standard {
  box-shadow: 0px 2px 10px rgba(172, 172, 172, 0.5);
  border: 0;
}
section.album .album-badge {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  z-index: 1;
}
section.clips-hilight, section.album {
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
section.clips-hilight .glide, section.album .glide {
  height: auto;
}
@media (min-width: 1200px) {
  section.clips-hilight .glide, section.album .glide {
    height: 60vh;
  }
}
section.clips-hilight .glide__slides, section.album .glide__slides {
  padding: 2rem 0;
}
section.clips-hilight .glide__slides .glide__slide._scale, section.album .glide__slides .glide__slide._scale {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
section.clips-hilight .glide__slides .glide__slide._scale.glide__slide--active, section.album .glide__slides .glide__slide._scale.glide__slide--active {
  transform: scale(1.2);
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  section.clips-hilight .glide__slides .glide__slide._scale.glide__slide--active, section.album .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  section.clips-hilight .glide__slides .glide__slide._scale.glide__slide--active, section.album .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  section.clips-hilight .glide__slides .glide__slide._scale.glide__slide--active, section.album .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
}
@media (min-width: 1920px) {
  section.clips-hilight .glide__slides .glide__slide._scale.glide__slide--active, section.album .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
    margin-bottom: 1rem;
  }
}
section.clips-hilight .glide__bullets._style, section.album .glide__bullets._style {
  left: 10%;
}
section.clips-hilight .glide__bullets._style .glide__bullet--active, section.album .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.clips-hilight .glide__arrows, section.album .glide__arrows {
  display: none;
}
@media (min-width: 1200px) {
  section.clips-hilight .glide__arrows, section.album .glide__arrows {
    display: block;
  }
}
section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right, section.album .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
  top: auto;
  bottom: -50%;
  left: auto;
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
}
section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--left {
  right: 20%;
}
@media (min-width: 768px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 13%;
    bottom: -50%;
  }
}
@media (min-width: 1200px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 12%;
    bottom: -15%;
  }
}
@media (min-width: 1920px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--left, section.album .glide__arrows .glide__arrow._style.glide__arrow--left {
    right: 10%;
    bottom: -10%;
  }
}
section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
  right: 4%;
}
@media (min-width: 768px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
    right: 7%;
    bottom: -50%;
  }
}
@media (min-width: 1200px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
    bottom: -15%;
  }
}
@media (min-width: 1920px) {
  section.clips-hilight .glide__arrows .glide__arrow._style.glide__arrow--right, section.album .glide__arrows .glide__arrow._style.glide__arrow--right {
    right: 7%;
    bottom: -10%;
  }
}
section.clips-hilight .glide__bullets._style, section.album .glide__bullets._style {
  left: 50%;
  bottom: -5%;
}
@media (min-width: 1200px) {
  section.clips-hilight .glide__bullets._style, section.album .glide__bullets._style {
    left: 10%;
  }
}
section.clips-hilight .glide__bullets._style .glide__bullet, section.album .glide__bullets._style .glide__bullet {
  border-radius: 0;
  border: 0;
  width: 20px;
  height: 5px;
}
section.clips-hilight .glide__bullets._style .glide__bullet--active, section.album .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.clips-hilight .glide__bullets._style .glide__bullet--active:hover, section.clips-hilight .glide__bullets._style .glide__bullet--active:focus, section.album .glide__bullets._style .glide__bullet--active:hover, section.album .glide__bullets._style .glide__bullet--active:focus {
  border: 2px solid #C34600;
}
section.album-list .album-count {
  background-color: #08275F;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
section.album-list .album-count span {
  color: #fff;
}
section.album-list .album-badge {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  z-index: 1;
}
section.album-detail .album-count {
  background-color: #C34600;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  margin-left: 1rem;
  display: flex;
  align-items: center;
}
section.album-detail .album-count img {
  width: 32px;
}
section.album-detail .text-head p {
  margin-bottom: 0;
}
section.redirect {
  height: 80vh;
  margin-top: 4rem;
  background-color: #2A292B;
  background-image: url(https://static.ch7.com/images/vnl2023/hilight-bg-vnl.jpg);
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  section.redirect {
    height: 82vh;
  }
}
@media (min-width: 1200px) {
  section.redirect {
    height: 80vh;
  }
}
section.redirect .text-redirect {
  color: #fff;
  font-size: 26px;
}
section.redirect .text-redirect span {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
}
section.images-preview {
  position: relative;
}
section.images-preview .close-layout {
  position: absolute;
  right: 0;
  filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7455%) hue-rotate(157deg) brightness(111%) contrast(97%);
}
@media (min-width: 1200px) {
  section.images-preview .close-layout {
    filter: none;
  }
}
section.images-preview .heading {
  font-size: 24px;
}
section.images-preview .img-count {
  font-size: 14px;
}
section.images-preview .album-badge {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  z-index: 1;
}
section.images-preview .glide__arrows .glide__arrow {
  background-color: rgba(0, 0, 0, 0.3);
}
section.images-preview .glide__arrows .glide__arrow._style {
  padding-bottom: 0.75rem;
}
@media (min-width: 1200px) {
  section.images-preview .glide__arrows .glide__arrow._style {
    padding-bottom: 1rem;
  }
}
section.images-preview .glide__arrows .glide__arrow._style.glide__arrow--left {
  position: absolute;
  top: 50%;
  left: 0%;
  display: block;
  width: 48px;
  height: 48px;
}
section.images-preview .glide__arrows .glide__arrow._style.glide__arrow--right {
  position: absolute;
  top: 50%;
  right: 0%;
  display: block;
  width: 48px;
  height: 48px;
}
section.tournament-result {
  margin-bottom: 1rem;
}
section.tournament-result .table {
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
section.tournament-result .table thead.table-linear {
  color: #fff;
  background-color: #C34600;
}
section.tournament-result .table thead tr th {
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
section.tournament-result .table thead tr th.large {
  font-size: 24px;
}
@media (min-width: 1200px) {
  section.tournament-result .table thead tr th.large {
    font-size: 32px;
  }
}
section.tournament-result .table thead tr.stick th:nth-of-type(1), section.tournament-result .table thead tr.stick th:nth-of-type(2) {
  position: sticky;
  z-index: 1;
}
section.tournament-result .table thead tr.stick th:nth-of-type(1) {
  background: #08275F;
  left: 0%;
}
section.tournament-result .table thead tr.stick th:nth-of-type(2) {
  background: linear-gradient(0deg, #08275F 0%, #3621c4 100%);
  background: -webkit-linear-gradient(0deg, #08275F 0%, #3621c4 100%);
  left: 18%;
}
@media (min-width: 768px) {
  section.tournament-result .table thead tr.stick th:nth-of-type(2) {
    left: 10%;
  }
}
@media (min-width: 992px) {
  section.tournament-result .table thead tr.stick th:nth-of-type(1), section.tournament-result .table thead tr.stick th:nth-of-type(2) {
    position: relative;
    left: auto;
    background: transparent;
    z-index: 1;
  }
}
section.tournament-result .table tbody {
  background-color: #fff;
}
section.tournament-result .table tbody tr td {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 1rem;
  vertical-align: middle;
}
@media (min-width: 1200px) {
  section.tournament-result .table tbody tr td {
    font-size: 24px;
  }
}
section.tournament-result .table tbody tr td:nth-child(2) {
  text-align: start;
}
section.tournament-result .table tbody tr td img.img-table {
  width: 40px;
  border: 1px solid #ACACAC;
}
@media (min-width: 1200px) {
  section.tournament-result .table tbody tr td img.img-table {
    width: 75px;
  }
}
section.tournament-result .table tbody tr td img.img-rank {
  width: 3rem;
}
@media (min-width: 768px) {
  section.tournament-result .table tbody tr td img.img-rank {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  section.tournament-result .table tbody tr td img.img-rank {
    width: 4.5rem;
  }
}
section.tournament-result .bg-reward {
  background-color: #fff;
  border-radius: 0.625rem;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
section.tournament-result .bg-reward .head {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(180deg, #08275F 0%, #C34600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 1rem 0;
}
@media (min-width: 1200px) {
  section.tournament-result .bg-reward .head {
    font-size: 32px;
  }
}
section.tournament-result .bg-reward .card-reward {
  padding: 0.5rem 0.2rem;
  border-bottom: 1px solid #ACACAC;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  section.tournament-result .bg-reward .card-reward {
    padding: 1rem;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  section.tournament-result .bg-reward .card-reward {
    font-size: 1rem;
  }
}
section.tournament-result .bg-reward .card-reward:last-child {
  border-bottom: 0;
}
section.tournament-result .bg-reward .card-reward ._border {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.tournament-result .bg-reward .card-reward ._border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(360deg, #0410C9 0%, #E1420E 100%);
}
section.tournament-result .bg-reward .card-reward .reward-name {
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 1rem;
}
section.tournament-result .bg-reward .card-reward .name {
  font-size: 18px;
}
@media (min-width: 992px) {
  section.tournament-result .bg-reward .card-reward .name {
    font-size: 20px;
  }
}
section.tournament-result .bg-reward .card-reward .bio {
  padding-bottom: 0.2rem;
  line-height: 1.8;
}
section.tournament-result .bg-reward .card-reward .bio span {
  padding-right: 0.2rem;
  font-size: 13px;
}
@media (min-width: 992px) {
  section.tournament-result .bg-reward .card-reward .bio span {
    padding-right: 0.5rem;
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  section.tournament-result .bg-reward .card-reward .bio span {
    padding-right: 1rem;
  }
}
section.tournament-result .bg-reward .card-reward img {
  width: 90px;
  border: 1px solid #ACACAC;
}
section.clips-hilight-noslide .btn.btn-more {
  margin-bottom: 0 !important;
}
section.schedule-live {
  background: url(https://static.ch7.com/images/vnl2024/schedule-live-bg.png);
  background-color: #08275F;
  background-position: top center;
  background-size: cover;
}
section.schedule-live .table-responsive table thead {
  width: 100%;
  height: 100%;
}
section.clips-program-vnl {
  background: url(https://static.ch7.com/images/vnl2024/clip-program-vnl-bg.png);
  background-position: center;
}
section.clips-program-vnl .glide__arrows .glide__arrow._style.glide__arrow--left, section.clips-program-vnl .glide__arrows .glide__arrow._style.glide__arrow--right {
  color: #C34600;
  border: 1px solid #C34600;
}
section.clips-program-vnl .glide__arrows .glide__arrow._style.glide__arrow--left {
  right: 8%;
}
section.clips-program-vnl .glide__bullets._style .glide__bullet {
  background-color: #2C2A2F;
}
section.clips-program-vnl .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.clips-program-vnl .glide__bullets._style .glide__bullet--active:hover, section.clips-program-vnl .glide__bullets._style .glide__bullet--active:focus {
  border: 2px solid #C34600;
}
section.cheerthai {
  background-color: #041430;
  padding: 1rem 0 0;
  position: relative;
}
section.cheerthai .img-click {
  position: relative;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, 0%);
  width: 100%;
}
@media (min-width: 768px) {
  section.cheerthai .img-click {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    transform: none;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.cheerthai .img-click {
    width: 40%;
  }
}
section.cheerthai .flag {
  width: 24px;
  margin-left: 0.5rem;
  margin-top: 0.75rem;
}
section.cheerthai .cheer-overlay {
  position: absolute;
  top: -1%;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 100%;
}
section.cheerthai .chat-container {
  overflow: scroll;
  padding-top: 80%;
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  section.cheerthai .chat-container {
    padding-top: 60%;
  }
}
@media (min-width: 992px) {
  section.cheerthai .chat-container {
    padding-top: 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  section.cheerthai .chat-container {
    padding-top: 35%;
  }
}
@media (min-width: 1920px) {
  section.cheerthai .chat-container {
    padding-top: 40%;
  }
}
section.cheerthai .chat-container .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.cheerthai .chat-container .content .chat-cheer-container {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-bottom: 1rem;
}
section.cheerthai .chat-container .content .chat-cheer-container span {
  color: #ACACAC;
}
section.cheerthai .chat-container .content .chat-cheer-container span._margin {
  margin-left: 4%;
}
section.cheerthai .chat-container .content .chat-cheer-container span._time, section.cheerthai .chat-container .content .chat-cheer-container span._day {
  font-size: 12px;
}
section.cheerthai .chat-container .content .chat-cheer-container span._day {
  padding-right: 0.5rem;
  border-right: 1px solid;
}
section.cheerthai .chat-container .content .chat-cheer-container span._time {
  margin-left: 0.5rem;
}
section.cheerthai .chat-container .chat-cheer {
  background-color: #25324E;
  padding: 1rem;
  border-radius: 1.875rem;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
section.cheerthai .chat-container .chat-cheer .user-name, section.cheerthai .chat-container .chat-cheer .word {
  font-size: 1rem;
}
@media (min-width: 768px) {
  section.cheerthai .chat-container .chat-cheer .user-name, section.cheerthai .chat-container .chat-cheer .word {
    font-size: 1.25rem;
  }
}
section.cheerthai .chat-container .chat-cheer .user-name {
  font-family: "Oswald";
  color: #ACACAC;
  margin-right: 1rem;
  white-space: nowrap;
}
section.cheerthai .chat-container .chat-cheer .word {
  color: #fff;
  font-family: "Thonburi";
  font-weight: 100;
}
section.cheerthai-page {
  background-color: #051334;
  padding: 1rem 0 3rem;
  position: relative;
  background-image: url(https://static.ch7.com/images/vnl2024/cheerthai-page-player-bg.png);
  background-repeat: no-repeat;
  background-position: center 15%;
  background-size: 160%;
  height: 100%;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  section.cheerthai-page {
    background-position: center 10%;
    background-size: 125%;
  }
}
@media (min-width: 1200px) {
  section.cheerthai-page {
    background-position: center 150px;
    background-size: 110%;
  }
}
@media (min-width: 1920px) {
  section.cheerthai-page {
    background-position: center 0%;
  }
}
section.cheerthai-page .btn-share {
  position: relative;
  background-color: #C34600;
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 0;
  padding: 0.5rem 1rem;
  line-height: 1;
  width: auto;
  margin: auto;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  section.cheerthai-page .btn-share {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  section.cheerthai-page .btn-share {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 24px;
  }
}
section.cheerthai-page .btn-share img._size {
  width: 16px;
}
@media (min-width: 1200px) {
  section.cheerthai-page .btn-share img._size {
    width: 24px;
  }
}
section.cheerthai-page .chat-container {
  overflow: scroll;
  padding-top: 70%;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  section.cheerthai-page .chat-container {
    padding-top: 65%;
  }
}
@media (min-width: 1200px) {
  section.cheerthai-page .chat-container {
    padding-top: 55%;
  }
}
@media (min-width: 1400px) {
  section.cheerthai-page .chat-container {
    padding-top: 60%;
  }
}
@media (min-width: 1920px) {
  section.cheerthai-page .chat-container {
    padding-top: 55%;
  }
}
section.cheerthai-page .chat-container .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.cheerthai-page .chat-container .content .chat-cheer-container {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-bottom: 1rem;
}
section.cheerthai-page .chat-container .content .chat-cheer-container span {
  color: #ACACAC;
}
section.cheerthai-page .chat-container .content .chat-cheer-container span._margin {
  margin-left: 4%;
}
section.cheerthai-page .chat-container .content .chat-cheer-container span._time, section.cheerthai-page .chat-container .content .chat-cheer-container span._day {
  font-size: 12px;
}
section.cheerthai-page .chat-container .content .chat-cheer-container span._day {
  padding-right: 0.5rem;
  border-right: 1px solid;
}
section.cheerthai-page .chat-container .content .chat-cheer-container span._time {
  margin-left: 0.5rem;
}
section.cheerthai-page .flag {
  width: 24px;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
section.cheerthai-page .cheer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.9;
  width: 100%;
}
section.cheerthai-page .chat-cheer {
  background-color: #25324E;
  padding: 1rem;
  border-radius: 1.875rem;
  display: flex;
  flex-direction: column;
  min-width: 90%;
}
section.cheerthai-page .chat-cheer .user-name, section.cheerthai-page .chat-cheer .word {
  font-size: 1rem;
}
@media (min-width: 768px) {
  section.cheerthai-page .chat-cheer .user-name, section.cheerthai-page .chat-cheer .word {
    font-size: 1.25rem;
  }
}
section.cheerthai-page .chat-cheer .user-name {
  font-family: "Oswald";
  color: #ACACAC;
  white-space: nowrap;
}
section.cheerthai-page .chat-cheer .word {
  color: #fff;
  font-family: "Thonburi";
  font-weight: 100;
}
section.cheerthai-page .cheer-bg {
  background-color: #051334;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
  border-radius: 1.25rem;
  box-shadow: 0px 0px 40px 0px rgba(51, 95, 197, 0.25);
}
section.cheerthai-page .cheer-login {
  background-color: #08275F;
  color: #fff;
  font-size: 16px;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  margin: auto;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  section.cheerthai-page .cheer-login {
    font-size: 18px;
  }
}
section.cheerthai-page .cheer-login .color {
  color: #6FA8FF;
  font-weight: bold;
}
section.cheerthai-page .pagination._style .page-item:first-child, section.cheerthai-page .pagination._style .page-item:last-child {
  padding: 0 0.25rem;
}
section.cheerthai-page .pagination._style .page-item .page-link {
  color: #fff;
  background-color: transparent;
  border: 0;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.cheerthai-page .pagination._style .page-item .page-link.active {
  background-color: #4479D7;
  border-radius: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
section.cheerthai-page .pagination._center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
section.clips-viral-vnl {
  background-color: #061C44;
  padding: 1rem 0;
}
section.clips-viral-vnl ul {
  margin-bottom: 0;
}
section.clips-viral-vnl .glide__slides {
  padding: 0;
}
section.clips-viral-vnl .glide__slides .glide__slide._scale {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
section.clips-viral-vnl .glide__slides .glide__slide._scale.glide__slide--active {
  transform: scale(1.2);
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  section.clips-viral-vnl .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  section.clips-viral-vnl .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  section.clips-viral-vnl .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
}
@media (min-width: 1920px) {
  section.clips-viral-vnl .glide__slides .glide__slide._scale.glide__slide--active {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
    margin-bottom: 1rem;
  }
}
section.clips-viral-vnl .glide__bullets._style {
  left: 10%;
}
section.clips-viral-vnl .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.clips-viral-vnl .glide__arrows {
  display: none;
}
@media (min-width: 1200px) {
  section.clips-viral-vnl .glide__arrows {
    display: block;
  }
}
section.clips-viral-vnl .glide__arrows .glide__arrow._style.glide__arrow--left, section.clips-viral-vnl .glide__arrows .glide__arrow._style.glide__arrow--right {
  top: auto;
  bottom: -50%;
  left: auto;
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
}
section.clips-viral-vnl .glide__arrows .glide__arrow._style.glide__arrow--left {
  top: 50%;
  left: -4%;
}
section.clips-viral-vnl .glide__arrows .glide__arrow._style.glide__arrow--right {
  top: 50%;
  right: -4%;
}
section.clips-viral-vnl .glide__bullets._style {
  left: 50%;
  bottom: -5%;
}
@media (min-width: 1200px) {
  section.clips-viral-vnl .glide__bullets._style {
    left: 10%;
  }
}
section.clips-viral-vnl .glide__bullets._style .glide__bullet {
  border-radius: 0;
  border: 0;
  width: 20px;
  height: 5px;
}
section.clips-viral-vnl .glide__bullets._style .glide__bullet--active {
  background-color: #C34600;
}
section.clips-viral-vnl .glide__bullets._style .glide__bullet--active:hover, section.clips-viral-vnl .glide__bullets._style .glide__bullet--active:focus {
  border: 2px solid #C34600;
}
section.viral-view {
  background-color: #061C44;
  background-image: url(https://static.ch7.com/images/vnl2024/hilight-bg-vnl2024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 0 3rem;
}

.bg-linear {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #08275F 0%, #C34600 100%);
  background: -webkit-linear-gradient(0deg, #08275F 0%, #C34600 100%);
}

.head-mg {
  background-color: #fff;
  padding-top: 3rem;
}
.head-mg .head-bg {
  background-image: url(https://static.ch7.com/images/vnl2024/detail-bar2024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 30% center;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.head-mg .heading {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 1200px) {
  .head-mg .heading {
    padding-left: 1rem;
  }
}

.h-mobile {
  height: 500px !important;
  border-bottom: 1px solid #ACACAC;
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .h-mobile {
    height: auto;
    border: 0;
    margin-bottom: 0;
  }
}

.layer-1, .layer-2, .layer-3 {
  position: absolute;
}
@media (min-width: 992px) {
  .layer-1, .layer-2, .layer-3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.layer-3 {
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 1;
}
@media (min-width: 768px) {
  .layer-3 {
    top: 55%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .layer-3 {
    top: 15%;
    left: auto;
    right: 5%;
    width: auto;
  }
}
@media (min-width: 1920px) {
  .layer-3 {
    right: 15%;
  }
}

.layer-2 {
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  animation-name: bright, scaleup;
  animation-duration: 4s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}
@keyframes scaleup {
  0% {
    width: 100%;
  }
  50% {
    width: 105%;
  }
  60% {
    width: 105%;
  }
  100% {
    width: 100%;
  }
}
@media (min-width: 768px) {
  @keyframes scaleup {
    0% {
      width: 90%;
    }
    50% {
      width: 91%;
    }
    90% {
      width: 91%;
    }
    100% {
      width: 90%;
    }
  }
}
@media (min-width: 992px) {
  @keyframes scaleup {
    0% {
      width: 70%;
    }
    50% {
      width: 71%;
    }
    90% {
      width: 71%;
    }
    100% {
      width: 70%;
    }
  }
}
@media (min-width: 1200px) {
  @keyframes scaleup {
    0% {
      width: 60%;
    }
    50% {
      width: 61%;
    }
    90% {
      width: 61%;
    }
    100% {
      width: 60%;
    }
  }
}
@media (min-width: 1920px) {
  @keyframes scaleup {
    0% {
      width: 50%;
    }
    50% {
      width: 51%;
    }
    90% {
      width: 51%;
    }
    100% {
      width: 50%;
    }
  }
}
@keyframes bright {
  0% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  3% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  4% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  5% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  6% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  7% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  100% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
}
@media (min-width: 576px) {
  .layer-2 {
    top: 45%;
  }
}
@media (min-width: 768px) {
  .layer-2 {
    top: 40%;
    width: 90%;
  }
}
@media (min-width: 992px) {
  .layer-2 {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .layer-2 {
    top: 50%;
    width: 60%;
  }
}
@media (min-width: 1400px) {
  .layer-2 {
    top: 52%;
  }
}
@media (min-width: 1920px) {
  .layer-2 {
    top: 55%;
    width: 50%;
  }
}

.layer-1 {
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  animation: blink 4s infinite;
  -webkit-animation: blink 4s infinite;
  animation-delay: 2s;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .layer-1 {
    width: 100%;
    top: 40%;
  }
}
@media (min-width: 992px) {
  .layer-1 {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .layer-1 {
    width: 80%;
    top: 50%;
  }
}

.text-head {
  color: #fff;
  width: 100%;
}
@media (min-width: 992px) {
  .text-head {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .text-head {
    width: 75%;
  }
}
.text-head .title {
  font-size: 32px;
  margin-bottom: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
}
.text-head p {
  font-weight: 100;
  margin-bottom: 0.5rem;
}
.text-head p:last-child {
  margin-bottom: 0;
}

.main .card-img-thumb, .live-match-main .card-img-thumb {
  padding-top: 56.25%;
  overflow: hidden;
  background: url(https://static.ch7.com/images/theme2019/ch7_logo-bw.png) center no-repeat;
  background-color: #ACACAC;
}
.main img, .live-match-main img {
  max-width: 100%;
  height: auto;
}
.main img.w-icon, .live-match-main img.w-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main p {
  padding-top: 1rem;
  text-indent: 1rem;
  margin-bottom: 1rem;
}

.live-match-main {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .live-match-main {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .live-match-main {
    margin-bottom: 10rem;
  }
}
@media (min-width: 1920px) {
  .live-match-main {
    margin-bottom: 15rem;
  }
}
.live-match-main p {
  padding-top: 1rem;
  text-indent: 1rem;
  margin-bottom: 3rem;
}

.live-match-vnl {
  position: relative;
  height: 100%;
  margin-top: 4.2rem;
}
@media (min-width: 1920px) {
  .live-match-vnl {
    margin-bottom: 2rem;
  }
}
.live-match-vnl .vnl-skin-player, .live-match-vnl .vnl-bg-player {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
}
.live-match-vnl .vnl-skin-player {
  display: none;
}
@media (min-width: 1200px) {
  .live-match-vnl .vnl-skin-player {
    display: block;
  }
}
.live-match-vnl .vnl-bg-player {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1200px) {
  .live-match-vnl .vnl-bg-player {
    display: none;
  }
}
.live-match-vnl .live-match-main {
  margin-top: 1.5rem;
  position: relative;
}
.live-match-vnl .card-img-thumb {
  background-color: #000;
}

.live-match-vnl-detail {
  position: relative;
  margin-top: 1rem;
}
.live-match-vnl-detail .title {
  font-size: 24px;
}

.date-live span.time._bold {
  font-weight: bold !important;
  background: -webkit-linear-gradient(90deg, #08275F 0%, #C34600 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vnl-banner, .vnl-banner-tshirt {
  margin: 3rem 0;
}
.vnl-banner img, .vnl-banner-tshirt img {
  margin: auto;
}

.blue-icon {
  filter: brightness(0) saturate(100%) invert(11%) sepia(99%) saturate(5600%) hue-rotate(243deg) brightness(84%) contrast(128%);
}

.ratio-3x2 {
  padding-top: 66.66%;
}

.ratio-img-winner {
  padding-top: 56.25%;
  background-color: #000;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ratio-img-winner {
    padding-top: 33.33%;
  }
}
.ratio-img-winner .bg-blur {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.img-fit {
  object-fit: contain;
  object-position: center;
}

.btn-vnl-download {
  background-color: #C34600;
  color: #fff;
  width: 100%;
  padding: 1rem 0;
  margin: 2rem auto;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .btn-vnl-download {
    width: 50%;
  }
}
.btn-vnl-download:hover {
  color: #fff;
  background-color: #903400;
}

.btn-vnl-download-outline {
  color: #fff;
  border: 1px solid #fff;
  width: auto;
  font-size: 20px;
  font-weight: bold;
  padding: 1rem 2rem;
  margin-top: 1rem;
}
.btn-vnl-download-outline:hover {
  color: #C34600;
  background-color: #fff;
}
.btn-vnl-download-outline:hover img {
  filter: brightness(0) saturate(100%) invert(52%) sepia(48%) saturate(5689%) hue-rotate(345deg) brightness(91%) contrast(95%);
}

@media (min-width: 1024px) and (height: 1366px) {
  .live-match-vnl {
    height: 100%;
  }
  .live-match-vnl .vnl-bg-player {
    height: 100%;
  }
  .live-vnl .flex-layout {
    height: 65vh;
  }
  .layer-2 {
    width: 90%;
  }
  @keyframes scaleup {
    0% {
      width: 90%;
    }
    50% {
      width: 91%;
    }
    60% {
      width: 91%;
    }
    100% {
      width: 90%;
    }
  }
}
@media (min-width: 1024px) and (height: 768px) {
  .live-match-vnl {
    height: 100%;
  }
  .live-match-vnl .vnl-bg-player {
    height: 100%;
  }
}
@media (min-width: 1366px) and (height: 1024px) {
  .live-match-vnl {
    height: 100%;
  }
}
@media (min-width: 812px) and (max-width: 932px) {
  .live-vnl._no-livematch .flex-layout {
    height: 70vh;
  }
}
@media (min-width: 1600px) {
  .vnl-skin-player, .vnl-bg-player {
    width: 100% !important;
    height: auto !important;
  }
  .live-match-vnl {
    height: 100%;
  }
  .live-match-main {
    margin-bottom: 15rem;
  }
}
@media (min-width: 2500px) {
  .vnl-skin-player, .vnl-bg-player {
    width: 77% !important;
    height: auto !important;
  }
  .live-match-vnl {
    height: 80vh;
  }
  .live-vnl .flex-layout {
    height: 75vh;
  }
  .layer-3 {
    right: 22%;
  }
}
@media (min-width: 3200px) {
  .vnl-skin-player, .vnl-bg-player {
    width: 58% !important;
    height: auto !important;
  }
  .live-match-vnl {
    height: 40vh;
  }
  .live-vnl .flex-layout {
    height: 50vh;
  }
  .layer-3 {
    top: 12%;
    right: 30%;
  }
}
.motto {
  margin-top: -4rem;
  margin-bottom: 1rem;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 30%;
}
@media (min-width: 768px) {
  .motto {
    bottom: 20%;
  }
}
@media (min-width: 1200px) {
  .motto {
    bottom: inherit;
    top: 20%;
    right: -45%;
    transform: rotate(-5deg);
    z-index: 1;
  }
}
.motto img.text-motto {
  position: relative;
  width: 50%;
  z-index: 1;
}
@media (min-width: 1200px) {
  .motto img.text-motto {
    width: 30%;
  }
}

.bg-not-main {
  background: transparent !important;
}

.offcanvas {
  max-width: 70%;
}
@media (min-width: 768px) {
  .offcanvas {
    max-width: 40%;
  }
}
@media (min-width: 992px) {
  .offcanvas {
    max-width: 100%;
  }
}

.img-animate {
  animation-name: bright;
  animation-duration: 4s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}
@keyframes bright {
  0% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  3% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  4% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  5% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  6% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  7% {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
  }
  8% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
  }
  9% {
    transform: scale(1);
    animation-duration: 10s;
    animation-delay: 5s;
  }
  20% {
    transform: scale(1.1);
    animation-duration: 10s;
    animation-delay: 5s;
  }
  100% {
    filter: brightness(1);
    -webkit-filter: brightness(1);
    transform: scale(1);
    animation-duration: 4s;
    animation-delay: 2s;
  }
}/*# sourceMappingURL=vnl2024.css.map */