/* reset */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
a[role="button"] {
	cursor: pointer;
}
a:active, a:link, a:visited,
a img:active, a img:link, a img:visited {
	outline: none;
} 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p {
	margin: 0;
}
ul, ol, dl {
	margin: 0;
	padding: 0;
}
/* ~reset */

.lang-selector .dropdown .dropdown-contiainer .dropdown-menu-lang-dropdown {
  box-sizing: unset!important;
}

.carousel-item .carousel-item-content .carousel-icon {
  box-sizing: unset!important;
}

.box-sizing-unset {
box-sizing: unset!important;
}

/* overwrite */
.dynamic-content {
  max-width: 100%;
}
.dynamic-content .area {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* @media (min-width: 767.5px) {
  .carousel-placeholder {
    height: 100%;
  }
}
.carousel-placeholder {
  height: 100%;
} */
.dynamic-content .area .swiper-tiles .swiper-slide:first-child {
  margin-left: 0;
}
.dynamic-content .area .swiper-tiles .swiper-slide {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}
.dynamic-content .area .swiper-tiles:not(.processed) .tile {
  margin-right: 0;
}
.dynamic-content .area .swiper-wrapper {
  gap: 0;
}
.dynamic-content .area .swiper-tiles {
  margin-left: 0;
  width: 100%;
  overflow: visible;
}
#esports-tourneys .swiper-slide {
  /* -ms-flex-negative: 1;*/
      flex-shrink: 1; 
  width: max-content;
  height: auto;
}
.swiper-slide:last-child {
  margin-right: 0 !important;
}
[data-currency="MYR"] .swiper-slide.hideMYR, 
[data-currency="INR"] .swiper-slide.hideINR {
  display: none !important;
}
/* .placeholder-carousel-content {
  height: 100%;
} */
.block.pointer {
  height: 100%;
}
/* .carousel-item {
  background-color: var(--primary-1);
} */
/* .carousel-item .carousel-item-content {
  max-width: 560px;
  left: 53%;
} */
/* .carousel-item .carousel-item-content > img {
  height: 80px;
  max-height: 80px;
  height: 6.25vw;
  width: auto;
  margin-bottom: 10px;
} */
/* initially hide carousel image then show on load */
/* .carousel-item > div > picture > img {
  display: none;
} */
.swiper-button-next:after, .swiper-button-prev:after {
  content: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
/* .carousel-item .carousel-item-content button {
  font-size: 16px;
} */
/* ~overwrite */
.esports-content > section {
  padding: 24px 0 80px;
}
.inner {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}
/* .carousel-item-content-logo {
  width: auto;
  height: 80px;
}
.carousel-item-content-logo > img {
  height: 80px;
  width: auto;
}
.carousel-item .carousel-item-content h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
}
.carousel-item .carousel-item-content p {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
} */
.swiper-holder {
  padding: 24px;
  margin: -24px;
  overflow: hidden;
}

/* esports */
.esports-products__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  /* margin-bottom: 60px; */
}
.esports-products__tiles--4 {
  flex-wrap: wrap;
}
.esports-products__tiles__card {
  max-width: 426px;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}
.esports-products__tiles--4 .esports-products__tiles__card {
  max-width: 651px;
  flex-basis: 49%;
}
.esports-products__tiles__card img {
  width: 100%;
  height: auto;
}
.esports-products__tiles .info-box {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--other-1);
  padding: 0 var(--spacing-24) var(--spacing-24) var(--spacing-24);
}
.esports-products__tiles--4 .button.lg-desktop {
  height: 64px;
  padding: 20px 32px;
  font-size: 16px;
}
/* ~esports */

