/*font color*/
/*validation color*/
/*button color*/
/*button color end*/
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOiCnqEu92Fr1Mu51QrIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgWxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQkZcA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQEZYA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQz5YA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQkZYA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQo5YA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQT5EA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQdpEA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQEZEA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kumbhsans/v22/c4mP1n92AsfhuCq6tVsaoIx1LQICk0boNoq0SjlDfnzKo-bF3mdQOJEA8Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/russoone/v16/Z9XUDmZRWg6M1LvRYsH-yA.ttf) format('truetype');
}
@font-face {
  font-family: 'digital-advance-font';
  src: url('../css/fonts/advance-digital-font.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Averta Standard';
  src: url('../css/fonts/AvertaStandard-Regular.woff2') format('woff2'), url('../css/fonts/AvertaStandard-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'mainicon';
  src: url('../css/fonts/mainicon.eot?ayalh5');
  src: url('../css/fonts/mainicon.eot?ayalh5#iefix') format('embedded-opentype'), url('../css/fonts/mainicon.ttf?ayalh5') format('truetype'), url('../css/fonts/mainicon.woff?ayalh5') format('woff'), url('../css/fonts/mainicon.svg?ayalh5#mainicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="mainicon-"],
[class*=" mainicon-"] {
  font-family: 'mainicon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';
  src: url('../css/fonts/iconfont.eot?7w30wl');
  src: url('../css/fonts/iconfont.eot?7w30wl#iefix') format('embedded-opentype'), url('../css/fonts/iconfont.ttf?7w30wl') format('truetype'), url('../css/fonts/iconfont.woff?7w30wl') format('woff'), url('../css/fonts/iconfont.svg?7w30wl#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="iconfont-"],
[class*=" iconfont-"] {
  font-family: 'iconfont' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mainicon-home:before {
  content: "\e100";
}
.mainicon-all_games:before {
  content: "\e101";
}
.mainicon-arcade:before {
  content: "\e102";
}
.mainicon-casino:before {
  content: "\e103";
}
.mainicon-fishing:before {
  content: "\e104";
}
.mainicon-lottery:before {
  content: "\e105";
}
.mainicon-slot:before {
  content: "\e106";
}
.mainicon-sportsbook:before {
  content: "\e107";
}
.mainicon-favorite_games:before {
  content: "\e108";
}
.iconfont-bank:before {
  content: "\e300";
}
.iconfont-arrow_down:before {
  content: "\e301";
}
.iconfont-arrow_left:before {
  content: "\e302";
}
.iconfont-arrow_right:before {
  content: "\e303";
}
.iconfont-arrow_up:before {
  content: "\e304";
}
.iconfont-asterisk:before {
  content: "\e305";
}
.iconfont-attachment:before {
  content: "\e306";
}
.iconfont-back:before {
  content: "\e307";
}
.iconfont-calendar:before {
  content: "\e308";
}
.iconfont-chat:before {
  content: "\e309";
}
.iconfont-close:before {
  content: "\e30a";
}
.iconfont-copy:before {
  content: "\e30b";
}
.iconfont-deposit:before {
  content: "\e30c";
}
.iconfont-email:before {
  content: "\e30d";
}
.iconfont-favorite:before {
  content: "\e30e";
}
.iconfont-fire:before {
  content: "\e30f";
}
.iconfont-group:before {
  content: "\e310";
}
.iconfont-headset:before {
  content: "\e311";
}
.iconfont-hide:before {
  content: "\e312";
}
.iconfont-history:before {
  content: "\e313";
}
.iconfont-language:before {
  content: "\e314";
}
.iconfont-link:before {
  content: "\e315";
}
.iconfont-lock:before {
  content: "\e316";
}
.iconfont-menu:before {
  content: "\e317";
}
.iconfont-minus:before {
  content: "\e318";
}
.iconfont-new:before {
  content: "\e319";
}
.iconfont-note:before {
  content: "\e31a";
}
.iconfont-phone:before {
  content: "\e31b";
}
.iconfont-plus:before {
  content: "\e31c";
}
.iconfont-refresh:before {
  content: "\e31d";
}
.iconfont-register:before {
  content: "\e31e";
}
.iconfont-search:before {
  content: "\e31f";
}
.iconfont-secure:before {
  content: "\e320";
}
.iconfont-sign_in:before {
  content: "\e321";
}
.iconfont-sign_out:before {
  content: "\e322";
}
.iconfont-speaker:before {
  content: "\e323";
}
.iconfont-thumb_up:before {
  content: "\e324";
}
.iconfont-user:before {
  content: "\e325";
}
.iconfont-view:before {
  content: "\e326";
}
.iconfont-wallet:before {
  content: "\e327";
}
.iconfont-withdraw:before {
  content: "\e328";
}
.iconfont-gift:before {
  content: "\e329";
}
.iconfont-android:before {
  content: "\e32a";
}
.iconfont-time:before {
  content: "\e900";
}
.iconfont-all:before {
  content: "\e901";
}
.iconfont-make_account:before {
  content: "\e902";
}
.iconfont-deposit_and_claim:before {
  content: "\e903";
}
.iconfont-winning:before {
  content: "\e904";
}
.iconfont-withdraw_pot:before {
  content: "\e905";
}
.iconfont-Home2:before {
  content: "\e906";
}
.iconfont-info:before {
  content: "\e907";
}
.iconfont-warning:before {
  content: "\e908";
}
.iconfont-success:before {
  content: "\e909";
}
.iconfont-ShieldCheck:before {
  content: "\e90a";
}
.iconfont-play:before {
  content: "\e90b";
}
.iconfont-CaretDoubleLeft:before {
  content: "\e90c";
}
.iconfont-CaretDoubleRight:before {
  content: "\e90d";
}
body {
  font-family: 'Averta Standard';
  background: #fdfdfd;
  color: #030201;
  font-size: 0.9em;
}
*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}
.frame-section {
  max-width: 1200px;
}
input {
  outline: none;
  border: none;
  background: none;
  color: #030201;
}
input:focus {
  outline: none;
}
input.captcha-text::placeholder {
  color: #f63ea1;
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
  font-weight: bold;
}
label.form-label {
  margin-bottom: 0.5em;
}
.btn {
  outline: none;
  border: none;
  border-radius: 0.25rem;
  background-color: none;
}
span.icon-ornament {
  color: #f94ca7;
  font-size: 1.2em;
}
span.icon-ornament-2 {
  color: #030201;
  font-size: 1.5em;
}
span.title-heading {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 1.5em;
}
span.icon-title-heading {
  font-size: 1.8em;
}
span.game-title {
  background: url('../images/glow.png') no-repeat center bottom;
}
span.view-all-ornament {
  border-radius: 50%;
  padding: 5px;
  width: 24px;
  height: 24px;
  background: #f94ca7;
  margin: 0px auto 10px auto;
  display: block;
}
span.view-all-word {
  font-size: 0.9em;
  text-align: center;
}
span.icon-message-warning {
  font-size: 4em;
}
span.icon-input {
  color: #f63ea1;
  font-size: 1.2em;
}
span.asterisk-required-icon {
  color: #f70000;
  margin-left: 0.25rem;
}
span.running-status {
  color: #f8f9fa;
}
span.cancel-status {
  color: #ffc107;
}
span.completed-status {
  color: #198754;
}
span.new-tag {
  background: url('../images/new_tag.svg') no-repeat;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  height: 1em;
  display: block;
  margin-bottom: 0.5em;
}
span.promo-tag {
  background: url('../images/promo_tag.svg') no-repeat;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  height: 1em;
  display: block;
}
span.hot-tag {
  background: url('../images/hot_tag.svg') no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: contain;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #000);
  background-position: right;
  display: block;
  width: 100%;
  height: 0.8rem;
  position: absolute;
  right: 0px;
  top: 0.25rem;
}
span.title-heading-3 {
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}
span.title-heading-4 {
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #030201;
}
span.min-deposit-amount-info {
  color: #f94ca7;
}
a.game-link {
  text-decoration: none;
  color: #030201;
}
a.title-link-heading {
  text-decoration: none;
  color: #030201;
}
a.last-slide-link {
  text-decoration: none;
  color: #030201;
  text-align: center;
}
a.language-link {
  text-decoration: none;
  font-size: 0.9em;
  color: #030201;
}
a.register-link {
  text-decoration: none;
  color: #f63ea1;
}
a.promo-banner-link {
  text-decoration: none;
  color: #030201;
}
a.game-link-2 {
  text-decoration: none;
  color: #030201;
  display: block;
  position: relative;
}
a.back-to-home-game {
  text-decoration: none;
  color: #030201;
  display: flex;
  justify-content: center;
  align-items: center;
}
a.transaction-ref-id-link {
  color: #f94ca7;
  text-decoration: none;
  max-width: 171px;
}
a.transaction-detail-link {
  text-decoration: none;
  color: #030201;
  max-width: 136px;
}
a.logout-link-sidebar {
  background: #f4061e;
  color: #030201;
  text-decoration: none;
  margin-bottom: 8px;
  border-radius: 0.25rem;
}
.odd-section {
  background: #bcbcbc;
}
.even-section {
  background: #e3e3e3;
}
.last-slide-container-slot {
  aspect-ratio: 1/1.39;
  height: 180px;
  background: #10131e;
}
.last-slide-container-lottery {
  aspect-ratio: 1.19/1;
  height: 181.567px;
  background: #10131e;
}
.last-slide-container-casino {
  aspect-ratio: 1/1.51;
  height: 250px;
  background: #10131e;
}
img.image-promo-coin {
  aspect-ratio: 1/1;
  height: 300px;
}
.invalid-tooltip {
  background: #c90613;
  color: #fcfcfc;
}
.warning-message-container {
  text-align: center;
  color: #ffc107;
}
.big-title-heading {
  background: #f63ea1;
}
p.small-text {
  font-size: 0.8em;
  padding: 0;
  margin: 0.5em 0 0 0;
}
select.form-select {
  padding: 0;
  border: none;
}
select.form-select option {
  font-family: 'Averta Standard';
}
button.refresh-captcha-button {
  background: none;
  border: none;
}
button.nav-link-modified {
  width: 130px;
  padding: 0.5em 1em;
  border-radius: 0.25rem;
  background: none;
  margin-right: 0.5em;
}
button.nav-link-modified.active,
button.nav-link-modified:hover {
  background: #0e9dfc;
}
button.nav-link-modified-2 {
  padding: 0.5em 1em;
  border-radius: 0.25rem;
  background: none;
  margin-right: 0.5em;
}
button.nav-link-modified-2.active,
button.nav-link-modified-2:hover {
  background: #0e9dfc;
}
button.filter-button {
  width: 100%;
  padding: 0.5em 1em;
  border-radius: 0.25rem;
}
ul.nav-pills-modified {
  border-bottom: 1px solid #0e9dfc;
}
ul.dropdown-menu-modified {
  font-size: 0.9em;
  font-weight: normal;
}
ul.new-promo-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0.25rem;
  left: -2px;
  width: 100%;
}
ul.pagination-list {
  list-style: none;
  margin: 0px;
  padding: 0;
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}
ul.pagination-list li {
  display: flex;
  align-items: center;
}
ul.pagination-list li:hover,
ul.pagination-list li.active {
  background: #f63ea1;
}
ul.pagination-list li a {
  display: flex;
  padding: 0.25em 0.5em;
  height: 30px;
  border-top: 1px solid #f63ea1;
  border-right: 0px solid #f63ea1;
  border-bottom: 1px solid #f63ea1;
  border-left: 1px solid #f63ea1;
  align-items: center;
  text-decoration: none;
  color: #030201;
}
ul.pagination-list li a span {
  font-size: 1.3em;
}
ul.pagination-list li.next-link a {
  border-right: 1px solid #f63ea1;
}
.content-column {
  background: #e3e3e3;
}
.qris-info {
  display: flex;
  flex: row;
  align-items: center;
  color: #f94ca7;
}
.qris-info span {
  font-size: 1.3em;
}
.main-content-inside {
  background: #e3e3e3;
}
.minus-amount {
  color: #f70000;
}
.plus-amount {
  color: #00e700;
}
/*jackpot-section*/
.jackpot-section-frame {
  aspect-ratio: 6/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  background-position: center center;
  max-height: 200px;
}
span.jackpot-amount {
  font-family: 'digital-advance-font';
  font-size: 2.8em;
  text-shadow: 0 0 7px #f94ca7, 0 0 12px #f94ca7, 0 0 22px #f94ca7, 0 0 32px #f94ca7, 0 0 42px #f94ca7;
  padding-top: 0.8em;
}
@media only screen and (max-width: 576px) {
  span.jackpot-amount {
    font-size: 1.1em;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  span.jackpot-amount {
    font-size: 2em;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  span.jackpot-amount {
    font-size: 2.2em;
  }
}
@media (min-width: 993px) and (max-width: 1120px) {
  span.jackpot-amount {
    font-size: 2.8em;
  }
}
.jackpot-section-frame-mobile {
  border-style: dotted;
  border-color: #f94ca7;
}
/*jackpot-section-end*/
/*logo section*/
img.logo-image {
  aspect-ratio: 3/1;
  width: auto;
  height: 70px;
}
/*logo section end*/
/*banner section*/
i.button-for-carousel {
  font-size: 2em;
  color: #f94ca7;
}
img.banner-image {
  aspect-ratio: 2.95/1;
  min-height: 125px;
}
/*banner section*/
/*login section*/
.login-section {
  background: #fdfdfd;
}
img.android-logo {
  aspect-ratio: 1/1.2;
  width: 20px;
  height: auto;
}
img.android-logo-bottom {
  aspect-ratio: 1/1;
  height: 27.2px;
}
.most-top-section {
  display: flex;
  justify-content: space-between;
}
ul.most-top-left-link {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
ul.most-top-left-link li {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 1.4em;
}
ul.most-top-left-link li span.icon-ornament {
  color: #030201;
}
ul.most-top-left-link li a {
  text-decoration: none;
  color: #030201;
  display: flex;
  align-items: center;
}
ul.most-top-left-link li a span.icon-ornament {
  color: #030201;
}
ul.most-top-left-link li a:hover,
ul.most-top-left-link li a.active {
  color: #f63ea1;
}
ul.most-top-left-link li a:hover span.icon-ornament,
ul.most-top-left-link li a.active span.icon-ornament {
  color: #f63ea1;
}
ul.most-top-left-link li:last-child {
  margin-right: 0;
}
a.language-selection {
  display: flex;
  align-items: center;
}
a.language-selection::after {
  font-family: "iconfont";
  content: "\e301";
  font-weight: bold;
  margin-left: 0.35em;
  color: #030201;
}
input.input-field-text {
  width: 100%;
}
input.input-field-text::placeholder {
  color: #030201;
  opacity: 0.5;
}
a.register-button {
  text-decoration: none;
  background: #6a2981;
  min-height: 24px;
  display: flex;
  align-items: center;
  color: #fdfdfd;
  width: 80px;
  justify-content: center;
  border-radius: 0.25rem;
}
button {
  border: none;
}
button.login-button {
  background: #fe9726;
  padding: 0;
  margin: 0;
  color: #fcfcfc;
  width: 80px;
  justify-content: center;
  border-radius: 0.25rem;
}
.btn-logout {
  border: 1px solid #f4061e;
  background: none;
  padding: 0;
  margin: 0;
  color: #030201;
  justify-content: center;
  border-radius: 0.25rem;
  padding: 0.25em 0.5em;
}
.frame-input-form {
  background: #d4d4d4;
  border: 1px solid #030201;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25em 0.5em;
  width: 150px;
}
/*login section end*/
/*main menu section*/
.main-menu-section {
  background: linear-gradient(180deg, #f63ea1 0%, #f864b0 100%);
}
.main-games-list a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #fcfcfc;
  align-items: center;
  justify-content: center;
  padding: 0.8em 0em;
  border-radius: 0.25rem;
}
.main-games-list a span.main-icon {
  font-weight: bold;
  margin-right: 0.25em;
  color: #fcfcfc;
  font-size: 1.2em;
}
.main-games-list a:hover,
.main-games-list a.active {
  color: #fcfcfc;
  background: #0e9dfc;
}
.main-games-list a:hover span.main-icon,
.main-games-list a.active span.main-icon {
  color: #fcfcfc;
}
.main-games-list a.promotion-main-menu-link {
  background: #ffc8c6;
  color: #f63ea1;
}
.main-games-list a.promotion-main-menu-link span.gift-menu-section-icon {
  color: #f63ea1;
  font-size: 1.5em;
}
/*main menu section end*/
/*running text section*/
.runningtext-section {
  background: #fdfdfd;
}
.running-text-frame {
  border: 2px solid #f63ea1;
  border-radius: 0.25rem;
}
.running-text-ornament {
  color: #fcfcfc;
  background: #f63ea1;
  display: flex;
  align-items: center;
}
.running-text-ornament span.icon-ornament {
  color: #030201;
}
.running-text-content {
  color: #030201;
  width: 100%;
}
/*running text section end*/
/*step by step section*/
.step-by-step-section {
  background: url('../images/step_background.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.step-in {
  width: 150px;
  height: 150px;
}
.step-frame {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.first-step {
  background: url('../images/step1_bg.svg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.second-step {
  background: url('../images/step2_bg.svg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-left: -15px;
}
.third-step {
  background: url('../images/step3_bg.svg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-left: -15px;
}
.forth-step {
  background: url('../images/step4_bg.svg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-left: -15px;
}
span.step-by-step-word {
  text-align: center;
  font-size: 1.2em;
}
span.step-by-step-word-long {
  text-align: center;
  font-size: 1em;
  width: 100px;
  text-wrap: wrap;
}
span.step-icon {
  font-size: 2em;
}
/*step by step section end*/
/*swiper style*/
.swiper-button-next::after {
  color: #f94ca7;
}
.swiper-button-prev::after {
  color: #f94ca7;
}
/*swiper style end*/
/*popular slot section*/
.popular-slot {
  background: url('../images/slot_bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
img.popular-slot-image {
  aspect-ratio: 1/1.39;
  height: 180px;
  display: block;
  margin: 0px auto;
}
.game-title-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.game-title-container .game-title-section {
  display: flex;
  justify-content: center;
}
.game-title-container .game-title-section span {
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.game-title-container .game-title-section::after {
  content: "";
  position: absolute;
  background-image: url("../images/glow.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
}
/*popular slot section end*/
/*lottery section*/
.lottery-container {
  background: url('../images/lottery_bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.lottery-section {
  background: #f93098;
  padding: 0.25em;
}
.lottery-section-detail {
  padding: 0.25em;
  border-radius: 0.25rem;
  background: #bcbcbc;
}
.content-in .col:nth-child(10n+1) .body-section-lottery {
  background: #ff7801;
}
.content-in .col:nth-child(10n+2) .body-section-lottery {
  background: #d94f24;
}
.content-in .col:nth-child(10n+3) .body-section-lottery {
  background: #6960ec;
}
.content-in .col:nth-child(10n+4) .body-section-lottery {
  background: #ffa500;
}
.content-in .col:nth-child(10n+5) .body-section-lottery {
  background: #437c17;
}
.content-in .col:nth-child(10n+6) .body-section-lottery {
  background: #ce00ff;
}
.content-in .col:nth-child(10n+7) .body-section-lottery {
  background: #ff0066;
}
.content-in .col:nth-child(10n+8) .body-section-lottery {
  background: #0077ff;
}
.content-in .col:nth-child(10n+9) .body-section-lottery {
  background: #c00cae;
}
.content-in .col:nth-child(10n+10) .body-section-lottery {
  background: #576c09;
}
img.market-logo {
  aspect-ratio: 1/1;
  height: 26px;
}
.head-section-lottery {
  background: #fdfdfd;
  font-size: 0.9em;
}
.body-section-lottery {
  flex-direction: row;
}
.body-section-lottery span {
  color: #030201;
  display: block;
}
.lottery-result-number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: "Russo One", sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: 3px;
}
span.result-date {
  font-size: 0.8em;
  text-align: center;
  width: 90px;
  text-wrap: wrap;
}
span.market-time-period {
  font-size: 0.8em;
  text-align: center;
  display: block;
  margin: 0px auto;
}
a.lottery-address-link {
  text-decoration: none;
  color: #030201;
}
a.lottery-address-link::after {
  content: '';
  width: 12px;
  height: 12px;
  display: block;
}
a.lottery-play-link {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  border-radius: 0.25rem;
  margin: 0.5em auto 0 auto;
  padding: 0.25em 0em;
  align-self: center;
}
.footer-section-lottery {
  background: #fdfdfd;
}
/*lottery section end*/
/*casino section*/
.casino-section {
  background: url('../images/casino_bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
img.casino-thumbnail {
  aspect-ratio: 1/1.51;
  height: 250px;
}
/*casino section end*/
/*sportbook section*/
a.sportbook-link {
  display: block;
}
img.sportsbook-image {
  aspect-ratio: 1.9/1;
  height: 300px;
}
/*sportbook section end*/
/*fishing & arcade section*/
.fishing-arcade-inner-frame {
  background: url('../images/fishingarcade-bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 299px;
}
a.fishing-link {
  display: inline-block;
  width: 100%;
  height: 299px;
}
a.arcade-link {
  display: inline-block;
  width: 100%;
  height: 299px;
}
/*fishing & arcade section end*/
/*promotion section*/
.promotion-section {
  background: linear-gradient(to bottom, #fa3094, #f764b2, #fa3094);
}
.promotion-frame {
  height: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
span.heading1-promotion {
  color: #030201;
  font-family: 'Kumbh Sans';
}
span.heading2-promotion {
  color: #030201;
  font-family: 'Kumbh Sans';
  font-size: 3em;
  font-weight: 700;
}
a.view-all-promo {
  text-decoration: none;
  padding: 0.5em 1em;
  width: 150px;
  text-align: center;
}
/*promotion section end*/
/*slot games page section*/
a.side-provider-link {
  display: block;
  background: #bcbcbc;
  padding: 0.8em 0em;
}
a.side-provider-link.active,
a.side-provider-link:hover {
  background: #f63ea1;
}
a.side-provider-link img {
  height: 22px;
  display: block;
  margin: 0px auto;
}
.game-title-container-2 {
  position: relative;
}
.game-title-container-2::after {
  content: "";
  position: absolute;
  background-image: url("../images/glow.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
}
.game-title-section-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.game-title-section-2 span {
  font-size: 0.9em;
}
.provider-title-part {
  text-align: center;
  font-size: 0.8em;
  color: #787878;
}
.game-outter-container {
  position: relative;
}
/*slot games page section end*/
/*download apk section*/
.download-apk-section {
  background: linear-gradient(to bottom, #fa3094, #f764b2, #fa3094);
}
.download-apk-frame {
  max-height: 300px;
}
img.download-apk-image {
  aspect-ratio: 1.25/1;
  height: 420px;
  margin-top: 35px;
}
img.qr-code-image {
  aspect-ratio: 1/1;
  height: 140px;
  border: 3px solid transparent;
  border-image: linear-gradient(-45deg, #f1be69, #b3581f, #dfa960, #f2bc5c, #af482a);
  border-image-slice: 1;
}
.download-apk-text {
  font-family: 'Kumbh Sans';
  width: 60%;
  text-wrap: wrap;
  text-align: center;
}
span.download-apk-statement {
  font-size: 2.5em;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
  color: #030201;
}
/*download apk section end*/
/*article section*/
article {
  max-height: 9em;
}
.read-more-div {
  display: flex;
  justify-content: center;
}
a.read-more-link {
  text-decoration: none;
  padding: 0.25em 0.5em;
  color: #030201;
  background: #0e9dfc;
  text-align: center;
}
/*article section end*/
/*contact us section*/
.contact-us-in {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.5em;
}
.contact-us-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #bcbcbc;
  border-radius: 0.25rem;
  border: 1px solid #0e9dfc;
  padding: 0.5em 0.5em;
}
.contact-us-list img.image-social-media {
  aspect-ratio: 1/1;
  width: auto;
  height: 22px;
  margin-right: 7px;
}
.contact-us-list a {
  text-decoration: none;
  font-size: 0.8em;
  color: #030201;
}
.contact-us-list::after {
  content: "";
  width: 20px;
  height: 20px;
}
/*contact us section end*/
/*deposit method section*/
.deposit-method-in {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0.5em;
}
.deposit-method-list {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #ece8e8, #d9d5d5);
  border-radius: 0.25rem;
  padding: 0.5em 0.5em;
}
.deposit-method-list img.bank-logo-image {
  height: 15px;
}
.deposit-method-list span {
  margin-top: 0.5em;
}
.deposit-method-list span.online-status {
  height: 3px;
  border-radius: 0.15rem;
  background: #00e700;
  width: 100%;
}
.deposit-method-list span.offline-status {
  height: 3px;
  border-radius: 0.15rem;
  background: #f70000;
  width: 100%;
}
/*deposit method section end*/
/*game provider section*/
.our-partner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0.5em;
}
.our-partner-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0.5em;
}
.our-partner-list img {
  max-height: 25px;
}
/*game provider section end*/
/*footer section*/
footer.footer-section {
  background: #f946a1;
}
footer.footer-section p {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
footer.footer-section a {
  color: #030201;
}
/*footer section end*/
/*sidebar login*/
.sidebar-loginform {
  background: #f63ea1;
  border-radius: 0.25rem;
}
.frame-input-form-sidebar {
  background: #d4d4d4;
  border: 1px solid #030201;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25em 0.5em;
}
a.register-button-sidebar {
  text-decoration: none;
  background: #6a2981;
  display: block;
  color: #fdfdfd;
  width: 100%;
  border-radius: 0.25rem;
  font-size: 0.9em;
  text-align: center;
  padding: 0.6em 0em;
  border: none;
}
button {
  border: none;
}
button.login-button-sidebar {
  background: #fe9726;
  color: #fcfcfc;
  border-radius: 0.25rem;
  font-size: 0.9em;
  width: 100%;
  display: block;
  text-align: center;
  padding: 0.6em 0em;
  border: none;
}
ul.sidebar-game-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.sidebar-game-list li a {
  text-decoration: none;
  color: #030201;
}
ul.sidebar-game-list li a span.main-icon {
  width: 25px;
  height: 25px;
}
/*sidebar login end*/
/*accordion section*/
.modified-accordion .accordion-item {
  background: #f63ea1;
  border-radius: 0.25rem;
  border: none;
  margin-bottom: 8px;
}
.modified-accordion .accordion-item a {
  display: block;
  text-decoration: none;
  color: #030201;
}
.modified-accordion span.main-icon {
  width: 20px;
  height: 24px;
  font-size: 1.4em;
}
.modified-accordion span.main-icon::before {
  justify-content: center;
  align-items: center;
  display: flex;
}
button.accordion-button-modified {
  background: none;
  color: #030201;
}
button.accordion-button-modified::after {
  font-family: "iconfont";
  content: "\e301";
  margin-left: auto;
  font-size: 1em;
  font-weight: bold;
  transition: transform 0.2s ease-in-out;
}
button.accordion-button-modified:not(.collapsed)::after {
  font-family: "iconfont";
  content: "\e301";
  transform: rotate(-180deg);
  transition: transform 0.2s ease-in-out;
}
/*accordion secion end*/
/*modal dialog*/
.modal-content {
  background: #cecece;
}
.modified-modal-header {
  border-bottom: 1px solid #f94ca7;
}
.modified-modal-header::before {
  content: "";
  width: 20px;
  height: 20px;
}
.modified-modal-header span.title-dialog {
  font-size: 1.1em;
}
.modified-modal-header a {
  text-decoration: none;
}
.modified-modal-header a span.iconfont-close {
  color: #f94ca7;
  font-size: 1.4em;
}
.modal-body .row {
  border-bottom: 1px solid #030201;
}
.modal-body .row:last-child {
  border-bottom: none;
}
.modified-modal-footer {
  border-top: 1px solid #f94ca7;
}
/*modal dialog end*/
/*offcanvas section*/
.offcanvas-header::before {
  content: '';
  width: 34px;
  height: 34px;
}
.offcanvas-header a.close-offcanvas {
  color: #f94ca7;
  font-size: 1.7em;
  text-decoration: none;
}
.offcanvas {
  background: #fdfdfd;
}
a.sidebar-link {
  background: #f63ea1;
  color: #030201;
  text-decoration: none;
  margin-bottom: 8px;
  border-radius: 0.25rem;
}
/*offcanvas section end*/
/*mobile breakpoint*/
img.logo-image {
  height: 60px;
}
header.mobile-header {
  background: #fdfdfd;
}
nav.mobile-navbar button.sidebar-nav-button {
  background: #0e9dfc;
  padding: 0.25em 0.35em;
}
nav.mobile-navbar button.sidebar-nav-button span {
  font-size: 1.7em;
  color: #fcfcfc;
}
nav.mobile-navbar::after {
  content: "";
  width: 23px;
  line-height: 23px;
}
.main-menu-mobile-section {
  background: #0e9dfc;
}
.main-menu-mobile-section .swiper-button-next::after {
  color: #f94ca7;
  font-size: 1.1em;
}
.main-menu-mobile-section .swiper-button-prev::after {
  color: #f94ca7;
  font-size: 1.1em;
}
a.mobile-main-icon {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fcfcfc;
  width: 90px;
  padding: 1em 1.3em;
}
a.mobile-main-icon.active {
  background: #0e9dfc;
  color: linear-gradient(180deg, #187666 0%, #0C211D 100%);
}
a.mobile-main-icon span {
  font-size: 0.9em;
}
a.mobile-main-icon span.main-icon {
  font-size: 1.5em;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-and-register-mobile-section a {
  text-decoration: none;
  text-align: center;
  padding: 0.6em 0em;
}
.login-and-register-mobile-section a.login-button-mobile {
  background: #fe9726;
  color: #fcfcfc;
}
.login-and-register-mobile-section a.register-button-mobile {
  background: #6a2981;
  color: #fdfdfd;
}
.login-and-register-mobile-section a span {
  margin-right: 0.3em;
  font-size: 1.5em;
}
footer.footer-nav {
  background: linear-gradient(180deg, #f63ea1 0%, #f864b0 100%);
}
footer.footer-nav a {
  text-decoration: none;
  padding: 0.5em 0.6em;
  border-radius: 0.25rem;
}
footer.footer-nav a.footer-link {
  color: #fcfcfc;
}
footer.footer-nav a.footer-link.active {
  background: #1b053a;
  color: #fcfcfc;
}
span.footer-nav-icon::before {
  text-align: center;
  display: block;
  margin: 0px auto;
  font-size: 1.5em;
}
span.footer-nav-text {
  font-size: 0.9em;
  display: block;
  margin: 0px auto;
}
.user-wallet-section {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
a.wallet-link {
  text-decoration: none;
  color: #030201;
}
a.credit-link {
  text-decoration: none;
  color: #f94ca7;
  font-size: 1.1em;
}
.head-wallet-section .username-wallet span {
  font-size: 1.2em;
}
.head-wallet-section span {
  font-size: 1.4em;
  color: #f94ca7;
}
.body-wallet-section {
  border-top: 1px solid #f63ea1;
  border-bottom: 1px solid #f63ea1;
}
.footer-wallet-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-wallet-section a {
  text-decoration: none;
  text-align: center;
  justify-content: center;
  padding: 0.5em 0em;
  border-radius: 0.25rem;
  gap: 0.5em;
}
.footer-wallet-section a.withdraw-link {
  border: 1px solid #ffc107;
  color: #ffc107;
}
.footer-wallet-section a.transaction-link {
  border: 1px solid #0e80dd;
  color: #0e80dd;
}
.footer-wallet-section a.deposit-link {
  background: #6a2981;
  color: #030201;
  border: 1px solid #6a2981;
}
span.icon-credit-section {
  font-size: 1.4em;
}
.credit-on-offcanvas a {
  color: #f94ca7;
  font-size: 1.1em;
  text-decoration: none;
  padding: 0.8em 0.6em;
  position: relative;
}
.credit-on-offcanvas a span {
  font-size: 1.2em;
}
.credit-on-offcanvas a::after {
  content: "";
  position: absolute;
  background-image: url("../images/glow.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
}
/*mobile breakpoint end*/
/*Promotion page*/
.promotion-title {
  background: #f94ca7;
  width: 100%;
  color: #030201;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promotion-title span {
  margin: 0.5em 0em;
}
ul.promo-provider-list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.promo-provider-list li {
  aspect-ratio: 2/1;
  height: 28px;
  align-content: center;
  justify-content: center;
}
ul.promo-provider-list li img {
  display: block;
}
.promo-status-section {
  background: #bcbcbc;
}
.promo-status-section .date-area {
  width: 18%;
}
.promo-status-section .date-area p {
  padding: 0;
  margin: 0;
}
.promo-status-section .date-area p.promo-date {
  color: #030201;
  font-weight: bold;
  font-size: 1em;
}
.promo-status-section .date-area p.promo-month {
  color: #f94ca7;
  font-size: 0.9em;
}
.promo-status-section .date-area p.promo-year {
  color: #f94ca7;
  font-size: 0.8em;
}
.promo-status-section .promo-status-detail {
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*Promotion page end*/
/*Logged-in section*/
.right-top-section-logged-in {
  background: #bcbcbc;
  padding: 1em;
}
span.logout-word {
  font-size: 0.9em;
}
.logged-in-section a {
  text-decoration: none;
  color: #030201;
  padding: 0.4em 0.3em;
  border-radius: 0.25rem;
}
.logged-in-section a span {
  font-size: 1.2em;
  margin-right: 0.25em;
}
.logged-in-section a.username-logged-in {
  background: #0e9dfc;
}
.logged-in-section a.username-logged-in::after {
  font-family: 'iconfont';
  content: "\e301";
  font-size: 1em;
  margin-left: 0.5em;
}
.logged-in-section a.user-credit {
  background: #fe9726;
}
.logged-in-section a.deposit-link {
  background: #6a2981;
  color: #fdfdfd;
}
.main-title-section {
  text-align: center;
  border-bottom: 2px solid #f63ea1;
  margin-bottom: 1.5em;
}
.main-title-section-2 {
  text-align: center;
  background: #f63ea1;
}
.main-title-section-3 {
  text-align: center;
  background: #f63ea1;
  margin-bottom: 1em;
}
ul.main-menu-inside {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  list-style: none;
}
ul.main-menu-inside li.active,
ul.main-menu-inside li:hover {
  background: linear-gradient(180deg, #f63ea1 0%, #f864b0 100%);
}
ul.main-menu-inside li a {
  text-decoration: none;
  color: #030201;
  display: flex;
  align-items: center;
  padding: 1em 0.6em;
  position: relative;
}
ul.main-menu-inside li a span {
  font-size: 1.4em;
  margin-right: 0.3em;
}
ul.main-menu-inside li a::after {
  content: "";
  position: absolute;
  background-image: url("../images/glow.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
}
/*logged-in section end*/
/*table section*/
table.table-modified td {
  background: #e3e3e3;
  color: #030201;
}
table.table-modified td p {
  padding: 0;
  margin: 0;
}
table.table-transfer-destination {
  background: none;
  margin: 0;
  padding: 0;
  border: 1px solid #f63ea1;
}
table.table-transfer-destination thead tr th {
  background: none;
  color: #030201;
  text-align: center;
}
table.table-transfer-destination td {
  background: none;
  color: #030201;
  border: none;
}
table.table-transfer-destination tr td:nth-child(2) {
  text-align: center;
}
table.table-transfer-destination-2 {
  background: none;
  margin: 0;
  padding: 0;
  border: 1px solid #f63ea1;
}
table.table-transfer-destination-2 thead tr th {
  background: none;
  color: #030201;
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #f63ea1;
}
table.table-transfer-destination-2 thead tr th:nth-last-child {
  border-right: none;
}
table.table-transfer-destination-2 td {
  background: none;
  color: #030201;
  border-right: 1px solid #f63ea1;
}
table.table-transfer-destination-2 td:nth-last-child {
  border-right: none;
}
table.table-transfer-destination-2 tr td:nth-child(2) {
  text-align: center;
}
table.table-transfer-destination-2 tr td:nth-child(3) {
  text-align: center;
}
table.transaction-table thead tr th {
  background: none;
  color: #030201;
  text-align: center;
}
table.transaction-table thead tr th:nth-child(1) {
  width: 16%;
}
table.transaction-table thead tr th:nth-child(2) {
  width: 16%;
}
table.transaction-table thead tr th:nth-child(3) {
  width: 16%;
}
table.transaction-table thead tr th:nth-child(4) {
  width: 20%;
}
table.transaction-table thead tr th:nth-child(5) {
  width: 16%;
}
table.transaction-table thead tr th:nth-child(6) {
  width: 16%;
}
table.transaction-table tbody tr td {
  background: none;
  color: #030201;
  font-size: 0.9em;
  vertical-align: middle;
}
table.transaction-table tbody tr td:nth-child(1) {
  max-width: 135px;
}
table.transaction-table tbody tr td:nth-child(2) {
  max-width: 135px;
}
table.transaction-table tbody tr td:nth-child(3) {
  max-width: 135px;
}
table.transaction-table tbody tr td:nth-child(4) {
  text-align: center;
  max-width: 172px;
}
table.transaction-table tbody tr td:nth-child(5) {
  text-align: right;
}
table.transaction-table tbody tr td:nth-child(6) {
  text-align: right;
}
/*table section end*/
/*button style*/
.btn-primary {
  background: #0e9dfc;
  color: #fcfcfc;
  border: 1px solid #0e9dfc;
}
.btn-primary:hover {
  background: #0e9dfc;
  color: #fcfcfc;
  border: 1px solid #0e9dfc;
}
.btn-outline-primary {
  border: 1px solid #0e9dfc;
  color: #030201;
  background: none;
}
.btn-outline-primary:hover {
  border: 1px solid #0e9dfc;
  color: #fefefe;
  background: #0e9dfc;
}
.btn-secondary {
  background: #4D8065;
  color: #fefefe;
  border: 1px solid #4D8065;
}
.btn-secondary:hover {
  color: #fefefe;
  background: #426e56;
  border: 1px solid #4D8065;
}
.btn-outline-secondary {
  border: 1px solid #4D8065;
  color: #4D8065;
  background: none;
}
.btn-outline-secondary:hover {
  border: 1px solid #4D8065;
  color: #fefefe;
  background: #4D8065;
}
.btn-success {
  background: #198754;
  color: #fefefe;
  border: 1px solid #198754;
}
.btn-success:hover {
  color: #fefefe;
  background: #157347;
  border: 1px solid #198754;
}
.btn-outline-success {
  border: 1px solid #198754;
  color: #198754;
  background: none;
}
.btn-outline-success:hover {
  border: 1px solid #198754;
  color: #fefefe;
  background: #198754;
}
.btn-danger {
  background: #dc3545;
  color: #fefefe;
  border: 1px solid #dc3545;
}
.btn-danger:hover {
  color: #fefefe;
  background: #bb2d3b;
  border: 1px solid #dc3545;
}
.btn-outline-danger {
  border: 1px solid #dc3545;
  color: #dc3545;
  background: none;
}
.btn-outline-danger:hover {
  border: 1px solid #dc3545;
  color: #fefefe;
  background: #dc3545;
}
.btn-warning {
  background: #ffc107;
  color: #030201;
  border: 1px solid #ffc107;
}
.btn-warning:hover {
  color: #030201;
  background: #ffca2c;
  border: 1px solid #ffc107;
}
.btn-outline-warning {
  border: 1px solid #ffc107;
  color: #ffc107;
  background: none;
}
.btn-outline-warning:hover {
  border: 1px solid #ffc107;
  color: #030201;
  background: #ffc107;
}
.btn-info {
  background: #0e80dd;
  color: #fefefe;
  border: 1px solid #0e80dd;
}
.btn-info:hover {
  color: #fefefe;
  background: #0c71c3;
  border: 1px solid #0e80dd;
}
.btn-outline-info {
  border: 1px solid #0e80dd;
  color: #0e80dd;
  background: none;
}
.btn-outline-info:hover {
  border: 1px solid #0e80dd;
  color: #fefefe;
  background: #0e80dd;
}
.btn-light {
  background: #f8f9fa;
  color: #030201;
  border: 1px solid #f8f9fa;
}
.btn-light:hover {
  color: #030201;
  background: #d3d4d5;
  border: 1px solid #f8f9fa;
}
.btn-outline-light {
  border: 1px solid #f8f9fa;
  color: #f8f9fa;
  background: none;
}
.btn-outline-light:hover {
  border: 1px solid #f8f9fa;
  color: #030201;
  background: #f8f9fa;
}
.btn-dark {
  background: #212529;
  color: #fefefe;
  border: 1px solid #212529;
}
.btn-dark:hover {
  color: #fefefe;
  background: #424649;
  border: 1px solid #212529;
}
.btn-outline-dark {
  border: 1px solid #212529;
  color: #212529;
  background: none;
}
.btn-outline-dark:hover {
  border: 1px solid #212529;
  color: #fefefe;
  background: #212529;
}
/*button style end*/
/*media query*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
  img.popular-slot-image {
    height: 140px;
  }
  .last-slide-container-slot {
    height: 140px;
  }
  img.casino-thumbnail {
    height: 160px;
  }
  .last-slide-container-casino {
    height: 160px;
  }
  .promotion-frame {
    height: 200px;
  }
  span.heading2-promotion {
    font-size: 1.5em;
  }
  a.view-all-promo {
    font-size: 0.8em;
    width: 110px;
  }
  img.image-promo-coin {
    aspect-ratio: 1/1;
    height: 160px;
  }
  .download-apk-frame {
    max-height: 100px;
  }
  img.download-apk-image {
    height: 180px;
    margin-top: 25px;
  }
  img.qr-code-image {
    height: 70px;
    border: 2px solid transparent;
  }
  .download-apk-text {
    font-family: 'Kumbh Sans';
    width: 70%;
  }
  span.download-apk-statement {
    font-size: 1.1em;
  }
  .contact-us-in {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-us-list {
    padding: 0.5em 0.5em;
  }
  .contact-us-list img.image-social-media {
    height: 22px;
    margin-right: 5px;
  }
  .deposit-method-in {
    grid-template-columns: repeat(3, 1fr);
  }
  .deposit-method-list img.bank-logo-image {
    height: 12px;
  }
  .our-partner {
    grid-template-columns: repeat(3, 1fr);
  }
  .our-partner-list {
    padding: 0.5em 0.5em;
  }
  .our-partner-list img {
    max-height: 20px;
  }
  span.title-heading {
    font-size: 1.1em;
  }
  span.view-all-word {
    font-size: 0.8em;
    text-align: center;
  }
  .popular-slot .swiper {
    padding-left: 0.5rem !important;
  }
  .popular-slot .swiper-button-next::after {
    font-size: 2em;
  }
  .popular-slot .swiper-button-prev::after {
    font-size: 2em;
  }
  .lottery-container .swiper {
    padding-left: 0.7rem !important;
  }
  .lottery-container .swiper-button-next::after {
    font-size: 2em;
  }
  .lottery-container .swiper-button-prev::after {
    font-size: 2em;
  }
  .head-section-lottery {
    font-size: 0.8em;
  }
  .casino-section .swiper {
    padding-left: 0.7rem !important;
  }
  .casino-section .swiper-button-next::after {
    font-size: 2em;
  }
  .casino-section .swiper-button-prev::after {
    font-size: 2em;
  }
  a.title-link-heading {
    padding: 0 0.7rem 0 0.7rem;
  }
  .download-apk-frame {
    max-height: 120px;
  }
  img.download-apk-image {
    height: 210px;
    margin-top: 20px;
  }
  img.qr-code-image {
    height: 70px;
  }
  .download-apk-text {
    width: 60%;
  }
  span.download-apk-statement {
    font-size: 1.4em;
    margin-bottom: 8px;
  }
  img.market-logo {
    aspect-ratio: 1/1;
    height: 20px;
  }
  a.lottery-play-link {
    width: 60px;
    font-size: 0.8em;
  }
  span.result-date {
    width: 80px;
  }
  span.market-time-period {
    font-size: 0.7em;
  }
  .last-slide-container-lottery {
    aspect-ratio: 1/1.18;
    height: 184.567px;
  }
  .content-column {
    background: #fdfdfd;
  }
  button.nav-link-modified {
    width: 100px;
  }
  ul.promo-provider-list {
    grid-template-columns: repeat(5, 1fr);
  }
  ul.promo-provider-list li {
    height: 24px;
  }
  ul.pagination-list li {
    font-size: 0.9em;
  }
  ul.pagination-list li a {
    height: 28px;
  }
  ul.pagination-list li a span {
    font-size: 1.2em;
  }
  .promo-status-section {
    background: #e3e3e3;
  }
  .button-detail-promotion .btn {
    font-size: 0.9em;
  }
  .main-content-inside {
    background: #bcbcbc;
  }
  button.nav-link-modified-2 {
    font-size: 0.8em;
  }
  .qris-info {
    font-size: 0.9em;
  }
  .qris-info span {
    font-size: 1.2em;
  }
  .table-transfer-destination-2 {
    font-size: 0.8em;
  }
  table.transaction-table thead tr th {
    font-size: 0.8em;
    /*
                        &:nth-child(1){
                            width:10%;
                        } 
                        */
  }
  table.transaction-table thead tr th:nth-child(4) {
    width: 12%;
  }
  table.transaction-table tbody tr td {
    background: none;
    color: #030201;
    font-size: 0.8em;
    padding: 0.5em 0em;
    /*
                        &:nth-child(1){
                            max-width: 20px;
                        } 
                        */
  }
  table.transaction-table tbody tr td:nth-child(4) {
    text-align: center;
    max-width: 25px;
  }
  .popular-slot .container {
    padding: 0;
    margin: 0;
  }
  .lottery-container .container {
    padding: 0;
    margin: 0;
  }
  .casino-section .container {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  img.popular-slot-image {
    height: 135px;
  }
  .last-slide-container-slot {
    height: 135px;
  }
  .contact-us-in {
    grid-template-columns: repeat(3, 1fr);
  }
  .deposit-method-in {
    grid-template-columns: repeat(4, 1fr);
  }
  .our-partner {
    grid-template-columns: repeat(5, 1fr);
  }
  .our-partner-list {
    padding: 0.5em 0.5em;
  }
  .our-partner-list img {
    max-height: 17px;
  }
  .download-apk-frame {
    max-height: 120px;
  }
  img.download-apk-image {
    height: 210px;
    margin-top: 20px;
  }
  img.qr-code-image {
    height: 70px;
  }
  .download-apk-text {
    width: 60%;
  }
  span.download-apk-statement {
    font-size: 1.4em;
    margin-bottom: 8px;
  }
  .content-column {
    background: #fdfdfd;
  }
  ul.promo-provider-list {
    grid-template-columns: repeat(5, 1fr);
  }
  ul.promo-provider-list li {
    height: 28px;
  }
  .promo-status-section {
    background: #e3e3e3;
  }
  .main-content-inside {
    background: #bcbcbc;
  }
  button.nav-link-modified-2 {
    font-size: 0.9em;
  }
  table.transaction-table thead tr th {
    font-size: 0.8em;
  }
  table.transaction-table tbody tr td {
    font-size: 0.7em;
  }
  .popular-slot .container {
    padding: 1em;
  }
  .lottery-container .container {
    padding: 1em;
  }
  .casino-section .container {
    padding: 1em;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 768px) and (max-width: 992px) {
  .our-partner {
    grid-template-columns: repeat(5, 1fr);
  }
  .our-partner-list img {
    max-height: 20px;
  }
  .download-apk-frame {
    max-height: 180px;
  }
  img.download-apk-image {
    height: 280px;
    margin-top: 20px;
  }
  img.qr-code-image {
    height: 100px;
    border: 2px solid transparent;
  }
  span.download-apk-statement {
    font-size: 1.5em;
  }
  span.title-heading {
    font-size: 1.2em;
  }
  .contact-us-in {
    grid-template-columns: repeat(4, 1fr);
  }
  .contact-us-list {
    padding: 0.5em 0.5em;
  }
  .contact-us-list img.image-social-media {
    height: 23px;
  }
  .deposit-method-in {
    grid-template-columns: repeat(5, 1fr);
  }
  .deposit-method-list img.bank-logo-image {
    height: 15px;
  }
  .our-partner-list img {
    max-height: 20px;
  }
  ul.promo-provider-list {
    grid-template-columns: repeat(5, 1fr);
  }
  ul.promo-provider-list li {
    height: 24px;
  }
  a.side-provider-link {
    padding: 1em 0em;
  }
  a.side-provider-link img {
    height: 15px;
  }
  ul.main-menu-inside li a {
    padding: 0.8em 0.6em;
    font-size: 0.9em;
  }
  ul.main-menu-inside li a span {
    font-size: 1.3em;
    margin-right: 0.2em;
  }
  .tab-content {
    font-size: 0.9em;
  }
  table.transaction-table thead tr th {
    font-size: 0.9em;
  }
  table.transaction-table tbody tr td {
    font-size: 0.8em;
  }
}
@media (min-width: 993px) and (max-width: 1120px) {
  .our-partner-list img {
    max-height: 20px;
  }
}
.input-field-text.form-control {
  padding: 0rem 0.25rem !important;
  border: none !important;
}
.list-of-selection {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.5em;
  font-size: 0.9em;
}
.list-of-selection label.btn-deposit-account,
.list-of-selection li a {
  text-decoration: none;
  border: 1px solid #0e9dfc;
  color: #030201;
  text-align: center;
  display: block;
  padding: 0.5em 0em;
  cursor: pointer;
}
.list-of-selection label.btn-deposit-account.active,
.list-of-selection li a.active,
.list-of-selection label.btn-deposit-account:hover,
.list-of-selection li a:hover {
  background: #0e9dfc;
}
.list-of-selection .btn-check:checked + .btn-deposit-account {
  background: #0e9dfc !important;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
  .list-of-selection {
    grid-template-columns: repeat(3, 1fr);
  }
}