/************************************************************************************/
/* 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-v01.webp) 50% 0/cover no-repeat;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, #000 84.55%), url(../img/index/gameBG_mo-v01.webp) 50% 0/cover no-repeat;
  }
}

/************************************************************************************/
/* Footer Customization
/************************************************************************************/
@media (min-width: 1200px) {
    .sitemap.games .accordion-body {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, 1fr);
    }
    .sitemap.games .accordion-body .sitemap_til {
        grid-area: 1/1/3/3;
    }
    .sitemap.games .accordion-body #product-ALL {
        grid-area: 3/1/4/2;
    }
    .sitemap.games .accordion-body #product-BAC {
        grid-area: 4/1/5/2;
    }
    .sitemap.games .accordion-body #product-ROU {
        grid-area: 5/1/6/2;
    }
    .sitemap.games .accordion-body #product-URL {
        grid-area: 6/1/7/2;
    }
    .sitemap.games .accordion-body #product-SB {
        grid-area: 7/1/8/2;
    }
    .sitemap.games .accordion-body #product-THL {
        grid-area: 8/1/9/2;
    }
    .sitemap.games .accordion-body #product-FPC {
        grid-area: 9/1/10/2;
    }
    .sitemap.games .accordion-body #product-DT {
        grid-area: 3/2/4/3;
    }
    .sitemap.games .accordion-body #product-CT {
        grid-area: 4/2/5/3;
    }
    .sitemap.games .accordion-body #product-BJ {
        grid-area: 5/2/6/3;
    }
    .sitemap.games .accordion-body #product-PD {
        grid-area: 6/2/7/3;
    }
    .sitemap.games .accordion-body #product-XD {
        grid-area: 7/2/8/3;
    }
    .sitemap.games .accordion-body #product-TP20 {
        grid-area: 8/2/9/3;
    }
    .sitemap.games .accordion-body #product-AB {
        grid-area: 9/2/10/3;
    }
}