@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPy-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2PHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxswWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wqPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew8.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');
}
/*button color*/
/*button color end*/
@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: '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;
}
@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;
}
.mainicon-all_games:before {
  content: "\e101";
}
.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: "Lato", sans-serif;
  color: #fcfcfc;
  background: #131620;
}
*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}
input {
  outline: none;
  border: none;
  color: #030201;
}
input:focus {
  outline: none;
}
span.big-title {
  color: #FFC701;
}
.container {
  max-width: 1000px;
}
img.icon-image-sidebar {
  width: 20px;
}
img.side-provider-image {
  width: 90px;
}
img.icon-image-sidebar-main {
  height: 40px;
}
.main-content-in {
  background: #20273d;
  font-size: 0.9em;
}
a.transaction-ref-id-link {
  color: #FFC701;
  text-decoration: none;
  max-width: 171px;
}
a.transaction-detail-link {
  text-decoration: none;
  color: #fcfcfc;
  max-width: 136px;
}
button.nav-link-modified {
  width: 110px;
  padding: 0.5em 1em;
  border-radius: 0rem;
  background: none;
  margin-right: 0.5em;
  font-size: 0.9em;
  color: #fcfcfc;
}
button.nav-link-modified.active,
button.nav-link-modified:hover {
  background: #FFC701;
  color: #030201;
}
button.nav-link-modified-2 {
  padding: 0.5em 1em;
  background: none;
  margin-right: 0.5em;
  font-size: 0.9em;
  color: #fcfcfc;
}
button.nav-link-modified-2.active,
button.nav-link-modified-2:hover {
  background: #FFC701;
  color: #030201;
}
button.filter-button {
  width: 100%;
  padding: 0.2em 1em;
}
.minus-amount {
  color: #f70000;
}
.plus-amount {
  color: #00e700;
}
ul.nav-pills-modified {
  border-bottom: 1px solid #FFC701;
}
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: #FFC701;
  color: #030201;
}
ul.pagination-list li a {
  display: flex;
  padding: 0.25em 0.5em;
  height: 30px;
  border-top: 1px solid #FFC701;
  border-right: 0px solid #FFC701;
  border-bottom: 1px solid #FFC701;
  border-left: 1px solid #FFC701;
  align-items: center;
  text-decoration: none;
  color: #fcfcfc;
}
ul.pagination-list li a span {
  font-size: 1.3em;
}
ul.pagination-list li.next-link a {
  border-right: 1px solid #FFC701;
}
.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 li a {
  text-decoration: none;
  border: 1px solid #FFC701;
  color: #fcfcfc;
  text-align: center;
  display: block;
  padding: 0.5em 0em;
  cursor: pointer;
}
.list-of-selection li a.active,
.list-of-selection li a:hover {
  background: #FFC701;
  color: #030201;
}
.btn {
  border-radius: 0;
}
span.running-status {
  color: #f8f9fa;
}
span.cancel-status {
  color: #ffc107;
}
span.completed-status {
  color: #198754;
}
.main-content-inside {
  font-size: 0.9em;
}
.sidebar-menu-main {
  background: #20273d;
}
.sidebar-menu-main a.menu-in-section {
  display: block;
  text-decoration: none;
  color: #fcfcfc;
  padding: 0.5em 0em 0.5em 0.35em;
  border-bottom: 1px solid #FFC701;
  border-right: 1px solid #FFC701;
  border-left: 1px solid #FFC701;
}
.sidebar-menu-main a.menu-in-user-credit {
  display: block;
  text-decoration: none;
  color: #FFC701;
  padding: 0.5em 0em 0.5em 0.35em;
  border-bottom: 1px solid #FFC701;
  border-right: 1px solid #FFC701;
  border-left: 1px solid #FFC701;
}
/*table section*/
table {
  font-size: 0.9em;
}
table.table-modified {
  width: 100% !important;
}
table.table-modified td {
  background: #20273d;
  color: #fcfcfc;
}
table.table-modified td p {
  padding: 0;
  margin: 0;
}
table.table-transfer-destination {
  background: none;
  margin: 0;
  padding: 0;
  border: 1px solid #FFC701;
}
table.table-transfer-destination thead tr th {
  background: none;
  color: #fcfcfc;
  text-align: center;
}
table.table-transfer-destination td {
  background: none;
  color: #fcfcfc;
  border: none;
}
table.table-transfer-destination tr td:nth-child(2) {
  text-align: center;
}
table.transaction-table thead tr th {
  background: none;
  color: #fcfcfc;
  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: #fcfcfc;
  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.table-transfer-destination-2 {
  background: none;
  margin: 0;
  padding: 0;
  border: 1px solid #FFC701;
}
table.table-transfer-destination-2 thead tr th {
  background: none;
  color: #fcfcfc;
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #FFC701;
}
table.table-transfer-destination-2 thead tr th:nth-last-child {
  border-right: none;
}
table.table-transfer-destination-2 td {
  background: none;
  color: #fcfcfc;
  border-right: 1px solid #FFC701;
}
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 section end*/
/*after login section*/
a.menu-in-section {
  display: block;
  text-decoration: none;
  color: #fcfcfc;
  padding: 0.5em 0em 0.5em 0.35em;
  border: 1px solid transparent;
}
a.menu-in-section:hover,
a.menu-in-section.active {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-in-section-area {
  background: #20273d;
}
/*after login section end*/
/* head-section*/
.head-top-part {
  background: #131620;
  border-bottom: 1px solid #41434b;
}
a.contact-us-item {
  font-size: 0.9em;
  text-decoration: none;
  color: #fcfcfc;
}
a.download-apk {
  text-decoration: none;
  font-size: 0 0.5em;
  color: #FFC701;
}
a.language-selection {
  display: flex;
  align-items: center;
  text-decoration: none;
}
a.language-selection::after {
  font-family: "iconfont";
  content: "\e301";
  font-weight: bold;
  margin-left: 0.35em;
  color: #FFC701;
}
.dropdown-contact-us {
  background: #131620;
  border: 1px solid #FFC701;
  min-width: 8rem;
  padding-left: 0.8em;
  font-size: 0.9em;
}
.dropdown-contact-us li {
  margin-bottom: 0.5em;
}
a.contact-us-item-small {
  text-decoration: none;
  color: #fcfcfc;
}
a.contact-us-item-small::after {
  font-family: "iconfont";
  content: "\e301";
  font-weight: bold;
  margin-left: 0.35em;
  color: #FFC701;
  border-top: none;
}
.language-selection-section {
  border-left: 1px solid #FFC701;
  padding-left: 0.8em;
}
img.contact-us-symbol {
  width: 20px;
  height: 20px;
  margin-right: 0.8em;
}
img.logo-brand {
  aspect-ratio: 4/1;
  max-height: 40px;
}
.most-top-part-section {
  font-size: 0.8em;
}
.time-date-section {
  color: #FFC701;
}
.head-top-mid {
  background: #20273d;
}
.frame-input-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 150px;
}
.frame-input-form {
  background-color: #ffffff;
  height: 25px;
  padding: 0 0.3em;
}
input.input-field-text {
  width: 100%;
  height: 100%;
  font-size: 0.8em;
}
input.input-field-text::placeholder {
  color: #030201;
  opacity: 0.5;
}
span.eyes-symbol-button {
  color: #030201;
}
button {
  border: none;
}
button.login-button {
  background: #8132f7;
  padding: 0;
  margin: 0;
  color: #fcfcfc;
  width: 70px;
  justify-content: center;
  height: 25px;
  font-size: 0.8em;
}
a.register-button {
  text-decoration: none;
  background: #FFC701;
  height: 25px;
  display: flex;
  align-items: center;
  color: #030201;
  width: 70px;
  justify-content: center;
  font-size: 0.8em;
}
button.sidebar-nav-button {
  background: #FFC701;
}
button.sidebar-nav-button span {
  font-size: 1.7em;
  color: #030201;
}
.navigation-section-area::after {
  content: "";
  width: 23px;
  line-height: 23px;
  display: block;
}
/* head-section end*/
/*login and register button section*/
.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: #8132f7;
  color: #fcfcfc;
}
.login-and-register-mobile-section a.register-button-mobile {
  background: #FFC701;
  color: #030201;
}
.login-and-register-mobile-section a span {
  margin-right: 0.3em;
  font-size: 1.5em;
}
/*login and register button section end*/
/*modal dialog*/
.modal-content {
  background: #20273d;
}
.modified-modal-header {
  border-bottom: 1px solid #FFC701;
}
.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: #FFC701;
  font-size: 1.4em;
}
.modal-body .row {
  border-bottom: 1px solid #fcfcfc;
}
.modal-body .row:last-child {
  border-bottom: none;
}
.modified-modal-footer {
  border-top: 1px solid #FFC701;
}
/*modal dialog end*/
/*form login section*/
.login-form {
  background: #20273d;
}
/*form login section end*/
/*registration form section*/
.registration-form {
  background: #20273d;
}
span.asterisk-required-icon {
  color: #f70000;
  margin-left: 0.25rem;
}
p.small-text {
  padding: 0;
  margin: 0;
  font-size: 0.7em;
}
select.form-select {
  padding: 0;
  border: none;
  font-size: 0.9em;
}
select.form-select option {
  font-family: 'Averta Standard';
}
button.refresh-captcha-button {
  background: none;
  border: none;
}
.icon-input {
  color: #030201;
}
span.title-description {
  font-size: 0.8em;
}
/*registration form section end*/
/*promotion section*/
.promotion-section {
  background: #131620;
}
.promotion-frame {
  height: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.promotion-title {
  background: #131620;
  width: 100%;
  color: #fcfcfc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promotion-title span {
  margin: 0.5em 0em;
}
a.promo-banner-link {
  text-decoration: none;
  color: #fcfcfc;
}
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;
}
span.heading1-promotion {
  color: #fcfcfc;
}
span.heading2-promotion {
  color: #fcfcfc;
  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*/
/*sidebar login*/
.sidebar-loginform {
  background: #20273d;
  border-radius: 0;
}
.frame-input-form-sidebar {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0;
  padding: 0.25em 0.5em;
}
a.register-button-sidebar {
  text-decoration: none;
  background: #FFC701;
  display: block;
  color: #030201;
  width: 100%;
  border-radius: 0rem;
  font-size: 0.9em;
  text-align: center;
  padding: 0.6em 0em;
  border: none;
}
button {
  border: none;
}
button.login-button-sidebar {
  background: #8132f7;
  color: #fcfcfc;
  border-radius: 0rem;
  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: #fcfcfc;
}
ul.sidebar-game-list li a span.main-icon {
  width: 25px;
  height: 25px;
}
span.sidebar-download-apk {
  font-size: 1.25em;
}
.sidebar-link a {
  text-decoration: none;
  color: #fcfcfc;
}
a.main-icon-link {
  border: 1px solid #FFC701;
}
/*sidebar login end*/
/*offcanvas section*/
.offcanvas-header::before {
  content: '';
  width: 34px;
  height: 34px;
}
.offcanvas-header a.close-offcanvas {
  color: #FFC701;
  font-size: 1.7em;
  text-decoration: none;
}
.offcanvas {
  background: #131620;
}
.sidebar-link {
  background: #20273d;
  color: #fcfcfc;
  text-decoration: none;
  margin-bottom: 8px;
  border-radius: 0rem;
}
/*offcanvas section end*/
/*accordion section*/
.modified-accordion .accordion-item {
  background: #20273d;
  border-radius: 0rem;
  border: none;
  margin-bottom: 8px;
}
.modified-accordion .accordion-item a {
  display: block;
  text-decoration: none;
  color: #fcfcfc;
}
.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: #fcfcfc;
}
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*/
/*main content section*/
.big-title-heading {
  background: #FFC701;
  color: #030201;
  font-size: 1.2em;
}
a.register-link {
  color: #FFC701;
  text-decoration: none;
}
/*main content section end*/
/*special lottery section*/
.lottery-special-out {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 15px;
}
.lottery-special-head {
  font-size: 0.9em;
  padding: 0.5em 0em 0em 0em;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.lottery-special-body {
  font-size: 2.5em;
  padding: 0.2em 0em;
}
span.lottery-head-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  text-align: center;
}
.lottery-special-footer {
  font-size: 0.7em;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.5em 0em;
}
a.lottery-special-link {
  text-decoration: none;
  color: #fcfcfc;
  text-align: center;
  border: 1px solid #fcfcfc;
  width: 100px;
}
/*special lottery section end*/
/*footer nav mobile*/
footer.footer-nav {
  background: #FFC701;
}
footer.footer-nav a {
  text-decoration: none;
  padding: 0.3em 0.3em;
  border-radius: 0rem;
}
footer.footer-nav a.footer-link {
  color: #030201;
}
footer.footer-nav a.footer-link.active {
  background: #030201;
  color: #fcfcfc;
}
img.footer-nav-mobile-icon {
  height: 23px;
}
.footer-nav-icon {
  font-size: 1.437em;
}
span.footer-nav-text {
  font-size: 0.8em;
}
/*footer nav mobile end*/
/*main icon section*/
.main-icon-section {
  background: #131620;
}
a.mobile-main-icon {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fcfcfc;
  width: 60px;
  padding: 0.5em 1em;
}
a.mobile-main-icon.active,
a.mobile-main-icon:hover {
  color: #FFC701;
}
a.mobile-main-icon span {
  font-size: 0.8em;
}
a.mobile-main-icon span.main-icon {
  font-size: 1.5em;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
img.icon-image {
  width: 38px;
  height: 38px;
  aspect-ratio: 1/1;
}
/*main icon section end*/
/*jackpot section*/
.jackpot-section {
  background: #20273d;
}
.jackpot-section-inside {
  background-image: url('../images/progressive-jackpot-bg.gif');
  aspect-ratio: 4.7/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%;
  background-position: center center;
  max-height: 136px;
}
span.jackpot-amount {
  font-family: 'digital-advance-font';
  font-size: 1.5em;
  text-shadow: 0 0 5px #FFC701, 0 0 10px #FFC701, 0 0 20px #FFC701, 0 0 30px #FFC701, 0 0 40px #FFC701;
}
/*jackpot section end*/
/*login area*/
.logged-in-section {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.9em;
}
a.username-section {
  text-decoration: none;
  color: #FFC701;
}
a.credit-section {
  text-decoration: none;
  color: #fcfcfc;
}
a.logout-button {
  text-decoration: none;
  background: #f4061e;
  color: #fcfcfc;
}
/*login area end*/
/*promotion section*/
a.promotion-section {
  background: #20273d;
  border: 1px solid #FFC701;
  height: 100%;
  text-decoration: none;
  color: #FFC701;
}
span.big-promotion-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 2em;
}
img.promotion-image {
  aspect-ratio: 1/1;
  height: 60px;
}
/*promotion section end*/
/*deposit method section*/
.banking-section {
  background: #131620;
}
.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: 0rem;
  padding: 0.5em 0.5em;
}
.deposit-method-list img.bank-logo-image {
  width: 87px;
  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*/
/*user wallet section*/
.user-wallet-section {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.8em;
}
a.wallet-link {
  text-decoration: none;
  color: #fcfcfc;
}
a.credit-link {
  text-decoration: none;
  color: #FFC701;
  font-size: 1.1em;
}
.head-wallet-section .username-wallet span {
  font-size: 1.2em;
}
.head-wallet-section span {
  font-size: 1.4em;
  color: #FFC701;
}
.body-wallet-section {
  border-top: 1px solid #FFC701;
  border-bottom: 1px solid #FFC701;
}
.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: #FFC701;
  color: #030201;
  border: 1px solid #FFC701;
}
/*user wallet section end*/
/*running text section*/
.runningtext-section {
  background: #131620;
}
.running-text-frame {
  border: 1px solid #FFC701;
}
.running-text-ornament {
  color: #fcfcfc;
  background: #FFC701;
  display: flex;
  align-items: center;
}
.running-text-ornament span.icon-ornament {
  color: #030201;
}
.running-text-content {
  color: #fcfcfc;
  width: 100%;
  font-size: 0.8em;
}
/*running text section end*/
/*popular games section*/
.popular-games-section {
  background: #131620;
}
.container-title {
  background: #FFC701;
  color: #030201;
  display: inline-block;
  padding: 0 0.5em;
  font-size: 0.9em;
}
.container-content {
  border: 1px solid #FFC701;
}
img.popular-slot-image {
  aspect-ratio: 1/1.39;
  height: 140px;
  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;
  padding: 0em 0.5em;
}
.game-title-container .game-title-section span {
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.game-link {
  text-decoration: none;
  color: #fcfcfc;
}
/*popular games section end*/
/*scroll section*/
.scroll-container {
  position: relative;
}
.scroll-items-container {
  overflow-x: scroll;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  display: flex;
}
.scroll-items-container > .scroll-item {
  scroll-snap-stop: normal;
  scroll-snap-align: start;
  scroll-margin: 20px;
}
.scroll-item:last-child a.provider-select {
  margin-right: 0;
}
.scroll-controls .btnPrev,
.scroll-controls .btnNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.scroll-controls .btnPrev {
  left: 0;
  border: none;
  background: none;
  color: #FFC701;
}
.scroll-controls .btnNext {
  right: 0;
  border: none;
  background: none;
  color: #FFC701;
}
span.scroll-span {
  font-size: 2em;
  font-weight: bold;
}
span.scroll-span-big {
  font-size: 3em;
  font-weight: bold;
}
.horizontal-scroll-content {
  width: 117.2px;
  min-width: 117.2px;
}
.horizontal-game-scroll {
  margin: 0 0.5em 0 0;
  display: flex;
  align-items: center;
  background: #131620;
}
a.side-provider-link {
  padding: 0.4em;
}
a.side-provider-link.active {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
/*scroll section end*/
/*game content section*/
.game-link-2 {
  text-decoration: none;
  color: #fcfcfc;
  display: block;
  position: relative;
}
ul.new-promo-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0.25rem;
  left: -2px;
  width: 100%;
}
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;
}
.game-title-container-2 {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.game-title-container-2::after {
  content: "";
  position: absolute;
  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: 1em;
}
.provider-title-part {
  text-align: center;
  font-size: 0.9em;
}
/*game content section end*/
/*game provider section*/
.our-partner-section {
  background: #20273d;
}
.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: 22px;
}
/*game provider section end*/
/*article section*/
.article-section {
  background: #20273d;
}
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: #fcfcfc;
  background: #FFC701;
  text-align: center;
}
/*article section end*/
/*footer section*/
.footer-section {
  background: #131620;
}
.footer-section p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.footer-section a {
  text-decoration: none;
  color: #FFC701;
}
/*footer section end*/
/*button style*/
.btn-primary {
  background: #FFC701;
  color: #030201;
  border: 1px solid #FFC701;
}
.btn-primary:hover {
  background: #dcad04;
  color: #030201;
  border: 1px solid #FFC701;
}
.btn-outline-primary {
  border: 1px solid #FFC701;
  color: #fefefe;
  background: none;
}
.btn-outline-primary:hover {
  border: 1px solid #FFC701;
  color: #fefefe;
  background: #FFC701;
}
.btn-secondary {
  background: #6c757d;
  color: #fefefe;
  border: 1px solid #6c757d;
}
.btn-secondary:hover {
  color: #fefefe;
  background: #606366;
  border: 1px solid #6c757d;
}
.btn-outline-secondary {
  border: 1px solid #606366;
  color: #606366;
  background: none;
}
.btn-outline-secondary:hover {
  border: 1px solid #606366;
  color: #fefefe;
  background: #606366;
}
.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*/
@media (min-width: 768px) and (max-width: 992px) {
  .deposit-method-in {
    grid-template-columns: repeat(6, 1fr);
  }
  .deposit-method-list {
    padding: 0.3em;
  }
  .deposit-method-list img.bank-logo-image {
    width: 82px;
    height: 10px;
  }
  span.promotion-title {
    font-size: 1.6em;
  }
  img.promotion-image {
    aspect-ratio: 1/1;
    height: 50px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .deposit-method-in {
    grid-template-columns: repeat(5, 1fr);
  }
  span.title-description {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 576px) {
  .deposit-method-in {
    grid-template-columns: repeat(3, 1fr);
  }
  .deposit-method-list img.bank-logo-image {
    height: 10px;
  }
  .our-partner {
    grid-template-columns: repeat(6, 1fr);
  }
  .our-partner-list {
    padding: 0.8em 0.3em;
  }
  .our-partner-list img {
    max-height: 15px;
  }
  img.popular-slot-image {
    aspect-ratio: 1/1.39;
    height: 110px;
  }
  .horizontal-scroll-content {
    width: 98.2px;
    min-width: 98.2px;
  }
  span.title-description {
    font-size: 0.7em;
  }
  ul.promo-provider-list {
    grid-template-columns: repeat(5, 1fr);
  }
  .main-content-in {
    background: #20273d;
    font-size: 0.8em;
  }
  .main-content-inside {
    font-size: 0.8em;
  }
}
/*media query end*/
.logged-in-section .deposit-button {
  background: #FFC701;
  color: #030201;
  border: 1px solid #FFC701;
  text-decoration: none;
}
.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 #FFC701;
  color: #fcfcfc;
  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: #FFC701;
  color: #030201;
}
.list-of-selection .btn-check:checked + .btn-deposit-account {
  background: #FFC701 !important;
  color: #030201;
}
.input-field-text.form-control {
  padding: 0rem 0.25rem !important;
  border: none !important;
}
a.side-provider-link {
  padding: 0.4em;
  height: 55px;
  width: 110px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}
a.side-provider-link.active,
a.side-provider-link:hover {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}