/************************************************************************************/
/* Contact Us Page Customization
/************************************************************************************/
#contact-us {
    background-image: url(../img/contact/BGcontact.webp);
    background-size: cover;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/************************************************************************************/
/* General Background "B" Customization
/************************************************************************************/
.gen #main .contwrap {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/gen/BG.webp) 50% 0/cover no-repeat;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0) 50%, rgb(24, 24, 24) 100%), url(../img/gen/BG.webp) 50% 0/cover no-repeat;
}
.genB #main {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/gen/BGB.webp) 50% 0/cover no-repeat;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0) 50%, rgb(24, 24, 24) 100%), url(../img/gen/BGB.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Business Partner Page Customization
/************************************************************************************/
#businesspartners {
  background: url(../img/businesspartners/bg_mo.webp) 50% 0/100% no-repeat rgb(1, 9, 5);
}
@media (min-width: 992px) {
  #businesspartners {
    background: url(../img/businesspartners/bg.webp) 50% 0/100% no-repeat rgb(1, 9, 5);
  }
}

/************************************************************************************/
/* Licenses Page Customization
/************************************************************************************/
#licenses {
  background: url(../img/licenses/bg_mo.webp) 50% 50%/cover no-repeat;
}
@media (min-width: 992px) {
  #licenses {
    background: url(../img/licenses/bg.webp) 50% 50%/cover no-repeat;
  }
}

/************************************************************************************/
/* All Games Page Customization
/************************************************************************************/
#allgames {
  background: url(../img/ourgames/BG.webp) 50% 50%/cover no-repeat;
}
@media (min-width: 992px) {
  #allgames {
    background: url(../img/ourgames/BG.webp) 50% 50%/cover no-repeat;
  }
}

/************************************************************************************/
/* Andar Bahar Page Customization
/************************************************************************************/
body#andarbahar #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/AB_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/AB_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Baccarat Page Customization
/************************************************************************************/
body#baccarat #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/BAC_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/BAC_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Black Jack Page Customization
/************************************************************************************/
body#blackjack #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/BJ_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/BJ_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Dragon Tiger Page Customization
/************************************************************************************/
body#dragontiger #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/DT_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/DT_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Fish Prawn Crab Page Customization
/************************************************************************************/
body#FPC #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/FPC_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/FPC_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Pok Deng Page Customization
/************************************************************************************/
body#pokdeng #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/PD_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/PD_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Roulette Page Customization
/************************************************************************************/
body#roulette #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/ROU_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/ROU_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Sic Bo Page Customization
/************************************************************************************/
body#sicbo #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/SB_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/SB_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Thai HiLo Page Customization
/************************************************************************************/
body#THL #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/THL_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/THL_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Teen Patti 20-20 Page Customization
/************************************************************************************/
body#tp20 #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/TP20_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/TP20_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Ultra Roulette Page Customization
/************************************************************************************/
body#URL #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/URL_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/URL_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Xoc Dia Page Customization
/************************************************************************************/
body#XD #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/XD_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/XD_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Carnival Treasure Page Customization
/************************************************************************************/
body#carnivaltreasure #main {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.3)), to(rgba(24, 24, 24, 0.3))), -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(24, 24, 24, 0)), to(rgb(24, 24, 24))), url(../img/games/CT_bg.webp) 50% 0/cover no-repeat;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.3) 100%), linear-gradient(180deg, rgba(24, 24, 24, 0) 80%, rgb(24, 24, 24) 100%), url(../img/games/CT_bg.webp) 50% 0/cover no-repeat;
}

/************************************************************************************/
/* Homepage Page Customization
/************************************************************************************/
@media (max-width: 991.98px) {
  .Leadheroban .herotxt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    padding-top: 45%;
    padding-inline: var(--space-l);
    border-radius: var(--space-m);
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11.58%, rgba(0, 0, 0, 0)), color-stop(84.65%, #000)), radial-gradient(222.42% 66.94% at 85.76% 50.06%, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0) 62.5%, rgba(31, 31, 31, 0.8) 100%), url(../img/index/leadingBG_mo.webp) 50% 50%/cover no-repeat;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.58%, #000 84.65%), radial-gradient(222.42% 66.94% at 85.76% 50.06%, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0) 62.5%, rgba(31, 31, 31, 0.8) 100%), url(../img/index/leadingBG_mo.webp) 50% 50%/cover no-repeat;
  }
}
@media (max-width: 991.98px) {
  .Gameheroban .herotxt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    padding-top: 65%;
    padding-inline: var(--space-s);
    border-radius: var(--space-m);
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), color-stop(84.55%, #000)), url(../img/index/gameBG_mo.webp) 50% 0/cover no-repeat;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, #000 84.55%), url(../img/index/gameBG_mo.webp) 50% 0/cover no-repeat;
  }
}