.referral_img[data-v-37235055] {
  height:auto;
  width:100%;
  aspect-ratio:945/400
}
@media (min-width:599px) {
  .referral_img[data-v-37235055] {
    height:400px;
    aspect-ratio:1240/400
  }
}
.sb_holder {
  position:absolute;
  top:15%;
  left:50%;
  transform:translate(-50%,-50%)
}
.ld_holder {
  position:absolute;
  top:25%;
  left:10%
}
@media(max-width:599px) {
  .ld_holder {
    position:absolute;
    top:10%;
    left:5%
  }
}
.sb_ply_now.v-btn--outlined {
  border:2px solid #fff
}
.apply-button {
  flex-grow:1;
  width:120px;
  height:90px;
  padding:9px!important
}
.apply-button .v-btn__content {
  color:#000
}
.banner-content {
  height:auto;
  position:relative
}
.banner-content button {
  color:#fff!important;
  margin:0;
  padding:0
}
.banner-content .home-banner-carousel,
.banner-content .home-banner-carousel-mobile .v-image {
  cursor:pointer
}
.banner-content .banner-overlay {
  height:auto;
  width:35%;
  display:block;
  margin-left:auto
}
.marquee-row {
  background-color:#3539a9;
  color:var(--v-text_reverse-base)
}
.marquee-row .home-announcment-content {
  font-size:16px
}
.marquee-row .marquee-wrapper {
  display:flex;
  align-items:center;
  max-width:1240px;
  margin:auto
}
.marquee-row .marquee-wrapper .marquee {
  width:calc(100% - 60px);
  display:flex;
  align-items:center
}
.marquee-row .marquee-icon {
  content:"";
  display:block;
  width:24px;
  height:24px;
  margin:4px 8px;
  background-color:#fff;
  mask:url(/static/svg/announcement-icon.svg);
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask:url(/static/svg/announcement-icon.svg);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center
}
@media(max-width:599px) {
  .banner-content .banner-overlay {
    height:auto;
    width:50%;
    display:block;
    margin-left:auto
  }
  .banner-content .v-carousel__controls {
    position:unset;
    height:auto
  }
}
.mb-bg-color {
  border-bottom:.3px solid #000;
  background-color:#142590
}
.mb-br-radius {
  border-radius:10px
}
.flicking-panel {
  opacity:.5;
  zoom:1
}
.flicking-panel.active {
  opacity:1
}
.JAYA9_panel {
  border-radius:1.3333333333vw;
  box-shadow:0 .5333333333vw .8vw rgba(0,0,0,.3)
}
.paging-bullet {
  position:relative;
  display:inline-block;
  width:25px;
  height:5px;
  margin:0 4px;
  cursor:pointer;
  font-size:1rem
}
.paging-bullet i {
  z-index:1;
  width:100%;
  border-radius:20%;
  background-color:rgba(10,10,10,.1)
}
.paging-bullet b,
.paging-bullet i {
  position:absolute;
  bottom:0;
  left:0;
  height:5px
}
.paging-bullet b {
  z-index:2;
  width:0;
  background-color:#111
}
.flicking-pagination-bullet-active {
  background-color:rgba(10,10,10,.1)
}
.flicking-pagination-bullet-active b {
  background-color:#f56909;
  animation-name:countingBar;
  animation-duration:3.5s;
  animation-timing-function:ease-in;
  animation-iteration-count:1;
  animation-direction:alternate
}
@keyframes countingBar {
  0% {
    width:0
  }
  to {
    width:20px
  }
}
.flicking-pagination {
  position:relative;
  text-align:center;
  bottom:0
}
.flicking-pagination-bullets,
.flicking-pagination-scroll {
  font-size:0
}
.flicking-viewport {
  position:relative;
  overflow:hidden
}
.flicking-camera,
.flicking-viewport:not(.vertical) {
  width:100%;
  height:100%
}
.flicking-camera {
  position:relative;
  z-index:1;
  white-space:nowrap;
  will-change:transform
}
.flicking-camera>* {
  white-space:normal;
  vertical-align:top
}
.flicking-camera>*,
.flicking-viewport.vertical,
.flicking-viewport.vertical>.flicking-camera {
  display:inline-block
}
.flicking-viewport.vertical.middle>.flicking-camera>* {
  vertical-align:middle
}
.flicking-viewport.vertical.bottom>.flicking-camera>* {
  vertical-align:bottom
}
.flicking-viewport.vertical>.flicking-camera>* {
  display:block
}
.flicking-viewport.flicking-hidden>.flicking-camera>* {
  visibility:hidden
}
.title_color--text {
  font-size:26px
}
*,
:after,
:before {
  box-sizing:border-box
}
.gameImageWrapper {
  width:100%;
  display:flex;
  justify-content:center
}
.gameImageWrapper .imageWrapper {
  height:90px;
  width:125px;
  position:relative;
  overflow:hidden;
  border-radius:35%;
  border:3px solid #fff
}
.gameImageWrapper .imageWrapper img {
  max-height:90px;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%)
}
.wrapper {
  margin-top:-50px;
  height:100%
}
.carousel,
.wrapper {
  width:100%;
  display:flex;
  justify-content:center
}
.carousel {
  position:relative;
  max-width:500px;
  flex-direction:column
}
.carousel__item {
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  width:100%;
  padding:0 0;
  opacity:0;
  filter:drop-shadow(0 2px 2px #555);
  will-change:transform,opacity;
  animation:carousel-animate-vertical 54s linear infinite
}
.carousel__item:first-child {
  animation-delay:-6s
}
.carousel__item:nth-child(2) {
  animation-delay:0s
}
.carousel__item:nth-child(3) {
  animation-delay:6s
}
.carousel__item:nth-child(4) {
  animation-delay:12s
}
.carousel__item:nth-child(5) {
  animation-delay:18s
}
.carousel__item:nth-child(6) {
  animation-delay:24s
}
.carousel__item:nth-child(7) {
  animation-delay:30s
}
.carousel__item:nth-child(8) {
  animation-delay:36s
}
.carousel__item:last-child {
  animation-delay:-12s
}
.carousel__item-head {
  border-radius:50%;
  background-color:#d7f7fc;
  position:absolute;
  left:4%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:50px
}
.carousel__item-body {
  width:100%;
  border-radius:70px;
  padding:5px 50px 5px 160px;
  background:transparent linear-gradient(180deg,#ffa15c,#e2d200) 0 0 no-repeat padding-box
}
.title {
  font-size:20px;
  margin-top:10px
}
@media(max-width:1399px) {
  .carousel__item-head {
    left:-15%
  }
  .carousel__item-body {
    padding:5px 20px 5px 90px
  }
}
@keyframes carousel-animate-vertical {
  0% {
    transform:translateY(100%) scale(.5);
    opacity:0;
    visibility:hidden
  }
  3%,
  11.1111111111% {
    transform:translateY(100%) scale(.7);
    opacity:.4;
    visibility:visible
  }
  14.1111111111%,
  22.2222222222% {
    transform:translateY(0) scale(1);
    opacity:1;
    visibility:visible
  }
  25.2222222222%,
  33.3333333333% {
    transform:translateY(-100%) scale(.7);
    opacity:.4;
    visibility:visible
  }
  36.3333333333% {
    transform:translateY(-100%) scale(.5);
    opacity:0;
    visibility:visible
  }
  to {
    transform:translateY(-100%) scale(.5);
    opacity:0;
    visibility:hidden
  }
}
@media(max-width:599px) {
  .wrapper {
    margin-top:0
  }
  .carousel__item-head {
    left:5%
  }
  .carousel__item-body {
    padding:5px 26px 5px 170px
  }
}
.hooper-slide {
  flex-shrink:0;
  height:100%;
  margin:0;
  padding:0;
  list-style:none
}
.hooper-progress {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background-color:#efefef
}
.hooper-progress-inner {
  height:100%;
  background-color:#4285f4;
  transition:.3s
}
.hooper-pagination {
  bottom:0;
  right:50%;
  transform:translateX(50%)
}
.hooper-indicators {
  display:flex;
  list-style:none;
  margin:0;
  padding:0
}
.hooper-indicator.is-active,
.hooper-indicator:hover {
  background-color:#4285f4
}
.hooper-indicator {
  margin:0 2px;
  width:12px;
  height:4px;
  border-radius:4px;
  border:none;
  padding:0;
  background-color:#fff;
  cursor:pointer
}
.hooper-pagination.is-vertical {
  bottom:auto;
  right:0;
  top:50%;
  transform:translateY(-50%)
}
.hooper-pagination.is-vertical .hooper-indicators {
  flex-direction:column
}
.hooper-pagination.is-vertical .hooper-indicator {
  width:6px
}
.hooper-next,
.hooper-prev {
  background-color:transparent;
  border:none;
  padding:1em;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer
}
.hooper-next.is-disabled,
.hooper-prev.is-disabled {
  opacity:.3;
  cursor:not-allowed
}
.hooper-next {
  right:0
}
.hooper-prev {
  left:0
}
.hooper-navigation.is-vertical .hooper-next {
  top:auto;
  bottom:0;
  transform:none
}
.hooper-navigation.is-vertical .hooper-prev {
  top:0;
  bottom:auto;
  right:0;
  left:auto;
  transform:none
}
.hooper-navigation.is-rtl .hooper-prev {
  left:auto;
  right:0
}
.hooper-navigation.is-rtl .hooper-next {
  right:auto;
  left:0
}
.hooper {
  position:relative;
  width:100%;
  height:200px
}
.hooper,
.hooper * {
  box-sizing:border-box
}
.hooper-list {
  overflow:hidden;
  width:100%;
  height:100%
}
.hooper-track {
  display:flex;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:0;
  margin:0
}
.hooper.is-vertical .hooper-track {
  flex-direction:column;
  height:200px
}
.hooper.is-rtl {
  direction:rtl
}
.hooper-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}
.chips-size {
  justify-content:flex-end!important
}
@media(max-width:520px) {
  .chips-size {
    min-width:70px!important
  }
  .title_color--text {
    font-size:18px
  }
}
.hooper {
  height:400px
}
.v-application ul.hooper-track {
  padding-left:0
}
.chips-size {
  min-width:120px!important;
  display:flex!important;
  justify-content:center!important
}
.odd_prime {
  background:rgba(217,217,255,.32)!important;
  border:1px solid #b9b9b9;
  box-shadow:inset 3px 4px 6px hsla(0,0%,100%,.3)
}
.even_prime,
.odd_prime {
  box-sizing:border-box;
  -webkit-backdrop-filter:blur(100px);
  backdrop-filter:blur(100px)
}
.even_prime {
  background:rgba(116,116,234,.45)!important;
  border:1px solid #7474ea;
  box-shadow:inset 3px 4px 6px hsla(0,0%,100%,.23)
}
.slick-list {
  width:auto!important
}
.ply_btn_z_index {
  z-index:3
}
.container {
  position:relative;
  margin:auto;
  border:4px solid transparent;
  box-sizing:border-box;
  text-transform:uppercase;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  padding:0
}
.animated {
  background-image:linear-gradient(#2a2f7e,#2a2f7e),linear-gradient(180deg,#7486e5,#b782d4 50%,#338bfe 75%,#db7eca);
  background-repeat:no-repeat;
  background-size:100% 100%,100% 200%;
  background-position:0 0,0 100%;
  background-origin:padding-box,border-box;
  animation:highlight 1s infinite alternate
}
@keyframes highlight {
  to {
    background-position:0 0,0 0
  }
}
@media(max-width:520px) {
  .chips-size {
    min-width:70px!important
  }
}
.play-now-progress-bar {
  width:100%!important;
  text-align:center
}
.play-now-progress-bar .play-now-progress-bar-title {
  font-size:60px
}
.play-now-progress-bar .play-now-progress-bar-message {
  font-size:34px
}
.play-now-progress-bar .play-now-progress-bar-desc {
  font-size:16px
}
.play-now-title {
  font-size:20px;
  font-weight:700
}
.play-now-desc {
  font-size:16px
}
.play-box {
  position:relative;
  padding:30px 0
}
.play-box .play-row {
  height:100%
}
.play-box .play-row .play-col {
  position:relative
}
.play-box .play-row .play-col .play-desc {
  border-bottom:4px solid var(--v-primary-base)
}
@media(max-width:1500px) {
  .play-now-title {
    font-size:18px;
    font-weight:700
  }
  .play-now-desc {
    font-size:14px
  }
  .play-now-progress-bar .v-progress-circular__info {
    padding-top:10px
  }
  .play-now-progress-bar .play-now-progress-bar-title {
    font-size:55px
  }
  .play-now-progress-bar .play-now-progress-bar-message {
    font-size:30px
  }
  .play-now-progress-bar .play-now-progress-bar-desc {
    font-size:14px
  }
}
@media(max-width:1263px) {
  .play-box .play-row .play-col .play-desc {
    font-size:26px
  }
  .play-now-progress-bar-box {
    padding:0 25px;
    min-width:100%;
    margin:auto 0
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-title {
    font-size:60px
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-message {
    font-size:34px
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-desc {
    font-size:16px
  }
  .play-now-description-box {
    padding:0 25px;
    min-width:100%;
    margin:auto 0
  }
}
@media(max-width:1024px) {
  .play-box .play-row .play-col .play-desc {
    font-size:24px
  }
}
@media(max-width:959px) {
  .play-now-progress-bar-box .play-now-progress-bar {
    width:200px!important;
    height:200px!important
  }
  .play-now-progress-bar-box {
    text-align:center
  }
  .play-now-progress-bar-box .play-now-progress-bar {
    width:100%!important;
    text-align:center
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-title {
    font-size:45px
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-message {
    font-size:25px
  }
  .play-now-progress-bar-box .play-now-progress-bar .play-now-progress-bar-desc {
    font-size:12px
  }
}
@media(max-width:599px) {
  .play-now-progress-bar-box .play-now-progress-bar {
    width:200px!important;
    height:200px!important
  }
  .play-with-us-button {
    padding:0 25px
  }
}
@media(max-width:425px) {
  .play-now-title {
    font-size:14px
  }
  .play-now-desc {
    font-size:12px
  }
}
.highlight-container {
  background-color:var(--v-text_reverse-base)
}
.highlight-container .highlight-wrapper {
  max-width:1240px;
  margin:auto
}
.highlight-container .highlight-wrapper .matches-box-desktop {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:var(--v-text_reverse-base)
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 {
  width:100%
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--v-background_2-base);
  height:40px;
  border-radius:5px 5px 0 0
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header .matches-box-header-title,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header .matches-box-header-title {
  margin:12px
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header .matches-box-header-control,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header .matches-box-header-control {
  display:flex;
  margin-right:12px
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header .matches-box-header-control .header-divider,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header .matches-box-header-control .header-divider {
  height:40px;
  width:1px;
  background:hsla(0,0%,100%,.3);
  margin:0 4px
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header .matches-box-header-control .header-icon,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header .matches-box-header-control .header-icon {
  color:#ffa60c;
  cursor:pointer
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-header .matches-box-header-control .v-icon.v-icon:after,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-header .matches-box-header-control .v-icon.v-icon:after {
  background-color:unset
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-body,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-body {
  max-width:614px;
  max-height:400px;
  background:var(--v-base-base);
  border-radius:0 0 5px 5px;
  border:1px solid var(--v-primary-base)
}
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-1 .matches-box-body .match-item-desktop,
.highlight-container .highlight-wrapper .matches-box-desktop .matches-box-desktop-2 .matches-box-body .match-item-desktop {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:32px;
  color:#fff;
  width:100%;
  height:100%;
  background:url(/static/image/favourite/footballfield.webp);
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat
}
.highlight-container .highlight-wrapper .matches-label {
  position:relative;
  border-left:4px solid var(--v-primary-base);
  padding-left:4px
}
.highlight-container .highlight-wrapper .matches-box {
  position:relative;
  display:flex;
  overflow-x:scroll;
  overflow-y:hidden
}
.highlight-container .highlight-wrapper .matches-box .matchUp {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px
}
.highlight-container .highlight-wrapper .matches-box .match-item {
  position:relative;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  color:#fff;
  background:url(/static/image/favourite/footballfield.webp);
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  min-width:460px;
  min-height:320px;
  padding:12px;
  cursor:pointer;
  text-decoration:none
}
.highlight-container .highlight-wrapper .league-name {
  font-size:26px;
  text-align:center
}
.highlight-container .highlight-wrapper .match-date {
  font-size:18px;
  text-align:center
}
.highlight-container .highlight-wrapper .match-team {
  display:flex;
  flex-direction:row;
  gap:12px;
  justify-content:space-around;
  align-items:center;
  text-align:center;
  width:100%;
  font-size:16px
}
.highlight-container .highlight-wrapper .match-team .vs-team {
  font-size:36px
}
.highlight-container .highlight-wrapper .cricket-name-header {
  text-overflow:ellipsis;
  overflow:hidden;
  width:auto;
  white-space:nowrap
}
@media(max-width:599px) {
  .highlight-container .highlight-wrapper .matches-box .match-item {
    min-width:300px;
    min-height:200px
  }
  .highlight-container .highlight-wrapper .matches-box .match-item .league-name {
    font-size:16px
  }
  .highlight-container .highlight-wrapper .matches-box .match-item .match-date {
    font-size:14px
  }
  .highlight-container .highlight-wrapper .matches-box .match-item .match-team {
    font-size:16px
  }
  .highlight-container .highlight-wrapper .matches-box .match-item .match-team .vs-team {
    font-size:26px
  }
}
.fixed-top {
  position:fixed;
  opacity:0;
  top:44px;
  width:100%;
  background-color:var(--v-background-base);
  z-index:1
}
.transform-game-image {
  transform:translateY(-100px);
  transition:transform .5s ease-in-out
}
.game-menu {
  background-color: unset;
}
.game-menu .game-menu-wrapper {
  max-width:1240px;
  white-space:nowrap;
  margin:auto;
  display:block;
  overflow:auto;
  justify-content:space-evenly;
  align-items:center;
  background-color:var(--v-text-base);
  box-shadow:2px 2px 12px -4px #000
}
.game-menu .game-menu-content {
  min-width:auto!important;
  width:78px;
  flex-grow:1;
  text-transform:capitalize;
  padding:10px 0!important;
  background:#fff;
  color:var(--v-secondary-base)
}
.game-menu .game-menu-content .v-btn__content {
  display:flex;
  flex-direction:column
}
.game-menu .game-menu-content .game-menu-image {
  background-color:var(--v-secondary-base);
  -webkit-mask-image:var(--src);
  mask-image:var(--src);
  -webkit-mask-size:100%;
  mask-size:100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  width:40px;
  height:40px
}
.game-menu .game-menu-content .game-menu-title {
  margin-top:8px;
  font-size:12px
}
.game-menu .game-menu-content:not(:last-child) {
  border-right:1px solid #f3f3f3
}
.game-menu .v-btn {
  border-radius:unset
}
.game-menu .game-menu-content.selected {
  color:#fff;
  opacity:1;
  background:var(--v-secondary-base)
}
.game-menu .game-menu-content.selected .game-menu-image {
  background-color:#fff
}
.game-card-box {
  display: flex;
  flex-direction: column;
  background: unset;
  min-height: 130px;
}
.game-card-box .game-card-label {
  position:relative;
  border-left:4px solid var(--v-primary-base);
  padding-left:4px
}
.game-card-box .game-card-box-wrapper {
  display:flex;
  flex-wrap:wrap;
  flex:1 1 auto;
  gap:4px;
  margin-top:12px
}
.game-card-box .right_t0_left {
  animation:game-card-box-wrapper .5s ease-in-out;
}
.game-card-box .game-card-box-wrapper .game-card-box-item {
  flex:0 0 25%;
  max-width:24%;
  padding:4px;
  font-size:12px;
  color:var(--v-secondary-base)
}
.game-card-box .game-card-box-wrapper.gT_homepageHot {
  min-width:22%;
  max-width:22%;
  height:auto!important;
  flex-direction:column;
  padding:4px
}
.game-card-box .game-card-box-wrapper .homepageHot_img {
  height:auto;
  width:100%
}
@keyframes game-card-box-wrapper {
  0% {
    transform:translateX(100%)
  }
  to {
    transform:translateX(0)
  }
}
.pos_right_top {
  position:absolute!important;
  right:3px;
  top:2px
}
.img-hot-home {
  width:20px
}
.img-hot-home,
.img-new-home {
  animation:beat 1s infinite alternate
}
.img-new-home {
  width:30px;
  top:7px
}
@keyframes beat {
  to {
    transform:scale(1.15)
  }
}
.referral-container {
  border-radius:20px!important
}
.referral-container .referral-progress-bar {
  border:2px solid #fddd04;
  border-radius:5px
}
.qrCode>img {
  border:2px solid #000;
  padding:20px;
  margin:0 auto
}
.get-coins-chip {
  margin:0 30px -30px 0;
  z-index:1
}
@media(max-width:959px) {
  .referral-container {
    border-radius:20px!important
  }
  .referral-container,
  .referral-container p {
    font-size:14px!important
  }
  .referral-container .v-btn.primary-button {
    width:100%!important;
    height:30px!important;
    font-size:12px!important
  }
  .qrCode>img {
    padding:10px
  }
}
.active_click {
  background-color:#fff
}
.icon_gameHome {
  fill:#fff;
  color:#000;
  stroke:#9c9ff3;
  width:40px;
  height:33px;
  padding-top:4px
}
.hooper-pagination {
  position:absolute;
  bottom:-6%;
  right:52%;
  transform:translateX(52%);
  display:flex;
  padding:5px 10px
}
.hooper-pagination ol.hooper-indicator {
  padding-left:0
}
.hooper-indicator {
  width:15px;
  height:15px;
  border-radius:10px
}
.partner-box {
  height:450px;
  position:relative
}
.partner-box .partner-row {
  position:absolute;
  bottom:0;
  width:100%;
  height:100%
}
.partner-box .partner-row .partner-col {
  position:relative
}
.partner-box .partner-row .partner-col .partner-title {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.partner-box .partner-row .partner-col .partner-desc {
  border-bottom:4px solid var(--v-primary-base)
}
.partner-box .partner-row .partner-col .partner-box-trophy {
  position:absolute;
  bottom:0;
  right:600px
}
.partner-box .partner-row .partner-col .partner-box-footballer {
  position:absolute;
  bottom:0;
  height:420px;
  right:100px;
  width:800px
}
.joinInTheFun {
  border-bottom:2px solid;
  border-color:var(--v-secondary-base);
  border-radius:0!important;
  cursor:pointer;
  color:var(--v-secondary-base);
  font-size:16px
}
.joinInTheFun:hover {
  border-color:var(--v-primary-base);
  color:var(--v-primary-base)
}
.announcement-marquee-box {
  max-width:1840px
}
.home-announcment-content p {
  margin-bottom:0!important
}
@media(max-width:1650px) {
  .partner-box .partner-row .partner-col .partner-box-trophy {
    right:550px
  }
  .partner-box .partner-row .partner-col .partner-box-footballer {
    height:380px;
    right:80px
  }
}
@media(max-width:1500px) {
  .partner-box .partner-row .partner-col .partner-box-trophy {
    right:360px;
    width:280px
  }
  .partner-box .partner-row .partner-col .partner-box-footballer {
    height:auto;
    right:50px;
    width:600px
  }
  .home-announcment-content p,
  .home-announcment-title,
  .joinInTheFun {
    font-size:15px
  }
}
@media(max-width:1350px) {
  .partner-box {
    height:340px
  }
  .partner-box .partner-row .partner-col .partner-title {
    width:300px
  }
  .partner-box .partner-row .partner-col .partner-box-footballer {
    width:500px
  }
  .partner-box .partner-row .partner-col .partner-box-trophy {
    right:275px;
    width:220px
  }
}
@media(max-width:1263px) {
  .partner-box .partner-row .partner-col .partner-desc {
    font-size:26px
  }
  .home-announcment-content p,
  .home-announcment-title,
  .joinInTheFun {
    font-size:14px
  }
}
@media(max-width:1024px) {
  .partner-box .partner-row .partner-col .partner-desc {
    font-size:24px
  }
}
@media(max-width:959px) {
  .partner-box {
    height:600px
  }
  .partner-box .partner-row .partner-col.partner-box-image,
  .partner-box .partner-row .partner-col.partner-box-message {
    height:300px
  }
}
@media(max-width:599px) {
  .hooper-pagination {
    bottom:-3%
  }
  .bg_home .bg_filter {
    padding:3% 3%
  }
  .partner-box {
    height:300px
  }
  .partner-box .partner-row .partner-col.partner-box-image {
    display:none
  }
  .home-announcment-content p,
  .home-announcment-title,
  .joinInTheFun {
    font-size:13px
  }
}
@media(max-width:425px) {
  .hooper-pagination {
    bottom:-5%
  }
  .partner-box .partner-row .partner-col .partner-title {
    width:220px
  }
}
.jyTvClass {
  bottom:25%;
  z-index:1
}
.jyTvClass,
.wofClass {
  left:.5%;
  cursor:pointer;
  position:fixed
}
.wofClass {
  bottom:15%
}
.downloadClientClass {
  bottom:30%;
  right:.5%;
  cursor:pointer;
  position:fixed
}