/* tournaments */
.esports-content .esports-tourneys {
  background: var(--other-1);
  padding-top: 32px;
  padding-bottom: 10px;
  margin-top: 38px;
}
.esports-tourneys__heroes {
  background-image: url("/~/static/sub-section/esports/assets/img/tournaments/esports-heroes.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 14px;
  height: 346px;
  width: 520px;
}
.swiper-tourney {
  overflow: visible;
  margin-bottom: 30px;
}
.swiper-tourney__card {
  width: 140px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* padding: 10px; */
  border-radius: 14px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.swiper-tourney__card > img {
  width: 100%;
  height: 100%;
  -webkit-filter: contrast(1.15);
          filter: contrast(1.15);
}
.swiper-tourney .swiper-button-prev,
.swiper-tourney .swiper-button-next {
  display: none;
}
.swiper-tourney .swiper-button-prev:disabled,
.swiper-tourney .swiper-button-next:disabled {
  opacity: 0;
}
/* ~tournaments */

/* features */
.esports-content .esports-features {
  padding: 32px 0;
  background-color: var(--other-mode-1);
}
.esports-features > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.esports-features__card {
  max-width: 280px;
  width: 100%;
  height: auto;
  padding: 12px;
}

.esports-features__card__thumb {
  width: 160px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 16px;
}
.esports-features__card__thumb > img {
  width: 100%;
  height: auto;
}
.esports-features__card__desc h3 {
  display: block;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
.esports-features__card__desc p {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
/* ~features */

/* gradients */
.lol-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565b7e+0,131524+100 */
  background: rgb(86,91,126); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(86,91,126,1)),to(rgba(19,21,36,1)));
  background: -o-linear-gradient(top,  rgba(86,91,126,1) 0%,rgba(19,21,36,1) 100%);
  background: linear-gradient(to bottom,  rgba(86,91,126,1) 0%,rgba(19,21,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565b7e', endColorstr='#131524',GradientType=0 ); /* IE6-9 */
}
.dota2-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#757575+0,3d3d3d+100 */
  background: rgb(117,117,117); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(117,117,117,1)),to(rgba(61,61,61,1)));
  background: -o-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(61,61,61,1) 100%);
  background: linear-gradient(to bottom,  rgba(117,117,117,1) 0%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */
}
.csgo-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fda429+0,a76e21+100 */
  background: rgb(253,164,41); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(253,164,41,1)),to(rgba(167,110,33,1)));
  background: -o-linear-gradient(top,  rgba(253,164,41,1) 0%,rgba(167,110,33,1) 100%);
  background: linear-gradient(to bottom,  rgba(253,164,41,1) 0%,rgba(167,110,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda429', endColorstr='#a76e21',GradientType=0 ); /* IE6-9 */
}
.fortnite-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#71dfe7+0,26777d+100 */
  background: rgb(113,223,231); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(113,223,231,1)),to(rgba(38,119,125,1)));
  background: -o-linear-gradient(top,  rgba(113,223,231,1) 0%,rgba(38,119,125,1) 100%);
  background: linear-gradient(to bottom,  rgba(113,223,231,1) 0%,rgba(38,119,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71dfe7', endColorstr='#26777d',GradientType=0 ); /* IE6-9 */
}
.fifa-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f6cb4+0,1a2132+100 */
  background: rgb(79,108,180); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(79,108,180,1)),to(rgba(26,33,50,1)));
  background: -o-linear-gradient(top,  rgba(79,108,180,1) 0%,rgba(26,33,50,1) 100%);
  background: linear-gradient(to bottom,  rgba(79,108,180,1) 0%,rgba(26,33,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f6cb4', endColorstr='#1a2132',GradientType=0 ); /* IE6-9 */
}
.pubg-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e7168+0,403b37+100 */
  background: rgb(126,113,104); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(126,113,104,1)),to(rgba(64,59,55,1)));
  background: -o-linear-gradient(top,  rgba(126,113,104,1) 0%,rgba(64,59,55,1) 100%);
  background: linear-gradient(to bottom,  rgba(126,113,104,1) 0%,rgba(64,59,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7168', endColorstr='#403b37',GradientType=0 ); /* IE6-9 */
}
.overwatch-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,b6b6b6+100 */
  background: rgb(224,224,224); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(224,224,224,1)),to(rgba(182,182,182,1)));
  background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(182,182,182,1) 100%);
  background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(182,182,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
}
.rocketleague-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ae4ccf+0,6d2486+100 */
  background: rgb(174,76,207); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(174,76,207,1)),to(rgba(109,36,134,1)));
  background: -o-linear-gradient(top,  rgba(174,76,207,1) 0%,rgba(109,36,134,1) 100%);
  background: linear-gradient(to bottom,  rgba(174,76,207,1) 0%,rgba(109,36,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae4ccf', endColorstr='#6d2486',GradientType=0 ); /* IE6-9 */
}
.rainbowsix-grad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e7c17+0,244310+100 */
  background: rgb(62,124,23); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(62,124,23,1)),to(rgba(36,67,16,1)));
  background: -o-linear-gradient(top,  rgba(62,124,23,1) 0%,rgba(36,67,16,1) 100%);
  background: linear-gradient(to bottom,  rgba(62,124,23,1) 0%,rgba(36,67,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7c17', endColorstr='#244310',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 1023px){
  .inner {
    padding: 0 16px;
  }
  /* .carousel-item .carousel-item-content > img {
    height: 50px; 
  } */
  /* .carousel-item .carousel-item-content button {
    padding: 11px 20px;
    line-height: 1.4;
    font-size: 12px;
  }
  .carousel-item .carousel-item-content .track-events {
    width: auto;
  } */
  .esports-content > section {
    padding: 0 0 60px;
  }
  .esports-products__tiles {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
  }
  .esports-products__tiles__card {
    /* max-width: 364px; */
    max-width: 490px;
    width: 100%;
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
  }
  .esports-products__tiles--4 .button.lg-desktop {
    height: 40px;
    padding: 11px 20px;
    font-size: 12px;
  }
  .esports-tourneys__heroes {
    height: 305px;
    width: 458px;
    right: 0;
  }
  .swiper-holder {
    padding: 24px 16px;
    margin: -24px -16px;
  }
  .swiper-tourney__card {
    width: 120px;
    height: 120px;
  }
  .swiper-tourney .swiper-button-prev,  .swiper-tourney .swiper-button-next {
    display: none;
  }
  .swiper-tourney .swiper-button-prev,
  .swiper-tourney .swiper-button-next {
    display: none;
  }
  .esports-features > .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .esports-features__card {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }
  .esports-features__card__thumb {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
  }
  .esports-features__card__desc h3 {
    font-size: 14px;
    line-height: 1.4;
  }
  .esports-features__card__desc p {
    font-size: 14px;
  }
}
@media (max-width: 819px) {
  .esports-tourneys__heroes {
    background-position: 40px center;
  }
}
@media (max-width: 767px){
  body {
    overflow-x: hidden;
  }
  /* .carousel-item .carousel-item-content {
    left: 50%;
  }
  .carousel-item .carousel-item-content > img {
    height: 40px;
    height: 10.5vw;
  }
  .carousel-item .carousel-item-content span {
    font-size: 3vw;
  }
  .carousel-item .carousel-item-content span.big {
    font-size: 4vw;
    line-height: 1.4;
  }
  .carousel-item .carousel-item-content button {
    padding: 9px 16px;
    line-height: 1.4;
    font-size: 10px;
  } */
  .esports-content > .esports-products {
    padding: 0 0 32px
  }
  .esports-products__tiles__card {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .esports-products__tiles--4 .esports-products__tiles__card {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .esports-content .esports-tourneys {
    padding-top: 14px;
  }
  .esports-tourneys__heroes {
    height: 214px;
    display: none;
  }
  .swiper-tourney {
    margin-bottom: 16px;
    padding-right: 0;
  }
  .swiper-tourney__card {
    width: 100px;
    height: 100px;
    /* padding: 5px; */
  }
  .esports-content .esports-features {
    padding: 24px 0;
  }
  .esports-features > .inner {
    display: block;
  }
  .esports-features__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    max-width: 100%;
    padding: 4px 0;
    /* gap: 16px; */
  }
  .esports-features__card:last-child {
    margin-bottom: 0;
  }
  .esports-features__card__thumb {
    width: 64px;
    height: 64px;
    -ms-flex-preferred-size: 64px;
        flex-basis: 64px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 16px;
  }
  .esports-features__card__thumb > img {
    width: 64px;
    height: auto;
  }
  .esports-features__card__desc {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .esports-features__card__desc h3,
  .esports-features__card__desc p {
    text-align: left;
    font-size: 12px;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .esports-features__card__desc h3 {
    margin-bottom: 4px;
  }
}

/* Dark Theme */
html[data-theme="dark"] .esports-features__card__desc h3,
html[data-theme="dark"] .esports-features__card__desc p {
  color: var(--other-1);
}
html[data-theme="dark"] .esports-tourneys {
  background-color: var(--primary-1);
}

/* hover: hover */
@media (hover: hover) {
  .esports-products__tiles__card:hover {
    -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
            transform: scale(1.025);
  }
  .swiper-tourney__card:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .swiper-tourney:hover .swiper-button-prev,
  .swiper-tourney:hover .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  @media (max-width: 1023px){
    .esports-products__tiles__card:hover {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
    }
    .swiper-tourney__card:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
    .swiper-tourney:hover .swiper-button-prev,
    .swiper-tourney:hover .swiper-button-next {
      display: none;
    }
  }

}